@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--color-black:#000000;
	--color-white:#fff;
	--color-yellow: #958b00;
	--color-yellow_02: #fff100;
	--color-blue: #006896;
	--color-purple: #504e99;
	--color-gray: #b3b3b3;
}


abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.clearfix::after{content:"";display:block;clear:both;}

*,*::before,*::after{
	box-sizing: border-box;
}

html{
	font-size: 62.5%;
}

*{
	max-height: 99999px;
}

body{
	font-family: "Noto Sans JP", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 2.2rem;
	color: var(--color-white);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 2px;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--color-black);
}

img, video {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

button, input, textarea, select {
	font-family: inherit;
	font-size: inherit;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: var(--color-text);
}

a:hover {
	opacity: 0.6;
}

.en {
	font-family: "Montserrat", sans-serif;
}

#wrap {
	overflow-x: clip;
}

.relative { position: relative; }
.absolute { position: absolute; }
.inline   { display: inline-block; }
.left     { float: left; }
.right    { float: right; }

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

.in {
	width: 92%;
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.in_in {
	width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

.flex   { display: flex; }
.flex_w { flex-wrap: wrap; }
.palt   { font-feature-settings: "palt"; }

.c_black  { color: var(--color-black); }
.c_white  { color: var(--color-white); }
.c_yellow { color: var(--color-yellow); }
.c_blue   { color: var(--color-blue); }
.c_purple { color: var(--color-purple); }
.c_gray { color: var(--color-gray); }

.bg_black  { background-color: var(--color-black); }
.bg_white  { background-color: var(--color-white); }
.bg_yellow { background-color: var(--color-yellow); }
.bg_yellow_02 { background-color: var(--color-yellow_02); }
.bg_blue   { background-color: var(--color-blue); }
.bg_purple { background-color: var(--color-purple); }
.bg_gray { background-color: var(--color-gray); }

.bor_w  { border-color: var(--color-white); }
.bor_y { border-color: var(--color-yellow); }
#item_01 .item_detail_lis_i.bor_y { border-color: #555D6B; }
.bor_b  { border-color: var(--color-blue); }
.bor_p { border-color: var(--color-purple); }


@media screen and (min-width: 751px) and (max-width: 1024px) {
	.pc  { display: block; }
	.sp  { display: none; }
	.tab { display: block; }
	.in, .in_in {
		width: 94%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 750px) {
	body {
		font-size: 1.2rem;
		letter-spacing: 2px;
	}
	#wrap {
		width: 100vw;
	}
	.pc  { display: none; }
	.sp  { display: block; }
	.tab { display: none; }
	.in, .in_in {
		width: 94%;
		margin: 0 auto;
	}
	.flex_w_sp {
		flex-wrap: wrap;
	}
}

#header {
	padding: 30px 0;
	top: 0;
	z-index: 999;
	width: 100%;
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, .8);
}

#header .header_in {
	justify-content: space-between;
	align-items: center;
}

#header .logo img {
	width: 320px;
}

#header .header_r {
	align-items: center;
}

#header .header_r .pc_btn{
	width: 250px;
	margin-right: 15px;
}

#header .hamburger {
	position: relative;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	flex-shrink: 0;
	z-index: 1100;
	transition: transform .3s;
}

#header .hamburger span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--color-gray);
	transition: transform .3s;
}

#header .hamburger span:nth-child(1) {
	transform: translateY(-50%);
}

#header .hamburger span:nth-child(2) {
	transform: translateY(-50%) rotate(90deg);
}

#header .hamburger.is-active {
	position: fixed;
	top: 30px;
	right: 4%;
	transform: rotate(45deg);
}

/* drawer */
.drawer-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .6);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
	z-index: 990;
}

.drawer-overlay.is-show {
	opacity: 1;
	visibility: visible;
}

.drawer {
	position: fixed;
	top: 0;
	right: 0;
	width: 320px;
	max-width: 85%;
	height: 100dvh;
	background: #111;
	padding: 90px 0 40px;
	transform: translateX(100%);
	transition: transform .3s;
	overflow-y: auto;
	z-index: 1000;
}

.drawer.is-open {
	transform: translateX(0);
}

.drawer .drawer_nav li {
	border-bottom: 1px solid #2a2a2a;
}

.drawer .drawer_nav li:nth-of-type(1) {
	border-top: 1px solid #2a2a2a;
}

.drawer .drawer_nav a {
	display: block;
	padding: 20px 30px;
	font-size: 1.5rem;
	color: var(--color-white);
	letter-spacing: 2px;
}

.drawer-close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.drawer-close span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--color-gray);
}

.drawer-close span:nth-child(1) { transform: rotate(45deg); }
.drawer-close span:nth-child(2) { transform: rotate(-45deg); }

@media screen and (max-width: 750px) {
	#header {
		padding: 20px 0;
	}

	#header .logo img {
		width: 160px;
	}

	#header .hamburger {
		width: 24px;
		height: 24px;
	}

	#header .hamburger.is-active {
		top: 20px;
	}

	.drawer {
		width: 72%;
		padding-top: 70px;
	}

	.drawer-close {
		top: 20px;
		right: 20px;
		width: 22px;
		height: 22px;
	}
}

main{
	margin-top: 120px;
}
@media screen and (max-width: 1200px) {
	main {
	}	
}

#main_v{
	margin-bottom: 150px;
}
#main_v .txtarea {
	position: relative;
	z-index: 2;
}
#main_v .main_copy_w{
	padding: 90px 0;
}
#main_v .main_copy{
	font-size: 9.3rem;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 15px;
}
#main_v .main_txt_w{}
#main_v .main_txt_w .sub_ttl{
	font-size: 3.8rem;
	font-weight: 900;
	letter-spacing: 6px;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--color-white);
}
#main_v .main_txt_w .txt_w{
	text-align: center;
}
#main_v .main_txt_w .txt_w .txt{
	margin-bottom: 20px;
}
#main_v .main_txt_w .txt_w .txt:nth-last-of-type(1){
	margin-bottom: 0;
}
#main_v .bg_img{
    position: absolute;
    width: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
@media screen and (max-width: 1200px) {}

#item_point{
	margin-bottom: 90px;
}
#item_point .item_point_w {
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
#item_point .item_point_i{
	width: 31.5%;
}
#item_point .item_point_i dt{
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	font-style: italic;
}
#item_point .item_point_i dt .l_txt{
	font-size: 3.0rem;
}
#item_point .item_point_i dt .s_txt {
	font-size: 2.0rem;
}
#item_point .item_point_i dd{
	font-size: 1.8rem;
	text-align: center;
}
#item_point .bg_img {
	position: absolute;
	width: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}
@media screen and (max-width: 1200px) {}

.anchor_btn{}
.anchor_btn .anchor_btn_w{
	justify-content: center;
	gap: 10rem;
}
.anchor_btn .anchor_btn_w .anchor_btn_i{
	font-size: 3.0rem;
	font-weight: 600;
}
.anchor_btn .anchor_btn_w .anchor_btn_i span{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: inline-block;
}
@media screen and (max-width: 1200px) {
	#item_point .item_point_i{
		width: 100%;
	}
}

.items_w{
	padding: 90px 0;
}
.items_w .item_i{
	margin-bottom: 90px;
}
.items_w .item_i:nth-last-of-type(1){
	margin-bottom: 0
}
.items_w .item_i .item_i_h{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: relative;
	padding-bottom: 30px;
	line-height: 1;
	align-items: center;
	margin-bottom: 20px;
}
.items_w .item_i .item_i_h:after{
	content: "";
	width: 1px;
	height: 60px;
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
}
.items_w .item_i .item_i_h.bor_y:after{
	background: var(--color-yellow);
}
.items_w .item_i .item_i_h.bor_b:after {
	background: var(--color-blue);
}
.items_w .item_i .item_i_h.bor_p:after {
	background: var(--color-purple);
}
.items_w .item_i .item_i_h .num{
	font-size: 2.7rem;
	font-style: italic;
	margin-right: 20px;
}
.items_w .item_i .item_i_h .num .l_txt{
	display: inline-block;
	margin-right: 5px;
	font-size: 4.2rem;
}
.items_w .item_i .item_i_ttl{}
.items_w .item_i .item_detail_w{}
.items_w .item_i .item_detail_w .txtarea{
	width: 50%;
	flex-shrink: 0;
	padding-right: 20px;
}
.items_w .item_i .item_detail_w .txtarea .lead_txt{
	margin-bottom: 50px;
}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w{}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	align-items: center;
	padding-left: 20px;

}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(1) {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-last-of-type(1){
	border-bottom-width: 0px;
}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .icon{
	margin-right: 20px;
	min-width: 54px;
}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(1) .icon img{
	width: 54px;
}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(2) .icon img{
	width: 36px;
}
.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .txt .en{
	font-style: italic;
}
.items_w .item_i .item_detail_img_w{
	margin-bottom: 50px;
}
.items_w .item_i .item_detail_img_w .sub_ttl{
	font-weight: 400;
	font-style: italic;
	margin-bottom: 15px;
}
.items_w .item_i .item_option_w{
}
.items_w .item_i .item_option_w .sub_ttl{
	font-weight: 400;
	font-style: italic;
}
.items_w .item_i .item_option_w .sub_ttl .l_txt{
	font-size: 3.0rem;
}
.items_w .item_i .item_option_w .option_slide_w{
	position: relative;
}
.option_slide{
	overflow: hidden;
}
.option_slide .option_slide_i{
	position: relative;
	padding: 50px 0 20px;
	margin-top: -30px;
}
.option_slide .slide_box{
	background: #111;
	min-height: 340px;
	padding: 50px 0 50px 70px;
}
.option_slide .slide_box .color_name{
	font-size: 4.2rem;
	font-weight: 300;
	font-style: italic;
	color: var(--color-gray);
	line-height: 1.3;
	margin-bottom: 30px;
}
.option_slide .slide_box .theme_img{
	width: 220px;
}
.option_slide .item_img{
	position: absolute;
    right: 50px;
    top: 30px;
    width: 48%;
    z-index: 2;
}
.option_arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	padding: 0;
	border: 0;
	background: transparent;
	border-top: 1px solid var(--color-gray);
	border-right: 1px solid var(--color-gray);
	cursor: pointer;
	z-index: 5;
}
.option_prev{
	left: 15px;
	transform: translateY(-50%) rotate(-135deg);
}
.option_next{
	right: 15px;
	transform: translateY(-50%) rotate(45deg);
}
.option_pagination{
	text-align: right;
	padding-right: 10px;
	line-height: 1;
}
.option_pagination .swiper-pagination-bullet{
	width: 9px;
	height: 9px;
	margin: 0 8px !important;
	border-radius: 50%;
	opacity: 1;
	transition: width .3s;
}
.option_pagination .swiper-pagination-bullet-active{
	width: 36px;
	border-radius: 5px;
}
#item_01 .option_pagination .swiper-pagination-bullet{ background: #555D6B; }
#item_02 .option_pagination .swiper-pagination-bullet{ background: var(--color-blue); }
#item_03 .option_pagination .swiper-pagination-bullet{ background: var(--color-purple); }
@media screen and (max-width: 1200px) {}


#form{
	padding: 0px 0;
}
#form .form_box{
	background: #0d0d0d;
	padding: 60px 70px;
}
#form .form_ttl{
	font-size: 3.2rem;
	font-weight: 800;
	margin-bottom: 20px;
}
#form .form_lead{
	font-size: 1.8rem;
	margin-bottom: 45px;
}
#form .form_field{
	margin-bottom: 30px;
}
#form .form_label{
	display: block;
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 10px;
}
#form input[type="text"],
#form input[type="email"]{
	width: 100%;
	background: #161616;
	border: 1px solid #2a2a2a;
	border-radius: 4px;
	padding: 16px 18px;
	font-size: 1.8rem;
	color: var(--color-white);
	letter-spacing: 1px;
}
#form input::placeholder{
	color: #555;
}
#form input:focus{
	outline: none;
	border-color: var(--color-gray);
}
#form .form_submit{
	display: block;
	width: 100%;
	background: var(--color-white);
	color: var(--color-black);
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 2px;
	border: 0;
	border-radius: 4px;
	padding: 20px 0;
	margin-top: 45px;
	cursor: pointer;
	transition: opacity .3s;
}
#form .form_submit:hover{
	opacity: .7;
}
#form .form_note{
	font-size: 1.2rem;
	text-align: center;
	margin-top: 15px;
}
#form .form_note a{
	color: var(--color-gray);
	text-decoration: underline;
}
@media screen and (max-width: 750px) {
	#form .form_box{
		padding: 40px 6%;
	}
	#form .form_ttl{
		font-size: 2.2rem;
	}
	#form .form_lead{
		font-size: 1.2rem;
		margin-bottom: 30px;
	}
	#form input[type="text"],
	#form input[type="email"]{
		padding: 14px 15px;
		font-size: 1.4rem;
	}
	#form .form_submit{
		font-size: 1.4rem;
		padding: 16px 0;
	}
}

#footer{
	margin-top: 150px;
}
#footer .in{
	border-top: 1px solid var(--color-gray);
	padding: 40px 0 50px;
}
#footer .top_link_w{
	text-align: center;
	margin-bottom: 40px;
}
#footer .top_link_w a{
	font-size: 1.5rem;
	color: var(--color-white);
	letter-spacing: 3px;
}
#footer .footer_btn{
	margin-bottom: 90px;
}
#footer .footer_logo_w{
	justify-content: space-between;
	align-items: center;
	margin-bottom: 45px;
}
#footer .footer_logo_w .logo img{
	width: 230px;
}
#footer .footer_logo_w .footer_txt img{
	width: 80px;
}
#footer .footer_bottom{
	justify-content: space-between;
	align-items: center;
}
#footer .copy{
	font-size: 1.4rem;
	color: var(--color-white);
	letter-spacing: 1px;
}
#footer .footer_link{
	gap: 35px;
}
#footer .footer_link a{
	font-size: 1.4rem;
	color: var(--color-white);
	display: flex;
	align-items: center;
	gap: 8px;
}
#footer .footer_link a img{
	width: 15px;
}
@media screen and (max-width: 750px) {
	#footer{
		margin-top: 80px;
		padding-bottom: 50px;
	}
	#footer .footer_dl_btn{
		gap: 20px;
		padding: 25px 30px 30px;
		margin-bottom: 50px;
	}
	#footer .footer_dl_btn .btn_item_name .jp_txt{
		font-size: 1.1rem;
	}
	#footer .footer_dl_btn .btn_item_name .en{
		font-size: 1.4rem;
	}
	#footer .footer_dl_btn .btn_txt{
		font-size: 2.2rem;
	}
	#footer .footer_dl_btn .dl_icon{
		right: 12px;
		bottom: 10px;
		width: 14px;
	}
	#footer .footer_logo_w{
		margin-bottom: 30px;
	}
	#footer .footer_logo_w .logo img{
		width: 130px;
	}
	#footer .footer_logo_w .footer_txt img{
		width: 50px;
	}
	#footer .footer_bottom{
		flex-direction: column-reverse;
		gap: 20px;
		align-items: flex-start;
	}
	#footer .copy{
		font-size: 1.0rem;
	}
	#footer .footer_link{
		gap: 25px;
	}
	#footer .footer_link a{
		font-size: 1.2rem;
	}
	#footer .footer_link a img{
		width: 12px;
	}
}


.thanks #main_v {
    padding: 200px 0;
    text-align: center;
	background: none;
}

.thanks #main_v .icon {
    text-align: center;
    margin-bottom: 15px
}

.thanks #main_v .icon img {
    width: 40px
}

.thanks #main_v h1 {
    font-size: 2.8rem;
    margin-bottom: 20px;
}

.thanks #main_v .btn_w {
    text-align: center;
    margin-top: 40px
}

.thanks #main_v .btn_w a,
.btn-return{
    display: inline-block;
    background: var(--color-dark-blue);
    padding: 10px 20px;
    width: 300px;
    box-sizing: border-box;
    color: #fff
}

@media screen and (max-width: 750px) {
    .thanks #main_v {
        padding:100px 0;
        text-align: center
    }
}



@media screen and (max-width: 750px) {

	/* main_v */
	#main_v{
		margin-bottom: 70px;
	}
	#main_v .main_copy_w{
		padding: 60px 0;
	}
	#main_v .main_copy{
		font-size: 4.2rem;
		letter-spacing: 8px;
	}
	#main_v .main_txt_w .sub_ttl{
		font-size: 2.0rem;
		letter-spacing: 4px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#main_v .main_txt_w .txt_w .txt{
		margin-bottom: 15px;
	}

	/* item_point */
	#item_point{
		margin-bottom: 50px;
	}
	#item_point .item_point_w{
		gap: 20px;
	}
	#item_point .item_point_i{}
	#item_point .item_point_i dt{
		font-size: 1.8rem;
		min-height: 30px;
		padding: 10px 0;
		margin-bottom: 8px;
	}
	#item_point .item_point_i dt .l_txt{
		font-size: 2.4rem;
	}
	#item_point .item_point_i dt .s_txt{
		font-size: 1.6rem;
	}
	#item_point .item_point_i dd{
		font-size: 1.4rem;
		letter-spacing: 1px;
	}
	#item_point .bg_img{
		width: 90%;
	}

	/* anchor_btn */
	.anchor_btn .anchor_btn_w{
		gap: 2rem;
	}
	.anchor_btn .anchor_btn_w .anchor_btn_i{
		font-size: 1.5rem;
	}

	/* items */
	.items_w{
		padding: 50px 0;
	}
	.items_w .item_i{
		margin-bottom: 60px;
	}
	.items_w .item_i .item_i_h{
		padding-bottom: 15px;
		margin-bottom: 15px;
		line-height: 1.3;
	}
	.items_w .item_i .item_i_h:after{
		height: 30px;
	}
	.items_w .item_i .item_i_h .num{
		font-size: 1.5rem;
		margin-right: 12px;
		flex-shrink: 0;
	}
	.items_w .item_i .item_i_h .num .l_txt{
		font-size: 2.4rem;
	}
	.items_w .item_i .item_i_h .txt{
		font-size: 1.1rem;
	}
	.items_w .item_i .item_detail_w .txtarea{
		padding-right: 12px;
	}
	.items_w .item_i .item_detail_w .txtarea .lead_txt{
		margin-bottom: 20px;
		font-size: 1.1rem;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i{
		padding-left: 8px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(1){
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .icon{
		margin-right: 10px;
		min-width: 30px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(1) .icon img{
		width: 30px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(2) .icon img{
		width: 20px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .txt{
		font-size: 1.0rem;
		letter-spacing: 1px;
	}
	.items_w .item_i .item_detail_img_w{
		margin-bottom: 30px;
	}
	.items_w .item_i .item_detail_img_w .sub_ttl{
		margin-bottom: 10px;
	}
	.items_w .item_i .item_option_w .sub_ttl .l_txt{
		font-size: 1.8rem;
	}

	/* option slide */
	.option_slide .option_slide_i{
		padding: 30px 0 15px;
		margin-top: -15px;
	}
	.option_slide .slide_box{
		min-height: 180px;
		padding: 25px 0 25px 25px;
	}
	.option_slide .slide_box .color_name{
		font-size: 2.2rem;
		margin-bottom: 15px;
	}
	.option_slide .slide_box .theme_img{
		width: 100px;
	}
	.option_slide .item_img{
		right: 20px;
		top: 20px;
		width: 50%;
	}
	.option_arrow{
		width: 10px;
		height: 10px;
	}
	.option_prev{ left: 8px; }
	.option_next{ right: 8px; }
	.option_pagination .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		margin: 0 5px !important;
	}
	.option_pagination .swiper-pagination-bullet-active{
		width: 24px;
	}

	/* footer */
	#footer{
		margin-top: 60px;
	}
	#footer .in{
		padding: 30px 0 40px;
	}
	#footer .top_link_w{
		margin-bottom: 25px;
	}
	#footer .top_link_w a{
		font-size: 1.2rem;
	}
	#footer .footer_btn{
		margin-bottom: 50px;
	}
}


/* PC fixed (logo + DL btn) */
.pc_fixed_w{
	position: fixed;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	z-index: 900;
	width: 15%;
}
.pc_fixed_w .fixed_logo{
	margin-bottom: 20px;
}
.pc_fixed_w .fixed_logo img{
	width: 100%;
}
.pc_fixed_w .fixed_dl_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(--color-white);
	color: var(--color-black);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 14px 10px;
	border-radius: 4px;
}
.pc_fixed_w .fixed_dl_btn .dl_icon{
	width: 14px;
	line-height: 0;
}
.pc_fixed_w .fixed_dl_btn:hover{
	opacity: .8;
}

/* コンテンツ幅が狭い画面ではかぶるので非表示 */
@media screen and (max-width: 1200px) {
	.pc_fixed_w{
		display: none;
	}
}

/* スクロールフェードイン */
.js-fade {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity .8s ease, transform .8s ease;
}

.js-fade.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* 遅延バリエーション(横並び要素の時間差用) */
.js-fade.delay_01 {
	transition-delay: .15s;
}

.js-fade.delay_02 {
	transition-delay: .3s;
}

.js-fade.delay_03 {
	transition-delay: .45s;
}

.fixed_foot{
	width: 100%;
	position: fixed;
	width: 100%;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	padding: 10px;
	box-sizing: border-box;
	z-index: 999;
}

/* =========================================================
   ▼ ユーザビリティ改善（追記分 / 2026）
   既存デザインは変更せず、使い勝手・アクセシビリティのみ補強
   ========================================================= */

/* 固定ヘッダー分だけアンカー着地位置をずらす（見出しがヘッダーに隠れない） */
html {
	scroll-padding-top: 100px;
}

/* キーボード操作時のフォーカスリング（マウス操作時は非表示） */
a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--color-yellow_02);
	outline-offset: 3px;
	border-radius: 2px;
}

/* タップ領域の拡大（見た目は変えずに当たり判定を約44pxへ） */
#header .hamburger::after,
.drawer-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
}

/* フォーム：必須ラベル */
#form .form_label .req {
	display: inline-block;
	margin-left: 10px;
	padding: 3px 9px;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1px;
	color: var(--color-black);
	background: var(--color-yellow_02);
	border-radius: 3px;
	vertical-align: middle;
}

/* フォーム：フォーカスを分かりやすく（枠を黄色でハイライト） */
#form input[type="text"]:focus,
#form input[type="email"]:focus {
	border-color: var(--color-yellow_02);
	box-shadow: 0 0 0 2px rgba(255, 241, 0, .18);
}

@media screen and (max-width: 750px) {
	/* iOS でフォーカス時に自動ズームしないよう入力文字を16px以上に */
	#form input[type="text"],
	#form input[type="email"] {
		font-size: 1.6rem;
	}

	/* 詳細テキストが小さすぎたので可読性を微増 */
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .txt {
		font-size: 1.15rem;
		line-height: 1.5;
	}
}


/* =========================================================
   ▼ クライアントFB対応：可読性・改行・余白（2026）
   「文字が小さい / 改行・余白が不自然 / 最終DLボタン不要」への対応
   ========================================================= */

/* 日本語の改行を自然に（未対応ブラウザは無視するだけで無害） */
#main_v .txt,
.items_w .item_i .item_i_h .txt,
.items_w .item_i .item_detail_w .txtarea .lead_txt,
.item_detail_lis_i .txt,
#form .form_lead,
#item_point .item_point_i dd {
	text-wrap: pretty;
	line-break: strict;
}

/* 文節単位で改行させる（中央揃え・狭い幅でも語の途中で切れない） */
#main_v .main_txt_w .txt_w .txt span,
.items_w .item_i .item_i_h .txt span {
	display: inline-block;
}

@media screen and (max-width: 750px) {
	/* --- 文字サイズの底上げ（全体的に小さすぎたため） --- */
	body { font-size: 1.4rem; }

	#main_v .main_txt_w .sub_ttl { font-size: 2.2rem; }
	#main_v .main_txt_w .txt_w .txt {
		font-size: 1.4rem;
		line-height: 1.9;
		letter-spacing: 1px;
		margin-bottom: 18px;
	}

	#item_point .item_point_i dd { font-size: 1.5rem; }

	.items_w .item_i .item_i_h .txt { font-size: 1.3rem; line-height: 1.6; }
	.items_w .item_i .item_detail_w .txtarea .lead_txt {
		font-size: 1.3rem;
		line-height: 1.8;
		margin-bottom: 24px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .txt {
		font-size: 1.25rem;
		line-height: 1.65;
		letter-spacing: 0.5px;
	}

	#form .form_lead { font-size: 1.4rem; line-height: 1.8; }
	#footer .copy { font-size: 1.15rem; }

	/* --- 商品詳細：横2分割は文字幅が狭く読みづらいため縦積みへ --- */
	.items_w .item_i .item_detail_w {
		flex-direction: column-reverse;
		align-items: center;
	}
	.items_w .item_i .item_detail_w .imgarea {
		width: 68%;
		margin: 0 auto 22px;
	}
	.items_w .item_i .item_detail_w .txtarea {
		width: 100%;
		padding-right: 0;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i {
		padding-left: 4px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .icon {
		min-width: 42px;
		margin-right: 14px;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(1) .icon img { width: 42px; }
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i:nth-of-type(2) .icon img { width: 28px; }

	/* --- 余白の微調整（詰まりすぎ解消） --- */
	.items_w .item_i { margin-bottom: 70px; }
	.items_w .item_i .item_i_h { margin-bottom: 20px; }

	/* --- 最終（フッター）の資料DLボタンは下部追従バナーと重複するため非表示 --- */
	#footer .footer_btn { display: none; }
}


/* =========================================================
   ▼ CTAボタン刷新（2026）
   画像ベースの読みにくいボタンを、背景付き・太字・高コントラストの
   実ボタンへ刷新。ブランドの黄(#fff100)で最も目立たせる。
   ========================================================= */
.btn-dl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: var(--color-yellow_02);
	color: var(--color-black);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	font-size: 1.9rem;
	letter-spacing: 3px;
	line-height: 1.2;
	padding: 20px 44px;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(255, 241, 0, .25);
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.btn-dl:hover {
	opacity: 1;
	background: #fff64d;
	transform: translateY(-2px);
	box-shadow: 0 12px 34px rgba(255, 241, 0, .45);
}
.btn-dl:active {
	transform: translateY(0);
	box-shadow: 0 4px 14px rgba(255, 241, 0, .3);
}
.btn-dl .ico {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
}

/* ヘッダー内（コンパクト版） */
#header .header_r .btn-dl--header {
	font-size: 1.5rem;
	letter-spacing: 2px;
	padding: 13px 28px;
	border-radius: 8px;
	margin-right: 18px;
}
#header .header_r .btn-dl--header .ico {
	width: 18px;
	height: 18px;
}

/* フッターのCTA（PC）：大きく中央に */
#footer .footer_btn {
	text-align: center;
}
#footer .footer_btn .btn-dl {
	min-width: 380px;
}

/* 下部追従バナー（スマホ）：全幅の大きなボタンに */
.fixed_foot {
	padding: 10px 3%;
	background: rgba(0, 0, 0, .92);
	border-top: 1px solid rgba(255, 255, 255, .08);
}
.fixed_foot .btn-dl {
	width: 100%;
	font-size: 1.7rem;
	letter-spacing: 2px;
	padding: 16px 20px;
	border-radius: 8px;
}

/* フォーム送信ボタンも同じ黄系に統一して目立たせる */
#form .form_submit {
	background: var(--color-yellow_02);
	color: var(--color-black);
	font-weight: 800;
	box-shadow: 0 8px 24px rgba(255, 241, 0, .22);
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
#form .form_submit:hover {
	opacity: 1;
	background: #fff64d;
	transform: translateY(-2px);
	box-shadow: 0 12px 34px rgba(255, 241, 0, .4);
}

@media screen and (max-width: 750px) {
	#footer .footer_btn .btn-dl {
		min-width: 0;
		width: 100%;
	}
}

/* ヘッダーCTAはPC専用（.btn-dlのdisplay上書きを打ち消してスマホでは隠す） */
@media screen and (max-width: 750px) {
	#header .header_r .btn-dl--header { display: none; }
}


/* =========================================================
   ▼ カルーセルの矢印を刷新（2026）
   1px細グレーの山型 → 丸い半透明ボタン＋太い白矢印。視認性UP。
   ========================================================= */
.option_arrow {
	width: 48px;
	height: 48px;
	border: 1.5px solid rgba(255, 255, 255, .5);
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.option_prev { left: 10px; transform: translateY(-50%); }
.option_next { right: 10px; transform: translateY(-50%); }

.option_arrow::before {
	content: "";
	width: 11px;
	height: 11px;
	border-top: 2.5px solid #fff;
	border-right: 2.5px solid #fff;
	display: block;
}
.option_prev::before { transform: rotate(-135deg); margin-left: 5px; }
.option_next::before { transform: rotate(45deg); margin-right: 5px; }

.option_arrow:hover {
	opacity: 1;
	background: rgba(0, 0, 0, .72);
	border-color: var(--color-yellow_02);
	transform: translateY(-50%) scale(1.07);
}
.option_arrow:hover::before { border-color: var(--color-yellow_02); }
.option_arrow:active { transform: translateY(-50%) scale(.95); }
.option_arrow:focus-visible {
	outline: 2px solid var(--color-yellow_02);
	outline-offset: 3px;
}

/* ページネーションのドットも少し大きく＝押しやすく・見やすく */
.option_pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}
.option_pagination .swiper-pagination-bullet-active { width: 40px; }

@media screen and (max-width: 750px) {
	.option_arrow { width: 44px; height: 44px; }
	.option_prev { left: 8px; }
	.option_next { right: 8px; }
	.option_arrow::before { width: 10px; height: 10px; border-width: 2.5px; }
	.option_pagination .swiper-pagination-bullet { width: 8px; height: 8px; }
	.option_pagination .swiper-pagination-bullet-active { width: 30px; }
}


/* =========================================================
   ▼ カルーセル操作部をスライダー下へ移動（2026）
   矢印がコンテンツに被る問題を解消。下部にページネーション＋
   おしゃれな丸ボタン矢印を横一列で配置。
   ========================================================= */
.option_ctrl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 22px;
	padding: 0 2px;
}

/* ページネーション：左寄せ・通常フロー化 */
.option_ctrl .option_pagination {
	position: static !important;
	top: auto;
	bottom: auto;
	left: auto;
	transform: none !important;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1;
}

/* 矢印ペア：右寄せ */
.option_nav {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

/* 矢印：オーバーレイ配置を解除して下部バーへ。おしゃれな細枠の丸ボタン */
.option_ctrl .option_arrow {
	position: static;
	top: auto;
	left: auto;
	right: auto;
	transform: none;
	width: 46px;
	height: 46px;
	border: 1.5px solid rgba(255, 255, 255, .38);
	border-radius: 50%;
	background: rgba(255, 255, 255, .04);
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.option_ctrl .option_arrow::before {
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.option_ctrl .option_arrow:hover {
	opacity: 1;
	background: #fff;
	border-color: #fff;
	transform: scale(1.08);
}
.option_ctrl .option_arrow:hover::before {
	border-color: #000;
}
.option_ctrl .option_arrow:active {
	transform: scale(.94);
}

@media screen and (max-width: 750px) {
	.option_ctrl {
		margin-top: 16px;
		gap: 10px;
	}
	.option_ctrl .option_arrow {
		width: 42px;
		height: 42px;
	}
	.option_nav {
		gap: 10px;
	}
}


/* 資料ダウンロードボタン：角丸をなくして角ばったデザインに */
.btn-dl,
#header .header_r .btn-dl--header,
.fixed_foot .btn-dl,
#form .form_submit {
	border-radius: 0;
}


/* item_detail_w（特徴の2カラム/縦積み部）の下に余白を追加 */
.items_w .item_i .item_detail_w {
	margin-bottom: 56px;
}
@media screen and (max-width: 750px) {
	.items_w .item_i .item_detail_w {
		margin-bottom: 40px;
	}
}


/* カルーセル：カードの高さをヘルメット画像に合わせて広げ、画像が切れず、
   かつ操作部との余分な空きも出ないようにする（空きはカード＝濃色パネル内に
   収まるので“隙間”に見えない）。操作部は従来どおりドット左・矢印右。 */
.option_ctrl {
	margin-top: 16px;
}
@media screen and (min-width: 751px) {
	.option_slide .slide_box {
		min-height: min(calc(39vw - 15px), 420px);
	}
}


/* =========================================================
   ▼ item_point の3バッジ：ベタ塗り黄色→細枠の“抜き”に変更（2026）
   全体の上品な細線トーンに馴染ませ、CTA（黄色ベタ）との役割かぶりも解消
   ========================================================= */
#item_point .item_point_i dt {
	background: transparent;
	color: var(--color-yellow_02);
	border: 1px solid var(--color-yellow_02);
	letter-spacing: 2px;
}


/* SP：item_pointのバッジは、一番長い「3SERIES 14COLORS」が1行に収まる幅で
   3つとも揃えて中央寄せ（全幅ブロックの圧を抑えつつ折り返しを防ぐ） */
@media screen and (max-width: 750px) {
	#item_point .item_point_i dt {
		width: 65%;
		margin-left: auto;
		margin-right: auto;
		padding: 9px 8px;
		white-space: nowrap;
	}
}


/* =========================================================
   ▼ アンカーリンクを「シリーズ選択ボタン」に刷新（2026）
   モデル名だけでは押す動機が弱いので、特徴の一言＋矢印を添えたボタンに。
   PC＝3カラム / SP＝1カラム。左端に各シリーズのアクセントカラー。 */
.anchor_btn .anchor_btn_w {
	justify-content: center;
	align-items: stretch;
	gap: 20px;
	flex-wrap: wrap;
}
.anchor_btn .anchor_btn_w .anchor_btn_i {
	flex: 1 1 0;
	max-width: 340px;
	min-width: 258px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 22px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-left-width: 3px;
	background: rgba(255, 255, 255, .015);
	font-size: 1.6rem;
	font-weight: 400;
	transition: background-color .25s ease, border-color .25s ease;
}
/* 旧・下線スタイルを打ち消し */
.anchor_btn .anchor_btn_w .anchor_btn_i span {
	border-bottom: 0;
	display: block;
}
.anchor_btn .anchor_btn_w .anchor_btn_i .txtcol {
	display: flex;
	flex-direction: column;
	gap: 7px;
	text-align: left;
	min-width: 0;
}
.anchor_btn .anchor_btn_w .anchor_btn_i .ttl {
	font-size: 2.2rem;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.1;
	color: var(--color-white);
}
.anchor_btn .anchor_btn_w .anchor_btn_i .lead {
	font-size: 1.35rem;
	color: var(--color-gray);
	letter-spacing: .5px;
	line-height: 1.4;
	white-space: nowrap;
}
.anchor_btn .anchor_btn_w .anchor_btn_i .arw {
	width: 9px;
	height: 9px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
	flex-shrink: 0;
	transition: transform .25s ease;
}
.anchor_btn .anchor_btn_w .anchor_btn_i:hover {
	opacity: 1;
	background: rgba(255, 255, 255, .05);
}
.anchor_btn .anchor_btn_w .anchor_btn_i:hover .arw {
	transform: translateX(4px) rotate(45deg);
}

/* シリーズ別アクセント（左端ボーダー＋矢印色＋ホバー枠） */
.anchor_btn_i.acc_y { border-left-color: #555D6B; }
.anchor_btn_i.acc_b { border-left-color: var(--color-blue); }
.anchor_btn_i.acc_p { border-left-color: var(--color-purple); }
.anchor_btn_i.acc_y .arw { color: #555D6B; }
.anchor_btn_i.acc_b .arw { color: var(--color-blue); }
.anchor_btn_i.acc_p .arw { color: var(--color-purple); }
.anchor_btn_i.acc_y:hover { border-color: #555D6B; }
.anchor_btn_i.acc_b:hover { border-color: var(--color-blue); }
.anchor_btn_i.acc_p:hover { border-color: var(--color-purple); }

@media screen and (max-width: 750px) {
	/* SP：1カラムでフル幅に積む */
	.anchor_btn .anchor_btn_w {
		flex-direction: column;
		gap: 12px;
	}
	.anchor_btn .anchor_btn_w .anchor_btn_i {
		width: 100%;
		max-width: none;
		min-width: 0;
		padding: 16px 18px;
	}
	.anchor_btn .anchor_btn_w .anchor_btn_i .ttl {
		font-size: 1.9rem;
	}
	.anchor_btn .anchor_btn_w .anchor_btn_i .lead {
		font-size: 1.3rem;
		white-space: normal;
	}
}


/* SP：特徴リストのテキストが中間の<br>で短く折り返し、左に固まって右が余るので、
   その強制改行だけ解除して横幅を使う（EN見出しの改行は維持） */
@media screen and (max-width: 750px) {
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .txt {
		flex: 1;
	}
	.items_w .item_i .item_detail_w .txtarea .item_detail_lis_w .item_detail_lis_i .txt br:nth-of-type(2) {
		display: none;
	}
}


/* ハンバーガー（ドロワー）内のモデル項目：名前＋特徴の一言を縦に */
.drawer .drawer_nav .drawer_item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.drawer .drawer_nav .drawer_item .ttl {
	font-size: 1.6rem;
	letter-spacing: 2px;
	line-height: 1.2;
}
.drawer .drawer_nav .drawer_item .lead {
	font-size: 1.15rem;
	color: var(--color-gray);
	letter-spacing: 1px;
	line-height: 1.3;
}


/* フッターの資料DLボタンはPC・SPとも非表示（ヘッダーCTA／下部追従バナーでカバー） */
#footer .footer_btn {
	display: none;
}


/* =========================================================
   ▼ ①FV文言変更（2026）
   商品名をテキスト化（吹付塗装ヘルメット）＋規格表記の追加。 */

/* ヘッダーの商品名（画像→テキスト） */
#header .logo a {
	display: inline-block;
	line-height: 1.2;
}
#header .logo .logo_jp {
	display: inline-block;
	font-size: 1.4rem;
	color: var(--color-gray);
	letter-spacing: 2px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
}
#header .logo .logo_en {
	display: block;
	font-size: 2.4rem;
	font-style: italic;
	letter-spacing: 1px;
	color: #e8e8e8;
}
#header .logo .logo_en b { font-weight: 800; }

/* FV：規格表記（右上） */
#main_v .fv_spec {
	text-align: right;
	margin-bottom: 40px;
}
#main_v .fv_spec .cert {
	font-size: 1.5rem;
	color: #e8e8e8;
	letter-spacing: 1px;
	margin-bottom: 12px;
}
#main_v .fv_spec .spec_badges {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	flex-wrap: wrap;
}
#main_v .fv_spec .spec_badge {
	border: 1px solid rgba(255, 255, 255, .55);
	padding: 6px 14px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	line-height: 1.2;
}

@media screen and (max-width: 750px) {
	#header .logo .logo_jp { font-size: 1.1rem; padding-bottom: 4px; margin-bottom: 4px; }
	#header .logo .logo_en { font-size: 1.7rem; }

	#main_v .fv_spec { margin-bottom: 28px; }
	#main_v .fv_spec .cert { font-size: 1.2rem; margin-bottom: 8px; }
	#main_v .fv_spec .spec_badge { font-size: 1.05rem; padding: 5px 10px; }
}


/* FV微調整：規格表記を中央揃え＆メインコピー下の余白を詰める */
#main_v .fv_spec {
	text-align: center;
}
#main_v .fv_spec .spec_badges {
	justify-content: center;
}
#main_v .main_copy_w {
	padding: 40px 0 30px;
}
@media screen and (max-width: 750px) {
	#main_v .main_copy_w {
		padding: 26px 0 18px;
	}
}


/* FV再調整：ヘッダー下の潜り込み解消（PC/タブレット）＋余白をさらに詰める */
@media screen and (min-width: 751px) {
	main { margin-top: 152px; }
}
#main_v .fv_spec {
	margin-bottom: 22px;
}
#main_v .main_copy_w {
	padding: 18px 0 18px;
}
@media screen and (max-width: 750px) {
	#main_v .fv_spec { margin-bottom: 16px; }
	#main_v .main_copy_w { padding: 12px 0 12px; }
}


/* =========================================================
   ▼ ③各シリーズセクションの切り替わりを明確化（試作）
   セクション頭に区切り線＋特大番号、内部をシリーズ色で塗り分け、
   セクション頭にシリーズ色の淡いグロー。 */
.items_w .item_i {
	position: relative;
	margin-top: 280px;
	padding-top: 66px;
}
.items_w .item_i:first-of-type {
	margin-top: 0;
}
/* 左上のシリーズ色アクセントバー（区切り線の上に重ねる） */
.items_w .item_i::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 76px;
	height: 3px;
	background: var(--sc);
}
/* セクション頭のシリーズ色グロー */
.items_w .item_i::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 46%;
	height: 240px;
	pointer-events: none;
	background: radial-gradient(circle at 18% 0, var(--sc-glow), transparent 70%);
	z-index: 0;
}
/* 見出し帯を前面に＋特大番号 */
.items_w .item_i .item_i_h {
	position: relative;
	z-index: 1;
	align-items: flex-end;
}
.items_w .item_i .item_i_h .num {
	line-height: .82;
}
.items_w .item_i .item_i_h .num .l_txt {
	font-size: 8.4rem;
	margin-right: 10px;
}

/* シリーズ別カラー（①黄 ②青 ③紫／視認性のため少し明るめ） */
#item_01 { --sc: #555D6B; --sc-glow: rgba(85, 93, 107, .30); }
#item_02 { --sc: #1e90c4; --sc-glow: rgba(30, 144, 196, .17); }
#item_03 { --sc: #7d7ad6; --sc-glow: rgba(125, 122, 214, .17); }

#item_01 .item_i_h .num, #item_01 .item_detail_img_w .sub_ttl { color: #555D6B; }
#item_02 .item_i_h .num, #item_02 .item_detail_img_w .sub_ttl { color: #1e90c4; }
#item_03 .item_i_h .num, #item_03 .item_detail_img_w .sub_ttl { color: #7d7ad6; }

/* 見出し下線・縦線もシリーズ色（明るめ）に統一 */
#item_01 .item_i_h { border-bottom-color: #555D6B; }
#item_02 .item_i_h { border-bottom-color: #1e90c4; }
#item_03 .item_i_h { border-bottom-color: #7d7ad6; }
#item_01 .item_i_h.bor_y:after { background: #555D6B; }
#item_02 .item_i_h.bor_b:after { background: #1e90c4; }
#item_03 .item_i_h.bor_p:after { background: #7d7ad6; }

@media screen and (max-width: 750px) {
	.items_w .item_i { margin-top: 180px; padding-top: 44px; }
	.items_w .item_i .item_i_h .num .l_txt { font-size: 5rem; }
	.items_w .item_i::after { height: 180px; }
}


/* =========================================================
   ▼ ③追従ラベル（試作）
   スクロール中、そのシリーズの番号＋名前を画面上部に固定表示。 */
.items_w .item_i .series_tag {
	position: sticky;
	top: 127px;
	z-index: 6;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 9px 18px;
	margin-bottom: 26px;
	background: var(--sc);
	background: color-mix(in srgb, var(--sc) 80%, transparent);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	letter-spacing: 2px;
}
.items_w .item_i .series_tag .n {
	font-size: 2rem;
	font-style: italic;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
.items_w .item_i .series_tag .nm {
	font-size: 1.4rem;
	color: #000;
	letter-spacing: 2px;
	font-weight: 600;
}

@media screen and (max-width: 750px) {
	.items_w .item_i .series_tag {
		top: 84px;
		padding: 6px 14px 6px 11px;
		gap: 9px;
		margin-bottom: 20px;
	}
	.items_w .item_i .series_tag .n { font-size: 1.7rem; }
	.items_w .item_i .series_tag .nm { font-size: 1.2rem; }
}


/* =========================================================
   ▼ ④カラー展開タイトルを大きく（白文字・添付イメージ準拠）
   「大きな数字 + COLORS + カラー展開」。シリーズ色は付けない。 */
.items_w .item_i .item_option_w .color_opt_ttl {
	display: flex;
	align-items: baseline;
	gap: 14px;
	color: #fff !important;
	font-style: italic;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	margin-bottom: 16px;
}
.items_w .item_i .item_option_w .color_opt_ttl .num {
	font-size: 7rem;
}
.items_w .item_i .item_option_w .color_opt_ttl .unit {
	font-size: 4.6rem;
	letter-spacing: 3px;
}
.items_w .item_i .item_option_w .color_opt_ttl .jp {
	font-family: "Noto Sans JP", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.8rem;
	letter-spacing: 3px;
	color: #fff;
	margin-left: 4px;
}
@media screen and (max-width: 750px) {
	.items_w .item_i .item_option_w .color_opt_ttl {
		gap: 10px;
		margin-bottom: 12px;
	}
	.items_w .item_i .item_option_w .color_opt_ttl .num { font-size: 4.6rem; }
	.items_w .item_i .item_option_w .color_opt_ttl .unit { font-size: 3rem; }
	.items_w .item_i .item_option_w .color_opt_ttl .jp { font-size: 1.3rem; }
}


/* （縦ライン延長の試作は不採用のため撤去。元の60pxフック＋グローに戻す） */


/* =========================================================
   ▼ ④カラー：カルーセル下に全色サムネイル一覧（EC風・連動）
   サムネクリックで上のカルーセルがその色へ／現在色はシリーズ色でハイライト。 */
.items_w .item_i .item_option_w .color_thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}
.items_w .item_i .item_option_w .color_thumb {
	width: 104px;
	padding: 8px 8px 10px;
	background: #111;
	border: 1px solid rgba(255, 255, 255, .14);
	cursor: pointer;
	text-align: center;
	transition: border-color .2s ease, transform .2s ease, background-color .2s ease;
}
.items_w .item_i .item_option_w .color_thumb img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	display: block;
}
.items_w .item_i .item_option_w .color_thumb .th_name {
	display: block;
	margin-top: 6px;
	font-size: 1.05rem;
	font-style: italic;
	letter-spacing: .5px;
	line-height: 1.25;
	color: var(--color-gray);
}
.items_w .item_i .item_option_w .color_thumb:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .5);
	background: #161616;
}
.items_w .item_i .item_option_w .color_thumb.is-active {
	border-color: var(--sc);
	background: #171717;
}
.items_w .item_i .item_option_w .color_thumb.is-active .th_name {
	color: #fff;
}

@media screen and (max-width: 750px) {
	.items_w .item_i .item_option_w .color_thumbs {
		gap: 5px;
		margin-top: 18px;
	}
	.items_w .item_i .item_option_w .color_thumb {
		width: calc((100% - 25px) / 6);
		padding: 3px;
	}
	.items_w .item_i .item_option_w .color_thumb .th_name {
		display: none;
	}
}


/* =========================================================
   ▼ ③改：追従ラベルは一旦非表示（後日再利用可）／
   セクション背景をシリーズ色のごく淡いトーンに変える。 */
.items_w .item_i .series_tag {
	display: none;
}

/* （旧・セクション個別背景は無効化。全画面の立ち上がり背景 #series-bg に置換） */
.items_w .item_i::after {
	display: none;
}


/* =========================================================
   ▼ ③改：セクション侵入で色が下から立ち上がり画面全体がその色に（試作）
   固定の全画面背景。JS(IntersectionObserver)で色切替＋立ち上がり再生。 */
#series-bg {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: 0;
	transition: opacity .5s ease;
	overflow: hidden;
}
#series-bg.is-on {
	opacity: 1;
}
#series-bg .fill {
	position: absolute;
	inset: 0;
	background: var(--active-sc, transparent);
	transform: translateY(0);
	will-change: transform, opacity;
}
#series-bg.rise .fill {
	animation: seriesRise 1s cubic-bezier(.22, .61, .36, 1);
}
@keyframes seriesRise {
	from { transform: translateY(55%); opacity: 0; }
	to   { transform: translateY(0);   opacity: 1; }
}


/* カルーセル：カード内の要素（色名・テーマ画像・ヘルメット）を上下中央に */
.option_slide .slide_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.option_slide .item_img {
	top: 50%;
	transform: translateY(-50%);
}


/* SP：カラー展開カードの余白を詰める（ヘルメット基準でカードを詰め、下の空きを解消） */
@media screen and (max-width: 750px) {
	.option_slide .slide_box {
		min-height: 158px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
}


/* PC/タブレット：FVのヘルメット背景画像がヘッダーに被るので小さく */
@media screen and (min-width: 751px) {
	#main_v .bg_img {
		width: 52%;
	}
}


/* PC：FVの「護る。挑む。」と「現場に、個性と品格を。」を同じ幅に（文字サイズで調整、間隔は詰める） */
@media screen and (min-width: 751px) {
	#main_v .main_copy {
		letter-spacing: 10px;
	}
	#main_v .main_txt_w .sub_ttl {
		font-size: 4.9rem;
		letter-spacing: 3px;
	}
}


/* ============================================================
   クライアント修正 第2弾
   ② 規格をヘッダーへ移動 ／ ③ シリーズ見出しの間隔 ／ ④ スライド背景＋拡大ポップアップ
   ============================================================ */

/* ② 規格表示をヘッダーへ移動（ロゴと同じ行・ロゴより低いので高さは増えない） */
#header .header_spec { text-align: center; line-height: 1.2; }
#header .header_spec .cert {
	font-size: 1.6rem; color: #d8dbe0; letter-spacing: 1px; margin-bottom: 8px;
}
#header .header_spec .spec_badges {
	display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;
}
#header .header_spec .spec_badge {
	border: 1px solid rgba(255,255,255,.5);
	padding: 5px 13px; font-size: 1.35rem; letter-spacing: 1px; line-height: 1.2; white-space: nowrap;
}
/* PC：規格を資料ダウンロードボタン側（右）に寄せる */
@media screen and (min-width: 751px) {
	#header .header_spec { margin-left: auto; margin-right: 28px; }
}
/* SP：DLボタン非表示なので ロゴ＋規格 の2カラム。規格は右寄せで小さめ */
@media screen and (max-width: 750px) {
	#header .header_in { gap: 10px; }
	#header .logo { flex-shrink: 0; }
	#header .header_spec { text-align: right; margin-left: auto; }
	#header .header_spec .cert { font-size: 1.0rem; margin-bottom: 5px; }
	#header .header_spec .spec_badges { justify-content: flex-end; gap: 5px; flex-wrap: nowrap; }
	#header .header_spec .spec_badge { font-size: 0.82rem; padding: 3px 6px; }
}

/* ③ 各シリーズ見出し部の間隔・余白調整（詰まり解消） */
.items_w .item_i .item_i_h .txt { line-height: 1.55; letter-spacing: 1px; }
.items_w .item_i .item_i_ttl { margin: 42px 0 46px; }
.items_w .item_i .item_detail_w .txtarea .lead_txt { line-height: 1.9; letter-spacing: 1px; }
@media screen and (max-width: 750px) {
	.items_w .item_i .item_i_ttl { margin: 30px 0 32px; }
	.items_w .item_i .item_detail_w .txtarea .lead_txt { line-height: 1.8; }
}

/* ④ スライド背景を各シリーズの濃いタグカラーに（黒浮き解消） */
#item_01 .option_slide .slide_box { background: color-mix(in srgb, #555D6B 24%, #0d0d0d); }
#item_02 .option_slide .slide_box { background: color-mix(in srgb, #1e90c4 18%, #0b0b0b); }
#item_03 .option_slide .slide_box { background: color-mix(in srgb, #7d7ad6 18%, #0b0b0b); }

/* ④ 拡大ポップアップ（ライトボックス） */
.item_detail_img_w .imgarea img,
.option_slide .item_img img { cursor: zoom-in; }
.lb-overlay {
	position: fixed; inset: 0; z-index: 2000;
	display: flex; align-items: center; justify-content: center; padding: 4vw;
	background: rgba(0,0,0,.88);
	opacity: 0; visibility: hidden; transition: opacity .28s ease; cursor: zoom-out;
}
.lb-overlay.is-open { opacity: 1; visibility: visible; }
.lb-overlay img {
	max-width: 96vw; max-height: 92vh; object-fit: contain;
	transform: scale(.96); transition: transform .28s ease;
	box-shadow: 0 20px 60px rgba(0,0,0,.6);
}
.lb-overlay.is-open img { transform: scale(1); }
.lb-close {
	position: absolute; top: 18px; right: 22px; width: 44px; height: 44px;
	border: 0; background: transparent; cursor: pointer;
}
.lb-close::before, .lb-close::after {
	content: ""; position: absolute; top: 50%; left: 50%;
	width: 28px; height: 2px; background: #fff;
}
.lb-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.lb-close::after  { transform: translate(-50%,-50%) rotate(-45deg); }


/* DETAILED：3枚の個別画像をグリッド表示（提供写真 D1/D2/D3） */
.item_detail_img_w .imgarea.detail_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}
.item_detail_img_w .imgarea.detail_grid img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}
@media screen and (max-width: 750px) {
	.item_detail_img_w .imgarea.detail_grid { gap: 8px; }
}


/* 価格表示（各カルーセル下部）— スクショ準拠：PRICE＋シリーズ色の区切り線＋大きな金額 */
.items_w .item_i .item_price { margin-top: 46px; text-align: right; }
.items_w .item_i .item_price .price_ttl {
	font-size: 2.6rem;
	font-style: italic;
	letter-spacing: 2px;
	color: #e8e8e8;
	padding-bottom: 14px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--sc);
	line-height: 1.2;
}
.items_w .item_i .item_price .price_ttl .jp {
	font-style: normal;
	font-size: 1.5rem;
	letter-spacing: 1px;
	color: var(--color-gray);
	margin-left: 6px;
}
.items_w .item_i .item_price .price_val {
	font-size: 4.6rem;
	font-style: italic;
	letter-spacing: 2px;
	color: #fff;
	line-height: 1;
}
@media screen and (max-width: 750px) {
	.items_w .item_i .item_price { margin-top: 32px; }
	.items_w .item_i .item_price .price_ttl { font-size: 2.0rem; padding-bottom: 10px; margin-bottom: 12px; }
	.items_w .item_i .item_price .price_ttl .jp { font-size: 1.2rem; }
	.items_w .item_i .item_price .price_val { font-size: 3.4rem; }
}


/* カラーのイメージ写真の下に日本語カラー名称（※現在は仮ダミー） */
.option_slide .slide_box .color_name_jp {
	margin-top: 16px;
	font-size: 1.8rem;
	letter-spacing: 2px;
	color: var(--color-gray);
	line-height: 1.4;
}
@media screen and (max-width: 750px) {
	.option_slide .slide_box .color_name_jp { font-size: 1.4rem; margin-top: 12px; }
}


/* ============================================================
   デザイン改修（.ai comp）STEP1：ロゴ／FV
   ============================================================ */
/* ヘッダーロゴ：No.390F VENTI ／ "PREMIUM COATING SERIES" */
#header .logo .logo_en {
	display: block;
	font-size: 2.4rem; font-style: italic; letter-spacing: 1px; color: #e8e8e8;
	padding-bottom: 6px; margin-bottom: 6px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
#header .logo .logo_jp {
	display: block;
	font-size: 1.25rem; font-style: italic; letter-spacing: 2px; color: var(--color-gray);
	border-bottom: none; padding: 0; margin: 0;
}
@media screen and (max-width: 750px) {
	#header .logo .logo_en { font-size: 1.7rem; padding-bottom: 4px; margin-bottom: 4px; }
	#header .logo .logo_jp { font-size: 1.0rem; letter-spacing: 1px; }
}

/* FV：PREMIUM COATING SERIES グラデ帯 */
#main_v .fv_premium_bar {
	margin: 8px 0 18px;
	padding: 9px 0;
	text-align: center;
	background: linear-gradient(90deg, rgba(20,20,20,0) 0%, #242b31 20%, #1f5a63 44%, #3a3a6b 62%, #242028 82%, rgba(20,20,20,0) 100%);
}
#main_v .fv_premium_bar .en {
	font-style: italic; letter-spacing: 5px; font-size: 2.2rem; color: #eef1f4;
}
#main_v .txt_w .txt.spacer_top { margin-top: 1.4em; }
@media screen and (max-width: 750px) {
	#main_v .fv_premium_bar { padding: 7px 0; margin: 6px 0 12px; }
	#main_v .fv_premium_bar .en { font-size: 1.5rem; letter-spacing: 3px; }
}


/* ============================================================
   デザイン改修（.ai comp）STEP2：シリーズ見出しのテキスト化＋囲みピル
   ============================================================ */
.items_w .item_i .item_i_head { margin-bottom: 44px; }

/* 0X SERIES ＋ 斜めアクセントバー（左上） */
.items_w .item_i .item_i_head .item_i_h {
	position: relative;
	display: inline-block;
	border: 0;
	padding: 0 0 14px;
	margin: 0 0 26px;
	line-height: 1;
}
.items_w .item_i .item_i_head .item_i_h::after {
	content: "";
	display: block;
	position: absolute;
	left: 2px; bottom: 0; top: auto; right: auto;
	width: 210px; height: 7px;
	background: var(--sc);
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}

/* THE CRAFT ＋ 日本語読み ＋ 大見出し */
.items_w .item_i .item_i_ttl {
	text-align: center;
	margin: 0 0 26px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(255,255,255,.22);
	line-height: 1;
}
.items_w .item_i .item_i_ttl .craft_row {
	display: inline-flex; align-items: baseline; justify-content: center; gap: 16px;
}
.items_w .item_i .item_i_ttl .craft_lead {
	font-size: 4.2rem; font-style: italic; font-weight: 300; letter-spacing: 2px; color: #e7eaef;
	text-shadow: 0 0 18px rgba(255,255,255,.22);
}
.items_w .item_i .item_i_ttl .craft_jp {
	font-size: 1.5rem; font-weight: 400; letter-spacing: 3px; color: var(--color-gray); font-style: normal;
}
.items_w .item_i .item_i_ttl .craft_name {
	display: block; margin-top: 8px;
	font-size: 8rem; font-style: italic; font-weight: 800; letter-spacing: 0.08em;
	color: #fff; line-height: 1.02; white-space: nowrap;
	text-shadow: 0 0 26px rgba(255,255,255,.35);
}

/* 説明文：囲みピル（中央・シリーズ色） */
.items_w .item_i .item_i_desc {
	display: table; margin: 26px auto 0; text-align: center;
	padding: 12px 30px;
	font-size: 1.9rem; letter-spacing: 1px; color: #e8e8e8; line-height: 1.5;
	background: color-mix(in srgb, var(--sc) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--sc) 45%, transparent);
}

@media screen and (max-width: 750px) {
	.items_w .item_i .item_i_head { margin-bottom: 32px; }
	.items_w .item_i .item_i_ttl { padding-bottom: 16px; }
	.items_w .item_i .item_i_ttl .craft_row { gap: 8px; flex-wrap: wrap; }
	.items_w .item_i .item_i_ttl .craft_lead { font-size: 2.6rem; }
	.items_w .item_i .item_i_ttl .craft_jp { font-size: 1.1rem; letter-spacing: 1px; }
	.items_w .item_i .item_i_ttl .craft_name { font-size: 4.2rem; margin-top: 4px; white-space: normal; }
	.items_w .item_i .item_i_head .item_i_h::after { width: 150px; height: 6px; }
	.items_w .item_i .item_i_desc { padding: 10px 18px; font-size: 1.45rem; }
}


/* ============================================================
   デザイン改修（.ai comp）STEP2：斜めテーマ背景（フルブリード）
   立ち上がり演出(#series-bg)は最背面に維持し、テーマ背景は半透明で重ねる
   ============================================================ */
body { overflow-x: hidden; }
#series-bg { z-index: -2; display: none; } /* 全画面の立ち上がりは廃止（グラデ帯の::afterフェードアップに置換） */

.items_w .item_i { position: relative; }
/* ベタ背景（::before）：常時表示＝指定色の下側カラー。
   下端を次セクションまで伸ばし、その色で余白を埋める（＝前のコンテンツの背景色が続く） */
.items_w .item_i::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	top: -70px;
	bottom: -300px;
	height: auto;
	pointer-events: none;
}
#item_01::before { background: #121316; }
#item_02::before { background: #07181f; }
#item_03::before { background: #151522; bottom: -70px; } /* 最後は伸ばさない（フォードに被らない） */

/* グラデ帯（::after）：上の指定色→透明(≒24%)。セクション侵入時だけフェードアップ */
.items_w .item_i::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 50%;
	width: 100vw;
	top: -70px;
	bottom: -70px;
	height: auto;
	transform: translateX(-50%) translateY(130px);
	pointer-events: none;
	opacity: 0;
	/* 下から立ち上がる：色は素早く出し、移動は大きめ＋イーズアウトでせり上がって着地 */
	transition: opacity .45s ease-out, transform 1.05s cubic-bezier(.16, .84, .44, 1);
}
.items_w .item_i.is-inview::after {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}
#item_01::after { background: linear-gradient(180deg, #373d45 0%, transparent 24%); }
#item_02::after { background: linear-gradient(180deg, #174050 0%, transparent 24%); }
#item_03::after { background: linear-gradient(180deg, #242736 0%, transparent 24%); }

/* 斜めパネル形状：上端だけ斜め・下端はフラット（色がまっすぐ下へ続き、次セクションの斜めで切り替わる） */
#item_01::before, #item_01::after,
#item_03::before, #item_03::after { clip-path: polygon(0 70px, 100% 0, 100% 100%, 0 100%); }
#item_02::before, #item_02::after { clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%); }

@media screen and (max-width: 750px) {
	.items_w .item_i::before { top: -50px; bottom: -210px; }
	#item_03::before { bottom: -50px; }
	.items_w .item_i::after { top: -50px; bottom: -50px; }
	#item_01::before, #item_01::after,
	#item_03::before, #item_03::after { clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%); }
	#item_02::before, #item_02::after { clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%); }
}


/* ============================================================
   最終修正（8/10リスト）②マージン ③SERIESサイズ ⑥改行
   ============================================================ */
/* ③ 「0X SERIES」ラベルを小さく */
.items_w .item_i .item_i_head .item_i_h .num { font-size: 1.8rem; }
.items_w .item_i .item_i_head .item_i_h .num .l_txt { font-size: 2.8rem; }
.items_w .item_i .item_i_head .item_i_h::after { width: 160px; height: 6px; }
@media screen and (max-width: 750px) {
	.items_w .item_i .item_i_head .item_i_h .num { font-size: 1.5rem; }
	.items_w .item_i .item_i_head .item_i_h .num .l_txt { font-size: 2.4rem; }
	.items_w .item_i .item_i_head .item_i_h::after { width: 120px; height: 5px; }
}

/* ② 最初のシリーズ（MATTE）の上に余白を開ける */
.items_w .item_i:first-of-type { margin-top: 120px; }
@media screen and (max-width: 750px) {
	.items_w .item_i:first-of-type { margin-top: 80px; }
}

/* ⑥ 説明ピルの改行を読点で（語中改行を防ぐ） */
.items_w .item_i .item_i_desc span { display: inline-block; }


/* 追加修正：MATTE(item_01)のイメージ画像を Mist White と同じサイズ(比率)に統一 */
#item_01 .option_slide .slide_box .theme_img img {
	width: 100%;
	aspect-ratio: 1328 / 604;   /* Mist White(item_01_img_03)と同比率 */
	object-fit: cover;
	display: block;
}
.footer_bottom,
.footer_right,
.footer_link,
.footer_sns {
	display: flex;
	align-items: center;
}

.footer_right {
	gap: 36px;
}

.footer_link {
	gap: 32px;
}

.footer_sns {
	gap: 16px;
}

.footer_sns a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	line-height: 0;
}

.footer_sns img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}
}