* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;
	
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.page {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.page::-webkit-scrollbar {
	display: none;
}

.slide {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.2em;
	color: white;
	background-size: cover;
	background-position: center;
}
section {
	width: 100%;
	position: relative;
}










.top-section{
	position: relative;
	height: 488px;
	overflow: hidden; /* はみ出し防止 */
}

.top-section .top-bg{
	position: absolute;
	width: 110vw;
	height: auto;
	object-fit: cover;
	z-index: 0;
	max-width: none;
	border: none;
	top: -10%;
	left: -7%;
}

/* グラデーションは上に重ねる */
.top-section::after{
	content:"";
	position:absolute;
	inset:0;
	background: linear-gradient(270deg,
		rgba(0,0,0,.2) 0.02%,
		rgba(0,0,0,.41) 27.51%,
		rgba(0,0,0,.5) 50.66%,
		#000 94.1%);
	z-index: 1;
}


.top-section-inner {
	position: relative;
	padding: 166px 118px 134px 118px;
	z-index:2;
}


.top-title {
	color: #fff;
	font-family: Satoshi;
	font-weight: 500;
	font-style: Medium;
	font-size: 80px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;

	margin-bottom: 24px;
}
.top-title-sub {
	color: #fff;
	font-family: Noto Sans JP;
	font-weight: 500;
	font-style: Medium;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
}


.pankuzu-list {
	display: flex;
	width: 144px;
	margin-bottom: 48px;
}

.pankuzu-unit {
	color: #fff;
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 12px;
	leading-trim: NONE;
	line-height: 150%;
	letter-spacing: 0%;
}

.pankuzu-separator {
	position: relative;
	width: 24px;
	height: 18px;
}
.pankuzu-separator img{	
	margin: 0 auto;
	width: 10px;
	height: 16px;
	display: block;
}

.pc_br {
	display: block;
	display: unset;
}
.sp_br {
	display: none;
}

img.pc {
	display: block;
}
img.sp {
	display: none;
}


.topic-section {
	padding: 80px 120px 56px 120px;
}

.topic-head {
	display: flex;
	justify-content: center;
	gap: 100px;
}

.topic-head-title {
	font-family: Noto Sans JP;
	font-weight: 700;
	font-style: Bold;
	font-size: 40px;
	leading-trim: NONE;
	line-height: 160%;
	letter-spacing: 0%;

	color: #151515;
	width: 280px;
	flex: 1 0 280px;
}

.topic-head-body {
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 200%;
	letter-spacing: 0%;

	color: #151515;
	padding-top: 40px;
}

.slider-section {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	overflow: hidden;
}

.slider-section-inner {
	z-index: 40;
	display: block;
	position: relative;
	height: auto;
	padding-bottom: 80px;
}

.slider-body {
	width: 100%;
}

.slider-list {
	scrollbar-width: none;
}

.slider-list {
	position: relative;
	display: flex;
	gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	padding-inline: 24px;
	cursor: grab;
	touch-action: pan-x;
	scroll-padding-inline: 24px;
	align-items: center;
}

@media screen and (min-width:1823px){
	.slider-list {
		max-width: 1832px;
		margin: 0 auto;
		padding: 0;
	}
	.slider-card {
		cursor: auto;
	}
}

.slider-card {
	border-radius: 8px;
	height: auto;
	flex: 0 0 auto;
	overflow: hidden;
	scroll-snap-align: center;
}

.card1 {
	aspect-ratio: 634/408;
	width: 634px;
}

.card2 {
	aspect-ratio: 528/352;
	width: 528px;
}

.card3 {
	aspect-ratio: 629/408;
	width: 629px;
}

.slider-card img {
	object-fit: cover;
	width: 100%;
	height: auto;
	display: block;
	user-select: none;
}


.slider-list::-webkit-scrollbar{ display: none; }
.slider-list:active{ cursor: grabbing; }

.slider-body{ width: 100%; }	 /* 何もしないなら削除してもOK */

.slider-card {
	border-radius: 8px;
	flex: 0 0 auto;
	overflow: hidden;
	scroll-snap-align: center;

}

.slider-card img {
	display: block;
	user-select: none;
	-webkit-user-drag: none;
}

.slider-list{ scrollbar-width: none; }
.slider-list::-webkit-scrollbar{ display: none; }


.sticky {
	position: sticky;
	top: 0;
}



.image-section {
	padding: 267px 124px 70px 128px;
}

@media screen and (min-width:1025px){
		.image-section1 {
			padding: 267px 124px 280px 132px;
		}
		.image-section2 {
			padding: 280px 124px 287px 124px;
		}
		.image-section-inner2{
			margin-top: -22px;
		}
		.step-list{
			padding-top: 20px;
		}
		.riyou-row{
			margin-top : -10px;
			width: 73%;
		}
		.riyou-row2{
			margin-top : -10px;
			width: 73%;
		}
		.riyou-row3{
			margin-top : -10px;
			width: 73%;
		}
}

.image-section{
	overflow: hidden;	 /* ぼかしのはみ出しを隠す */
	min-height: 100vh;
}

.image-section1::before {
	background: url("/common/asset/strengths/back1.webp") center/cover no-repeat;
}
.image-section2::before {
	background: url("/common/asset/strengths/back2.png") center/cover no-repeat;
}

/*
.image-section3::before {
	background: url("/common/asset/strengths/back3.jpg") center/cover no-repeat;
}
*/


/* 背景画像レイヤー：画像＋ぼかし */
.image-section::before{
	content: "";
	position: absolute;
	inset: 0;
	filter: blur(20px);
	z-index: 0;
}

/* 黒30%のオーバーレイ */
.image-section::after{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.3);	/* ← #000 の 30% */
	z-index: 1;
}

/* 中身（テキスト等）は一番上へ */
.image-section-inner > *{
	position: relative;
	z-index: 2;
}

.image-content {
	display: flex;
	justify-content: center;
	gap: 57px;
	align-items: center;
	margin-bottom: 88px;
}

.image-pic {
	aspect-ratio: 600/428;
	width: 600px;
	flex: 0 0 584px;
}

.image-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.image-tips {
	font-family: Satoshi;
	font-weight: 400;
	font-style: Bold;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #F2F2F2;
	padding-bottom: 16px;
}

.image-title {
	font-family: Noto Sans JP;
	font-weight: 700;
	font-style: Bold;
	font-size: 40px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	padding-bottom: 72px;
	color: #F2F2F2;
}

.image-body {
	font-family: Noto Sans JP;
	font-weight: 300;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 200%;
	letter-spacing: 0%;
	color: #F2F2F2;
}

.step-area {
	background-color: #FFF;
	padding: 58px;
	border-radius: 8px;
	max-width: 1200px;
	margin: 0 auto;
}

.step-head {
	margin-bottom: 24px;
}


.step-title {
	font-family: Noto Sans JP;
	font-weight: 700;
	font-style: Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #151515;
}

.step-list {
}

.step-row {
	display: flex;
	gap: 64px;
	margin-bottom: 22px;
	align-items: center;
	padding: 24px 0;
}

.row-img {
	width: 240px;
	aspect-ratio: 240/190;
	height: 190px;
	overflow: hidden;
	border-radius: 5px;
	border: solid 1px #c4c4c4;
}

.row-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.row-text {
}

.row-head {
	border-bottom: solid 1px #D7D7D7;
	margin-bottom: 28px;
}

.row-head-text {
	display: flex;
	align-items: flex-end;
	padding-bottom: 16px;
	gap: 8px;
}

.row-head-text_step {
	font-family: Satoshi;
	font-weight: 500;
	font-style: Medium;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #151515;
	padding-bottom: 3px;
}

.row-head-text_no {
	font-family: Satoshi;
	font-weight: 500;
	font-style: Medium;
	font-size: 28px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	color: #151515;
}

.row-body {
}

.row-body-text {
}

.row-body-text_title {
	font-family: Noto Sans JP;
	font-weight: 500;
	font-style: Medium;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	margin-bottom: 16px;
	color: #151515;
}

.row-body-text_body {
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 180%;
	letter-spacing: 0%;
	color: #151515;
}

.step-btn {
	text-align: center;
}


.btn-solid-blue {
	display: inline-flex;
	gap: 16px;
	min-width: 260px;
	font-family: "Noto Sans JP",system-ui,sans-serif;
	align-items: center;
	justify-content: left;
	height: 56px;
	width: 260px;
	padding: 16px 0 16px 24px;
	padding-left: 24px;
	padding-left: 24px;
	border-radius: 64px;
	border: 1px solid #005EAD;
	background: #005EAD;
	color: #F2F2F2;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	position: relative;
}

.btn-solid-blue{
	width: 260px;
	min-width: 260px;
}


.btn-solid-blue::hover {
	color:#ffffff;
}
.btn-solid-blue::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(/common/asset/btn-bule_arrow.svg) no-repeat center / contain;
}

.btn-solid-blue-comment {
	padding-left: 64px;
}


@media (max-width: 1024px){
	.pc_br {
		display: none;
	}
	.sp_br {
		display: block;
		display: unset;
	}
	img.pc {
		display: none;
	}
	img.sp {
		display: block;
	}


	.st02-body{
		width: 100%;
	}

	.sp-br-n {
		display: none;
	}
	.top-section{
		height: 240px;
	}

	.top-section .top-bg {
        object-position: left bottom;
        width: 170%;
        height: auto;
        top: -15px;
        left: -10px;
	}

	.top-section::after {
		linear-gradient(270deg, rgba(0,0,0,.2) 0.02%, rgba(0,0,0,.41) 27.51%, rgba(0,0,0,.5) 50.66%)
	}

	.pankuzu-list {
		margin-bottom: 32px;
	}

	.top-section-inner {
		padding: 72px 24px 40px 24px;
	}

	.pankuzu-unit {
		color: #fff;
		font-family: Noto Sans JP;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px;
		leading-trim: NONE;
		line-height: 150%;
		letter-spacing: 0%;
	}

	.top-title {
		font-family: Satoshi;
		font-weight: 500;
		font-style: Medium;
		font-size: 48px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;

		margin-bottom: 16px;
	}

	.top-title-sub {
		color: #fff;
		font-family: Noto Sans JP;
		font-weight: 500;
		font-style: Medium;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.topic-section {
		padding: 56px 24px 56px 24px;
	}

	.topic-head {
		display: block;
	}

	.topic-head-title {
		font-family: Noto Sans JP;
		font-weight: 700;
		font-style: Bold;
		font-size: 28px;
		leading-trim: NONE;
		line-height: 160%;
		letter-spacing: 0%;

		margin-top: 0;
		margin-bottom: 40px;
	}

	.topic-head-body {
		font-family: Noto Sans JP;
		font-weight: 400;
		font-style: Regular;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 200%;
		letter-spacing: 0%;
		margin-bottom: 0;
		padding-top: 0px;

	}




	.slider-section {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		height: 386px;
		overflow: hidden;
		padding-bottom: 80px;
	}

	.slider-section-inner {
		z-index: 40;
		display: block;
		position: relative;
		height: 386px;
	}





	.slider-list {
		gap: 8px;
		padding-inline: 0;
	}


	.slider-list{
		scroll-snap-type: x proximity;   /* ← 強制ではなく近い所でスナップ */
		touch-action: pan-x pan-y;       /* ← 縦パンも許可（=ページが上下に動く） */
		overscroll-behavior-inline: contain;  /* iOS/Androidのはみ出し伝播抑制 */
	}
	.slider-list:active{ cursor: auto; }


	.slider-card {
		border-radius: 5px;
		aspect-ratio: 475 / 306;
		width: 475px;
		height: auto;
		flex: 0 0 auto;
		overflow: hidden;
		scroll-snap-align: center;
	}

	.slider-card img {
		border-radius: 6px;
	}


	.sticky {
		position: relative;
	}

	.image-section {
		padding: 120px 24px 120px 24px;
		height: auto;
		min-height: 70vh;
	}
	.image-section1 {
		padding: 125px 24px 25px 24px;
	}
	.image-section2 {
		padding: 150px 24px 55px 24px;
	}
	.image-section3 {
		padding: 120px 24px 80px 24px;
		position: relative;
	}

	.image-content {
		display: block;
	}

	.image-pic {
		aspect-ratio: 342/243;
		width: 100%;
		height: auto;
		margin-bottom: 86px;
	}

	.image-tips {
		color: #F2F2F2;
		padding-bottom: 16px;
		font-family: Satoshi;
		font-weight: 400;
		font-style: Bold;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.image-title {
		margin-bottom: 56px;
		padding: 0;
		color: #F2F2F2;
		font-family: Noto Sans JP;
		font-weight: 700;
		font-style: Bold;
		font-size: 32px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.image-body {
		color: #F2F2F2;
		font-family: Noto Sans JP;
		font-weight: 300;
		font-style: Regular;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 180%;
		letter-spacing: 0%;
	}

	.cont03-content{
		margin-bottom: 46px;
	}
	.step-area {
		padding: 56px 24px;
	}




	.step-row {
		display: block;
		margin-bottom: 50px;
		padding: 0;
	}

	.step-head {
		margin-bottom: 50px;
	}

	.step-list {
		margin-bottom: 40px;
	}

	.step-title {
		color: #151515;
		font-family: Noto Sans JP;
		font-weight: 700;
		font-style: Bold;
		font-size: 24px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.row-img {
		width: 100%;
		aspect-ratio: 295/190;
		height: auto;
		overflow: hidden;
		margin-bottom: 16px;
		border: none;

	}

	.row-img2 {
		margin-bottom: 6px;
	}

	.row-img img {
		width: 100%;
		height: auto;
		object-fit: cover;
		border-radius: 4px;
	}
	.st03-img{
		height: 75%!important;
	}


	.riyou-row{
		/*margin-top : -40px;*/
	}
	.riyou-row2{
		/*margin-top : -55px;*/
	}
	.riyou-row3{
		/*margin-top : -45px;*/
	}
	.sp-row-last{
		margin-bottom: -6px;
	}

	.row-head-text_step {
		font-family: Satoshi;
		font-weight: 500;
		font-style: Medium;
		font-size: 18px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.row-head-text_no {
		font-family: Satoshi;
		font-weight: 500;
		font-style: Medium;
		font-size: 28px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.row-body-text_title {
		font-family: Noto Sans JP;
		font-weight: 500;
		font-style: Medium;
		font-size: 20px;
		leading-trim: NONE;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.row-body-text_body {
		font-family: Noto Sans JP;
		font-weight: 400;
		font-style: Regular;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 180%;
		letter-spacing: 0%;
	}


}






/* ===============================
SP: image-section2 を Figma完全再現
=============================== */
@media (max-width: 1024px){

/* セクション本体：高さ/余白をFigmaに合わせる */
.image-section2{
position: relative;
isolation: isolate;          /* レイヤー分離 */
height: 862px;               /* Figmaの高さ */
min-height: 0 !important;    /* 共通の100vhを打ち消す */
padding: 0;                  /* 余白は inner 側へ */
/* 任意：万一のはみ出し対策のベース色 */
/* background-color: #0d1321; */
}

/* 02だけ共通の黒30%オーバーレイは不要 */
.image-section2::after{ content: none; }

/* 背景：斜めレイヤーではなく「黒20% + 画像」を1枚で敷く */
.image-section2::before{
content:"";
position:absolute;
inset:0;
z-index:0;

background-image:
linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
url("/common/asset/strengths/back2.png"); /* ← image.png 相当に置換 */
background-repeat: no-repeat, no-repeat;

/* Figmaの数値をそのまま適用 */
background-size: 1440px 957px, 1440px 957px;
background-position: -511px 0, -511px 0;

/* 共通の “ぼかし” を打ち消す */
filter: none;
}

/* 内側のガラス面（Frame 1171277739） */
.image-section2 .image-section-inner{
position: relative;
z-index: 1;

display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;

width: 100%;
height: 100%;
padding: 120px 24px;

background: rgba(0,0,0,0.2);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); /* 非対応環境では半透明のみ */
}

/* 内部レイアウトもFigma値に寄せる（任意だが見た目が安定） */
.image-section2 .image-content{
display: flex;
flex-direction: column;
gap: 86px;                   /* Frame 1171277792 の gap */
width: 342px;
max-width: 100%;
height: auto;
margin: 0;                   /* 既存の余白をリセット */
}

.image-section2 .image-pic{
width: 342px;
height: 243.96px;            /* image 74 */
aspect-ratio: auto;
flex: 0 0 auto;
}
.image-section2 .image-pic img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
display: block;
}

/* タイポグラフィ（Figma値） */
.image-section2 .image-tips{
font-weight: 700;
font-size: 14px;
line-height: 1;
color: #F2F2F2;
}
.image-section2 .image-title{
font-size: 32px;
line-height: 1;
color: #fff;
}
.image-section2 .image-body{
font-size: 14px;
line-height: 1.8;
color: #fff;
}
}

/* PCは実務上 cover 運用（必要なら位置を微調整） */
@media (min-width: 1025px){
.image-section2::before{
background-size: cover, cover;
background-position: center right, center right;
}
}



/* ===============================
SP: image-section2 を Figma完全再現
=============================== */
@media (max-width: 1024px){

/* セクション本体：高さ/余白をFigmaに合わせる */
.image-section2{
position: relative;
isolation: isolate;          /* レイヤー分離 */
height: 862px;               /* Figmaの高さ */
min-height: 0 !important;    /* 共通の100vhを打ち消す */
padding: 0;                  /* 余白は inner 側へ */
/* 任意：万一のはみ出し対策のベース色 */
/* background-color: #0d1321; */
}

/* 02だけ共通の黒30%オーバーレイは不要 */
.image-section2::after{ content: none; }

/* 背景：斜めレイヤーではなく「黒20% + 画像」を1枚で敷く */
.image-section2::before{
content:"";
position:absolute;
inset:0;
z-index:0;

background-image:
linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
url("/common/asset/strengths/back2.png"); /* ← image.png 相当に置換 */
background-repeat: no-repeat, no-repeat;

/* Figmaの数値をそのまま適用 */
background-size: 1440px 957px, 1440px 957px;
background-position: -511px 0, -511px 0;

/* 共通の “ぼかし” を打ち消す */
filter: none;
}

/* 内側のガラス面（Frame 1171277739） */
.image-section2 .image-section-inner{
position: relative;
z-index: 1;

display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;

width: 100%;
height: 100%;
padding: 120px 24px;

background: rgba(0,0,0,0.2);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); /* 非対応環境では半透明のみ */
}

/* 内部レイアウトもFigma値に寄せる（任意だが見た目が安定） */
.image-section2 .image-content{
display: flex;
flex-direction: column;
gap: 0;                   /* Frame 1171277792 の gap */
width: 342px;
max-width: 100%;
height: auto;
margin: 0;                   /* 既存の余白をリセット */
}

.image-section2 .image-pic{
width: 342px;
height: 243.96px;            /* image 74 */
aspect-ratio: auto;
flex: 0 0 auto;
}
.image-section2 .image-pic img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
display: block;
}

/* タイポグラフィ（Figma値） */
.image-section2 .image-tips{
font-weight: 700;
font-size: 14px;
line-height: 1;
color: #F2F2F2;
}
.image-section2 .image-title{
font-size: 32px;
line-height: 1;
color: #fff;
}
.image-section2 .image-body{
font-size: 14px;
line-height: 1.8;
color: #fff;
}
}

/* PCは実務上 cover 運用（必要なら位置を微調整） */
@media (min-width: 1025px){
.image-section2::before{
background-size: cover, cover;
background-position: center right, center right;
}
}






.image-section3 {
	position: relative;
}

/* ===============================
 Strengths03 背景（Figma再現・清書）
 =============================== */

/* 03だけ黒オーバーレイは不要 */
.image-section3::after { content: none; }

/* 背景と本文を分離（z-index管理しやすく） */
.image-section3 {
	position: relative;
	isolation: isolate;
}

/* 背景：斜めグラデ + 写真 を 1枚の背景で表現 */
.image-section3::before{
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;

	/* ※順番重要：先にグラデ、後ろに画像 */
	background-image:
		linear-gradient(115.04deg, rgba(0,0,0,0.14) 3.89%, rgba(33,55,100,0.16) 92.25%),
		url("/common/asset/strengths/back3.webp");
	background-repeat: no-repeat;

	/* FigmaのSP（390×960）を使う場合 */
	/*
	background-size: 390px 960px, 390px 960px;
	background-position: 0 0, 0 0;

	/* 画像サイズに合わせる（どちらか一方を選択） */
	/* A) Figmaの1440×960を使うなら： */
	background-size: 1440px 960px, 1440px 960px;
	background-position: -26px 0, -26px 0;

	/* ← ここを固定値から cover に変更し、常に全体をカバー */
	/*
	background-size: cover, cover;
	background-position: center top, center top;
	*/

	/* 共通の“ぼかし”を打ち消す */
	/*background-color: #0e1628;*/
	background-color: #00000033;
	/*filter: none;*/
	filter: blur(20px);
}

/* 本文ボックス：半透明＋backdrop-blur（ガラス感） */
.image-section3 .image-section-inner{
	position: relative;
	z-index: 1;
	/*
	background: rgba(0,0,0,0.2);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	*/
}

/* PCはcoverで近似（必要に応じて位置調整） */
@media (min-width: 1025px){
	.image-section3::before{
		background-size: cover, cover;
		background-position: center right, center right;
	}
}

.image-section1 {
background-color: #fff;
}
.image-section2 {
background-color: #fff;
}
.image-section3 {
background-color: #fff;
}