@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.214vw;
	--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;
}

.content_wrap figure {
	margin: 0;
}

.sponly {
	display: none;
}

.pconly {
	display: block;
}

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

	.pconly {
		display: none;
	}
}


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

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

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

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



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

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

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

.a_win_logo {
	padding-right: 1vw;
}

.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 16vw;
	}

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

	.a_win_logo {
		padding: 0 25vw;
		margin: 2vw 0 4vw;
	}

	.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;
	overflow: hidden;
}

/* APIが生成する iframe と、その直下の要素両方に適用する */
.intro_movie__video iframe,
.intro_movie__video #youtube-player {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	border: 0;
}
.intro_movie__video.is-hover iframe,
.intro_movie__video.is-hover #youtube-player {
	pointer-events: auto;
}

/* SWIPER　GALLERY */
.gallerySwiper {
	overflow: hidden;
}

.photo_gallery {
	padding: 5.4vw 0;
	background-color: #fff;
}

.gallery_inner {
	max-width: 1000px;
	/* カンプに合わせた基準幅 */
	margin: 0 auto;
	position: relative;
}

.gallery_hd {
	text-align: center;
	margin-bottom: 30px;
}

.gallery_hd h2 {
	font-family: var(--font-oswald);
	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_64);
	line-height: 100%;
	text-align: center;
	color: #213D8D;
	letter-spacing: 0;
	padding-bottom: 0.3rem;
}

.gallery_hd p {

	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_20);
	line-height: 150%;
	/* ボックスの高さと同一、または30px */
	text-align: center;

	color: var(--col_black);



}

/* 車両2枚の並び */
.gallery_cars {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.gallery_cars figure {
	width: 90%;
	line-height: 0;
}

/* ナビゲーション矢印（左右のシンプルな線に変える） */
.gallerySwiper .swiper-button-prev {
	/* 背景のSVGコード内にある「fill='%23007aff'」のカラーコードを好きな色に書き換えます */
	/* 例：#333333 にしたい場合は %23333333、#305CCD にしたい場合は %23305CCD */
	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='%23333333'/%3E%3C/svg%3E") !important;
}

.gallerySwiper .swiper-button-next {
	/* こちらも同様に末尾の fill='%23XXXXXX' を変更します */
	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='%23333333'/%3E%3C/svg%3E") !important;
}

.gallerySwiper .swiper-button-prev,
.gallerySwiper .swiper-button-next {
	position: absolute;
	top: 44.5%;
	width: 30px;
	height: 30px;
	color: #333 !important;
}

.gallerySwiper .swiper-button-prev::after,
.gallerySwiper .swiper-button-next::after {
	content: "" !important;
	display: none !important;
}

.gallery_color_text {
	text-align: center;
	font-size: var(--fs_14);
	color: #666;
	font-weight: bold;
	margin-top: 0.6vw;
	margin-bottom: 1.7vw;
	padding: 0 20px;
}

/* アクセサリーリスト（2列並び） */
.gallery_spec {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #333;
	width: 80%;
	margin: 0 auto;
}

.spec_title {
	width: 20%;
	font-weight: bold;
}

.spec_lists {
	width: 80%;
	display: flex;
	justify-content: space-between;
}

.spec_lists ul {
	width: 48%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.spec_lists li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 5px;
	line-height: 1.4;
}

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

.gallery_controls {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
}

.gallerySwiper .swiper-pagination {
	position: static;
	width: auto;
}

.gallerySwiper .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	margin: 0 7px !important;
	opacity: 1;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/* JavaScriptで動的に色を割り当てるため、
   nth-childを使ってカンプと同じ並び順で背景色を流し込みます */

/* フロンティアブルーパールメタリック（WB1） */
.gallerySwiper .swiper-pagination-bullet:nth-child(1) {
	background-color: #0961ad;
}

/* クールイエローメタリック（WB2） */
.gallerySwiper .swiper-pagination-bullet:nth-child(2) {
	background-color: #c4d0a6;
}

/* バーニングレッドパールメタリック（ZWP） */
.gallerySwiper .swiper-pagination-bullet:nth-child(3) {
	background-color: #be1d31;
}

/* フレイムオレンジパールメタリック（ZWD）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(4) {
	background-color: #e0522d;
}

/* キャラバンアイボリーパールメタリック（ZYL）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(5) {
	background-color: #cccdbe;
}

/* ピュアホワイトパール（ZVR）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(6) {
	background-color: #f0f2f2;
}

/* プレミアムシルバーメタリック（ZNC）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(7) {
	background-color: #747b7e;
}

/* スターシルバーメタリック（ZMU）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(8) {
	background-color: #cbd5db;
}

/* スーパーブラックパール（ZMV）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(9) {
	background-color: #1d2425;
}

/* フロンティアブルーパールメタリック ブラック2トーンルーフ（E6L）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(10) {
	background: linear-gradient(to bottom, #1d2425 0%, #1d2425 30%, #0961ad 30%, #0961ad 100%);
}

/* バーニングレッドパールメタリック ブラック2トーンルーフ（D7Z）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(11) {
	background: linear-gradient(to bottom, #1d2425 0%, #1d2425 30%, #be1d31 30%, #be1d31 100%);
}

/* クールイエローメタリック ガンメタリック2トーンルーフ（E6P）  */
.gallerySwiper .swiper-pagination-bullet:nth-child(12) {
	/* ルーフはブラック(ZMV)より少し明るいガンメタ（#414649辺り）を想定 */
	background: linear-gradient(to bottom, #414649 0%, #414649 30%, #c4d0a6 30%, #c4d0a6 100%);
}

/* ピュアホワイトパール ガンメタリック2トーンルーフ（DYH） */
.gallerySwiper .swiper-pagination-bullet:nth-child(13) {
	background: linear-gradient(to bottom, #414649 0%, #414649 30%, #f0f2f2 30%, #f0f2f2 100%);
}

/* アクティブな（選択されている）カラーの境界線を強調する */
.gallerySwiper .swiper-pagination-bullet-active {
	outline: 2px solid #333;
	outline-offset: 2px;
}

@media (max-width: 768px) {
.photo_gallery {
		padding: 12.5vw 0;
	}
	.gallery_hd h2 {
			font-size: var(--fs_40);
		}
				.gallery_cars figure {
					width: 77%;
				}
.gallerySwiper .swiper-button-prev,
.gallerySwiper .swiper-button-next {
	top: 32.5%;
	width: 30px;
	height: 20px;
	color: #333 !important;
}

.gallerySwiper .swiper-pagination {
	margin: 0 0 1vw;
}
.gallery_spec {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	display: flex;
	flex-direction: column;
	align-items: normal;
	font-size: 13px;
	color: #333;
	width: 80%;
	margin: 5vw auto;
}
.spec_title {
	width: 100%;
	font-weight: bold;
}
.spec_lists {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.spec_lists ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.spec_lists li {
	margin-bottom: 3px;
}
}
.package {
	background-color: var(--col_blue);
	color: var(--col_purewhite);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3.5vw 0;
}

.package h3 {
	font-family: var(--font-oswald);
	font-style: normal;
	font-weight: 600;
	font-size: var(--fs_48);
	line-height: 98%;
	letter-spacing: 0.1rem;
	text-align: center;
	color: var(--col_purewhite);
	margin-bottom: 0vw;
}

.package h3>span {
	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_20);
	line-height: 150%;
	color: var(--col_purewhite);
	letter-spacing: 0;
}

.package p.package_lead {
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs_14);
	line-height: 150%;
	text-align: center;
	color: var(--col_purewhite);
	margin-top: 1vw;
}

.grades_price_wrap {
	display: flex;
	justify-content: center;
	margin-top: 0.2vw;
}

.package .grades_price,
.package .grades {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.package .grades_price .tx1 {
	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_20);
	line-height: 150%;
	color: var(--col_purewhite);
	margin-bottom: var(--fs_12);
}

.package .grades_price .tx1 span {

	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_40);
	line-height: 150%;

}

.package .grades_price .tx1 span.yen {

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

}

.package .time {
	background: var(--col_purewhite);
	border: 1px solid var(--col_black);
	border-radius: 3px;
	padding: 0 7px;
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs_16);
	line-height: 150%;
	color: var(--col_black);
}

.package ul.grades {
	gap: 4px;
	margin-right: 0.9vw;
}

.package .grades li {
	padding: 0px 8px;
	background: #7A8892;
	border-radius: 3px;
	font-size: var(--fs_12);
}

.package .ssplus_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 1.5vw auto;
	padding: 40px 16px;
	gap: 33px;
	width: 90.04vw;
	background: url(../../img/swift_suzuki_sport/awin-bk-pc.jpg) no-repeat center / cover;
	border: 3px solid #849FC6;
}

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

.package .ssplus_text p {
	font-style: normal;
	font-weight: 700;
	font-size: var(--fs_24);
	line-height: 150%;
	text-align: center;
	color: var(--col_purewhite);
	margin-top: 0.5vw;
}

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

.package .ssplus_text li {

	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	text-align: center;

	color: var(--col_purewhite);

}

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

.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) {
	

	.ssplus_link01 a::after {
		right: 20px;
		width: 8px;
		height: 8px;
	}
}
@media (max-width: 768px) {
	.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) no-repeat center / cover;;
}
.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: 5.4vw 0 0;
}

.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;
}

.g_acc_items .item_card .item_name {
	color: var(--col_purewhite) !important;

}

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

.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_32);
	line-height: 150%;
	text-align: center;
	color: #213D8D;
	margin: 0.4vw 0 1.2vw;
}

.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: 40px 0;
}

.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: 13.0vw 0 0;
	}
		.acc_title {
			gap: 1vw;
		}
.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: 21vw 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;
}

.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: 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;
	}
}