/*===============================
* ヘッド
* =================================*/
.zoukaitiku__head{
	margin-bottom: var(--g-sec--lg);
}
.zoukaitiku__message{
	margin-bottom: var(--g-sec--sm);
}
.zoukaitiku__message > *{
	display: flex;
	justify-content: center;
	line-height: var(--lh-xl);
}

/*===============================
* ボディ
* =================================*/
.zoukaitiku__body{
	position: relative;
	padding: var(--g-sec--md) 0;
}
/* 背景画像 */
.zoukaitiku__body::before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background-image: var(--bgi);
	background-attachment: fixed;
}

/*===============================
* セクション
* =================================*/
.zoukaitiku__sections{
	margin-bottom: var(--g-sec--lg);
}
.zoukaitiku-section:not(:last-of-type){
	margin-bottom: var(--g-sec--md);
}
.zoukaitiku-section{
	position: relative;
}
@media (min-width: 960px){
	.zoukaitiku-section{
		padding: 6% 0;
	}
}
.zoukaitiku-section__title{
	display: flex;
	align-items: center;
	gap: .7em;
	margin-bottom: var(--g-sec--sm);
}
.zoukaitiku-section__title img{
	width: 1.7em;
}

/*===============================
* セクション：コンテンツ
* =================================*/
@media (min-width: 960px){
	.zoukaitiku-section__title,
	.zoukaitiku-section__content{
		width: 48%;
	}
	.zoukaitiku-section:nth-of-type(even) :is(.zoukaitiku-section__title, .zoukaitiku-section__content){
		margin-left: auto;
	}
}

/*===============================
* セクション：画像
* =================================*/
.zoukaitiku-section__image{
	width: 100%;
	margin-bottom: 2rem;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
	aspect-ratio: 358 / 212;
}
.zoukaitiku-section__image img{
	width: 100%;
	height: 100%;
}
@media (min-width: 960px){
	.zoukaitiku-section__image{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 52%;
		margin-bottom: 0;
		border-radius: var(--bd-r--xl);
		aspect-ratio: 660 / 495;
	}
	.zoukaitiku-section:nth-of-type(odd) .zoukaitiku-section__image{
		right: calc( 50% - 50vw );
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.zoukaitiku-section:nth-of-type(even) .zoukaitiku-section__image{
		left: calc( 50% - 50vw );
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

.zoukaitiku-section__group:not(:last-child){
	margin-bottom: 1.25rem;
}

/*===============================
* 終わりの言葉
* =================================*/
.zoukaitiku__close{
	max-width: var(--width-sm);
	margin-inline: auto;
	margin-bottom: var(--g-sec--sm);
}

/*===============================
* ボタン
* =================================*/
.zoukaitiku__btn{
	text-align: center;
}