@charset "UTF-8";
/*----------
	education
----------*/
/* コンテンツヘッダー */
.education-content-header {
	height: 300px;
	position: relative;
}
.education-content-header__kv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.education-content-header__kv img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.education-content-header > h1 {
	display: inline-block;
	max-width: 89.3333333333%;
	padding: 34px 20px 20px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(270deg, #B3CC00 0%, #26BFA2 100%);
	font-weight: bold;
	line-height: var(--line-height-s);
	letter-spacing: 0;
	color: #fff;
}
.education-content-header > h1 em {
	display: block;
	font-size: 2.8rem;
}
.education-content-header__sub {
	display: block;
	margin-top: 10px;
	padding-left: 34px;
	position: relative;
	font-size: 1.3rem;
	line-height: var(--line-height-s);
	color: #fff;
}
.education-content-header__sub::before {
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
}
.education-content-header__tag {
	display: block;
	height: 38px;
	padding: 0 10px 0 20px;
	position: absolute;
	top: -20px;
	left: 0;
	background-color: #2E3133;
	font-size: 1.6rem;
	line-height: 38px;
}
@media (min-width: 768px) {
	.education-content-header {
		height: 400px;
	}
	.education-content-header > h1 {
		max-width: none;
		padding: 44px 50px 30px 60px;
		bottom: 48%;
		left: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	.education-content-header > h1 em {
		font-size: 4rem;
	}
	.education-content-header__tag {
		height: 52px;
		padding: 0 30px 0 60px;
		top: -26px;
		font-size: 2.4rem;
		line-height: 52px;
	}
}

/* このような方にオススメ */
.education-recommend {
	width: 100%;
	margin-top: 40px;
	background-image: linear-gradient(90deg, #f9cfce 0%, #fce6cd 100%);
}
.education-recommend > dt {
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
	line-height: var(--line-height-s);
	letter-spacing: 0;
	-webkit-transform: translateY(-60px);
	transform: translateY(-60px);
}
.education-recommend > dd > ul > li > figure {
	display: block;
	width: 200px;
	margin: 0 auto;
}
.education-recommend > dd > ul > li > p {
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: var(--line-height-s);
}
@media (max-width: 767px) {
	.education-recommend {
		padding: 40px 5.3333333333%;
	}
	.education-recommend > dd > ul > li + li {
		margin-top: 40px;
	}
}
@media (min-width: 768px) {
	.education-recommend {
		width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}
	.education-recommend > dt {
		font-size: 4rem;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	.education-recommend > dd {
		padding: 48px 120px 72px;
	}
	.education-recommend > dd > ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
}

/* 特長 */
.education-feature {
	margin-top: 34px;
}
.education-feature > li {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 80px;
	padding: 8px;
	position: relative;
	overflow: hidden;
	background-color: #F1F6F6;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: var(--line-height-s);
}
.education-feature > li::after {
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--color-prim);
	-webkit-transform: rotate(45deg) translateX(-14px);
	transform: rotate(45deg) translateX(-14px);
}
@media (max-width: 767px) {
	.education-feature > li + li {
		margin-top: 20px;
	}
}
@media (min-width: 768px) {
	.education-feature {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		margin-top: 40px;
	}
	.education-feature > li {
		min-height: 100px;
		flex: 0 0 260px;
	}
	.education-feature > li + li {
		margin-left: 40px;
	}
}

/* 魅力・効果 */
.education-efficacy {
	position: relative;
	padding-bottom: 60px;
}
.education-efficacy::before {
	content: "";
	display: block;
	width: 120%;
	height: calc(100% - 94px);
	position: absolute;
	bottom: 0;
	left: -10%;
	z-index: -1;
	background-color: #F1F6F6;
}
@media (min-width: 768px) {
	.education-efficacy::before {
		width: 100%;
		left: 0;
	}
}

.education-pdfmodal-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}
.education-pdfmodal-link::after {
	font-family: "iconfont" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: "\e909";
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 16px;
	bottom: 16px;
	font-size: 32px;
	color: var(--color-text);
}
@media (min-width: 768px) {
	.education-pdfmodal-link {
		background-color: rgba(255, 255, 255, 0);
		transition: background-color 0.2s;
	}
	.education-pdfmodal-link:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}
}

/* 追加 */
.c-iconset-photo {
	max-width: 200px;
	margin: 0 auto;
}

.imageset__title-line {
	padding-bottom: 20px;
	border-bottom: 3px solid var(--color-prim);
}

@media (min-width: 768px) {
	.com-photo {
		min-height: 390px;
		margin-bottom: 10px;
		display: flex;
		align-items: flex-end;
	}
}
.education-separator {
	display: block;
	margin: 20px auto;
	border-top: 3px solid var(--color-prim);
}