/*===========================================================================
 secLead
===========================================================================*/
.secCombination .secLead_inr {
	padding-top: calc(56 * var(--rs));
}
.secCombination .secLead_ttl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(40 * var(--rs));
	line-height: 1.65;
	letter-spacing: 0.12em;
	text-align: center;
}
.secCombination .secLead_txt {
	max-width: calc(1000 * var(--rs));
	margin: calc(45 * var(--rs)) auto 0;
	font-size: calc(16 * var(--rs));
	line-height: 2;
}
.secCombination .secLead_img {
	margin-top: calc(58 * var(--rs));
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secCombination .secLead_inr {
		padding-top: calc(2 * var(--rs));
	}
	.secCombination .secLead_ttl {
		font-size: calc(50 * var(--rs));
		line-height: 1.72;
		letter-spacing: normal;
		text-align: left;
	}
	.secCombination .secLead_txt {
		max-width: initial;
		margin: calc(36 * var(--rs)) 0 0;
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCombination .secLead_img {
		margin-top: calc(76 * var(--rs));
	}
}


/*===========================================================================
 secSchoolCurri
===========================================================================*/
.secCombination .secSchoolCurriWrap {
	padding-top: calc(150 * var(--rs));
	padding-bottom: calc(150 * var(--rs));
}
.secCombination .secSchoolCurriWrap > * + * {
	margin-top: calc(200 * var(--rs));
}
.secCombination .secSchoolCurri_subTtl {
	position: relative;
	padding-bottom: calc(10 * var(--rs));
	border-bottom: 1px solid #999;
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(32 * var(--rs));
	line-height: 1.66;
	letter-spacing: 0.04em;
}
.secCombination .secSchoolCurri_subTtl::before {
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: calc(60 * var(--rs));
	height: 2px;
	background-color: var(--key-color);
	content: "";
}
.secCombination .secSchoolCurri_feature {
	margin-top: calc(78 * var(--rs));
}
.secCombination .secSchoolCurri_featureMedia {
	margin-top: calc(50 * var(--rs));
}
.secCombination .secSchoolCurri_unit {
	margin-top: calc(77 * var(--rs));
}
.secCombination .secSchoolCurri_timetable {
	margin-top: calc(77 * var(--rs));
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secCombination .secSchoolCurriWrap {
		padding-top: calc(80 * var(--rs));
		padding-bottom: calc(100 * var(--rs));
	}
	.secCombination .secSchoolCurriWrap > * + * {
		margin-top: calc(80 * var(--rs));
	}
	.secCombination .secSchoolCurri_subTtl {
		padding-bottom: calc(26 * var(--rs));
		font-size: calc(42 * var(--rs));
		line-height: 1.26;
		letter-spacing: 0.02em;
	}
	.secCombination .secSchoolCurri_subTtl::before {
		width: calc(94 * var(--rs));
	}
	.secCombination .secSchoolCurri_feature {
		margin-top: calc(144 * var(--rs));
	}
	.secCombination .secSchoolCurri_featureMedia {
		margin-top: calc(102 * var(--rs));
	}
	.secCombination .secSchoolCurri_unit {
		margin-top: calc(168 * var(--rs));
	}
	.secCombination .secSchoolCurri.-high .secSchoolCurri_unit {
		margin-top: calc(175 * var(--rs));
	}
	.secCombination .secSchoolCurri_timetable {
		margin-top: calc(168 * var(--rs));
	}
	.secCombination .secSchoolCurri.-high .secSchoolCurri_btnWrap {
		padding-bottom: calc(80 * var(--rs));
	}
}


/*===========================================================================
 secHead
===========================================================================*/
.secCombination .secHead {
	display: flex;
	flex-direction: column-reverse;
}
.secCombination .secHead_body {
	position: relative;
	margin: 0 calc(50% - 50vw);
	padding: calc(100 * var(--rs)) calc(50vw - 50%) calc(92 * var(--rs));
}
.secCombination .secHead_body::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(-286 * var(--rs));
	left: 0;
	width: 100%;
	height: calc(100% + 286 * var(--rs));
	background-color: #faf6f0;
	z-index: -1;
}
.secCombination .secHead_label {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(18 * var(--rs));
	line-height: 1.44;
	letter-spacing: 0.04em;
}
.secCombination .secHead_ttl {
	margin-top: calc(19 * var(--rs));
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(34 * var(--rs));
	line-height: 1.88;
	letter-spacing: 0.05em;
}
.secCombination .secHead_txt {
	max-width: calc(1018 * var(--rs));
	margin-top: calc(33 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2.13;
}
.secCombination .secHead_img {
	width: calc(1460 * var(--rs));
}
.secCombination .secSchoolCurriWrap > *:nth-child(odd) .secHead_img {
	margin-right: calc(-360 * var(--rs));
	margin-left: calc(100 * var(--rs));
}
.secCombination .secSchoolCurriWrap > *:nth-child(even) .secHead_img {
	margin-left: calc(-360 * var(--rs));
	margin-right: calc(100 * var(--rs));
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secCombination .secHead_body {
		padding-top: calc(108 * var(--rs));
		padding-bottom: calc(134 * var(--rs));
	}
	.secCombination .secHead_body::before {
		top: calc(-177 * var(--rs));
		height: calc(100% + 177 * var(--rs));
	}
	.secCombination .secHead_label {
		font-weight: normal;
		font-size: calc(36 * var(--rs));
		line-height: 1.64;
		letter-spacing: normal;
	}
	.secCombination .secHead_ttl {
		margin-top: calc(42 * var(--rs));
		font-size: calc(48 * var(--rs));
		line-height: 1.5;
		letter-spacing: normal;
	}
	.secCombination .secHead_txt {
		max-width: initial;
		margin-top: calc(72 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCombination .secHead_img {
		width: calc(710 * var(--rs));
	}
	.secCombination .secSchoolCurriWrap > *:nth-child(odd) .secHead_img {
		margin-right: calc(-40 * var(--rs));
		margin-left: 0;
	}
	.secCombination .secSchoolCurriWrap > *:nth-child(even) .secHead_img {
		margin-left: calc(-40 * var(--rs));
		margin-right: 0;
	}
}


/*===========================================================================
 featureMedia
===========================================================================*/
.secCombination .secSchoolCurri_featureMedia > * + * {
	margin-top: calc(60 * var(--rs));
}
.secCombination .featureMedia {
	display: flex;
}
.secCombination .featureMedia_body {
	flex: 1;
	padding-top: calc(24 * var(--rs));
}
.secCombination .featureMedia_ttl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(28 * var(--rs));
	line-height: 1.89;
}
.secCombination .featureMedia_lead {
	margin-top: calc(18 * var(--rs));
	color: var(--sub-color);
	font-weight: bold;
	font-size: calc(18 * var(--rs));
	line-height: 1.89;
	letter-spacing: 0.05em;
}
.secCombination .featureMedia_txt {
	margin-top: calc(14 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2.13;
}
.secCombination .featureMedia_img {
	flex-basis: calc(560 * var(--rs));
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.secCombination .secSchoolCurri_featureMedia > *:nth-child(odd) {
		flex-direction: row-reverse;
	}
	.secCombination .secSchoolCurri_featureMedia > *:nth-child(odd) .featureMedia_body {
		margin-left: calc(60 * var(--rs));
		padding-right: calc(20 * var(--rs));
	}
	.secCombination .secSchoolCurri_featureMedia > *:nth-child(even) .featureMedia_img {
		margin-left: calc(80 * var(--rs));
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secCombination .secSchoolCurri_featureMedia > * + * {
		margin-top: calc(82 * var(--rs));
	}
	.secCombination .featureMedia {
		flex-direction: column-reverse;
	}
	.secCombination .featureMedia_body {
		flex: initial;
		padding-top: calc(54 * var(--rs));
	}
	.secCombination .featureMedia_ttl {
		font-size: calc(42 * var(--rs));
		line-height: 1.26;
		letter-spacing: 0.02em;
	}
	.secCombination .featureMedia_lead {
		margin-top: calc(42 * var(--rs));
		font-size: calc(34 * var(--rs));
		line-height: 1.47;
	}
	.secCombination .featureMedia_txt {
		margin-top: calc(24 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCombination .featureMedia_img {
		flex-basis: initial;
	}
}


/*===========================================================================
 unit
===========================================================================*/
.secCombination .unit_note {
	margin-top: calc(32 * var(--rs));
	margin-bottom: calc(10 * var(--rs));
	font-size: calc(13 * var(--rs));
	line-height: 1.31;
	text-align: right;
}
.secCombination .unit_imgWrap {
	margin-top: calc(50 * var(--rs));
	max-height: calc(460 * var(--rs));
	/* border: 1px solid #e0d9db;
	border-width: 1px 0; */
	overflow: hidden;
}
.secCombination .unit_note + .unit_imgWrap {
	margin-top: 0;
}
.secCombination .unit_imgCaption {
	margin-top: calc(10 * var(--rs));
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.secCombination .unit_btnWrap {
		display: flex;
		justify-content: center;
		position: relative;
		text-align: center;
		z-index: 1;
		transition: all 0.3s ease-in-out;
	}
	.secCombination .unit_btnWrap::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(140 * var(--rs));
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
		transform: translateY(-100%);
	}
	.secCombination .unit_btn {
		display: inline-block;
		cursor: pointer;
		background-color: #171b48;
		border-radius: calc(25 * var(--rs));
		padding: calc(14 * var(--rs)) calc(15 * var(--rs)) calc(15 * var(--rs));
		min-width: calc(240 * var(--rs));
		transition: opacity 0.3s ease-in-out;
	}
	.secCombination .unit_btn:hover {
		opacity: 0.7;
	}
	.secCombination .unit_btnTxt {
		position: relative;
		padding-left: calc(22 * var(--rs));
		color: #fff;
		font-weight: 500;
		font-size: calc(15 * var(--rs));
		line-height: 1.4;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}
	.secCombination .unit_btnTxt::before,
	.secCombination .unit_btnTxt::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: calc(14 * var(--rs));
		height: 1px;
		background-color: #fff;
		transition: all 0.3s ease-in-out;
	}
	.secCombination .unit_btnTxt::after {
		transform: rotate(90deg);
	}
	.secCombination .secSchoolCurri_unit .unit_btnTxt.-close {
		display: none;
	}

	.secCombination .secSchoolCurri_unit.is-open .unit_imgWrap {
		max-height: initial;
	}
	.secCombination .secSchoolCurri_unit.is-open .unit_btnWrap {
		margin-top: calc(50 * var(--rs));
	}
	.secCombination .secSchoolCurri_unit.is-open .unit_btnWrap::before {
		display: none;
	}
	.secCombination .secSchoolCurri_unit.is-open .unit_btnTxt.-close {
		display: inline-block;
	}
	.secCombination .secSchoolCurri_unit.is-open .unit_btnTxt:not(.-close) {
		display: none;
	}
	.secCombination .secSchoolCurri_unit.is-open .unit_btnTxt::after {
		display: none;
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secCombination .unit {
		margin-top: calc(42 * var(--rs));
	}
	.secCombination .unit_note {
		margin-top: calc(26 * var(--rs));
		margin-bottom: calc(10 * var(--rs));
		font-size: calc(20 * var(--rs));
		line-height: 1.3;
	}
	.secCombination .unit_imgWrap {
		margin-top: calc(40 * var(--rs));
		max-width: calc(670 * var(--rs));
		max-height: initial;
	}
	.secCombination .secSchoolCurri.-high .unit_imgWrap {
		margin-right: calc(-40 * var(--rs));
		max-width: calc(710 * var(--rs));
		overflow-x: auto;
	}
	.secCombination .secSchoolCurri.-high .unit_imgWrap img {
		width: calc(1492 * var(--rs));
	}
	.secCombination .unit_img img {
		max-width: initial;
		width: 100%;
	}
	.secCombination .unit_imgCaption {
		margin-top: calc(60 * var(--rs));
		width: calc(424 * var(--rs));
	}
}


/*===========================================================================
 timetable
===========================================================================*/
.secCombination .timetable {
	margin-top: calc(32 * var(--rs));
}
.secCombination .timetable_txt {
	padding-right: calc(23 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2.13;
}
.secCombination .timetable_list {
	display: flex;
	margin-top: calc(45 * var(--rs));
}
.secCombination .timetable_link {
	display: block;
	padding: 0 calc(79 * var(--rs)) calc(13 * var(--rs));
	border-bottom: 1px solid #e4e4e4;
	color: #919191;
	font-family: var(--font-noto-serif);
	font-weight: 600;
	font-size: calc(18 * var(--rs));
	line-height: 1.44;
	letter-spacing: 0.04em;
	transition: all 0.3s ease-in-out;
	transition-property: border, color;
}
.secCombination .timetable_link:hover {
	border-color: var(--key-color);
	color: var(--key-color);
}
.secCombination .timetable_link.is-active {
	color: var(--key-color);
	border-color: var(--key-color);
}
.secCombination .timetable_ctsWrap {
	margin-top: calc(25 * var(--rs));
}
.secCombination .timetable_cts {
	-webkit-animation-name: fadeInAnime;
	animation-name: fadeInAnime;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 0;
}
.secCombination .timetable_cts:not(.is-active) {
	display: none;
}
.secCombination .timetable_imgWrap {
	max-height: calc(476 * var(--rs));
	overflow: auto;
}
.secCombination .timetable_imgCaption {
	margin-top: calc(10 * var(--rs));
	margin-left: calc(6 * var(--rs));
}
@-webkit-keyframes fadeInAnime {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInAnime {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.secCombination .timetable_list > :not(:last-child):not(:first-child) {
		flex: 1;
		text-align: center;
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.secCombination .timetable {
		margin-top: calc(56 * var(--rs));
	}
	.secCombination .timetable_txt {
		padding: 0;
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCombination .timetable_list {
		flex-wrap: wrap;
		margin: calc(64 * var(--rs)) calc(-10 * var(--rs)) calc(-38 * var(--rs)) 0;
	}
	.secCombination .timetable_item {
		margin: 0 calc(10 * var(--rs)) calc(38 * var(--rs)) 0;
		width: calc((100% - 20 * var(--rs)) / 2);
	}
	.secCombination .timetable_link {
		padding: 0 0 calc(8 * var(--rs));
		font-size: calc(26 * var(--rs));
		line-height: 1.42;
		text-align: center;
	}
	.secCombination .timetable_ctsWrap {
		margin-top: calc(60 * var(--rs));
	}
	.secCombination .timetable_imgWrap {
		max-height: initial;
		margin-top: calc(40 * var(--rs));
		margin-right: calc(-40 * var(--rs));
		overflow: auto;
	}
	.secCombination .timetable_img img {
		max-width: initial;
	}
	.secCombination .timetable_imgCaption {
		margin: calc(60 * var(--rs)) 0 0;
		width: calc(667 * var(--rs));
	}
}

/*===========================================================================
 scrollTxt
===========================================================================*/
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.scrollTxt {
		padding-left: calc(144 * var(--rs));
		text-align: left;
	}
	.scrollTxt::before {
		left: calc(85 * var(--rs));
		width: calc(45 * var(--rs));
		height: calc(47 * var(--rs));
		background-image: url(/chu-ko/common/images/icn_scroll_finger02.svg);
	}
}
