/*
Last Updated: 2025-02-04
Author: zeal
Theme Name: theme_shimotsuke
*/
*{
	box-sizing: border-box;
	font-feature-settings: "palt";
	min-height: 0vh;
}
:root {
	--text12: clamp(1.0rem,1.375vw,1.2rem);
	--text14: clamp(1.2rem,1.625vw,1.4rem);
	--text16: clamp(1.4rem,1.875vw,1.6rem);
	--text18: clamp(1.6rem,2.125vw,1.8rem);
	--text19: clamp(1.6rem,2.1875vw,1.9rem);
	--text20: clamp(1.8rem,2.375vw,2.0rem);
	--text22: clamp(1.9rem,2.5625vw,2.2rem);
	--text24: clamp(2.0rem,2.75vw,2.4rem);
	--text26: clamp(2.1rem,2.9375vw,2.6rem);
	--text30: clamp(2rem,3.4375vw,3.0rem);
	--text32: clamp(2rem,3.5vw,3.2rem);
	--text33: clamp(2.4rem,3.5vw,3.3rem);
	--text36: clamp(2.8rem,4vw,3.6rem);
	--text38: clamp(3rem,4vw,3.8rem);
	--text40: clamp(3rem,4vw,4.0rem);
	--text42: clamp(3rem,4.25vw,4.2rem);
	--text45: clamp(3.3rem,4.875vw,4.5rem);
	--text48: clamp(3.4rem,5vw,4.8rem);
	--text50: clamp(3.6rem,5.25vw,5.0rem);
	--text60: clamp(4rem,6.25vw,6.0rem);
	--text72: clamp(5rem,7.5vw,7.2rem);
	--text75: clamp(5.2rem,7.775vw,7.5rem);
	--text78: clamp(5.2rem,8vw,7.8rem);
	--text80: clamp(5.4rem,8.5vw,8.0rem);
	--text88: clamp(5.6rem,8.75vw,8.8rem);
	--text90: clamp(5.8rem,9vw,9.0rem);

	--text100: clamp(5rem,9.25vw,10.0rem);
	--transition01: 0.4s linear;
	--transition_normal: 0.4s ease-in-out;
	--arrow_yoko: 42 / 77;
	--arrow_tate: 77 / 42;
	--arrow_down: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220.56 120.21"><path class="cls-1" d="m210.56,0c2.56,0,5.12.98,7.08,2.94,3.9,3.91,3.9,10.24-.01,14.14l-100.4,100.21c-3.91,3.9-10.23,3.9-14.14,0L2.93,17.13C-.98,13.22-.98,6.89,2.93,2.99c3.91-3.91,10.24-3.9,14.14,0l93.09,93.09L203.49,2.92c1.95-1.95,4.51-2.92,7.06-2.92Z"/></svg>' ) no-repeat;
	--arrow_up: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220.56 120.21"><path class="cls-1" d="m10,120.21c-2.56,0-5.12-.98-7.08-2.94-3.9-3.91-3.9-10.24.01-14.14L103.34,2.92c3.91-3.9,10.23-3.9,14.14,0l100.15,100.15c3.91,3.91,3.91,10.24,0,14.14-3.91,3.91-10.24,3.9-14.14,0L110.4,24.14,17.06,117.29c-1.95,1.95-4.51,2.92-7.06,2.92Z"/></svg>' ) no-repeat;
	--arrow_left: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.21 220.56"><path class="cls-1" d="m120.21,210.56c0,2.56-.98,5.12-2.94,7.08-3.91,3.9-10.24,3.9-14.14-.01L2.92,117.22c-3.9-3.91-3.9-10.23,0-14.14L103.08,2.93c3.91-3.91,10.24-3.91,14.14,0,3.91,3.91,3.9,10.24,0,14.14L24.14,110.16l93.16,93.33c1.95,1.95,2.92,4.51,2.92,7.06Z"/></svg>' ) no-repeat;
	--arrow_right: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.21 220.56"><path class="cls-1" d="m0,10c0-2.56.98-5.12,2.94-7.08,3.91-3.9,10.24-3.9,14.14.01l100.21,100.4c3.9,3.91,3.9,10.23,0,14.14L17.13,217.63c-3.91,3.91-10.24,3.91-14.14,0-3.91-3.91-3.9-10.24,0-14.14l93.09-93.09L2.92,17.06c-1.95-1.95-2.92-4.51-2.92-7.06Z"/></svg>' ) no-repeat;
	--request_icon: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 393.88"><g id="_2"><path class="cls-1" d="m412.88,0c-54.22,0-111.53,24.06-144.05,62.05v331.83c32.52-38,89.83-62.06,144.05-62.06h99.12V0h-99.12Z"/><path class="cls-1" d="m99.12,0H0v331.81h99.12c54.22,0,111.53,24.06,144.05,62.06V62.05C210.66,24.06,153.34,0,99.12,0Z"/></g></svg>' );
	--drawer_icon: url( 'data:image/svg+xml;utf-8,<svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 9"><g id="_レイヤー_6"><path class="cls-1" d="m30.5,9H.5c-.28,0-.5-.22-.5-.5s.22-.5.5-.5h29.05L24.54.78c-.16-.23-.1-.54.13-.7.23-.16.54-.1.7.13l5.54,8c.11.15.12.35.03.52-.09.16-.26.27-.44.27Z"/></g></svg>' );
	--extra_link_icon: url( 'data:image/svg+xml;utf-8,<svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1140 1140"><g id="_レイヤー_1-2"><path class="cls-1" d="m920,570h80v570H0V140h570v80H80v840h840v-490ZM710,0v80h293.43L491.16,592.27l56.57,56.57L1060,136.57v293.43h80V0h-430Z"/></g></svg>' );
	--bg_plaid:linear-gradient(0deg, transparent calc(100% - 1px), #f4f4f4 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f4f4f4 calc(100% - 1px));
	--h_height: 240px;
}

@media screen and (max-width: 599px) {
	:root{
		--h_height: 150px;
	}
}
.h_height{
	padding-top: var(--h_height);
}
/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color:  #fff;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}
body{ font-size:1.4rem; font-size: 1.4em; }
p{
	font-feature-settings: "palt";
	line-height: 2;
	/* letter-spacing: calc(0.001em * 100); */
}
address{
	font-style: normal;
}
img{
	vertical-align: bottom;
	backface-visibility: hidden;
	height: auto;
}
a{
	color:inherit;
	transition: all 0.3s;
	text-decoration: none;
}
.op:hover{ opacity: 0.45; }
.op{ transition: all 0.3s; }
#container{ overflow: clip; }
li{list-style:none; }
.center{ text-align:center; }
.block_center{
	width: fit-content;
	margin-inline: auto;
}
.text_center{
	text-align: center;
}
.m_center{
	margin-left: auto;
	margin-right: auto;
}
.m_l_auto{
	margin-left: auto;
}
.m_t_auto{
	margin-top: auto;
}
.m_r_auto{
	margin-right: auto;
}
@media screen and (max-width: 599px) {
	.sp_m_center{
		margin-inline: auto;
	}
}
.w_max{
	width: max-content;
}
.w_fit{
	width: fit-content;
}
@media screen and (min-width: 600px) {
	.pc_w_max{
		width: max-content;
	}
}
.max_item410{
	max-width: 410px;
}
.max_410{
	max-width: 410px;
	--inner_frame_w: 410;
}
.max_430{
	max-width: 430px;
	--inner_frame_w: 430;
}
.max_450{
	max-width: 450px;
	--inner_frame_w: 450;
}
.max_460{
	max-width: 460px;
	--inner_frame_w: 460;
}
.max_470{
	max-width: 470px;
	--inner_frame_w: 470;
}
.max_500{
	max-width: 500px;
	--inner_frame_w: 500;
}
.max_550{
	max-width: 550px;
	--inner_frame_w: 550;
}
.max_680{
	max-width: 680px;
	--inner_frame_w: 680;
}
.max_700{
	max-width: 700px;
	--inner_frame_w: 700;
}
.max_720{
	max-width: 720px;
	--inner_frame_w: 720;
}
.max_730{
	max-width: 730px;
	--inner_frame_w: 730;
}
.max_760{
	max-width: 760px;
	--inner_frame_w: 760;
}
.max_780{
	max-width: 780px;
	--inner_frame_w: 780;
}
.max_820{
	max-width: 820px;
	--inner_frame_w: 820;
}
.max_850{
	max-width: 850px;
	--inner_frame_w: 850;
}
.max_860{
	max-width: 860px;
	--inner_frame_w: 860;
}
.max_880{
	max-width: 880px;
	--inner_frame_w: 880;
}
.max_930{
	max-width: 930px;
	--inner_frame_w: 930;
}
.max_990{
	max-width: 990px;
	--inner_frame_w: 990;
}

.p_box_20{
	padding: calc(20 / var(--inner_frame_w,1040) * 100%);
}
.p_box_25{
	padding: calc(25 / var(--inner_frame_w,1040) * 100%);
}
.p_box_30{
	padding: calc(30 / var(--inner_frame_w,1040) * 100%);
}
.p_box_40{
	padding: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.p_box_50{
	padding: calc(50 / var(--inner_frame_w,1040) * 100%);
}
.p_box_75{
	padding: calc(75 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_20{
	padding-inline: calc(20 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_30{
	padding-inline: calc(30 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_40{
	padding-inline: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_50{
	padding-inline: calc(50 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_80{
	padding-inline: calc(80 / var(--inner_frame_w,1040) * 100%);
}
.p_inner_100{
	padding-inline: calc(100 / var(--inner_frame_w,1040) * 100%);
}
@media screen and (max-width: 821px) {
	.p_box_75{
		padding: calc(50 / var(--inner_frame_w,1040) * 100%);
	}
	.p_inner_80,
	.p_inner_100{
		padding-inline: 5%;
	}
}

.text_right{text-align:right;}
.text_left{text-align:left;}

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

	.sp_text_left{
		text-align: left;
	}
	.sp_center{
		text-align: center;
	}
	.sp_text_center{
		text-align: center;
	}
	.sp_right{
		text-align: right;
	}
	.text_center{
		text-align: left;
	}

}/*END*/
.f_shippori{
	font-family: "Shippori Mincho", serif;
	font-weight: 400;
}
.f_cormorant{
	font-family: "Cormorant Garamond", serif;
	font-weight: 400;
	line-height: 0.8;
}
.f_tategaki_frame{
	display: flex;
	justify-content: center;
}
.f_tategaki{
	writing-mode: vertical-rl;
	display: inline-block;
}
.f_w100 {
	font-weight: 100;
}
.f_w200 {
	font-weight: 200;
}
.f_w300 {
	font-weight: 300;
}
.f_w400 {
	font-weight: 400;
}
.f_w500 {
	font-weight: 500;
}
.f_w600 {
	font-weight: 600;
}
.f_w700 {
	font-weight: 700;
}
.f_w800 {
	font-weight: 700;
}

.rela{
	position:relative;
}
.abs{
	position:absolute;
}

.z_1{
	z-index: 1;
}
.z_2{
	z-index: 2;
}
.z_3{
	z-index: 3;
}
.z_4{
	z-index: 4;
}
.z_5{
	z-index: 5;
}
.order01{order: 1;}
.order02{order: 2;}
.order03{order: 3;}
.order04{order: 4;}
.order05{order: 5;}

.text_upper{
	text-transform: uppercase;
}
.a_delay01{
	animation-delay: 0.2s;
	--animation_d: 0.2s;
}
.a_delay02{
	animation-delay: 0.4s;
	--animation_d: 0.4s;
}
.a_delay03{
	animation-delay: 0.6s;
	--animation_d: 0.6s;
}
.a_delay04{
	animation-delay: 0.8s;
	--animation_d: 0.8s;
}
.a_delay05{
	animation-delay: 1s;
	--animation_d: 1s;
}
.a_delay06{
	animation-delay: 1.2s;
	--animation_d: 1.2s;
}
.a_delay07{
	animation-delay: 1.4s;
	--animation_d: 1.4s;
}
.t_delay0{
	transition-delay: 0s;
	--transition_d: 0s;
}
.t_delay01{
	transition-delay: 0.2s;
	--transition_d: 0.2s;
}
.t_delay02{
	transition-delay: 0.4s;
	--transition_d: 0.4s;
}
.t_delay03{
	transition-delay: 0.6s;
	--transition_d: 0.6s;
}
.t_delay04{
	transition-delay: 0.8s;
	--transition_d: 0.8s;
}
.t_delay05{
	transition-delay: 1s;
	--transition_d: 1s;
}
.t_delay06{
	transition-delay: 1.2s;
	--transition_d: 1.2s;
}
.t_delay07{
	transition-delay: 1.4s;
	--transition_d: 1.4s;
}

/*----------------------------------------
	text
----------------------------------------*/

.text_bold{ font-weight: bold; }
.text_bold800{ font-weight: 800; }
.text_normal{ font-weight: normal; }

.text_10{ font-size:1.0rem !important; }
.text_12{ font-size: var(--text12) }
.text_14{ font-size: var(--text14) }
.text_16{ font-size: var(--text16) }
.text_18{ font-size: var(--text18) }
.text_20{ font-size: var(--text20) }
.text_22{ font-size: var(--text22) }
.text_24{ font-size: var(--text24) }
.text_26{ font-size: var(--text26) }
.text_30{ font-size: var(--text30) }
.text_32{ font-size: var(--text32) }
.text_33{ font-size: var(--text33) }
.text_36{ font-size: var(--text36) }
.text_38{ font-size: var(--text38) }
.text_40{ font-size: var(--text40) }
.text_42{ font-size: var(--text42) }
.text_45{ font-size: var(--text45) }
.text_48{ font-size: var(--text48) }
.text_50{ font-size: var(--text50) }
.text_60{ font-size: var(--text60) }
.text_72{ font-size: var(--text72) }
.text_78{ font-size: var(--text78) }
.text_80{ font-size: var(--text80) }
.text_88{ font-size: var(--text88) }
.text_90{ font-size: var(--text90) }
.text_100{ font-size: var(--text100) }
.lh_34{ line-height: 3.4 !important; }
.lh_32{ line-height: 3.2 !important; }
.lh_30{ line-height: 3 !important; }
.lh_28{ line-height: 2.8 !important; }
.lh_26{ line-height: 2.6 !important; }
.lh_24{ line-height: 2.4 !important; }
.lh_22{ line-height: 2.2 !important; }
.lh_20{ line-height: 2 !important; }
.lh_18{ line-height: 1.8 !important; }
.lh_16{ line-height: 1.6 !important; }
.lh_15{ line-height: 1.5 !important; }
.lh_14{ line-height: 1.4 !important; }
.lh_12{ line-height: 1.2 !important; }
.lh_11{ line-height: 1.1 !important; }
.lh_10{ line-height: 1 !important; }
.ls_1{ letter-spacing: 1px !important; }
.ls_2{ letter-spacing: 2px !important; }
.ls_3{ letter-spacing: 3px !important; }
.ls_4{ letter-spacing: 4px !important; }
.ls_100{letter-spacing: calc(0.001em * 100);}
.ls_200{letter-spacing: calc(0.001em * 200);}
.ls_300{letter-spacing: calc(0.001em * 300);}
.ls_400{letter-spacing: calc(0.001em * 400);}
.ls_500{letter-spacing: calc(0.001em * 500);}

.ls_-1{ letter-spacing: -1px !important; }
.ls_-2{ letter-spacing: -2px !important; }
.ls_-3{ letter-spacing: -3px !important; }
.ls_-4{ letter-spacing: -4px !important; }
@media screen and (max-width: 599px){
	.sp_lh_15{
		line-height: 1.5!important;
	}
	p{ line-height: 1.8; }
}/*END*/

/*----------------------------------------
	layout
----------------------------------------*/
.outline_frame{
	width: 100%;
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
}
.inner_frame{
	width: 100%;
	max-width: 1080px;
	padding-inline: 20px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	--inner_frame_w: 1040;
}
.inner_frame.inner_frame_1100{
	max-width: 1140px;
	--inner_frame_w: 1100;
}
.inner_frame_post{
	width: 100%;
	max-width:750px;
	position: relative;
	box-sizing: border-box;
	margin:0 auto;
	padding-right: 20px;
	padding-left: 20px;
	--inner_frame_w: 750;
}
@media screen and (max-width: 820px){
	.inner_frame,.top_frame{
		padding-right: 3%;
		padding-left: 3%;
	}
	.large_inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}


}/*END*/

@media screen and (max-width: 599px){
	.inner_frame,.sp_inner_frame,.top_frame{
		padding-right: 5%;
		padding-left: 5%;
	}
}/*END*/


/*----------------------------------------
	画像を中央配置
----------------------------------------*/

.photo_frame{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	aspect-ratio: 8 / 5;
}
.photo_frame[data-photo_aspect="1/1"]{
	aspect-ratio: 1;
}
.photo_frame img{
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
.hover_zoom img{
	transition: var(--transition_normal);
}
.hover_zoom:hover img{
	scale: 1.1;
}

.photo_frame{ z-index: 1; }/*chrome*/
/* 分岐 */

/*----------------------------------------
	header
----------------------------------------*/
body.open{
	overflow: hidden;
}
/*reCAPTCHAのロゴを非表示*/
.grecaptcha-badge {
	visibility: hidden; 
}
@media screen and (min-width: 1100px) {
	.head_logo{
		margin-left: auto;
	}
}
header{
	position: fixed;
	width: 100%;
	z-index: 5;
}

/*@media screen and (max-width: 768px){*/
	.menu_btn_box{
		width: 50px;
		aspect-ratio: 1;
		margin-left: auto;
	}
	.menu_btn{
		width: 50px;
		aspect-ratio: 1;
		position: relative;
		cursor: pointer;
		z-index: 9999;
		background-color: transparent;
		border: none;
	}
	.menu_btn span{
		display: inline-block;
		width: 80%;
		height: 1px;
		/* background-image: url("../images/common/menu_btn_line.png"); */
		background-color: #fff;
		background-size: cover;
		background-repeat: repeat-x;
		position: absolute;
		left: 10%;
		transition: all 0.6s;
	}
	.menu_btn span:nth-child(1){
		top: 35%;
	}
	.menu_btn span:nth-child(2){
		top: 65%;
	}
	.open .menu_btn{
		background: none;
	}
	.open .menu_btn::after{
		bottom: 0;
	}
/*
	.menu_btn:hover span{
		background: #046163;
	}
*/
	.open .menu_btn span:nth-child(1){
		transform: rotate(-30deg);
		top: 50%;
	}
	.open .menu_btn span:nth-child(2){
		transform: rotate(30deg);
		top: 50%;
	}
	.drawer{
		position: fixed;
		background-image: var(--drawer_bg,url(../images/order-house/common/drawer_bg01.jpg));
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		top: 0;
		right: 0;
		width: 100%;
		overflow-y: scroll;
		height: 100vh;
		color: #fff;
		visibility: hidden;
		opacity: 0;
		transition: 0.5s ease-in-out;
		z-index: 99;
	}
	@media screen and (min-width: 900px) {
		.drawer{
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
	}
	@media screen and (max-width: 599px) {
		.drawer{
			padding: 10vh 0;
		}
	}
	.open .drawer{
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}
	.open.bg01 .drawer{
		--drawer_bg: url(../images/order-house/common/drawer_bg01.jpg);
	}
	.open.bg02 .drawer{
		--drawer_bg: url(../images/order-house/common/drawer_bg02.jpg);
	}
	.open.bg03 .drawer{
		--drawer_bg: url(../images/order-house/common/drawer_bg03.jpg);
	}
	.drawer_sub_list a{
		display: inline-block;
		padding: 1em 0 1em 7.5em;
		line-height: 1.4;
	}
	.drawer_main_list a{
		position: relative;
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 1.5em 0.5em;
		line-height: 1.4;
	}
	.drawer_under_list{
		display: flex;
		justify-content: center;
		column-gap: 3%;
	}
	@media screen and (max-width: 899px) {
		.drawer_under_list{
			justify-content: flex-start;
			flex-wrap: wrap;
		}	
	}
	.drawer_under_list a{
		line-height: 1.4;
		display: inline-block;
		padding: 1.5em 0.5em;

	}
	.drawer_main_list a::after{
		content: "";
		mask-image: var(--drawer_icon);
		-webkit-mask-image: var(--drawer_icon);
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-position: center;
		-webkit-mask-position: center;
		width: 30px;
		background-color: currentColor;
		aspect-ratio: 30/8;
	}
	.drawer_main_layout{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		column-gap: 3.5%;
	}
	@media screen and (max-width: 899px) {
		.drawer_main_layout{
			grid-template-columns: 1fr;
			row-gap: 30px;
			width: fit-content;
			margin-inline: auto;
		}
	}


	.head_inner{
		max-width: 1350px;
		margin-inline: auto;
		padding: 30px min(3.5%,30px);
		color: #fff;
		display: grid;
		grid-template-columns: min(32%,180px) 1fr;
		justify-content: space-between;
		column-gap: 3.5%;
	}
	@media screen and (max-width: 599px) {
		.head_inner{
			padding: 10px 15px;
		}
	}
	.head_list_frame{
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: fit-content;
	}
	.head_list{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: calc(100% - 80px);
	}
	.head_list a{
		display: inline-block;
		overflow: hidden;
		text-transform: uppercase;
		position: relative;
	}
	.head_list a span {
		display: block;
		text-shadow: 0 1.5em 0 currentColor;
		transition:  .4s;
	}
	.head_list a:hover span{
		transform: translateY(-1.5em);
	}

	@media screen and (max-width: 1099px) {
		.head_list{
			display: none;
		}
	}
	/* .page-order-house  .head_logo{
		transform: translate(50%, 30vh);
		width: 250px;
	}
	@media screen and (max-width: 1099px) {
		.page-order-house .head_logo{
			transform: translate(calc(50vw - 113px), 15vh);
			width: 200px;
		}
	} */
	.loading_area{
		width: 100vw;
		height: 100dvh;
		position: fixed;
		z-index: 5;
		background: var(--color01);
		transition: 0.4s linear 0.5s;
	}
	.loading_area.start{
		opacity: 0;
		visibility: hidden;
		pointer-events: none;

	}
/*END*/
/*----------------------------------------
	iframe中央配置
----------------------------------------*/

/*iframe比率維持*/
.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 50% 0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map{ z-index: 2; }/*chrome対策*/



/*----------------------------------------
	contents concept
----------------------------------------*/
/* ぱんくず */
.pan_nav{
	font-size: var(--text12);
	position: absolute;
    top: var(--h_height);
    width: 100%;
    left: 50%;
    translate: -50% 0;
    max-width: 1350px;
	padding: 0px min(3.5%, 30px);
	display: grid;
	row-gap: 1.5em;
}
.pan_nav li a{
	color: inherit;
}
/* 共通 */
.top_line{
	border-top: #000 1px solid;
}
.under_line{
	border-bottom: 1px solid #000;
}
.top_line_fff{
	border-top: #fff 1px solid;
}
.under_line_fff{
	border-bottom: 1px solid #fff;
}
.line_all_fff{
	border: 1px solid #fff;
}
.under_line_dots{
	background-image : linear-gradient(to right, #000 1px, transparent 2px);
	background-size: 7px 1px;
	background-repeat: repeat-x; 
	background-position: left bottom;
   	width: 95%;
	margin: 0 auto;
}
.text_white{
	color: #fff;
}
.text_black{
	color: #000;
}
.bg_white{
	background-color: #fff;
}
:root{
	--color01: #abb3b1;
	--color02: #4b4b4b;
	--color03: #919c99;
	--color04: #535353;
	--color05: #e2cc6c;
	--color06: #dcdcdc;
}
/* 頻出背景 */
.bg_color01{ 
	background-color: var(--color01);
	--bg_color: var(--color01);
}
.bg_color02{ 
	background-color: var(--color02);
	--bg_color: var(--color02);
}
.bg_color03{ 
	background-color: var(--color03);
	--bg_color: var(--color03);
}
.bg_color04{ 
	background-color: var(--color04);
	--bg_color: var(--color04);
}
.bg_color05{ 
	background-color: var(--color05);
	--bg_color: var(--color05);
}
.bg_color06{ 
	background-color: var(--color06);
	--bg_color: var(--color06);
}
/* 頻出文字色 */
.text_color01{color: var(--color01);}
.text_color02{color: var(--color02);}
.text_color03{color: var(--color03);}
.text_color04{color: var(--color04);}
.text_color05{color: var(--color05);}
.text_color06{color: var(--color06);}
.bg_img{
	background-image: var(--bg_img);
	background-size: contain;
}
/* btn */
.btn_link_normal{
	font-size: var(--text14);
	background-color: transparent;
	color: #fff;
	border: 1px solid;
	max-width: 300px;
	padding: 1.45em 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.btn_link_normal::after{
	content: "";
	aspect-ratio: var(--arrow_yoko);
	-webkit-mask: var(--arrow_right);
	mask:var(--arrow_right);
	background-color: currentColor;
	display: inline-block;
	width: 10px;
	display: inline-block;
}
.btn_link_normal::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 2px solid currentColor;
	z-index: -1;
	transform: scale(1.2 , 1.6);
	opacity: 0;
	/* transform-origin: 50% 70%; */
}
.btn_link_normal:hover::before {
	transform: scale(1);
	opacity: 1;
	transition: transform ease .6s, opacity .6s;
}
.btn_link_normal:hover{
	color: var(--color01);
	background-color: #fff;
}
/* catalog */
.btn_link_normal[data-btn_type="request"]{
	border-color: #fff;
	background-color: #fff;
	color: var(--color02);
	justify-content: flex-start;
	column-gap: 1em;
}
.btn_link_normal[data-btn_type="request"]::after{
	margin-left: auto;
}
.btn_link_normal[data-btn_type="request"]:hover{
	color: #fff;
	background-color: transparent;
}
.request_icon{
	display: inline-block;
	width: 30px;
	aspect-ratio: 30/24;
	background-color: currentColor;
	mask-image: var(--request_icon);
	-webkit-mask-image: var(--request_icon);
	mask-position: center;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

/* extra_link */
.btn_link_normal[data-btn_type="extra_link"]{
	justify-content: center;
	column-gap: 1em;
}
.btn_link_normal[data-btn_type="extra_link"]::after{
	aspect-ratio: 1;
	width: 18px;
	mask-image: var(--extra_link_icon);
	-webkit-mask-image: var(--extra_link_icon);
	mask-position: center;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}
/* official */
.btn_link_normal[data-btn_type="official"]{
	justify-content: center;
	border-color: #fff;
	font-size: var(--text20);
	padding: 1em;
}
.btn_link_normal[data-btn_type="official"]::after{
	display: none;
}
/* btn_link_company */
.btn_link_company{
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 0.5em;
	padding: 0.75em 0.5em;
}
/* btn_link_modelhouse */
.btn_link_modelhouse{
	width: 100%;
	max-width: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 0.5em;
	padding: 0.75em 0.5em;
}
.btn_link_arrow{
	display: grid;
	position: relative;
	width: 52px;
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
}
.btn_link_arrow[data-arrow_type="company"]{
	background-color: var(--color05);
}
.btn_link_arrow[data-arrow_type="modelhouse"]{
	background-color: currentColor;
}
.btn_link_arrow::after,
.btn_link_arrow::before{
	content: "";
	grid-area: 1/1;
	width: inherit;
	aspect-ratio: 1;
	mask-image: var(--drawer_icon);
	-webkit-mask-image: var(--drawer_icon);
	mask-position: center;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 20px;;
	-webkit-mask-size: 20px;
	background-color: #000;
}
.btn_link_arrow::after{
	translate: -100% 0;
}
a:hover .btn_link_arrow::after{
	translate: 0 0;
	transition: var(--transition_normal);
}
a:hover .btn_link_arrow::before{
	translate: 100% 0;
	transition: var(--transition_normal);
}
.link_none{
	/* display: block; */
	pointer-events: none;
}
a.link_none{
	opacity: 0.3;
}

/* hover_list */
.list_hover_effect:hover a:not(a:hover){
	filter: opacity(0.3);
}


/* grid,flex */
.flexbox,
.dis_flex{
	display: flex;
}
@media screen and (max-width: 599px) {
	.flexbox{
		flex-direction: column;
		row-gap: 30px;
	}
}
.flex_wrap{
	flex-wrap: wrap;
}
.al_center{
	align-items: center;
}
.al_end{
	align-items: flex-end;
}
.al_s_end{
	align-self: flex-end;
}
.jsc_sb{
	justify-content: space-between;
}
.jsc_center{
	justify-content: center;
}
.grid_two_auto,
.grid_two,
.grid_three,
.grid_four{
	display: grid;
	row-gap: 30px;
}
.grid_two_auto{
	grid-template-columns: repeat(2,auto);
	column-gap: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.grid_two{
	grid-template-columns: repeat(2,1fr);
	column-gap: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.grid_three{
	grid-template-columns: repeat(3,1fr);
	column-gap: calc(25 / var(--inner_frame_w,1040) * 100%);
}
.grid_four{
	grid-template-columns: repeat(4,1fr);
	column-gap: calc(30 / var(--inner_frame_w,1040) * 100%);
}

@media screen and (max-width: 599px) {
	.grid_two_auto,
	.grid_two,
	.grid_three{
		grid-template-columns: repeat(1,1fr);
	}
	.sp_grid_two,
	.grid_four{
		grid-template-columns: repeat(2,1fr);
	}
	.sp_grid_two.grid_two_auto{
		grid-template-columns: repeat(2,auto);
	}
}
.flex_two{
	display: flex;
	justify-content: space-between;
}
.reverse{
	flex-direction: row-reverse;
}
.flex_two > div{
	width: calc(500 / var(--inner_frame_w,1040) * 100%);
}
.c_gap_1{
	column-gap: 1%;
}
.c_gap_3{
	column-gap: 3%;
}
.c_gap_5{
	column-gap: 5%;
}
.c_gap_7{
	column-gap: 7%;
}
.c_gap_10{
	column-gap: 10%;
}
.row_gap_60{
	row-gap: 60px;
}
.row_gap_100{
	row-gap: 100px;
}
.gap_15{
	gap: 15px;
}
@media screen and (max-width: 599px) {
	.flex_two,
	.reverse{
		flex-direction: column;
		row-gap: 30px;
	}
	.flex_two > div{
		width: 100%;
	}
	.sp_dis_contents{
		display: contents;
	}
	.row_gap_100{
		row-gap: 50px;
	}
	.sp_row_gap_30{
		row-gap: 30px;
	}
	.sp_row_gap_0{
		row-gap: 0;
	}
	
}
.sp_archive_link_layout{
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}
@media screen and (max-width: 599px) {
	.sp_archive_link_layout{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.sp_archive_link_layout_text{
		width: 55%;
	}
	.sp_archive_link_layout_img{
		width: 42%;
	}
}

.flex_item680{
	width: calc(680 / var(--inner_frame_w,1040) * 100%);
}
.flex_item590{
	width: calc(590 / var(--inner_frame_w,1040) * 100%);
}
.flex_item580{
	width: calc(580 / var(--inner_frame_w,1040) * 100%);
}
.flex_item480{
	width: calc(480 / var(--inner_frame_w,1040) * 100%);
}
.flex_item430{
	width: calc(430 / var(--inner_frame_w,1040) * 100%);
}
.flex_item420{
	width: calc(420 / var(--inner_frame_w,1040) * 100%);
}
.flex_item410{
	width: calc(410 / var(--inner_frame_w,1040) * 100%);
}
.flex_item360{
	width: calc(360 / var(--inner_frame_w,1040) * 100%);
}
.flex_item350{
	width: calc(350 / var(--inner_frame_w,1040) * 100%);
}
.flex_item310{
	width: calc(310 / var(--inner_frame_w,1040) * 100%);
}
.flex_item500{
	width: calc(500 / var(--inner_frame_w,1040) * 100%);
}
.flex_item540{
	width: calc(540 / var(--inner_frame_w,1040) * 100%);
}
.flex_item545{
	width: calc(545 / var(--inner_frame_w,1040) * 100%);
}
@media screen and (max-width: 599px) {
	.flex_item680,
	.flex_item590,
	.flex_item580,
	.flex_item540,
	.flex_item545,
	.flex_item500,
	.flex_item480,
	.flex_item430,
	.flex_item420,
	.flex_item410,
	.flex_item360,
	.flex_item350,
	.flex_item310{
		width: 100%;
	}
}
.over_item_box850{
	width: calc(850 / 1350 * 100vw);
	max-width: 850px;
}
.over_item_box850[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.over_item_box745{
	width: calc(745 / 1350 * 100vw);
	max-width: 745px;
}
.over_item_box745[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.over_item_box700{
	width: calc(700 / 1350 * 100vw);
	max-width: 700px;
}
.over_item_box700[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.over_item_box655{
	width: calc(655 / 1350 * 100vw);
	max-width: 655px;
}
.over_item_box655[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.over_item_box650{
	width: calc(650 / 1350 * 100vw);
	max-width: 650px;
}
.over_item_box650[data-item_position="left"]{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
@media screen and (max-width: 599px) {
	.over_item_box850,
	.over_item_box850[data-item_position="left"],
	.over_item_box650,
	.over_item_box650[data-item_position="left"],
	.over_item_box745,
	.over_item_box745[data-item_position="left"],
	.over_item_box700,
	.over_item_box700[data-item_position="left"],
	.over_item_box655,
	.over_item_box655[data-item_position="left"]{
		width: 100%;
		margin-left: 0;
	}
}
.deco_img{
	width: calc(var(--deco_w) / var(--inner_frame_w,1040) * 100%);
}

.order-house_mv_swiper{
	height: 100dvh;
}
.order-house_mv_swiper img{
	height: 100dvh;
	object-fit: cover;
}
.top_mv_ttl{
	left: 45%;
	top: 37vh;
	z-index: 2;
	width: max-content;
}
@media screen and (max-width: 1099px) {
	.top_mv_ttl{
		left: 50%;
		translate: -50% calc(200px + 100%);
		top: 10vh;
		text-align: center;
	}
}
@media screen and (max-width: 599px) {
	.top_mv_ttl{
		translate: -50% calc(200px + 75%);
	}
}
.mv_frame{
	position: sticky;
	top: 0;
}
.mv_next_content::after{
	content: "";
	width: 100%;
	height: 30vh;
	max-height: 350px;
	background: linear-gradient(0deg,rgba(171, 179, 177, 1) 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	left: 0;
	bottom: 100%;
	z-index: 3;
}

.top_concept_img01 > img{
	width: calc(1240 / 1350 * 100vw);
	margin-left: clamp(-40px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , 0px);
}
@media screen and (max-width: 1349px) {
	.top_concept_img01 > img{
		margin-right: calc(50% - 50vw);
		margin-left: auto;
	}
}

.open_house{
	right: 0;
    top: 0;
    z-index: -1;
    translate: 25% -75%;
	width: 20%;
	max-width: 90px;
}
.top_lineup02{
	margin-left: 80px;
	margin-right: clamp(-80px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , 0px);
}
@media screen and (max-width: 1079px) {
	.top_lineup02{
		margin-left: 0;
		margin-right: 0;
	}
}
.top_lineup_copy{
	left: 0;
	top: 0;
	translate: 0 -15%;
	width: calc(223 / 504 * 100%);
}



@property --angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0deg;
}
@keyframes revolve {
  from { --angle: 0deg; }
  to { --angle: 360deg; }
}
.discover_box{
	display: grid;
	grid-template-columns: repeat(59,1fr);
	grid-template-rows: repeat(59,1fr);
	justify-content: space-between;
	aspect-ratio: 1;
	/* gap: 10px; */
}
.discover_item{
	grid-column: 18/42;
	grid-row: 18/42;
	/* --amplitude: 180px; */
	--amplitude: calc(180 / 230 * 100%);
	--x: calc(cos((var(--angle)) - var(--scroll_num,0deg)) * var(--amplitude));
	--y: calc(sin((var(--angle)) - var(--scroll_num,0deg)) * var(--amplitude));
	translate: var(--x) var(--y);
	/* animation: revolve 12s linear infinite var(--animation_d,0s); */
}
.top_spec_ttl_deco{
	top: 50%;
	right: 0;
	translate: 100% -65%;
	width: 50%;
	max-width: 130px;
}
/* animation */
@property --mask_linear01 {
	syntax: "<percentage>";
	initial-value: 40%;
	inherits: false;
}
@property --mask_linear02 {
	syntax: "<percentage>";
	initial-value: 60%;
	inherits: false;
}
@keyframes mask_anime{
	0%{
		--mask_linear01: 40%;
		--mask_linear02: 60%;
	}
	100%{
		--mask_linear01: -20%;
		--mask_linear02: 0%;
	}
}
.mask_scroll{
	mask-image: linear-gradient(335deg, transparent var(--mask_linear01), #000 var(--mask_linear02), #000);
    mask-position: 100% 0;
    mask-repeat: no-repeat;
    mask-size: 300% 100%;
	opacity: 0;
	transition: opacity 1.2s var(--transition_d,0s);
}
.anime_active .mask_scroll{
	animation: mask_anime 1.2s linear forwards calc(0.4s + var(--animation_d , 0s) ) ;
    opacity: 1;
}
.blur_in{
	filter: blur(15px);
	opacity: 0;
	transition: opacity 0.6s calc(0.4s + var(--transition_d , 0s) ) ,filter 1.2s calc(0.4s + var(--transition_d , 0s) );
}
.anime_active .blur_in{
	filter: blur(0px);
	opacity: 1;
}
.fade_in{
	opacity: 0;
	transition: opacity 1s calc(0.4s + var(--transition_d , 0s) );
}
.anime_active .fade_in{
	opacity: 1;
}
/* footer */
.foot_list_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width: 821px) {
	.foot_list_box{
		display: block;
		column-count: 2;
	}
}
.foot_list_box a{
	padding: 1em 0.5em;
	display: inline-block;
	line-height: 1.4;
	font-size: var(--text14);
}
.foot_l{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.foot_info_frame{
	display: grid;
	grid-template-columns: 1fr 280px;
	max-width: 1350px;
	padding-inline: 3.5%;
	margin-inline: auto;
}

@media screen and (max-width: 799px) {
	.foot_info_frame{
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
}
.foot_official_btn{
	max-width: 280px;
	width: 100%;
	color: #fff;
	padding: 1.5em 2em;
	border: solid #fff 1px;
	position: relative;
	margin-inline: auto;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
}
.foot_official_btn::after{
	content: "";
	width: 12px;
	aspect-ratio: 1/1;
	mask: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1140 1140"><path class="cls-1" d="m920,570h80v570H0V140h570v80H80v840h840v-490ZM710,0v80h293.43L491.16,592.27l56.57,56.57L1060,136.57v293.43h80V0h-430Z"/></svg>' ) center no-repeat;
	display: inline-block;
	background-color: currentColor;
}
.under_mv_bg{
	max-height: 950px;
	min-height: 750px;
	height: 65vh;
}
@media screen and (min-width: 1350px) {
	.under_mv_bg{
		height: 100vh;
	}
}

.under_mv_bg > img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
/* brand */
.brand_mv_ttl{
	top: 30%;
	left: 50%;
	translate: -50% -15%;
	width: calc(600 / 1350 * 100%);
	min-width: 320px;
	max-width: 600px;
}
@media screen and (max-width: 599px) {
	.brand_mv_ttl{
		top: 40%;
	}
}
.brand_intro_ttl_box{
	left: 50%;
	top: 0;
	translate: -50% -75%;
	width: calc(990 / 1080 * 100%);
}
.brand_intro_layout{
	display: flex;
	justify-content: space-between;
	margin-top: calc(180 / (var(--inner_frame_w,1040) * -1) * 100%);
}
.brand_intro_img01_frame{
	width: calc(200 / var(--inner_frame_w,1040) * 100%);
	margin-top: calc(300 / var(--inner_frame_w,1040) * 100%);
}
.brand_intro_img01_frame > .brand_intro_img01{
	margin-left: clamp(-35px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , 0px);
}
.brand_intro_img04_frame{
	width: calc(245 / var(--inner_frame_w,1040) * 100%);
}
.brand_intro_img04_frame > .brand_intro_img04{
	margin-right: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.brand_intro_text{
	margin-top: calc(180 / var(--inner_frame_w,1040) * 100%);
}


.brand_intro_img_layout{
	display: flex;
	justify-content: space-between;
	column-gap: 1.5em;
}
.brand_intro_img_l{
	width: calc(580 / var(--inner_frame_w,1040) * 100%);
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.brand_intro_img02{
	width: calc(300 / 580 * 100%);
	margin-left: auto;
}
.brand_intro_img03{
	width: calc(466 / 580 * 100%);
	margin-top: calc(60 / (580 * -1) * 100%);
}
.brand_intro_img05{
	width: calc(550 / var(--inner_frame_w,1040) * 100%);
	margin-right: clamp(-55px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -0px);
	margin-top: calc(100 / var(--inner_frame_w,1040) * 100%);
}
.brand_produce_img01{
	width: calc(1240 / 1350 * 100vw);
	margin-left: calc(50% - 50vw);
}
.brand_produce_text_p{
	padding-left: 10rem;
}
@media screen and (max-width: 599px) {
	.brand_produce_text_p{
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
}
.brand_produce_text_top{
	margin-top: -1.5em;
}


/* brand lineup */

.brand_lineup_intro_layout{
	display: flex;
	justify-content: space-between;
}
.brand_lineup_intro_layout_l{
	width: calc(380 / var(--inner_frame_w,1040) * 100%);
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
	margin-top: calc(30 / var(--inner_frame_w,1040) * 100%);
}
.brand_lineup_intro_layout_r{
	width: calc(350 / var(--inner_frame_w,1040) * 100%);
	margin-right: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.brand_lineup_intro_layout_c{
	align-self: flex-end;
}

.brand_lineup_intro_img01{
	width: calc( 264 / 380 * 100%);
	margin-left: auto;
	margin-bottom: calc(100 / 380 * 100%);
	margin-right: calc(15 / 380 * 100%);
}
.brand_lineup_intro_img02{
	width: calc( 214 / 380 * 100%);
	margin-left: auto;
}
.brand_lineup_intro_img03{
	width: calc( 182 / 380 * 100%);
	margin-top: calc(20 / (380 * -1) * 100%);
}


.brand_lineup_intro_img04{
	width: calc( 165 / 350 * 100%);
	margin-left: calc(115 / 350 * 100%);
	margin-bottom: calc(60 / 350 * 100%);
}
.brand_lineup_intro_img05{
	width: calc( 188 / 350 * 100%);
	margin-bottom: calc(125 / 350 * 100%);
}
.brand_lineup_intro_img06{
	width: calc( 280 / 350 * 100%);
	margin-left: auto;
}
.brand_lineup_copy01{
	left: 0;
	top: 0;
	translate: -35% -62%;
	width: calc(223 / 590 * 100%);
}
.brand_lineup_copy02{
	right: 0;
	top: 0;
	translate: 15% -60%;
	width: calc(196 / 590 * 100%);
}


/* full order */
.full_order_mv_img{
	width: calc(1240 / 1350 * 100vw);
	max-width: 1240px;
	margin-left: clamp(-100px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -0px);
}
.full_order_intro_text_box{
	margin-right: clamp(-60px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -0px);
}

.full_order_loop_box{
	min-width: 100vw;
	margin-left: calc(50% - 50vw);
	display: flex;
	width: max-content;
}
.full_order_loop_list{
	display: flex;
	column-gap: 40px;
	width: calc(2800 / 1350 * 100vw);
	max-width: 2800px;
	min-width: 2000px;
	padding-right: 40px;
	animation: loop 80s infinite linear 0.5s both;
}
@media screen and (max-width: 599px) {
	.full_order_loop_list{
		column-gap: 20px;
		padding-right: 20px;
	}
}
@keyframes  loop{
	from {
	transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

.full_order_loop_list a{
	display: inline-block;
}
.full_order_loop_list a:hover{
	translate: 0 -15%;
}
@media screen and (min-width: 600px) {
	.select_brand_mv_text{
		margin-left: max(-80px,calc(80 / 430 * -100%));
	}
}
/* company */
.company_mv_ttl{
	width: calc(600 / 1350 * 100%);
	min-width: 320px;
	max-width: 600px;
	margin-inline: auto;
}
.company_mv_frame{
	display: grid;
}
.company_mv_text_box,
.company_mv_img{
	grid-area: 1/1;
}
.company_mv_text_box{
	padding-top: var(--h_height);
	padding-inline: 3.5%;
}

.tag_box{
	display: flex;
}
.tag_box[data-tag_box_type="abs"]{
	left: 0;
	top: 0;
}
.tag_label{
	font-size: var(--text12);
	padding: 0.75em 0.5em;
	text-align: center;
}
.tag_label[data-tag_type="short"]{
	min-width: 60px;
}
.tag_label[data-tag_type="long"]{
	min-width: 80px;
}


.company_info_layout > div{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	row-gap: 0;
}

.company_service_img_layout{
	display: flex;
	justify-content: space-between;
}
.company_service_img_l{
	width: calc(410 / var(--inner_frame_w,1040) * 100%);
}
.company_service_img_r{
	width: calc(545  / var(--inner_frame_w,1040) * 100%);
}

.company_service_img01{
	width: calc(400 / 410 * 100%);
	margin-left: clamp(-100px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
	margin-top: calc(100 / 400 * 100%);
}
.company_service_img02{
	width: calc(229 / 410 * 100%);
	margin-left: auto;
	margin-top: calc(100 / 400 * -100%);
}
.company_service_img03{
	margin-right: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}

.company_outline{
	border-top: 1px solid;
}
.company_outline > div{
	display: grid;
	grid-template-columns: 25% 1fr;
	border-bottom: 1px solid;
}
.company_outline dt,
.company_outline dd{
	font-size: var(--text16);
	padding: 1.5em 2.5em;
	line-height: 1.6;
}
@media screen and (max-width: 599px) {
	.company_outline dt,
	.company_outline dd{
		font-size: var(--text16);
		padding: 1em 0.5em;
	}
}


.discover_loop_box{
	min-width: 100vw;
	margin-left: calc(50% - 50vw);
	display: flex;
	width: max-content;
}
.discover_loop_list{
	display: flex;
	column-gap: 40px;
	width: calc(3365 / 1350 * 100vw);
	max-width: 3365px;
	min-width: 2000px;
	padding-right: 40px;
	animation: loop 80s infinite linear 0.5s both;
}
@media screen and (max-width: 599px) {
	.discover_loop_list{
		column-gap: 20px;
		padding-right: 20px;
	}
}

.discover_loop_list a{
	display: inline-block;
}
.discover_loop_list a:hover{
	translate: 0 -15%;
}

@property --loop_delay {
	syntax: '<number>';
	inherits: false;
	initial-value: 0;
}
.discover_loop_list > li{
	--delay: calc(var(--loop_delay) + var(--index));
  	/** 0°から360°の間で角度を計算 */
  	--discover_angle: calc(360deg / 8 * var(--delay));
  	/** カーブの振れ幅を10pxにする */
  	--y: calc(sin(var(--discover_angle)) * 75px);
	translate: 0 var(--y);
	/* animation: discover_loop_delay 35s infinite linear calc(var(--index) * 0.5s) both; */
}
@media screen and (max-width: 599px) {
	.discover_loop_list > li{
	  	--y: calc(sin(var(--discover_angle)) * 35px);
	}
}
@keyframes discover_loop_delay{
	0%{
		--loop_delay: 0;
	}
	50%{
		--loop_delay: 12;
	}
	100%{
		--loop_delay: 0;
	}
}
.discover_life_style_img170{
	width: calc(170 / var(--inner_frame_w,1040) * 100%);
	height: fit-content;
}
.discover_life_style_img280{
	width: calc(280 / var(--inner_frame_w,1040) * 100%);
	height: fit-content;
}
.discover_life_style_img01_01{
	margin-bottom: calc(40 / var(--inner_frame_w,1040) * -100%);
	margin-top: auto;
}

.discover_life_style_img02_01{
	margin-top: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.discover_life_style_img03_02{
	margin-top: calc(40 / var(--inner_frame_w,1040) * 100%);
}
.discover_life_style_img04_02{
	margin-top: auto;
	margin-bottom: calc(40 / var(--inner_frame_w,1040) * -100%);
}
.discover_life_style_img05_01{
	margin-top: auto;
	margin-bottom: calc(40 / var(--inner_frame_w,1040) * -100%);
}
.discover_life_style_img06_02{
	margin-top: calc(40 / var(--inner_frame_w,1040) * 100%);
}

.archive_tag_container button[data-empty="true"]{
	display: none;
}
.archive_tag_container{
	display: flex;
	max-width: 950px;
	margin-inline: auto;
	flex-wrap: wrap;
	gap: 10px;
}
.archive_tag_container > li{
	display: contents;
}
.archive_tag{
	display: inline-block;
	background-color: transparent;
	border: none;
	padding: 0.5em 1.5em;
	cursor: pointer;
	color: #fff;
}
.archive_tag.selected{
	background-color: rgb(88 88 88 / 0.4);
	border-radius: 5px;
}
@media screen and (max-width: 599px) {
	.archive_tag_container{
		padding: 1em 0.5em;
	}
}
.modelhouse_name_en{
	left: 0;
	bottom: 0;
}

.modelhouse_point_layout > li{
	display: flex;
	justify-content: space-between;
}
.modelhouse_point_layout > li:nth-of-type(even){
	flex-direction: row-reverse;
}
.modelhouse_point_text{
	width: calc(565 / var(--inner_frame_w,1040) * 100%);
	height: fit-content;
}
.modelhouse_point_img{
	width: calc(680 / var(--inner_frame_w,1040) * 100%);
}
.modelhouse_point_layout > li:nth-of-type(even) .modelhouse_point_img{
	margin-right: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.modelhouse_point_layout > li:nth-of-type(odd) .modelhouse_point_img{
	margin-left: clamp(-155px, calc((100vw - (var(--inner_frame_w,1040) * 1px)) / -2) , -20px);
}
.modelhouse_point_layout > li:nth-of-type(even) .modelhouse_point_text{
	margin-right: calc(50 / var(--inner_frame_w,1040) * -100%);
}
.modelhouse_point_layout > li:nth-of-type(odd) .modelhouse_point_text{
	margin-left: calc(50 / var(--inner_frame_w,1040) * -100%);
}
@media screen and (max-width: 599px) {
	.modelhouse_point_layout > li,
	.modelhouse_point_layout > li:nth-of-type(even){
		flex-direction: column;
		row-gap: 10px;
	}
	.modelhouse_point_layout > li:nth-of-type(even) .modelhouse_point_img,
	.modelhouse_point_layout > li:nth-of-type(odd) .modelhouse_point_img,
	.modelhouse_point_layout > li:nth-of-type(even) .modelhouse_point_text,
	.modelhouse_point_layout > li:nth-of-type(odd) .modelhouse_point_text{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

.single_gallery_main_slider{
	width: 100vw;
	margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 1350px) {
	.single_gallery_main_slider{
		margin-left: 50%;
		transform: translateX(-50%);
	}
}
.single_gallery_main_slider .swiper-slide{
	width: 85%;
	max-width: 700px;
}
/* ルームツアー */
.youtube {
    position: relative;
    width: 100%;
	margin-inline: auto;
    aspect-ratio: 4/3;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.now_on_sale{
	right: 0;
	top: 0;
	translate: -15% -25%;
	width: calc(130 / 1040 * 100%);
    min-width: 90px;
}
.now_on_sale_lineup{
	width: calc(130 / 1040 * 100%);
    min-width: 90px;
	left: 0;
	top: 0;
	translate: -10% -35%;
}
.other_lineup_modelhouse_box{
	display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;;
}
@media screen and (max-width: 599px) {
	.other_lineup_modelhouse_box{
		grid-template-columns: repeat(2,1fr);
	}
	.other_lineup_modelhouse_text{
		grid-column: 1/3;
		grid-row: 1/2;
	}
	/* .other_lineup_modelhouse_img_l,
	.other_lineup_modelhouse_img_c{
		row-gap: 2/3;
	} */
}


/* quality */
.quality_intro_deco{
	right: 0;
	top: 0;
	width: calc(130 / 410 * 100%);
	min-width: 75px;
	translate: 10% -80%;
}
@media screen and (max-width: 599px) {
	.quality_intro_deco{
		translate: 25% -70%;
	}
}
.quality_intro_under_img{
	width: 100vw;
	margin-left: calc(50% - 50vw);
}
.quality_list > li:nth-of-type(even){
	margin-top: 30px;
}
/* .quality_list > li:not(:nth-of-type(1)){
	margin-top: 30px;
} */