/* パッションページ全体 */
.customize-support{
	background-color:#11184E;
}

.passion_main {
	max-width: 128rem;
	width: 100%;
	padding: 0;
	background-color: #11184E;
	height: 100%;
	margin: 4.5rem auto 0;
}

/* こだわりのメイン概要 */
.passion_header_topflex {
	max-width: 128rem;
	width: 100%;
	margin: 0 auto;
	/* padding: 0 28.6rem 0 28.7rem; */
	display: flex;
	gap: 2.8rem;
	margin: 0 auto;
	width: max-content;
}

.passion_header_text1st {
	width: 8rem;
	height: 46rem;
	background-color: #FFFFFF;
	margin-top: 6.5rem;
	padding-top: 0.5rem;
	writing-mode: vertical-rl;
	font-size: 2.3rem;
	font-weight: 700;
	font-family: var(--Shippori);
	line-height: calc(37 / 25);
	letter-spacing: 1.2rem;
	color: #11184E;
	display: flex;
	/* フレックスボックスを有効化 */
	align-items: center;
	/* 垂直方向の中央揃え */
	justify-content: center;
	/* 水平方向の中央揃え */
	animation: fade_in 1s ease-out forwards;
	/* アニメーション適用 */
}

.passion_header_videoerea {
	width: 55rem;
	height: 43rem;
	background-color: #FFFFFF;
	margin-top: 1.5rem;
	padding: 1rem;
	flex-shrink: 0;
}

.passion_header_video {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.passion_header_text2nd {
	width: 8.1rem;
	height: 40.2rem;
	background-color: #FFFFFF;
	padding-top: 0.5rem;
	writing-mode: vertical-rl;
	font-size: 2.3rem;
	font-weight: 700;
	font-family: var(--Shippori);
	line-height: calc(37 / 25);
	letter-spacing: 1.2rem;
	color: #11184E;
	display: flex;
	/* フレックスボックスを有効化 */
	align-items: center;
	/* 垂直方向の中央揃え */
	justify-content: center;
	/* 水平方向の中央揃え */
	animation: fade_in 1s ease-out forwards;
	/* アニメーション適用 */
}

/* こだわりのメイン概要 横文字 */
.passion_header_bottomflex {
	max-width: 128rem;
	width: 100%;
	margin: 5.5rem auto 0 auto;
	text-align: right;
}

.passion_header_text3rd {
	display: inline-block;
	max-width: 53.8rem;
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 19.3rem 0 auto;
	/* 自動で左側に余白を作る */
	padding: 0rem 8.9rem;
	font-size: 4.0rem;
	font-weight: 700;
	font-family: var(--Shippori);
	line-height: calc(59 / 30);
	color: #11184E;
	text-align: center;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	animation: fade_in 1s ease-out forwards;
	/* アニメーション適用 */
}

.passion_header_text4rd {
	display: inline-block;
	max-width: 39.3rem;
	width: 100%;
	background-color: #FFFFFF;
	margin: 1.5rem 19.3rem 0 auto;
	padding: 0rem 3.5rem;
	font-size: 4.0rem;
	font-weight: 700;
	font-family: var(--Shippori);
	line-height: calc(59 / 32);
	letter-spacing: 0.6rem;
	color: #11184E;
	text-align: center;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	animation: fade_in 1s ease-out forwards;
	/* アニメーション適用 */
}

.text4th {
	max-width: 39.3rem;
	padding: 1.0rem 3.5rem;
}

@keyframes fade_in {

	/* 上からフェードイン */
	0% {
		opacity: 0;
		transform: translateY(-30px);
		/* 少し上の位置に */
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		/* 元の位置に */
	}
}



/* こだわりの特徴紹介 */
.passion_feature_container {
	max-width: 128rem;
	width: 100%;
	margin-top: 12.1rem;
}

.feature_flex {
	display: flex;
	max-width: 90.2rem;
	justify-content: space-between;
	margin: 0 auto 10rem;
	/* 上、左右、下 */
}

.feature_textbox {
	max-width: 40.8rem;
	width: 100%;
	opacity: 1;
	text-align: left;
	padding: 5.5rem 0 4.5rem 0;
}

.feature_title {
	font-size: 2.8rem;
	font-weight: 700;
	font-family: var(--Shippori);
	line-height: calc(41 / 28);
	color: #FFFFFF;
	border-bottom: solid #fff 1px;
	text-align: center;
}

.feature_text {
	font-size: 1.6rem;
	font-weight: 700;
	font-family: var(--Shippori);
	line-height: calc(29 / 16);
	color: #FFFFFF;
	margin-top: 1.5rem;
}

.feature_imgagbox {
	max-width: 45.2rem;
	width: 100%;
	overflow: hidden;
	margin-top: 0.5rem;
	transition: border-radius 0.3s ease;
}

/* .feature_imgagbox:hover {
	border-radius: 50%;
}

.feature_imgagbox.box2nd {
	border-radius: 50%;
}

.feature_imgagbox.box2nd:hover {
	border-radius: 0;
} */

.feature_flex2nd {
	flex-direction: row-reverse;
	align-items: center;
	/* 左右の配置を反転 */
}

.feature_textbox2nd {
	max-width: 40.8rem;
	width: 100%;
	opacity: 1;
	text-align: center;
	padding: 5.5rem 0 4.5rem 0;
	margin-top: 5rem;
	height: 100%;
	min-height: 36.1rem;
}

.feature_title2nd {
	margin: 0 auto;
	/* max-width: 25rem; */
	text-align: center;
}

.feature_text2nd {
	/* max-width: 24.0rem; */
	/* margin: 1.7rem auto 0 auto; */
	text-align: left;
}

.feature_flex3rd {
	padding-bottom: 29.5rem;
}



/* ----------------------------------- */
/* スマホレスポンシブ版 */
@media screen and (max-width: 699.98px) {

	/* パッションページ全体 */
	.passion_main {
		max-width: 37.5rem;
		padding-bottom: 9.5rem;
		margin-bottom: 5rem;
	}

	/* こだわりのメイン概要 */
	.passion_header_topflex {
		max-width: 37.5rem;
		height: 53.1rem;
		padding: 0;
		position: relative;
		width: auto;
		margin: auto;
	}

	.passion_header_text1st {
		max-width: 4.8rem;
		width: 100%;
		height: 22.6rem;
		font-size: 1.6rem;
		line-height: calc(21 / 20);
		letter-spacing: 0.1rem;
		margin-top: 0rem;
		position: absolute;
		z-index: 2;
		top: 25.5rem;
		left: 2.5rem;
		padding: 0;
	}

	.passion_header_videoerea {
		max-width: 32.5rem;
		width: 100%;
		height: 32.5rem;
		padding: 1.3rem;
		position: absolute;
		z-index: 1;
		top: 7.5rem;
		left: 2.5rem;
	}

	.passion_header_video {
		width: 29.9rem;
		height: 29.9rem;
		position: absolute;
		z-index: 1;
	}

	.passion_header_text2nd {
		max-width: 4.8rem;
		width: 100%;
		height: 20rem;
		font-size: 1.6rem;
		line-height: calc(21 / 20);
		letter-spacing: 0.1rem;
		position: absolute;
		z-index: 2;
		top: 0;
		right: 2.5rem;
		padding: 0;
	}


	/* こだわりのメイン概要 横文字 */
	.passion_header_bottomflex {
		margin-top: 2.4rem;
	}

	.passion_header_text3rd {
		max-width: 32.5rem;
		width: 100%;
		height: 6.0rem;
		margin-right: 0rem;
		font-size: 3.0rem;
		line-height: calc(45 / 30);
		padding: 0rem 2.7rem 0rem 2.8rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.passion_header_text4rd {
		max-width: 24.6rem;
		width: 100%;
		height: 6.0rem;
		margin-top: 2rem;
		margin-right: 0rem;
		font-size: 3.0rem;
		line-height: calc(45 / 30);
		padding: 0rem 2.6rem 0rem 1.0rem;
		letter-spacing: 0.0rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}


	/* こだわりの特徴紹介 */
	.passion_feature_container {
		margin-top: 1.5rem;
	}

	.feature_flex {
		display: flex;
		flex-direction: column-reverse;
		/* 表示上で画像を上に、テキストを下に配置 */
		max-width: 32.3rem;
		width: 100%;
		margin: 0 auto;
		margin-top: 1rem;
		padding-top: 1.5rem;
		text-align: center;
	}

	.feature_imgagbox {
		/* aspect-ratio: 1/1; */
		max-width: 32.3rem;
		margin: 0 auto;
	}

	.feature_imgagbox.box2nd {
		width: 25.3rem;
	}

	.feature_img {
		max-width: 32.3rem;
		height: 32.3rem;
	}

	.feature_textbox {
		text-align: left;
		padding: 0;
		margin-bottom: 2rem;
	}

	.feature_title {
		font-size: 2.5rem;
		line-height: calc(37 / 25);
		margin: 1rem 0 0 0;
	}

	.feature_text {
		font-size: 1.4rem;
		line-height: calc(20 / 14);
		margin-top: 0.5rem;
	}

	.feature_textbox2nd {
		min-height: auto;
		margin-top: 0rem;
	}

	.feature_title2nd {
		text-align: center;
		margin-top: 1rem;
		width: 100%;
		min-width: 100%;
	}

	.feature_text2nd {
		margin: revert;
	}

	.feature_flex3rd {
		margin-top: 3.5rem;
		padding-bottom: 0;
	}

	.feature_textbox3rd {
		margin: revert;
	}

	.feature_title3rd {
		margin-top: 1rem;
	}





}