/*===============================================================================
MV
================================================================================*/
.advance-mv__inner{
	position: relative;
}
.advance-mv__content{
	position: relative;
	z-index: 1;
	max-width: calc( 600px + var(--swl-pad_container, 0px) * 2 );
	padding: var(--g-sec--lg) var(--swl-pad_container,0);
	font-weight: var(--fw-lg);
	font-family: var(--ff-m);
	color: var(--c-blue-dark);
}
.advance-mv__bgi{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	display: block;
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 600px){
	.advance-mv__bgi{
		display: none;
	}
}
.advance-mv__title{
	display: flex;
	flex-direction: column;
	margin-bottom: 1.75rem;
	line-height: var(--lh-md);
	font-size: clamp(1.75rem, 0.857rem + 2.38vw, 3rem);
}
.advance-mv__textArea{
	font-size: clamp(1.125rem, 1.036rem + 0.24vw, 1.25rem);
}
.advance-mv__picture{
	position: relative;
	width: 100%;
	height: 100%;
}
@media (min-width: 600px){
	.advance-mv__picture{
		position: absolute;
		top: 0;
		left: 0;
	}
}
.advance-mv__picture img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.advance-mv__btn{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	text-align: right;
}



/*===============================================================================
エアラインスクールとは
================================================================================*/
.advance-about{
	margin-bottom: var(--g-sec--lg);
}
.advance-about__inner{
	position: relative;
	padding: var(--g-sec--lg) 0;
}
.advance-about__bgi{
	position: absolute;
	top: 0;
	right: calc( 50% - 50vw );
	z-index: -2;
	max-width: 800px;
	width: 100vw;
	height: 100%;
}
.advance-about__bgi img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 100%;
}
@media (min-width: 600px){
	.advance-about__bgi img{
		object-fit: cover;
	}
}
.advance-about__grayscale{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	background: linear-gradient(180deg, #EFF7FF 60%, rgba(255, 255, 255, 0.5) 100%);
}
@media (min-width: 600px){
	.advance-about__grayscale{
		background: linear-gradient(90deg, #EFF7FF 60%, rgba(255, 255, 255, 0.5) 100%);
	}
}
.advance-about__content{
	max-width: 592px;
}
.advance-about__head{
	position: relative;
	margin-bottom: var(--g-sec--xs);
	line-height: var(--lh-xs);
}
.advance-about__subtitle{
	position: absolute;
	bottom: 0;
	left: calc( clamp(0rem, -3.571rem + 9.52vw, 5rem) * -1 );
	z-index: -1;
	font-weight: var(--fw-xl);
	font-family: var(--ff-m);
	font-size: clamp(4.25rem, 1.929rem + 6.19vw, 7.5rem);
	color: var(--c-light);
}
.advance-about__textArea:not(:last-of-type){
	margin-bottom: 1.25rem;
}



/*===============================================================================
エアラインスクールの強み
================================================================================*/
.advance-strengths{
	margin-bottom: var(--g-sec--lg);
}
.advance-strengths__inner{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.advance-strengths__head{
	margin-bottom: var(--g-sec--md);
}
.advance-strengths__body{
	margin-bottom: var(--g-sec--md);
}

/*===============================
* mediaText
* =================================*/
.advance-strengths__mediaText:not(:last-of-type){
	margin-bottom: var(--g-sec--sm);
	padding-bottom: var(--g-sec--sm);
	border-bottom: 1px dashed var(--c-main);
}
.advance-strengths__mediaText{
	--count: 1;
	--gap: var(--g-sec--xs);
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 600px){
	.advance-strengths__mediaText{
		--media-width: 75%;
		--count: 2;
	}
}

/* コンテンツ */
.advance-strengths__mediaText-contents{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.advance-strengths__mediaText-head{
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
	margin-bottom: 1rem;
	font-weight: var(--fw-lg);
}
.advance-strengths__mediaText-labels{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--c-blue-dark);
}
.advance-strengths__mediaText-number{
	line-height: var(--lh-xs);
	font-size: 3rem;
}
.advance-strengths__mediaText-title{
	display: flex;
	flex-direction: column;
	font-size: clamp(1.5rem, 1.321rem + 0.48vw, 1.75rem);
}

/* メディア */
.advance-strengths__mediaText-media{
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}

/*===============================
* foot
* =================================*/
.advance-strengths__profile{
	padding: var(--g-sec--xs);
	background: var(--c-blue-light);
}
.advance-strengths__profile-head{
	margin-bottom: 1.25rem;
	text-align: center;
}
.advance-strengths__profile-title{
	font-weight: var(--fw-lg);
	font-size: 1.25rem;
	color: var(--c-blue-dark);
}
.advance-strengths__profile-flex{
	--count: 1;
	--gap: var(--g-sec--xs);
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 600px){
	.advance-strengths__profile-flex{
		--count: 2;
	}
}
.advance-strengths__profile-picture{
	max-width: fit-content;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	text-align: center;
}
.advance-strengths__profile-contents{
	flex-grow: 1;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}



/*===============================================================================
コース・料金
================================================================================*/
.advance-plan{
	margin-bottom: var(--g-sec--lg);
}
.advance-plan__inner{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.advance-plan__bgc{
	position: relative;
	padding: var(--g-sec--md) 0;
}
.advance-plan__bgc::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-blue-light);
}
.advance-plan__bgc.--light::before{
	background: var(--c-light);
}
.advance-plan__head{
	margin-bottom: var(--g-sec--sm);
}

/*===============================
* エアラインスクール（マンツーマン指導）
* =================================*/
.advance-plan-detail__head{
	margin-bottom: var(--g-sec--xs);
	line-height: var(--lh-md);
}
.advance-plan-detail__title{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1.5rem .75rem;
	text-align: center;
	background: var(--c-main);
	color: var(--c-light);
	font-size: 1.5rem;
	font-weight: var(--fw-lg);
	font-family: var(--ff-m);
}
.advance-plan-detail__body{
	--count: 1;
	--gap: var(--g-sec--xs);
	--table-width: 100%;
	--day-width: calc( 200% - var(--table-width) );
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--gap);
}
@media (min-width: 960px){
	.advance-plan-detail__body{
		--count: 2;
	}
}
.advance-plan-detail__table{
	width: calc( ( var(--table-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
.advance-plan-detail__table.--day{
	width: calc( ( var(--day-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}

.advance-plan-detail__table table{
	width: 100%;
}

/* TR */
.advance-plan-detail__table tr{
	display: flex;
}
.advance-plan-detail__table.--day tr{
	flex-direction: column;
	text-align: center;
}

/* TD */
.advance-plan-detail__table td{
	padding: 1rem 1.25rem;
	line-height: var(--lh-md);
}
/* 1つ目のTD */
.advance-plan-detail__table td:nth-of-type(1){
	width: 9.5rem;
	min-width: 9.5rem;
	background: var(--c-main);
	font-weight: var(--fw-lg);
	color: var(--c-light);
}
.advance-plan-detail__table.--day td:nth-of-type(1){
	width: 100%;
}
.advance-plan-detail__table tr:not(:last-of-type) td:nth-of-type(1){
	border-bottom: 1px solid var(--c-light);
}
/* 2つ目のTD */
.advance-plan-detail__table td:nth-of-type(2){
	flex-grow: 1;
	background: var(--c-light);
}
.advance-plan-detail__table tr:not(:last-of-type) td:nth-of-type(2){
	border-bottom: 1px solid var(--c-gray-dark);
}

/*===============================
* 選べる3つの指導内容
* =================================*/
.advance-plan-service__head{
	margin-bottom: var(--g-sec--xs);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding: 1.5rem .75rem;
	line-height: var(--lh-md);
	background: var(--c-main);
	font-weight: var(--fw-lg);
	font-family: var(--ff-m);
	color: var(--c-light);
}
@media (min-width: 600px){
	.advance-plan-service__head{
		justify-content: center;
	}
}
.advance-plan-service__title{
	font-size: 1.5rem;
}
.advance-plan-service__head .c-autoWrap{
	font-size: 1.125rem;
}
.advance-plan-service__cards{
	--count: 1;
	--gap: 1.75rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
@media (min-width: 600px){
	.advance-plan-service__cards{
		--count: 2;
	}
}
@media (min-width: 768px){
	.advance-plan-service__cards{
		--count: 3;
	}
}
.advance-plan-service__card{
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.advance-plan-service__image{
	margin-bottom: 1.5rem;
}
.advance-plan-service__name{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: var(--lh-md);
	font-weight: var(--fw-lg);
	font-size: 1.25rem;
	color: var(--c-blue-dark);
}

/*===============================
* 英語力について
* =================================*/
.advance-plan-english__head{
	margin-bottom: var(--g-sec--xs);
	line-height: var(--lh-md);
}
.advance-plan-english__title{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1.5rem .75rem;
	text-align: center;
	background: var(--c-main);
	color: var(--c-light);
	font-size: 1.5rem;
	font-weight: var(--fw-lg);
	font-family: var(--ff-m);
}
.advance-plan-english__mv{
	margin-bottom: 1.5rem;
}
.advance-plan-english__mv img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.advance-plan-english__contents{
	font-size: 1.125rem;
}

/*===============================================================================
よくある質問
================================================================================*/
.advance-faq {
	margin-bottom: var(--g-sec--lg);
}
.advance-faq__ttl {
	margin-bottom: var(--g-sec--md);
}

/*===============================================================================
CTA
================================================================================*/
/* 背景 */
.advance-cta__inner {
	position: relative;
	padding: var(--g-sec--md) 0;
}
.advance-cta__inner::before {
    position: absolute;
    content: "";
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: var(--c-light);
    opacity: 60%;
	z-index: -999;
}
.advance-cta__bg {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
	z-index: -1000;
}
/* コンテンツ */
.advance-cta__content {
	max-width: 60rem;
	background: var(--c-light);
	margin-inline: auto;
	padding: var(--g-sec--md) 1rem;
	box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.1);
}
.advance-cta__ttl {
	margin-bottom: var(--g-sec--xs);
}
.advance-cta__description {
	text-align: center;
	font-weight: var(--fw-md);
	margin-bottom: var(--g-sec--sm);
}
/* ボタン */
.advance-cta__btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(1rem, 2.29vw + .44rem, 2.5rem);
}