/*
Version: 1.1
*/
/*****************************************
dgreen common css
header & footer only!
*****************************************/
/*=======================================
common
=======================================*/
/*body
_______________________________________*/
body{
	font-family: 'Noto Sans JP',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','MS UI Gothic',sans-serif !important;
	color: #262626;
	font-size: 14px;
}
.breadcrumbs__list{
	background: #f2f6f8;
}

.breadcrumbs__item:first-child{
	text-transform: uppercase;
}
.breadcrumbs ol li:last-child a{
	    border-bottom: 1px solid #ccc;
}

/*pc*/
@media all and (min-width:1000px) {
	.sp{
		display: none;
	}
	.breadcrumbs__list{
		padding: 15px 20px 15px 130PX!important;
	}
	.breadcrumbs__list.list2{
		padding: 0 20px 15px 130px !important;
	}
	.sp2{
		display:none;
	}
}
/*sp*/
@media all and (max-width:999px) {
	.pc{
		display: none;
	}
	.breadcrumbs__list{
		padding: 15px 20px !important;
	}
	.breadcrumbs__list.list2{
		padding: 0 20px 15px !important;
	}
	.sp2{
		display:none;
	}
}
/*sp*/
@media all and (max-width:767px) {
	.sp2{
display: inline;
	}
}
/*font
_______________________________________*/
.quick{
	font-family: 'Quicksand','Small Fonts','Verdana','Avenir Next','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;
	font-weight: 300;
}
.noto{
	font-family: 'Noto Sans JP',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','MS UI Gothic',sans-serif;
}
h3{
	font-size: 15px !important;
  font-weight: 500;
  color: #07215c;
}
/*etc
_______________________________________*/
.clear{
	clear: both;
}


/*=======================================
header
=======================================*/
/*header
_______________________________________*/
header {
	position: absolute !important;
  width: 100%;
	background: rgba(0, 0, 0, 0.0);
	z-index: 99999;
}
header.scroll {
	background: linear-gradient(157deg, rgba(120,201,216,1) 0%, rgba(8,32,91,1) 100%) !important;
	position: fixed !important;
	left: 0;
}
.has-fixed-header .site-header{
	background: rgba(255, 255, 255, 0);
	box-shadow: none !important;
}
@media (min-width: 769px){
.header-type--row1 .site-branding {
    padding: 8px 0 !important;
}
}

header.scroll .site-branding .site-title img{
	max-width: 60px;
}
header .notranslate{
	border: 1px solid #fff;
	width: 100px;
	height: 30px;
	padding: 0px 14px;
	background: no-repeat;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2 !important;
}

/*pc*/
@media all and (min-width:1000px) {
	.global-nav__menu a{
		font-size: 14px;
	}
	#menu-item-90{
		display: none;
	}
	header {
		height: 136px;
		padding: 40px 3%;
	}
	.site-branding .site-title img{
		max-width: 90px;
	}
	header.scroll {
		padding: 15px 3%;
		height: 94px;
	}
	header .notranslate{
		text-align: center;
		margin: 17px 0 0 40px;
	}
	.header-type--row1 .global-nav{
		margin-top: 15px;
	}
}
/*sp*/
@media all and (max-width:999px) {
	.global-nav__toggle.is-open+.global-nav{
		background: linear-gradient(164deg, rgba(120,201,216,1) 36%, rgba(17,46,102,1) 100%) !important;
	}
	.global-nav__menu a{
		font-size: 17px;
		text-align: center;
		padding: 1em .5em!important;
	}
	header {
		padding: 10px 3%;
	}
	.site-branding .site-title img{
		max-width: 80px;
	}
	header.scroll {
		padding: 10px 3%;
		height: 75px;
	}
	header .notranslate{
    position: absolute;
    top: 20px;
    right: 80px;
	}
	.global-nav__toggle .ys-icon, .global-nav__toggle svg {
    width: 40px !important;
    height: 40px !important;
}
.site-branding {
    padding: .8em 2em .5em 0!important;
}
header.scroll .site-branding .site-title img {
    max-width: 50px;
}
}
@media (min-width: 769px){
  .global-nav__menu>.menu-item {
    margin-left: 2em !important;
  }
}

@media (max-width: 767px){
.site-branding .site-title img{
	max-width: 50px;
}
header .notranslate{
	top: 14px;
}
.site-branding {
    padding: .5em 2em .5em 0!important;
}
}

/*=======================================
footer contact
=======================================*/
#footer-contact-wrap{
	background: #F2F6F8;
}
#footer-contact-wrap p{
	line-height: 2;
}
#footer-contact-wrap p span.maru{
	font-size: 15px;
  line-height: 4;
  vertical-align: middle;
}
#footer-contact-wrap p span.ten{
	line-height: 2;
	vertical-align: middle;
	margin: 0 2px;
}
#footer-contact-wrap p span.text{
	line-height: 2;
  vertical-align: sub;
}


input[type="radio"]{display:none;}
.tab_area{
	font-size:0; margin:0 10px;
}

.tab_area label span{
  width: 100%;
  display: inline-block;
	padding: 0 0 16px 0;
	font-size: 17px;
}
#tab1:checked ~ .tab_area .tab1_label span,
#tab2:checked ~ .tab_area .tab2_label span{
	border-bottom: 1px solid #D9D9D9;
}

.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}

.tab_wrap .left{}
.tab_wrap .left p:first-child {
	display: none;
}
.tab_wrap .title{
	display: block;
	float: left;
	padding: 8px 0;
}
.tab_wrap .title span.check{
	margin: 0 0 0 4px;
}
.wpcf7-list-item-label{
	text-align: center;
}
.tab_wrap .left input.mail{
	width: 100%;
  display: block;
  max-width: 100%;
}

.tab_wrap form label{}


.panel_area .btn03{
	text-align: center !important;
	margin: 60px auto 0;
}

.privacy-wrap p{
	text-align: left !important;
	line-height: 1.2;
}

.tab_wrap .message{
	height: 405px;
}


.privacy-wrap{
	margin: 50px 0 40px;

}

.privacy{
	border: 1px solid #BEBEBE;
  height: 195px;
	overflow-y: scroll;
}
.privacy::-webkit-scrollbar {
    width: 18px;
    background: #D6D6D6;
}
.privacy::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #535353;
}
.privacy p.bold{}
.privacy p{}
div.wpcf7 .wpcf7-submit,
div.wpcf7 .wpcf7-confirm,
div.wpcf7 .wpcf7-back{
	line-height: 0;
	font-size: 15px;
  letter-spacing: .2em;
	padding: 0 0 0 4px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	transition: 0.5s;
	height: 82px;
	background: #08205C !important;
	border: 1px solid #08205C;
	line-height: 5.5;
}
div.wpcf7 .wpcf7-submit:disabled,
div.wpcf7 .wpcf7-confirm:disabled,
div.wpcf7 .wpcf7-back:disabled{
	background: #d6d6d6 !important;
	border: 1px solid #d6d6d6;
}
div.wpcf7 .wpcf7-submit:disabled:hover,
div.wpcf7 .wpcf7-confirm:disabled:hover,
div.wpcf7 .wpcf7-back:disabled:hover{
	background: #d6d6d6 !important;
	border: 1px solid #d6d6d6;
	color: #fff;
	box-shadow: none;
}

div.wpcf7 .wpcf7-submit:hover{
	background: #536183 !important;
	border: 1px solid #536183;
}
.wpcf7-not-valid-tip{
	text-align: left;
}
/*pc*/
@media all and (min-width:1180px) {
	#footer-contact-wrap{
		padding: 140px 0 60px;
    position: relative;
    height: 1580px;
	}
	.tab_panel{width:100%; display:none; padding: 50px 90px 90px;}
	.tab_wrap{
		max-width: 1180px;
		height: auto;
    margin: 0 auto;
    position: absolute;
    bottom: -110px;
    right: 0;
    left: 0;
	}
	.tab_wrap .left{
		max-width: 415px;
		float: left;
		width: 45%;
		text-align: left;
		margin: 0 77px 0 0;
	}
	.tab_wrap .right{
		max-width: 507px;
    width: 51%;
    float: left;
	}
	.tab_area label{
		width: 48%;
		margin: 0 10px;
		display: inline-block;
		padding: 16px 20px 0;
		color: #222;
		background: #E2E7EB;
		text-align: center;
		font-size: 13px;
		cursor: pointer;
		transition: ease 0.5s;
		/*border-radius: 12px 12px 0px 0px;*/
		box-sizing: border-box;
		}
		.tab_area label:hover{
			opacity: 1;
			background: #fff;
		}
	.panel_area .btn03{
		width: 360px;
	}
	.privacy{
	  padding: 20px 50px 20px;
	}
	.tab_wrap .wpcf7-form-control-wrap:not(.check):not(.wpcf7-submit):not(.your-message):not(.company-your-email):not(.menu-418):not(.acceptance-377):not(.menu-419):not(.message){
		max-width: 305px;
	  float: right;
	}
	.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
		width: 100%;
	}
	#footer-contact-wrap p{
		text-align: center;
	}
}
/*sp*/
@media all and (max-width:1179px) {
	#footer-contact-wrap{
		padding: 80px 0 0;
	}

	.tab_panel{width:100%; display:none; padding: 50px 20px 90px;}
	.tab_wrap{
		width: 100%;
		height: auto;
		margin: 50px auto;
	}
	.tab_wrap .left{
		max-width: 415px;
		width: 100%;
		text-align: left;
		margin: 0 77px 0 0;
	}
	.tab_wrap .right{
	  width: 100%;
	}
	.tab_area label {
    width: 47%;
    margin: 0 0 0 2%;
    display: inline-block;
    padding: 17px 20px;
    color: #999;
    background: #ddd;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    transition: ease 0.2s opacity;
    /*border-radius: 12px 12px 0px 0px;*/
    box-sizing: border-box;
}
.panel_area .btn03{
	width: 100%;
}
.privacy{
	padding: 20px 20px 20px;
}

.wpcf7-validates-as-tel{
	width: 100%;
}
div.wpcf7 .wpcf7-submit{
	padding: 0 !important;
}
}


/*=======================================
footer
=======================================*/
/*fooer
_______________________________________*/
#footer{
	background: linear-gradient(164deg, rgba(120,201,216,1) 0%, rgba(8,32,91,1) 100%) !important;
}
#footer p,
#footer a{
	color: #fff;
}
#footer p{}
#footer a{
	 font-size: 14px;
}
.footer-nav .menu-item a{
	padding: 0 15px 0;
	position: relative;
  display: inline-block;
  text-decoration: none;
}
.footer-nav .menu-item a::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #FFF;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.footer-nav .menu-item a:hover::after {
  transform: scale(1, 1);
}

.footer-logo{
	max-width: 310px;
	width: 100%;
	text-align: center;
	margin: 90px auto 50px !important;
}
.footer-logo img{
	width: 100%;
}

#totop{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
}
#totop img{
	vertical-align: bottom;
}
/*pc*/
@media all and (min-width:1000px) {
	#footer{
		padding: 140px 0 60px;
	}
	#totop img{
		width: 90px;
	}
}
/*sp*/
@media all and (max-width:999px) {
	#footer{
		padding: 30px 0 60px;
	}
	#totop img{
		width: 70px;
	}
	#footer a{
		font-size:12px;
	}
	.footer-nav .menu-item {
    padding: 0 .5em;
    font-size: .8em;
    margin: 0em -.5em 1em -.5em;
}
}
/*スマホ調整用*/
@media screen and (max-width: 767px){
	#totop img{
		width: 60px;
	}
	.footer-logo{
	width: 70%;
    text-align: center;
    margin: 50px auto 30px !important;
}
}
/*=======================================
privacy policy
=======================================*/
.privacy{}
.privacy dl{}
.privacy dd{
	margin: 0;
}
.privacy dt{
	color: #262626;
  font-size: 14px;
  font-weight: 600;
  margin: 30px 0 6px;
}
/*pc*/
@media all and (min-width:1000px) {

}
/*sp*/
@media all and (max-width:999px) {
	.privacy dt:first-child{
	  margin: 0px 0 6px;
	}
}