@charset "UTF-8";
.mvArea.high {
	background: url(/assets/img/high/path/path_mv.jpg?240521) no-repeat center center/cover;
}

.mvArea.junior {
	background: url(/assets/img/junior/path/path_mv.jpg?240521) no-repeat center center/cover;
}

@media only screen and (max-width: 779px) {
	.mvArea.high {
		background: url(/assets/img/high/path/path_mv_sp.jpg?240521) no-repeat center center/cover;
	}
	.mvArea.junior {
		background: url(/assets/img/junior/path/path_mv_sp.jpg?240521) no-repeat center center/cover;
	}
}


/*------------------------------------------------
courseTopBox
-------------------------------------------------*/
.courseTopBox {
	margin-bottom: 2.875rem;
}

.courseTopBox__ttl {
	margin-top: 2.5rem;
	margin-bottom: 3.125rem;
	font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", "游明朝", YuMincho, "HG明朝E", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.25em;
	line-height: 1.5;
	text-align: center;
}

.courseTopBox__txt {
	max-width: 40.625rem;
	margin: auto;
	font-size: 1.25rem;
	letter-spacing: 0.1em;
	line-height: 2;
	font-weight: bold;
}

@media only screen and (max-width: 779px) {
	.courseTopBox {
		margin-bottom: 2.85714rem;
	}
	.courseTopBox.junior {
		margin-bottom: 5rem;
	}
	.courseTopBox__ttl {
		margin-top: 2.14286rem;
		margin-bottom: 1.42857rem;
		font-size: 2.85714rem;
		letter-spacing: 0.2em;
		line-height: 1.2;
	}
	.courseTopBox__txt {
		font-size: 1.4rem;
		line-height: 1.4;
	}
}


/*------------------------------------------------
pathTopics
-------------------------------------------------*/
.pathTopics {
	margin-bottom: 5rem;
}

.pathTopics.high .pathTopics__box {
	border: 5px solid #288CDC;
}

.pathTopics.high .pathTopics__box::before {
	border-color: #288CDC transparent transparent transparent;
}

.pathTopics.high .pathTopics__box::after {
	border-color: transparent transparent #288CDC transparent;
}

.pathTopics.junior .pathTopics__box {
	border: 5px solid #289637;
}

.pathTopics.junior .pathTopics__box::before {
	border-color: #289637 transparent transparent transparent;
}

.pathTopics.junior .pathTopics__box::after {
	border-color: transparent transparent #289637 transparent;
}

.pathTopics__box {
	padding: 2.8125rem;
	padding-top: 1.5625rem;
	position: relative;
}

.pathTopics__box::before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	top: 0;
	left: 0;
}

.pathTopics__box::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	bottom: 0;
	right: 0;
}

.pathTopics__box h3 {
	font-size: 1.75rem;
	letter-spacing: 0.3em;
	line-height: 1.8;
	font-weight: 500;
	margin-bottom: 1.25rem;
}

.pathTopics__box h3 .subtitle {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0.02em;
	line-height: 1.8;
	font-weight: 700;
	margin-bottom: 0;
}

.pathTopics__box h3 .small {
	font-size: 1rem;
	letter-spacing: 0.3em;
	font-weight: 700;
}

.pathTopics__box h4 {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0.02em;
	line-height: 1.8;
	font-weight: 700;
	margin-bottom: 1rem;
}

.pathTopics__boxItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pathTopics__boxItem .left {
	width: 34%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.875;
}

.pathTopics__boxItem .right {
	width: 64%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pathTopics__boxItem .right img {
	width: 48.5%;
}

.pathTopics.junior .pathTopics__box h3 {
	text-align: center;
}

.pathTopics.junior .pathTopics__boxItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pathTopics.junior .pathTopics__box .pathTopics__boxItem__in {
	width: 48%;
	margin-bottom: 1.5rem;
}

.pathTopics.junior .pathTopics__box .pathTopics__boxItem__in h4 {
	display: block;
	padding: 0.5rem;
	margin-bottom: 0;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #289637;
}

.pathTopics.junior .pathTopics__box .pathTopics__boxItem__in p {
	font-size: 1rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1.875;
}

.pathTopics.junior .pathTopics__box .pathTopics__boxItem__in p .big {
	font-size: 1.2rem;
}



@media only screen and (max-width: 779px) {
	.pathTopics {
		margin-bottom: 2.85714rem;
	}
	.pathTopics.high .pathTopics__box {
		border: 2px solid #288CDC;
	}
	.pathTopics.junior .pathTopics__box {
		border: 2px solid #289637;
	}
	.pathTopics__box {
		padding: 1.42857rem;
		padding-top: 1.78571rem;
	}
	.pathTopics__box::before {
		border-width: 1.78571rem 1.78571rem 0 0;
	}
	.pathTopics__box::after {
		border-width: 0 0 1.78571rem 1.78571rem;
	}
	.pathTopics__box h3 {
		font-size: 2.14286rem;
		letter-spacing: 0;
		line-height: 1.3;
		margin-bottom: 0.71429rem;
	}
	.pathTopics__box h3 .small {
		font-size: 1rem;
		letter-spacing: 0.1em;
	}
	.pathTopics__box h4 {
		font-size: 1.1rem;
	}
	.pathTopics__boxItem .left {
		width: 100%;
		font-size: 1.14286rem;
		line-height: 1.5;
		margin-bottom: 0.71429rem;
	}
	.pathTopics__boxItem .right {
		width: 100%;
	}
	.pathTopics.junior .pathTopics__box h3 {
		font-size: 1.9rem;
	}
	.pathTopics.junior .pathTopics__box .pathTopics__boxItem__in {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.pathTopics.junior .pathTopics__box .pathTopics__boxItem__in:last-child {
		margin-bottom: 0;
	}
}


/*------------------------------------------------
pathTeacher
-------------------------------------------------*/
.pathTeacher {
	margin-bottom: 3.75rem;
}

.pathTeacher.high .pathTeacher__ttl {
	color: #288CDC;
}

.pathTeacher .inner {
	max-width: 51.25rem;
}

.pathTeacher__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}

.pathTeacher__ttl {
	width: 18.75rem;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.25em;
	line-height: 1.75;
	font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", "游明朝", YuMincho, "HG明朝E", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-right: 3.5rem;
}

.pathTeacher__txt {
	width: 28rem;
	font-size: 1rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1.875;
}


@media only screen and (max-width: 779px) {
	.pathTeacher {
		margin-bottom: 2.85714rem;
	}
	.pathTeacher__ttl {
		width: 100%;
		font-size: 2.85714rem;
		line-height: 1.2;
		margin-right: 0;
		margin-bottom: 1.07143rem;
	}
	.pathTeacher__txt {
		width: 100%;
		font-size: 1.14286rem;
		line-height: 1.5;
		margin-bottom: 1.875rem;
	}
}


/*------------------------------------------------
pathResults
-------------------------------------------------*/
.pathResults {
	padding-top: 5rem;
	padding-bottom: 6.875rem;
	margin-bottom: 5rem;
}

.pathResults.high {
	background-color: #E9F3FB;
}

.pathResults.high .pathResults__item .ttl {
	background-color: #288CDC;
}

.pathResults.high .pathResults__item .w100.bg {
	background-color: #59C3E1;
	color: #fff;
}

.pathResults.junior {
	background-color: #EAF5D7;
}

.pathResults.junior .pathResults__item .ttl {
	background-color: #289637;
}

.pathResults.junior .pathResults__item .w100.bg {
	background-color: #82D357;
	color: #fff;
}

.pathResults.junior .pathResults__box {
	margin-top: 1.875rem;
}

.pathResults__mainTtl {
	font-size: 2.1875rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.7;
	font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", "游明朝", YuMincho, "HG明朝E", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	margin-bottom: 1rem;
}

.pathResults__mainTxt {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.875;
	text-align: center;
}

.pathResults__mainTxtBig {
	margin-top: 0.625rem;
	font-size: 1.25rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.pathResults__box {
	margin-top: 3.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pathResults__itemList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pathResults__item {
	width: 48%;
}

.pathResults__itemIn {
	width: 50%;
}

.pathResults__item-wide {
	width: 100%;
}

.pathResults__item-wide .pathResults__itemIn {
	width: calc( 100% / 3);
}

.pathResults__item .ttl {
	font-size: 1.5625rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 1.8;
	color: #fff;
	text-align: center;
	border-bottom: 2px solid #E2E2E2;
}

.pathResults__item .ttl:nth-of-type(2) {
	margin-top: 3.75rem;
}

.pathResults__item .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 1rem;
	line-height: 1.875;
	min-height: 35px;
}

.pathResults__item .flex.sp {
	display: none !important;
}

.pathResults__item .flex .border {
	border-right: 2px solid #E2E2E2;
}

.pathResults__item .flex.two-rows {
	min-height: 70px;
}

.pathResults__item .w100 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.pathResults__item .w100.bg-w {
	background-color: #fff;
}

.pathResults__item .w40 {
	width: 83%;
	text-align: center;
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pathResults__item .w10 {
	width: 17%;
	text-align: center;
	border-bottom: 1px solid #E2E2E2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 779px) {
	.pathResults {
		padding-top: 1.42857rem;
		padding-bottom: 1.78571rem;
		margin-bottom: 2.85714rem;
	}
	.pathResults.junior .pathResults__mainTxt {
		text-align: left;
	}
	.pathResults.junior .pathResults__mainTxtBig {
		text-align: left;
	}
	.pathResults__mainTtl {
		font-size: 2.5rem;
		line-height: 1.2;
		margin-bottom: 0.35714rem;
	}
	.pathResults__mainTxt {
		font-size: 1.1rem;
		line-height: 1.4;
	}
	.pathResults__mainTxtBig {
		margin-top: 0.625rem;
		font-size: 1.14rem;
		letter-spacing: 0;
		font-weight: bold;
		line-height: 1.4;
	}
	.pathResults__box {
		margin-top: 1.07143rem;
		max-width: 21.78571rem;
		margin: auto;
	}
	.pathResults__item {
		width: 100%;
	}
	.pathResults__itemIn {
		width: 100%;
	}
	.pathResults__item-wide {
		width: 100%;
	}
	.pathResults__item-wide .pathResults__itemIn {
		width: 100%;
	}
	.pathResults__item:first-child {
		margin-bottom: 1.07143rem;
	}
	.pathResults__item .ttl {
		font-size: 1.78571rem;
		line-height: 1.5;
	}
	.pathResults__item .ttl:nth-of-type(2) {
		margin-top: 1.07143rem;
	}
	.pathResults__item .flex {
		font-size: 1.14286rem;
		line-height: 1.5;
	}
	.pathResults__item .flex.pc {
		display: none !important;
	}
	.pathResults__item .flex.sp {
		display: block !important;
	}
	.pathResults__item .flex.spNone {
		display: none;
	}
	.pathResults__item .flex .border {
		border-right: none;
	}
}
