@charset "utf-8";
/* ウィルベースについて */



/*-- パンくず  --*/

section#Pankuzu {
	width:100%;
	max-width:1200px;
	margin: 90px auto 0 auto;
	padding-bottom:0;
}

section#Pankuzu .paninner {
	text-align:left;
	font-size:75%;
	color:#666;
}

#Pageheader {
height: 20rem;
background-image: url("/commons/images/bg_pttl.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
display:flex;
}

h2.Pttl { color:#3D4454 !important; font-size:160%; font-weight:600; width:100%; max-width: 1100px; margin:0 auto; display: flex; flex-direction: column; align-self: center;}

h2 {text-align:left; font-size:.4.8rem; font-weight:800; color:#26BCE1; }
h2 span { font-size:45%; font-weight:400; color: #999; padding-left:15px; }

/*-- Vision Mission --*/

section#Vision,
section#Mission {
	clear:both;
	overflow:hidden;
	text-align:center;
	margin-top:80px;
	padding-bottom:5em;
	border-bottom:1px solid #CCC;
}

section#Vision .visionInner,
section#Mission .visionInner {width:100%; max-width:1100px; margin: 0 auto;}
section#Vision .visionCnt,
section#Mission .visionCnt {display:flex; justify-content: space-between;}
section#Vision .visCatch,
section#Mission .visCatch {width:48.7%;}
section#Vision .visTxt,
section#Mission .visTxt {width:50.0%; font-size: 90%; line-height:2.0; }
section#Mission .visTxt img {width:85%;}
section#Vision .visTxt {padding-top:0.6em;}
h3.viscatch {font-weight:900; font-size:4.8rem; line-height:1.5; margin-top:0;}
h3.miscatch {font-weight:900; font-size:3.0rem; line-height:1.9; margin-top:0;}

/*-- Leader --*/

section#Leader {
	clear:both;
	overflow:hidden;
	text-align:center;
	margin-top:80px;
	padding-bottom:5em;
	border-bottom:1px solid #CCC;
}

section#Leader .leaderInner {width:100%; max-width:1100px; margin: 0 auto;}
section#Leader .leaderCnt {display:flex; justify-content: space-between;}
section#Leader .leaderTxt {width:57%; font-size: 87%; line-height:1.9; }
section#Leader .leaderPhoto {width:40%; margin-top:30px; }
h3.leaderName {font-weight:700; font-size:2.8rem; margin-top:30px; margin-bottom:30px; line-height:1.4;}
h3.leaderName span {display:block; font-weight:400; font-size:55%; color:#555;}


/*-- Advisor --*/

section#Advisor {
	clear:both;
	overflow:hidden;
	text-align:center;
	margin-top:80px;
	padding-bottom:5em;
	border-bottom:1px solid #CCC;
}

section#Advisor .advisorInner {width:100%; max-width:1100px; margin: 0 auto;}
section#Advisor .advisorCnt {display:flex; justify-content: space-between; margin-top:30px;}
section#Advisor .advisorItem {width:48%; font-size: 87%; line-height:1.9; background:#FFF; padding:25px;}
section#Advisor .advisorItem dl {display: flex; justify-content: space-between; align-items: center;}
section#Advisor .advisorItem dl dt {width: 28%;}
section#Advisor .advisorItem dl dd {width: 69%;}
section#Advisor .advisorItem picture {text-align: center; display: block; margin-bottom:15px; }
section#Advisor .advisorItem img {margin: 0 auto; }
h3.advisorName {font-weight:600; font-size:2.2rem; line-height:1.6; margin-top:0; }
h3.advisorName span {display:block; font-weight:400; font-size:65%; color:#555; margin-bottom:0.5em;}


/*-- Company Information --*/

section#CInfo {
	clear:both;
	overflow:hidden;
	text-align:center;
	margin-top:80px;
	padding-bottom:5em;
}

section#CInfo .cInfoInner {width:100%; max-width:1100px; margin: 0 auto;}
section#CInfo .cInfoCnt {display:flex; justify-content: space-between; margin-top:40px;}
section#CInfo dl.summary {
	overflow:hidden;
	width:100%;
	padding:0.8em 0 0.8em 0;
	margin-bottom: 0 !important;
	font-size:90%;
}
section#CInfo dl.summary dt {width:20%;	float:left;	font-weight:600;}
section#CInfo dl.summary dt.partDt {width:100%; float:none; display:block;	font-weight:600; margin-bottom:0.5em; margin-top:2em; border-bottom:#26BCE1 1px solid; border-left:#26BCE1 5px solid; padding-bottom: 0.3em; padding-left:0.5em; font-size:120%;}
section#CInfo dl.summary dt span.subdt {font-size:75%; font-weight: 400; margin-top:0.3em; padding-left:0.5em;}
section#CInfo dl.summary dd {float:left; width:78%;}
section#CInfo dl.summary dd.partner {float:none; display: block; line-height:180%; width:100%;}
section#CInfo dl.summary dd.partner ul {display:flex; justify-content: flex-start; flex-wrap: wrap;}
section#CInfo dl.summary dd.partner ul li {width:33.3%;}
section#CInfo dl.summary dd span {padding-right:1.5em; display: inline-block;}
.summary-box {width:50%;}

.accessMap {
	position: relative;
	/*padding-bottom: 25%; // これが縦横比
	height: 0;*/
	overflow: hidden;
	width: 550px !important;
	height: 468px !important;
}

.accessMap iframe {
	position: absolute;
	top: 0;
	left: 0;
}


/*-- Recruit --*/

section#Recruit {
	clear:both;
	overflow:hidden;
	text-align:center;
	padding-bottom:5em;
	padding-left:20px;
	padding-right:20px;
}

section#Recruit .recruitInner { width:100%; max-width:1100px; margin: 0 auto; background:url("/top_img/bg_recruit.jpg") no-repeat; display: flex; justify-content: space-between;}
section#Recruit .recruTxt {padding:20px 30px 20px 20px; width:57.7%; font-size:90%;}
section#Recruit .recruImg {padding:0; width:42.2%;}
section#Recruit .recCopy { padding-left:20px; width:95%; text-align: left; font-size:230%; font-weight: 800; line-height: 1.7; margin-bottom: 1.5em;}
section#Recruit .recnav {padding-left:20px; display: flex; justify-content: space-between;}
section#Recruit .recnav p {font-weight: 500;}
section#Recruit .whBtn03 { align:right;}
a.whBtn03:hover {	color:#FFF;	background:#26BCE1; }
a.whBtn03:hover::after{ border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; }
a.whBtn03 {
	display: block;
	font-size:90%;
	font-weight:500;
	text-align:center;
	background:#FFF;
	color:#26BCE1;
	border-radius:40px;
	width:180px;
	line-height: 48px;
	text-decoration:none;
	position:relative;
	text-indent: -0.5em;
	letter-spacing: 0.05em;
	box-shadow: 0px 0px 8px #08304D33;
	margin-top:0.5em;
}

a.whBtn03::after {
	display: block;
	content: " ";
	width: 8px;
	height: 8px;
	transform: rotate(-45deg);
	right: 24px;
	top: 21px;
	position: absolute;
	border-right: 2px solid #26BCE1;
	border-bottom: 2px solid #26BCE1;
}

section#Recruit h2 {padding-bottom:20px;}

/*-----------------------------------------------------	*/
/*	レスポンシブ					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 801px) {

	.SP,
	#header { display:none; }	
	
}


@media screen and (max-width: 800px) {
	
	.col {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	
	.PC,
	header#Defhead,
	div#Navmenu {
		display:none;
		visibility:hidden;
	}

	/*-- パンくず  --*/

	section#Pankuzu {
	width:95%;
	margin: 0 auto 0 auto;
	padding-bottom:0;
	}
	
	section#CntLink ul.link {
	width:80%;
	}

	#page{
		padding-top: 50px;
	}
	
}

/*
@media(max-width: 800px) {

	section#Inq input { width:50% !important; }
	section#Inq input.widno { width:30% !important; }

}*/

@media screen and (min-width: 769px) { .SPP { display:none; } }
@media screen and (max-width: 768px) {
	
.PCC {display:none; visibility:hidden;}

h2.Pttl,
section#Vision .visionInner,
section#Mission .visionInner,
section#Leader .leaderInner,
section#Advisor .advisorInner,
section#CInfo .cInfoInner {width:90%; max-width:none;}
	
section#Vision .visionCnt,
section#Mission .visionCnt,
section#Leader .leaderCnt,
section#Advisor .advisorCnt,
section#Advisor .advisorItem dl,
section#CInfo .cInfoCnt {flex-direction: column;}
section#Leader .leaderCnt {flex-direction:column-reverse;}

section#Vision .visCatch,
section#Mission .visCatch,
section#Vision .visTxt,
section#Mission .visTxt,
section#Advisor .advisorItem,
section#Leader .leaderTxt,
.summary-box {width: 100%; font-size:100%;}
	
section#Mission .visTxt picture { display: block; text-align: center;}
section#Mission .visTxt picture img {margin: 0 auto; width: 100%;}
h3.viscatch, 
h3.miscatch {margin-bottom:30px;}

section#Leader .leaderPhoto { width:100%; text-align: center; margin-top:15px;}
section#Leader .leaderPhoto picture img {margin: 0 auto; width:80%;}
h3.leaderName {margin-bottom:20px;}

section#CInfo dl.summary dt.partDt {margin-top:2em;}
section#CInfo dl.summary dd.partner ul {display:flex; flex-direction: column;}
section#CInfo dl.summary dd.partner ul li {width:100%; margin-bottom: 0.15em;}
.accessMap {
	position: relative;
	padding-bottom: 25%; /*これが縦横比*/
	height: 0;
	overflow: hidden;
	width: 100% !important;
}

section#Advisor .advisorCnt {margin-top:1em;}
section#Advisor .advisorItem {margin-bottom:10px;}
section#Advisor .advisorItem dl {margin-bottom:5px;}
section#Advisor .advisorItem dl dt {width: 60%;}
section#Advisor .advisorItem dl dd {width: 100%;}
h3.advisorName span {margin-bottom:0;}
	
/*-- Recruit  --*/
section#Recruit .recruitInner { flex-direction: column;}
section#Recruit .recruTxt {padding:20px; width:100%; font-size:100%;}
section#Recruit .recruImg {text-align: center; width:100%;}
section#Recruit .recCopy { width:100%; text-align: center; text-indent: 0; padding-left: 0; margin-bottom: 1.5em; font-size:215%;}
section#Recruit .recnav {padding-left:20px; flex-direction: column;}
section#Recruit .recnav div {text-align: center;}
section#Recruit .whBtn03 { margin:1.0em auto 0.5em auto; }	
	

}

@media screen and (max-width: 414px) {

	section#Recruit .recCopy {font-size:200%;}
	
}