@font-face {
	font-family: Local Noto Sans JP;
	src: local("Noto Sans JP"), local("Noto Sans CJK JP Regular");
}

:root {
	--font-base: "Local Noto Sans JP", "Noto Sans Japanese", "Noto Sans JP", "Roboto", "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-roboto: "Roboto", "Noto Sans", system-ui, sans-serif;
	--font-roboto-cond: "Roboto Condensed", "Noto Sans", system-ui, sans-serif;
	--font-oswald: 'Oswald', 'Impact', 'Arial Black', "Arial", "Helvetica Neue", sans-serif;
	--size-rate: 1;
	--fs_12: 0.878vw;
	--fs_14: 1.025vw;
	--fs_16: 1.171vw;
	--fs_18: 1.318vw;
	--fs_20: 1.464vw;
	--fs_24: 1.757vw;
	--fs_32: 2.343vw;
	--fs_33: 2.416vw;
	--fs_40: 2.928vw;
	--fs_48: 3.514vw;
	--fs_51: 3.734vw;
	--fs_64: 4.685vw;
	--col_pureblack: #000;
	--col_purewhite: #fff;
	--caution_red: #ff0000;
	--col_black: #333;
	--col_red: #EA0000;
	--col_blue: #0B3F88;

	--col_basic: #EF7979;
	--col_interior: #32A9A5;
	--col_navy: #075D77;


}

.mt_1r {
	margin-top: 1rem;
}

@media (max-width: 768px) {
	:root {
		--fs_12: 3.2vw;
		--fs_14: 3.733vw;
		--fs_16: 4.267vw;
		--fs_18: 4.8vw;
		--fs_20: 5.333vw;
		--fs_24: 6.4vw;
		--fs_32: 8.533vw;
		--fs_33: 8.8vw;
		--fs_40: 10.667vw;
		--fs_48: 12.8vw;
		--fs_51: 13.6vw;
		--fs_64: 17.067vw;
	}
}

html {
	scrollbar-gutter: stable;
}

body .content_wrap{
	font-family: var(--font-base);
}

.content_wrap section {
	overflow: hidden;
}

.content_wrap a,
.content_wrap .btn {
	transition-property: all;
	transition: 0.2s linear;
}

.content_wrap img {
	width: 100%;
	height: auto;
}

.sponly {
	display: none;
}

.pconly {
	display: block;
}

@media (max-width: 768px) {
	.sponly {
		display: block;
	}

	.pconly {
		display: none;
	}
}


h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
}

h3 {
	border-bottom: none;
	padding-bottom: 0;
}

.content_wrap p {
	padding: 0;
	margin: 0;
}

.fc_red {
	color: var(--caution_red);
}

/* MVまわり */
.kv_wrap {
	position: relative;
	width: 100%;
	line-height: 0;
	/* 画像下の隙間防止 */
}

/* 背景画像 */
.kv_img img {
	width: 100%;
	height: auto;
	display: block;
}

/* オーバーレイ（中央配置） */
.kv_overlay,
.kv_overlay_2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 上下左右中央 */
	z-index: 2;
}

.mv_logo {
	padding: 0;
	position: absolute;
	width: 40.0vw;
	max-width: 650px;
	text-align: center;
	top: 19.35vw;
	left: 5.8vw;
}

.mv_logo_2 {
	padding: 0;
	position: absolute;
	width: 7.5vw;
	text-align: center;
	top: 2.3vw;
	left: 2.3vw;
}

.mv_logo img {
	margin-bottom: 27px;
}

/* 「エブリイ アクセサリー」の日本語テキスト */
p.mv_logo_sub {
	color: var(--col_black);
	font-size: var(--fs_16);
	letter-spacing: -0.05em;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 3px 0 18px;
}



/* --- レスポンシブ --- */
@media (max-width: 768px) {
	.mv_logo {
		width: 91.4vw;
		padding: 0 0vw 0 0;
		top: 8.6vw;
		left: 4vw;
	}

	.mv_logo img {
		margin-bottom: 5vw;
	}

	.mv_logo_2 {
		width: 21.5vw;
		top: 62.3vw;
		left: 4.3vw;
	}

	p.mv_logo_sub {
		margin: 0px 0 2vw;
	}


}

.a_win {
	margin: 4.8vw auto;
	display: flex;
	justify-content: center;
}

.a_win_wrap {
	width: 74vw;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.a_win_info {
	border-left: 1px solid #DBDBDB;
	padding-left: 1.5vw;
}

.a_win_logo {
	width: 44.5vw;
	padding: 0 0 0 1.6vw;
}

#main_contents .a_win_logo img {
	width: 10.98vw;
}

.a_win_wrap p {
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs_14);
	line-height: 150%;
	color: var(--col_pureblack);
	margin-bottom: 4px;
}

.a_win_wrap ul {
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs_12);
	line-height: 150%;
	color: var(--col_red);
}

@media (max-width: 768px) {
	.a_win {
		margin: 4.8vw auto 15vw;
	}

	.a_win_wrap {
		width: 90vw;
		flex-direction: column;
	}

	.a_win_logo {
		padding: 0;
		margin: 2vw 0 4vw;
		text-align: center;
	}

	#main_contents .a_win_logo img {
		width: 40.52vw;
	}

	.a_win_info {
		border-left: none;

	}
}

/* movie */
.intro_movie {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	/* 16:9を維持 */
	overflow: hidden;
}

.intro_movie__video {
	position: absolute;
	inset: 0;
}

/* APIが生成する iframe と、その直下の要素両方に適用する */
.intro_movie__video iframe,
.intro_movie__video #youtube-player {
	position: absolute;
	top: 50%;
	left: 50%;

	/* 画面幅（16:9）に合わせた拡大計算 */
	width: 100vw;
	height: 56.25vw;
	/* 100 * 9 / 16 = 56.25 */

	/* はみ出しをカバーする最小値 */
	min-width: 100%;
	min-height: 100%;

	transform: translate(-50%, -50%);
	pointer-events: none;
	/* 動画のクリックを無効化（背景化） */
	border: 0;
}

.intro_gozel {
	width: 100%;
	background: url("../../img/jimny_sierra_nomade/bk01.jpg") no-repeat center top;
	background-size: 100% auto;
	padding: 3.45vw 0 2.35vw;
	color: #ffffff;
	text-align: center;
}

.gozel_inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.logo_gozel {
	width: 21.64vw;
	margin: 0 auto 2.0vw;
}

.lead_gozel h2 {
	font-weight: bold;
	line-height: 291%;
	margin-bottom: 1.44vw;
}

.lead_gozel h2 span {
	background-color: var(--col_pureblack);
	color: var(--col_purewhite);
	font-size: var(--fs_48);
	padding: 0.02em 0.1em 0.14em;
	display: inline-block;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.txt_gozel p {
	text-align: center;
	font-size: var(--fs_16);
	line-height: 157%;
	font-weight: bold;
	/* text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); */
	color: var(--col_purewhite);
	margin-bottom: 2.2vw;
}

.rights_gozel p {
	text-align: center;
	font-weight: 700;
	font-size: var(--fs_14);
	color: var(--col_purewhite);
	margin-bottom: 1.66vw;
}

/* --- 車両スライダーエリア --- */
.swiper_all_wrap {
	width: 55.4vw;
	margin: 0 auto;
	position: relative;
}

.gozelSwiper {
	width: 100%;
	overflow: hidden;
}

.gozel_car_img {
	width: 100%;
	margin: 0 auto;
}

/* ナビゲーション矢印の調整（白矢印。古いSwiper仕様のSVG流し込み） */
.gozelSwiper .swiper-button-prev,
.gozelSwiper .swiper-button-next {
	width: 3.29vw;
	height: 3.66vw;
	top: 50%;
	transform: translateY(-50%);
}

.gozelSwiper .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22z' fill='%23ffffff'/%3E%3C%2Fsvg%3E") !important;
	left: -4vw;
	/* 車両の少し外側に配置 */
}

.gozelSwiper .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff'/%3E%3C%2Fsvg%3E") !important;
	right: -4vw;
}

@media (min-width:1600px){
.lead_gozel h2 span {
		padding: 0.80vw 0.1em 1.2vw;
		margin-bottom: 0.5vw;
	}
}
/* --- スマホ対応（SP：375pxカンプ基準） --- */
@media (max-width: 768px) {

	.intro_gozel {
		padding: 12.8vw 0;
		background-size: auto 100%;
	}

	.logo_gozel {
		width: 80vw;
		margin-bottom: 7.55vw;
	}

	.lead_gozel h2 {
		font-weight: bold;
		line-height: 241%;
		margin-bottom: 6.44vw;
	}

.lead_gozel h2 span {
	font-size: 9.63vw;
	padding: 0.02em 0.1em 0.14em;
	line-height: 100%;
	margin-bottom: 0.1em;
}
	.txt_gozel p {
		width: 90vw;
		margin: 0 auto 5vw;
		text-align: center;
		line-height: 151%;
	}

	.rights_gozel p {
		width: 92%;
		margin: 7.5vw auto 8vw;
	}

	.swiper_all_wrap {
		width: 93vw;
		margin: 0 auto;
		position: relative;
	}

	.gozel_car_img {
		width: 83%;
		margin: 0 auto;
	}

	.gozelSwiper .swiper-button-prev,
	.gozelSwiper .swiper-button-next {
		width: 7vw;
		height: 5vw;
		top: 59%;
		transform: translateY(-50%);
	}


	/* スマホ時は矢印を少し内側に入れるか、非表示にしてスワイプのみにしてもOK */
	.gozelSwiper .swiper-button-prev {
		left: 0;
	}

	.gozelSwiper .swiper-button-next {
		right: 0;
	}
}

.outdoor {
	width: 100%;
	background: url("../../img/jimny_sierra_nomade/bk02.jpg") no-repeat center top;
	background-size: 100% auto;
	padding: 2.9vw 0 3.2vw;
	color: #ffffff;
	text-align: center;
}

.outdoor_wrap {
	/* max-width: 1200px; */
	margin: 0 auto;
}

.outdoor_logo {
	width: 58.62vw;
	margin: 0 auto;
}

.outdoor_logo h3 {
	color: var(--col_purewhite);
	font-size: var(--fs_16);
	font-weight: 700;
	margin: 2vw auto 0.5vw;
}

.outdoor_logo img {
	width: 100%;
	height: auto;
}


/* --- 【PC版】価格エリアのFlexbox指定 --- */
.price_wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 0;
	margin: 2.5vw auto 2vw;
}

.price_box {
	width: 29.28vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: end;
	gap: 0.3rem;
}



p.price_title {
	font-size: var(--fs_24);
	color: #ffffff;
	width: 100%;
	text-align: center;
	margin-bottom: 0.5vw;
	font-weight: 700;
}

p.price_label {
	font-size: var(--fs_20);
	font-weight: 700;
	margin-bottom: 0.732vw;
	color: #ffffff;

	/* 本体価格合計320,320円 */


}

p.price_num {
	font-size: var(--fs_40);
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 1.098vw;
}

p.price_num span {
	font-size: var(--fs_20);
	font-weight: 700;
	margin-left: 0.3vw;
	color: #ffffff;


}

p.price_time {
	font-size: var(--fs_14);
	background: #FFFFFF;
	border: 1px solid #333333;
	border-radius: 3px;
	padding: 0 0.2rem;
	margin-bottom: 1.2vw;
}



/* --- 【スマホ版】375pxカンプ基準への切り替え --- */
@media (max-width: 768px) {

.outdoor {
		padding: 10.66vw 0;
		background-size: auto 100%;
	}

.outdoor_logo {
	width: 91.5vw;
	margin-bottom: 2.5vw;
}
.outdoor_logo h3 {
	margin: 2.77vw auto 0.5vw;
}
	/* 💡 Flexboxの方向を縦並びにスイッチ！ */
	.price_wrap {
		flex-direction: column;
		align-items: center;
		gap: 0vw;
		margin: 0;
	}

.price_box {
	width: 100vw;
	padding: 6.66vw 0vw;
	gap: 2vw 1.8vw;
}
.price_box:nth-child(2){
	padding: 0 0 6.66vw;
}


}

.outdoor_spec {
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 2vw;
	align-items: center;

	margin: 0 auto;
	border-top: #fff 1px solid;
	padding: 1vw 0 0;
	width: 50.5vw;
}

/* タイトル */
.spec_caption {
	font-size: var(--fs_14);
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 0;
	white-space: nowrap;
}

.list_wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.5rem;
}

.outdoor_spec ul {}

/* 各アクセサリー項目 */
.outdoor_spec li {
	font-size: var(--fs_14);
	color: #ffffff;
	font-weight: bold;
	position: relative;
	padding-left: 1.2vw;
	text-align: left;
	/* 各テキストは「左揃え」にして、頭の「・」をピシッと揃える */
}

.outdoor_spec li::before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
}


/* --- スマホ版（SP）の時は自動で1列になって中央に --- */
@media (max-width: 768px) {
.outdoor_spec {
		padding: 4.2vw 0 0;
		width: 87.5vw;
		flex-direction: column;
		align-items: flex-start;
		padding-left: 0.5rem;
		gap: 0;
		}
.list_wrap {
	flex-direction: column;
	align-items: flex-start;
	gap: 0vw;
}
.outdoor_spec li {
	padding-left: 1.5rem;
	text-align: left;
}
}
@media (max-width: 550px) {
.outdoor_spec li {
		padding-left: 1.2rem;
	}
}
.gozel_acc {
	background: url("../../img/jimny_sierra_nomade/bk03.jpg") center center / cover;
	padding: 3vw 20px 1.7vw;
}

.gozel_acc_logo {
	width: 49vw;
	margin: 0 auto;
}

.gozel_acc_items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.7rem;
	padding: 3vw 3.5vw;
}

.accessory {
	background: url(../../img/jimny_sierra_nomade/bk04.jpg) center center / cover;
}

.accessory_items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2vw;
	margin: 3vw auto;
	width: 60vw;
}

.ssplus_link01 {
	text-align: center;
	margin: 0;
}

.ssplus_link01 a {
	/* Figmaのベース設定 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	isolation: isolate;
	position: relative;
	/* 矢印の位置基準 */

	width: 36.6vw;
	height: 68px;
	margin: 0 auto;

	/* グラデーション背景 */
	background: linear-gradient(90deg, #85BEFF 0%, #BAA4F8 100%);

	/* テキストの装飾 */
	color: #1c3583;
	/* カンプ画像に合わせた濃いネイビー */
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.05em;

	/* 綺麗に変化させるためのアニメーション設定 */
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 💡 CSSだけで右側の「 ＞ 」を作る設定 */
.ssplus_link01 a::after {
	content: "";
	position: absolute;
	right: 28px;
	/* 右端からの距離 */
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	/* 45度傾けて矢印にする */

	/* 線の太さとサイズ（画像に合わせたシャープなライン） */
	width: 10px;
	height: 10px;
	border-top: 2px solid #1c3583;
	border-right: 2px solid #1c3583;

	transition: right 0.3s ease;
	/* ホバー時のアニメーション用 */
}

/* --- ホバー時の演出（お好みで） --- */
.ssplus_link01 a:hover {
	opacity: 0.9;
	/* 少しだけボタンを浮かせる演出 */
	transform: translateY(-2px);
}

/* ホバー時に矢印だけがピョコッと右に動く、公式サイトでよくある演出 */
.ssplus_link01 a:hover::after {
	right: 22px;
}

/* --- スマホ対応（SP） --- */
@media (max-width: 768px) {

.gozel_acc {
		padding: 11.2vw 15px 17.8vw;
	}
.gozel_acc_logo {
	width: 91.1vw;
	margin-bottom: 11vw;
}
.gozel_acc_items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 3.7rem;
	padding: 0;
}
	.ssplus_link01 a::after {
		right: 20px;
		width: 8px;
		height: 8px;
	}

	.package {
		padding: 3.5vw 0 11vw;
	}

	.package h3 {
		font-size: 10vw;
		line-height: 113%;
		margin: 10vw 0 3vw;
	}

	.package h3>span {
		font-size: 4.2vw;
		letter-spacing: 0;
		display: block;
		line-height: 2;
	}

	.package p.package_lead {
		margin-top: 1vw;
		padding: 0 20px;
	}

	.package .grades_price {
		flex-direction: unset;
		flex-wrap: wrap;
		padding: 12px 10px;
	}

	.package .grades_price ul {
		width: 100%;
	}

	.package .ssplus_wrap {
		width: 92vw;
		background: url(../../img/swift_suzuki_sport/awin-bk-sp.jpg);
	}

	.package .ssplus_logo1 {
		width: 80vw;
		padding: 5px 6vw;
		background-color: var(--col_purewhite);
	}

	.package .ssplus_text p {
		margin-top: 1.6vw;
	}

	.package .ssplus_text ul {
		margin-top: 5.5vw;
	}

	.package .ssplus_link01 a {
		width: 82vw;
		max-width: none;
		height: 66px;
		font-size: var(--fs_20);
	}
}

.accessory {
	padding: 3vw 0 1.4vw;
}

.g_accessory_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding: 36px;
	gap: 1.02vw;
	width: 90.04vw;
	background: #09254C;
	border: 3px solid #849FC6;
}

.g_accessory_logo {
	width: 21.96vw;
	padding: 0.8vw 4.5vw;
	background-color: var(--col_purewhite);
}

.g_accessory_name p {

	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_24);
	line-height: 150%;
	text-align: center;

	color: var(--col_purewhite);
}

.g_acc_items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}


.content_wrap p.item_name {
	padding-top: 0.5vw;
}

.acc_title {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.acc_logo {
	width: 13.18vw;
}

.acc_title h3 {
	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_24);
	line-height: 150%;
	text-align: center;
	color: #213D8D;
	margin: 0.2vw 0 0;
}

.acc_title p {

	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_20);
	line-height: 150%;
	text-align: center;

	color: var(--col_black)
}

.est_time_caption--blank {
	display: inline-block;
	width: 30px;
	height: 17px;
	background: #FFFFFF;
	border: 1px solid #333333;
	border-radius: 3px;
	margin: 0 2px;
	vertical-align: bottom;
}

.est_time_caption {
	display: inline;
	background: #FFFFFF;
	border: 1px solid #333333;
	border-radius: 3px;
	padding: 0 4px;
	margin-right: 1px;
}

@media (max-width: 768px) {
	.g_accessory_wrap {
		width: 92vw;
		margin-top: 5vw;
		padding: 32px;
	}

	.g_accessory_logo {
		width: 80vw;
		padding: 2.8vw 15.5vw;
		background-color: var(--col_purewhite);
		margin: 0 0 2vw;
	}

	.g_acc_items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 26px;
		width: 83vw;
		margin: 5vw 0;
	}

	.content_wrap p.item_name {
		padding-top: 2vw;
	}
}

.awin_link {
	text-align: center;
	margin: 8vw 0 4vw;
}

.awin_link .btn_all a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 58.57vw;
	max-width: 800px;
	height: 78px;
	margin: 0 auto;
	background-color: #333333;
	border-radius: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.05em;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

/* 📄 左側のPDFアイコン（別画像）の設定 */
.awin_link .btn_text {
	position: relative;
	padding-left: 32px;
	/* アイコンが被らないようにテキストの左側を空ける */
}

.awin_link .btn_text::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);

	/* アイコン画像のサイズ（カンプに合わせて微調整してください） */
	width: 20px;
	height: 22px;
	background: url("../../img/swift_suzuki_sport/icon_pdf_c-b.png") no-repeat center / contain;
	/* ★PDFアイコンのパス */
}

/* ＞ 右側の矢印アイコン（CSS描画）の設定 */
.awin_link .btn_all a::after {
	content: "";
	position: absolute;
	right: 28px;
	/* 右端からの距離 */
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	/* 45度傾けて矢印にする */

	/* 線の太さとサイズ */
	width: 8px;
	height: 8px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;

	transition: right 0.3s ease;
}

/* --- ホバー時の演出 --- */
.awin_link .btn_all a:hover {
	background-color: #444444;
	/* 少し明るくして反応を出す */
	transform: translateY(-2px);
}

.awin_link .btn_all a:hover::after {
	right: 22px;
	/* 矢印をピョコッと動かす */
}

/* --- スマホ対応（SP） --- */
@media (max-width: 768px) {
	.accessory {
		padding: 11.0vw 0 15vw;
	}
.acc_title {
	gap: 1vw;
	margin-bottom: 11vw;
}

	.acc_logo {
		width: 47.18vw;
	}

	.acc_title p {
		margin: 3vw 0 7vw;
	}

	.accessory_items {
		grid-template-columns: repeat(1, 1fr);
		gap: 8vw;
		margin: 3vw auto;
		width: 90vw;
	}

.awin_link {
	text-align: center;
	margin: 30vw 0;
}

	.awin_link .btn_all a {
		width: 90vw;
		max-width: none;
		height: 84px;
		font-size: var(--fs_18);
	}

	.awin_link .btn_all a::after {
		right: 20px;
		width: 7px;
		height: 7px;
	}
}

.catalog {
	padding: 5.2vw 0 3.1vw;
}

.catalog .catalog-inner {
	width: 85.7vw;
	margin: auto;
	position: relative;
	z-index: 1;
}

.catalog .catalog-bnr {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5vw 1vw;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 66vw;
	margin: 0 auto 5vw;
}

/* 下部注釈 */
p.catalog-notes__title {
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 0.5rem;
	color: #333333;

}

.catalog-notes__list--item {
	font-size: 12px;
	margin-bottom: 6px;
	line-height: 140%;
}

.catalog-notes__list {
	text-indent: -0.7em;
	padding-left: 0.7em;
}

@media (max-width: 767px) {
	.catalog .catalog-inner {
		width: 90vw;
	}

	.catalog .catalog-bnr {
		grid-template-columns: repeat(1, 1fr);
		gap: 4vw;
		width: 90vw;
		margin: 0 auto 5vw;
	}

	.catalog-notes__list {
		text-indent: -0.7em;
		padding-left: 0.7em;
	}

	.catalog-notes__list {
		width: 95%;
		margin: 0 auto;
		padding-top: 10px;
	}
}

.banner_gozel {
	background: url(../../img/jimny_sierra_nomade/bk04.jpg) no-repeat center / cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2.3vw;
}

.gozel_logo {
	width: 22vw;
	margin: 0 auto;
}

.banner_gozel p {
	font-size: var(--fs_16);
	font-weight: 700;
	text-align: center;
	color: var(--col_pureblack);
	margin: 1vw 0 1.3vw;
}

.btn_gozel_outer a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 21vw;
	max-width: 800px;
	height: 47px;
	margin: 0 auto;
	background-color: #333333;
	border-radius: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: var(--fs_16);
	letter-spacing: 0.05em;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn_gozel_outer .btn_text {
	position: relative;
}

.btn_gozel_outer a::after {
	content: "";
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transition: right 0.3s ease;
}

.btn_gozel_outer a:hover {
	background-color: #444444;
	/* 少し明るくして反応を出す */
	transform: translateY(-2px);
}

.btn_gozel_outer a:hover::after {
	right: 22px;
	/* 矢印をピョコッと動かす */
}
@media (max-width:767px){
	.banner_gozel {
			padding: 7.1vw 0;
		}
	.gozel_logo {
			width: 70vw;
		}
	.btn_gozel_outer a {
			width: 71vw;
			font-size: var(--fs_12);

		}
}
.catalog_notes_sect {
	padding: 5vw 0;
	display: flex;
	justify-content: center;
}

.catalog-notes_wrap {
	width: 90vw;
}