@charset "utf-8";

/* sub visual */
.sub-visual {background-image:url("../image/sub_03/sub_visual.jpg");}

/* 03_01 */
.overview-wrap {display:flex; flex-wrap:wrap; align-items:center;}
.overview-wrap div[class^="col"] {width:50%; position:relative;}
.overview-wrap .col-1 {height:45.75em; padding:5.333em 4.708em; background:url("../image/sub_03/img_sub_03_1.jpg") center / cover no-repeat; color:#fff;}
.overview-wrap .col-1 h4 {font-weight:800; font-size:6em; text-align:right;}
.overview-wrap .col-1 h4 em {display:block; font-weight:normal; font-size:.153em; padding-right:.364em; margin-bottom:1.364em;}
.overview-wrap .col-1 ul {font-weight:600; font-size:1.25em; text-align:left; position:absolute; bottom:4.267em; left:2.667em;}
.overview-wrap .col-1 ul li {margin-top:.333em;}
.overview-wrap .col-2 {padding-left:4.167em; text-align:left;}
.overview-wrap .col-2 > ul {width:100%; height:auto;}
.overview-wrap .col-2 > ul > li {padding:1.333em 0;}
.overview-wrap .col-2 > ul > li:not(:nth-child(1)) {border-top:1px solid #e2e2e2;}
.overview-wrap .col-2 > ul > li mark {font-weight:800; font-size:1.375em;}
.overview-wrap .col-2 > ul > li > ul {font-weight:600; font-size:.917em; margin-top:1.182em;}
.overview-wrap .col-2 > ul > li > ul > li {margin-top:.455em;}
.overview-wrap .col-2 > ul > li:nth-child(1) mark {color:#4270b8;}
.overview-wrap .col-2 > ul > li:nth-child(2) mark {color:#599dc8;}
.overview-wrap .col-2 > ul > li:nth-child(3) mark {color:#193157;}
.overview-wrap .col-2 > ul > li:nth-child(4) mark {color:#657592;}
.overview-wrap .col-2 > ul > li:nth-child(5) mark {color:#48537c;}

@media screen and (max-width: 926px) {
	.overview-wrap div[class^="col"] {width:100%;}
	.overview-wrap .col-1 {height:25em; padding:4em 3em;}
	.overview-wrap .col-1 ul {bottom:2em; left:2em;}

	.overview-wrap .col-2 {padding-left:0; padding-top:2em;}
}
@media screen and (max-width: 667px) {
	.overview-wrap .col-1 {padding:3em 2em;}
	.overview-wrap .col-1 ul {font-size:1em;}
}

/* 03_02 */
.service-wrap {}
.service-wrap ol {width:100%; height:auto; display:flex; flex-wrap:wrap; text-align:left;}
.service-wrap ol li {width:50%; padding:2.25em 0; display:flex; align-items:center;}
.service-wrap ol li:not(:last-child) {border-bottom:1px solid #e2e2e2;}
.service-wrap ol li span {display:block; font-weight:800; font-size:4.625em;}
.service-wrap ol li div {padding-left:1.2em; font-weight:600; font-size:.833em;}
.service-wrap ol li div mark {display:block; font-size:1.6em; margin-bottom:.625em; letter-spacing:-0.06em;}
.service-wrap ol li div em {display:block; line-height:1.4; color:#797979;}
.service-wrap ol li:nth-child(odd) {padding-right:1.25em;}
.service-wrap ol li:nth-child(1) span {color:#4abaa0;}
.service-wrap ol li:nth-child(2) span {color:#789db5;}
.service-wrap ol li:nth-child(3) span {color:#2d9c96;}
.service-wrap ol li:nth-child(4) span {color:#4270b8;}
.service-wrap ol li:nth-child(5) span {color:#8c87c6;}
.service-wrap ol li:nth-child(6) span {color:#10534b;}
.service-wrap ol li:nth-child(7) span {color:#19345f;}
.service-wrap ol li:nth-child(8) span {color:#413c81;}
.service-wrap ol li:nth-child(9) span {color:#455b7e;}

@media screen and (max-width: 926px) {
	.service-wrap ol li {width:100%;}
}

/* 03_03 */
.edu-wrap {}
.edu-wrap ol {width:100%; height:auto; max-width:1300px; padding:0 20px; margin:0 auto; text-align:left;}
.edu-wrap ol li {width:100%; padding:1em 0; display:flex; align-items:center; font-weight:600; font-size:1.333em; line-height:1.4;}
.edu-wrap ol li:not(:last-child) {border-bottom:1px solid #e2e2e2;}
.edu-wrap ol li span {display:block; padding-right:24px; font-weight:800; font-size:1.75em;}
.edu-wrap ol li:nth-child(1) span {color:#4abaa0;}
.edu-wrap ol li:nth-child(2) span {color:#789db5;}
.edu-wrap ol li:nth-child(3) span {color:#2d9c96;}
.edu-wrap ol li:nth-child(4) span {color:#4270b8;}
.edu-wrap ol li:nth-child(5) span {color:#8c87c6;}
.edu-wrap ol li:nth-child(6) span {color:#10534b;}

@media screen and (max-width: 667px) {
	.edu-wrap ol li {font-size:1.125em; align-items:flex-start;}
}