/* = home
-------------------------------------------------------------- */
.educationSlide{
	display:block !important;
	opacity:0;
}
.educationSlideSP{
	display:none !important;
}

#education{
	padding-top:85px;
}

.contentWrap{
	padding-bottom:120px;
}

.keyVisual{
	position:relative;
	z-index:0;
}

.keyVisualWave{
	position:absolute;
	left:0;
	height:44px;
	top:-44px;
	width:100%;
	background-image:url(/share/imgs/cp/images/pageWaveWhite@2x.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	z-index:1000;
}
.keyVisualWave::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:4px;
	background-color:#ffffff;
	z-index:1000;
}
.educationCatchWrap{
	background-color:#ffffff;
	padding-top:46px;
	padding-bottom:37px;
}
.titleEducation{
	text-align:center;
}
.titleEducation img{
	width:384.31px;
}
.textEducation{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:35px;
}

.educationWrap{
	padding:80px 0;
}
.subtitle{
	
}
.subWrap{
	margin-top:78px;
}
.textWrap{
	width:587px;
	float:left;
}
.photoWrap{
	width:422px;
	float:right;
}

.dotted {
	width:100%;
	height:20px; 
	margin-top:4px;
}

.dotted line{
	fill: none; 
	stroke: #058DBF;
	stroke-width: 2;
	stroke-linecap: round; 
         /* 線の端の部分を丸く、四角はsquare*/
	stroke-dasharray: 0.5, 4;
}
.educationWrap.orange .dotted line{
	stroke: #E95E1C;
}
.educationWrap.blue .dotted line{
	stroke: #058DBF;
}
.educationWrap.green .dotted line{
	stroke: #1D9135;
}

.catch{
	font-size:24px;
	line-height:40px;
	letter-spacing:.01em;
	font-weight:bold;
	text-align:left;
	padding-left:16px;
}
.educationWrap.blue .catch{
	color: #058DBF;
}
.educationWrap.green .catch{
	color: #1D9135;
}
.detail{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	padding-left:40px;
	margin-top:32px;
	position:relative;
}
.detail span{
	font-size:14px;
}
.detail a{
	text-decoration:underline;
}
.detail::before{
	content:"";
	position:absolute;
	top:8px;
	left:16px;
	width:16px;
	height:16px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.educationWrap.orange .detail::before{
	background-image:url(/share/imgs/cp/images/listOrange@2x.png);
}
.educationWrap.blue .detail::before{
	background-image:url(/share/imgs/cp/images/listBlue@2x.png);
}
.educationWrap.green .detail::before{
	background-image:url(/share/imgs/cp/images/listGreen@2x.png);
}
.thumWrap{
	width:100%;
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.thumWrap li{
	width:194px;
	margin-bottom:28px;
}
.thumWrap.centering{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
}
.thumWrap.paddingT{
	padding-top:108px;
}
.thumWrap li p{
	font-size:10px;
	line-height:17px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:8px;
}
.educationSpeech{
	position:relative;
	left:-24px;
	margin-bottom:16px;
}
.photoWrapCaption{
	font-size:10px;
	line-height:17px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:-20px;
	margin-bottom:28px;
}

.keyWrap{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:0 60px;
}
.keyTxtWrap{
	width:34%;
}
.keyImgWrap{
	width:64%;
}
.keyImgWrap img{
	width:100%;
	border-radius:20px;
}
.featureNo{
	font-size: 12px;
	line-height: 35px;
	letter-spacing: 0.075em;
	font-weight: 600;
	text-decoration: none;
	position:relative;
	z-index:10;
	color:#058DBF;
}
.featureNo::after{
	content:"";
	width:28px;
	height:1px;
	background:#058DBF;
	position:absolute;
	left:72px;
	top:24px;
}
.featureNo span{
	position:relative;
	display:inline-block;
	font-size: 24px;
	line-height: 35px;
	letter-spacing: 0.075em;
	font-weight: 500;
	color:#ffffff;
	text-decoration: none;
	z-index:1;
	margin-left:60px;
	margin-top:4px;
}
.featureNo span::after{
	content:"";
	width:35px;
	height:35px;
	border-radius:50%;
	background:#058DBF;
	position:absolute;
	top:50%;
	left:50%;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:-1;
	margin-left:-1px;
}
.featureTitle{
	font-size: 26px;
	line-height: 50px;
	letter-spacing: 0.075em;
	font-weight: 600;
	text-decoration: none;
	color:#058DBF;
	margin-top:124px;
}
.educationWrap.blue{
	margin-top:60px;
}
.educationWrap.orange .featureTitle, .educationWrap.orange .featureNo{
	color:#E95E1C;
}
.educationWrap.orange .featureNo::after, .educationWrap.orange .featureNo span::after{
	background:#E95E1C;
}
.educationWrap.green .featureTitle, .educationWrap.green .featureNo{
	color:#1D9135;
}
.educationWrap.green .featureNo::after, .educationWrap.green .featureNo span::after{
	background:#1D9135;
}
.listWrap{
	width:100%;
	padding:0 60px;
	margin-top:90px;
}
.listWrap li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:90px;
}
.listImgWrap{
	width:34%;
}
.listImgWrap img{
	width:100%;
	height:auto;
}
.listImgWrap.singleImg{
	padding-right:84px;
	padding-top:20px;
}
.listImgWrap.doubleImg{
	padding-left:36px;
	padding-right:120px;
}
.listImgWrap.doubleImg img{
	margin-bottom:40px;
}
.listImgWrap.doubleImg img:first-child{
	position:relative;
	top:0px;
}
.listTxtWrap{
	width:66%;
}
.listCatch{
	font-size: 20px;
	line-height: 36px;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	color:#000000;
	text-align:left;
}
.listTxt{
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.075em;
	font-weight: 400;
	text-decoration: none;
	color:#000000;
	text-align:left;
	margin-top:12px;
}
.listTxtWrap a{
	display:inline-block;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	color:#000000;
	text-align:left;
	background:#ffffff;
	border-radius:20px;
	margin-top:30px;
	padding:0 24px;
}
.listTxtWrap a img{
	width:23px;
	height:23px;
	position:relative;
	left:12px;
	top:6px;
} 

/* = Media (Responsive Setting)
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1079px) {

#education{
	padding-top:58px;
}
.contentWrap{
	padding-bottom:84px;
}
.keyVisualWave{
	height:30.8px;
	top:-30.8px;
}
.educationCatchWrap{
	padding-top:32.2px;
	padding-bottom:25.9px;
}
.titleEducation img{
	width:269.017px;
}
.textEducation{
	font-size:13px;
	margin-top:24.5px;
}
.educationWrap{
	padding:56px 0;
}
.subtitle{
	transform:scale(.7);
	transform-origin:left top;
}
.subWrap{
	margin-top:27.3px;
}
.textWrap{
	width:410.9px;
}
.photoWrap{
	width:295.4px;
}
.catch{
	font-size:18px;
	line-height:28px;
	padding-left:11.2px;
}
.detail{
	font-size:13px;
	padding-left:28px;
	margin-top:22.4px;
}
.detail span{
	font-size:12px;
}
.detail::before{
	top:5.6px;
	left:11.2px;
	width:11.2px;
	height:11.2px;
}

.thumWrap li{
	width:135.8px;
	margin-bottom:19.6px;
}
.thumWrap.paddingT{
	padding-top:75.6px;
}
.thumWrap li p{
	margin-top:5.6px;
}
.thumWrap li img{
	width:100%;
}
.educationSpeech{
	position:relative;
	left:-16.8px;
	margin-bottom:11.2px;
	transform:scale(.7);
	transform-origin:left bottom;
	margin-top:-30px;
}
.photoWrapCaption{
	margin-top:-14px;
	margin-bottom:19.6px;
}


.keyWrap{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:0 42px;
}
.keyTxtWrap{
	width:34%;
}
.keyImgWrap{
	width:64%;
}
.keyImgWrap img{
	width:100%;
	border-radius:14px;
}
.featureNo{
	font-size: 9.8px;
	line-height: 24.5px;
	letter-spacing: 0.075em;
	font-weight: 600;
	text-decoration: none;
	position:relative;
	z-index:10;
	color:#058DBF;
}
.featureNo::after{
	content:"";
	width:19.6px;
	height:1px;
	background:#058DBF;
	position:absolute;
	left:58.4px;
	top:16.8px;
}
.featureNo span{
	position:relative;
	display:inline-block;
	font-size: 16.8px;
	line-height: 24.5px;
	letter-spacing: 0.075em;
	font-weight: 500;
	color:#ffffff;
	text-decoration: none;
	z-index:1;
	margin-left:42px;
	margin-top:2.8px;
}
.featureNo span::after{
	content:"";
	width:24.5px;
	height:24.5px;
	border-radius:50%;
	background:#058DBF;
	position:absolute;
	top:50%;
	left:50%;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:-1;
	margin-left:-1px;
}
.featureTitle{
	font-size: 18.2px;
	line-height: 45px;
	letter-spacing: 0.075em;
	font-weight: 600;
	text-decoration: none;
	color:#058DBF;
	margin-top:86.8px;
}
.educationWrap.blue{
	margin-top:42px;
}
.educationWrap.orange .featureTitle, .educationWrap.orange .featureNo{
	color:#E95E1C;
}
.educationWrap.orange .featureNo::after, .educationWrap.orange .featureNo span::after{
	background:#E95E1C;
}
.educationWrap.green .featureTitle, .educationWrap.green .featureNo{
	color:#1D9135;
}
.educationWrap.green .featureNo::after, .educationWrap.green .featureNo span::after{
	background:#1D9135;
}
.listWrap{
	width:100%;
	padding:0 42px;
	margin-top:63px;
}
.listWrap li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:63px;
}
.listImgWrap{
	width:34%;
}
.listImgWrap img{
	width:100%;
	height:auto;
}
.listImgWrap.singleImg{
	padding-right:58.5px;
	padding-top:14px;
}
.listImgWrap.doubleImg{
	padding-left:25.2px;
	padding-right:84px;
}
.listImgWrap.doubleImg img{
	margin-bottom:28px;
}
.listImgWrap.doubleImg img:first-child{
	position:relative;
	top:0px;
}
.listTxtWrap{
	width:66%;
}
.listCatch{
	font-size: 14px;
	line-height: 25.2px;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	color:#000000;
	text-align:left;
}
.listTxt{
	font-size: 10.5px;
	line-height: 21px;
	letter-spacing: 0.075em;
	font-weight: 400;
	text-decoration: none;
	color:#000000;
	text-align:left;
	margin-top:8.4px;
}
.listTxtWrap a{
	display:inline-block;
	font-size: 11.2px;
	line-height: 28px;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	color:#000000;
	text-align:left;
	background:#ffffff;
	border-radius:14px;
	margin-top:21px;
	padding:0 16.8px;
}
.listTxtWrap a img{
	width:16.1px;
	height:16.1px;
	position:relative;
	left:8.4px;
	top:4.2px;
} 



	
} /*Query End*/
@media only screen and (max-width: 767px) {
	
.educationSlide{
	display:none !important;
}
.educationSlideSP{
	display:block !important;
}

#education{
	padding-top:47px;
}
.contentWrap{
	padding-bottom:42px;
}
.keyVisualWave{
	height:30.8px;
	top:-30.8px;
}
.educationCatchWrap{
	padding-top:32.2px;
	padding-bottom:25.9px;
}
.titleEducation img{
	width:269.017px;
}
.textEducation{
	font-size:13px;
	margin-top:24.5px;
}
.educationWrap{
	padding:28px 0;
}
.subtitle{
	transform:scale(.7);
	transform-origin:left top;
}
.subWrap{
	margin-top:27.3px;
}
.textWrap{
	width:320px;
}
.photoWrap{
	width:320px;
	margin-top:16px;
	position:relative;
	margin-bottom:24px;
}
.catch{
	font-size:18px;
	line-height:28px;
	padding-left:11.2px;
}
.detail{
	font-size:13px;
	padding-left:28px;
	margin-top:22.4px;
}
.detail span{
	font-size:12px;
}
.detail::before{
	top:5.6px;
	left:11.2px;
	width:11.2px;
	height:11.2px;
}
.thumWrap{
    margin-top:24px;
}
.thumWrap li{
	width:48%;
	margin-bottom:19.6px;
}
.thumWrap.paddingT{
	padding-top:0px;
}
.thumWrap li p{
	margin-top:5.6px;
}
.thumWrap li img{
	width:100%;
}
.educationSpeech{
	position:absolute;
	left:200px;
	top:-500px;
	margin-bottom:11.2px;
	transform:scale(.6);
	transform-origin:left bottom;
	margin-top:-60px;
}
.photoWrapCaption{
	margin-top:-14px;
	margin-bottom:19.6px;
}

.keyWrap{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:0 20px;
}
.keyTxtWrap{
	width:100%;
}
.keyImgWrap{
	width:100%;
	margin-top:20px;
}
.keyImgWrap img{
	width:100%;
	border-radius:14px;
}
.featureNo{
	font-size: 9.8px;
	line-height: 24.5px;
	letter-spacing: 0.075em;
	font-weight: 600;
	text-decoration: none;
	position:relative;
	z-index:10;
	color:#058DBF;
}
.featureNo::after{
	content:"";
	width:19.6px;
	height:1px;
	background:#058DBF;
	position:absolute;
	left:58.4px;
	top:16.8px;
}
.featureNo span{
	position:relative;
	display:inline-block;
	font-size: 16.8px;
	line-height: 24.5px;
	letter-spacing: 0.075em;
	font-weight: 500;
	color:#ffffff;
	text-decoration: none;
	z-index:1;
	margin-left:42px;
	margin-top:2.8px;
}
.featureNo span::after{
	content:"";
	width:24.5px;
	height:24.5px;
	border-radius:50%;
	background:#058DBF;
	position:absolute;
	top:50%;
	left:50%;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:-1;
	margin-left:-1px;
}
.featureTitle{
	font-size: 18.2px;
	line-height: 45px;
	letter-spacing: 0.075em;
	font-weight: 600;
	text-decoration: none;
	color:#058DBF;
	margin-top:30px;
}
.educationWrap.blue{
	margin-top:42px;
}
.educationWrap.orange .featureTitle, .educationWrap.orange .featureNo{
	color:#E95E1C;
}
.educationWrap.orange .featureNo::after, .educationWrap.orange .featureNo span::after{
	background:#E95E1C;
}
.educationWrap.green .featureTitle, .educationWrap.green .featureNo{
	color:#1D9135;
}
.educationWrap.green .featureNo::after, .educationWrap.green .featureNo span::after{
	background:#1D9135;
}
.listWrap{
	width:100%;
	padding:0 20px;
	margin-top:63px;
}
.listWrap li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:63px;
}
.listImgWrap{
	width:100%;
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	margin-top:30px;
}
.listImgWrap img{
	width:100%;
	height:auto;
}
.listImgWrap.singleImg{
	padding-right:0px;
	padding-top:14px;
}
.listImgWrap.doubleImg{
	padding-left:0px;
	padding-right:0px;
	padding-top:14px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.listImgWrap.doubleImg img{
	width:46%;
	height:auto;
	margin-bottom:28px;
}
.listImgWrap.doubleImg img:first-child{
	position:relative;
	top:0px;
}
.listTxtWrap{
	width:100%;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.listCatch{
	font-size: 14px;
	line-height: 25.2px;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	color:#000000;
	text-align:left;
}
.listTxt{
	font-size: 10.5px;
	line-height: 21px;
	letter-spacing: 0.075em;
	font-weight: 400;
	text-decoration: none;
	color:#000000;
	text-align:left;
	margin-top:8.4px;
}
.listTxtWrap a{
	display:inline-block;
	font-size: 11.2px;
	line-height: 28px;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	color:#000000;
	text-align:left;
	background:#ffffff;
	border-radius:14px;
	margin-top:21px;
	padding:0 16.8px;
}
.listTxtWrap a img{
	width:16.1px;
	height:16.1px;
	position:relative;
	left:8.4px;
	top:4.2px;
} 

} /*Query End*/