@charset "UTF-8";
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}li{list-style:none}img{vertical-align:bottom;flex-shrink:0;margin:0;padding:0;line-height:1}ul{list-style-type:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
animation-name: onAutoFillStart;
transition: background-color 50ms ease-in-out 0;
background:#f2f2f2;
}
logo_topnput:-internal-autofill-selected {
background:#f2f2f2;
}
button, input, select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
border-radius: 0;
font: inherit;
outline:0;
}
textarea {resize:vertical}
button, input[type=button], input[type=submit], label, select {cursor:pointer}
select::-ms-expand {display:none}
form{
padding: 0;
margin: 0;
border: 0;
outline: 0;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
}
input[type=text] {vertical-align:center}
button, input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
outline:0;
}
input[type=submit] {-webkit-appearance: none;border-radius:0;}


a{
color: #1a1a1a;
text-decoration: none;
}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}



.pc_show{
display: none;
}

.sp_show{
display: inline-block;
}




body{
width: 100%;
text-align: left;
margin: 0 auto;
padding: 0;
background:#fff;
color: #1a1a1a;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
/*Shippori Mincho Regular　と　ヤクハン*/
font-family: YakuHanJPs, "shippori-mincho", sans-serif;
font-weight: 400;
font-style: normal;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


/*最終的な表示 mix-blend-mode: screen;*/
.text-mask-gradation{
position: relative;
z-index: 2;
width: auto;
display: inline-block;
color: rgba(255,255,255,0);

background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%);/*左から50%まで白、*/
background: -webkit-linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%);/*左から50%まで白、*/

will-change: background-image;
background-size: 200% 100%;/*200%*/
background-position-x: 100%;
background-clip: text;
-webkit-background-clip: text;

}

/*ずーっと表示されているグレーの文字*/
.text-mask-gradation::before{
content: attr(data-text);
position: absolute;
top:0;
left: 0;
z-index: -1;
color: #ccc;/*最初に表示する色*/
width: auto;
opacity: 0.5;
mix-blend-mode: screen;
}


/*背景*/
.body_bg{
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
height: 100lvh;
background: #000;
}



.wrapper{
position: relative;
z-index: 3;
background: #fff;
}


.font_shitei{
/*Shippori Mincho Regular*/
font-family: "shippori-mincho", sans-serif;
font-weight: 400;
font-style: normal;

/*Shippori Mincho Medium*/
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;

/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;
}


#other_sp{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
padding: 100px 0 0 0;
}

.other_sp .first{
position: relative;
z-index: 1;
width: 68vw;
margin: 0 4vw 0 28vw;
overflow: hidden;
}

.other_sp .first img{
width: 100%;
height: auto;
}

.other_sp .second{
position: relative;
z-index: 2;
width: 45vw;
margin: -10px 51vw 0 4vw;
overflow: hidden;
}

.other_sp .second img{
width: 100%;
height: auto;
}

.other_sp .third{
position: relative;
z-index: 1;
width: 45vw;
margin: -80px 8vw 0 47vw;
overflow: hidden;
}

.other_sp .third img{
width: 100%;
height: auto;
}




/*ファーストビュー　他にcssあり*/
#main_img{
position: relative;
width: 100%;
height: 100vh;
height: 100svh;
overflow: hidden;
background: #000;
}

#main_img .bg_photo{
position: absolute;
z-index: 1;
opacity: 1;
width: 100%;
height: 100vh;
height: 100svh;
}


#main_img #logo{
position: absolute;
z-index: 999;
top: 7vw;
left: 3.7vw;
opacity: 1;
}

#main_img #logo img{
width: 30vw;/*37.3vw*/
height: auto;
}

#main_img #logo02{
position: absolute;
z-index: 999;
top: 58vh;
left: 3.7vw;
opacity: 1;
}

#main_img #logo03{
position: absolute;
z-index: 999;
top: calc( 100vh - 32px - 15px );/*bottomにしないのはiPad対策*/
top: -webkit-calc( 100vh - 32px - 15px );
top: calc( 100svh - 32px - 15px );
top: -webkit-calc( 100svh - 32px - 15px );
left: 3.7vw;
opacity: 1;

font-size: 14px;
line-height: 1.4;
color: #fff;
/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


#main_img #logo04{
position: absolute;
z-index: 999;
top: calc( 100vh - 40px );/*bottomにしないのはiPad対策*/
top: -webkit-calc( 100vh - 40px );
top: calc( 100svh - 40px );/*bottomにしないのはiPad対策*/
top: -webkit-calc( 100svh - 40px );
left: auto;
right: 3.7vw;
opacity: 1;

font-size: 11px;
line-height: 1.5;
color: #fff;
/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.06em;
}

#main_img #logo05{
position: absolute;
z-index: 999;
top: 40px;
right: 40px;
opacity: 1;

font-size: 16px;
line-height: 1.5;
color: #fff;
/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.06em;
}







/*Processの8段階のナビ*/
.process_nav_sp{
position: fixed;
z-index: 4;
right: 7px;
margin: 0;
opacity: 0;

/*iPad対策*/
height: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;

display: flex;
justify-content: center;
align-items: center;

}

.process_nav_sp .process_nav_layout{
position: relative;
width: 15px;
}

.process_nav_sp ul{
width: 100vh;
position: relative;
display: block;
margin: 0;
padding: 0;
}

.process_nav_sp ul li{
position: relative;
z-index: 2;
margin: 0 0 25px 0;
padding: 0;
opacity: 0.45;
transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
}

.process_nav_sp ul li.selected{
opacity: 0.8;
transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
}



.process_nav_sp ul li .under_line {
position: absolute;
z-index: 1;
top: 0;
left: -3px;
width: 1px;
height: 100%;
background: none;
}

.process_nav_sp ul li .under_line .inner{
position: relative;
top:0;

height: 100%;
background: #fff;

transition: all 0.9s;
-webkit-transition: all 0.9s;
transform-origin: top left;
-webkit-transform-origin: top left;
transform: scale(1,0);
}


.process_nav_sp ul li.selected .under_line .inner{
top: auto;
bottom: 0;

transition: all 0.9s;
-webkit-transition: all 0.9s;
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s;

transform-origin: top left;
-webkit-transform-origin: top left;
transform: scale(1,1);
}







/*リードエリア　REGAL SLOW EFFECT*/
#sec01_item{
position: relative;
z-index: 2;
}

/*スクロール確認用*/
.for_scroll_100vh{
height: 100vh;
height: 100svh;
height: 100lvh;
width: 7px;
z-index: 1;
background: #fff;/*色*/
}

.for_scroll_110vh{
height: 110vh;
height: 110svh;
height: 110lvh;
width: 7px;
z-index: 1;
background: #fff;/*色*/
}


.kaku_section{
position: relative;
margin: 0;
padding: 0;
width: 100%;
transform-origin: center top;
transform: scaleY(calc(1 / 1.0));/* 1 / 1.0 だと止まる。1.1だと下にスペースがあく*/
}


.image-container{
position: sticky;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;
z-index: 1;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}

/*左の写真*/
.image-container .for_anima{
opacity: 0;
}
.image-container .layout01 img.photo_slow{
display: none;
position: absolute;
top: 0;
left: 0;

width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;

-o-object-fit: cover;
object-fit: cover;
}

#sec01_item .text_area{
position: absolute;
z-index: 99;
top: 0;
left: 6vw;

width: 88vw;
height: 100vh;
height: 100svh;
height: 100lvh;

display: flex;
justify-content: center;
align-items: center;
}

#sec01_item .text_area .text_area_layout{
width: auto;
height: auto;
text-align: left;
margin: 0;
padding: 0;
}

#sec01_item .text_area h2{
margin: 0 0 50px 0;
}

#sec01_item .text_area p{
margin: 0 0 20px 0;


/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);

color: #fff;
line-height: 2.0;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

/*右の写真１枚目*/
.bg_area01{
position: absolute;
z-index: 2;
top: 0;
right: 0;

width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;

overflow: hidden;
}

.bg_area01 .for_anima{
opacity: 0;
}


.bg_area01 .photo_area{
position: relative;
width: 110%;
height: 110vh;
height: 110svh;
height: 110lvh;
}

/*画像*/
.bg_area01 .photo_area img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

object-fit: cover;
-o-object-fit: cover;
-webkit-object-fit: cover;
}



/*右の写真２枚目*/
.bg_area02{
position: absolute;
z-index: 3;
top: 0;
right: 0;

width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;

overflow: hidden;
}

.bg_area02 .photo_area{
position: relative;
width: 110%;
height: 120vh;
height: 120svh;
height: 120lvh;
}

/*画像*/
.bg_area02 .photo_area img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
-webkit-object-fit: cover;
object-fit: cover;
}







/*Process PC*/
#trig01{
position: relative;
width: 100%;
margin: 0;
padding: 0 0 45px 0;
background: #1a1a1a;
}

#trig01 h2{
width: 100%;
padding: 70px 0 60px 0;
text-align: center;
margin: 0 auto;
}

.section01{
position: relative;
width:100%;
margin: 0;
}

.section01 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section01 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}

.section01 .niretu .photo_area img{
width: 100%;
height: 100%;

object-fit: cover;
-o-object-fit: cover;
-webkit-object-fit: cover;
}


.section01 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;
}

.section01 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section01 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section01 .niretu .text_area p{
margin: 0 0 0 0;
padding: 0;

/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}





#trig02{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
background: #1a1a1a;
}


.section02{
position: relative;
width:100%;
margin: 0;
}


.section02 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section02 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}

.section02 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section02 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;

text-align: left;
}

.section02 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section02 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section02 .niretu .text_area p{
margin: 0;
padding: 0;

/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}






#trig03{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
background: #212121;
}


.section03{
position: relative;
width:100%;
margin: 0;
}

.section03 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section03 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}

.section03 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section03 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;

text-align: left;
}

.section03 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section03 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section03 .niretu .text_area p{
margin: 0;
padding: 0;



/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}






#trig04{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
background: #212121;
}




.section04{
position: relative;
width:100%;
margin: 0;
}

.section04 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section04 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}

.section04 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section04 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;

text-align: left;
}

.section04 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section04 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section04 .niretu .text_area p{
margin: 0;
padding: 0;

/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}






#trig05{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
background: #292929;
}

.section05{
position: relative;
width:100%;
margin: 0;
padding: 0 0 0 0;
}

.section05 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section05 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}

.section05 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section05 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;

text-align: left;
}

.section05 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section05 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section05 .niretu .text_area p{
margin: 0;
padding: 0;


/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}





#trig06{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
background: #292929;
}




.section06{
position: relative;
width:100%;
margin: 0;
}

.section06 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section06 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}



.section06 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section06 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;

text-align: left;
}

.section06 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section06 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section06 .niretu .text_area p{
margin: 0 0 0 0;
padding: 0;

/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}








.for_bg04{
position: relative;
background: #303030;
}


#trig07{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}



.section07{
position: relative;
width:100%;
margin: 0;
}

.section07 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section07 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}

.section07 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section07 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;

text-align: left;
}

.section07 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section07 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section07 .niretu .text_area p{
margin: 0;
padding: 0;

/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}



#trig08{
position: relative;
width: 100%;
margin: 0;
padding: 0 0 0 0;
}


.section08{
width:100%;
margin: 0;
padding: 50px 0 50px 0;
}

.section08 .niretu{
width: calc( 100vw - 26px );
width: -webkit-calc( 100vw - 26px );
margin: 0;
padding: 0;
}

.section08 .niretu .photo_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 0 auto;
overflow: hidden;
}


.section08 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section08 .niretu .text_area{
width: calc( ( 100vw - 26px ) * 0.9 );
width: -webkit-calc( ( 100vw - 26px ) * 0.9 );
margin: 20px auto 0 auto;

text-align: left;
}

.section08 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section08 .niretu .text_area h3{
margin: 10px 0 20px 0;/*SP*/
}


.section08 .niretu .text_area p{
margin: 0 0 20px 0;
padding: 0;

/*FONT 375px計算*/
font-size: 13.5px;
font-size: 3.6vw;
font-size:clamp(12.5px, 3.6vw, 14.5px);
color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.01em;
}






/*Price*/
#trig09{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section09{
position: relative;
width:100%;
margin: 0;
padding: 120px 0 0 0;
}


.section09 h2{
margin: 0 auto 20px auto;
text-align: center;
}

.section09 h2 img{
width: 100%;
height: auto;
}

.section09 .eye_catch{
display: none;
margin: 20px auto;
width: 20px;
height: 1px;
background: #333;
}

.section09 p{
width: 92vw;
margin: 20px auto 20px auto;
text-align: left;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size:clamp(12px, 3.4666666vw, 14.0px);
line-height: 1.6666;
}

.section09 p.english_area{
margin: 15px 0 10px 0;

/*FONT 375px計算*/
font-size: 16px;
font-size: 4.2666666vw;
font-size:clamp(15px, 4.2666666vw, 17.0px);
line-height: 1.4;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}

.section09 .link_area{
position: relative;
}

.section09 .link_area::before{
content: "";
position: absolute;
z-index: 999;
bottom: 1px;
left: 0;
width: 100%;
height: 1px;
background: #333;
transform-origin: top left;
-webkit-transform-origin: top left;
transform: scaleX(1);
transition: -webkit-transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
transition: transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
}



.section09 .link_area:hover::before{
width: 100%;
transform-origin: top right;
transform: scaleX(0);
transition: -webkit-transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
transition: transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
}


.section09 p a{
opacity: 1;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}


.section09 p a:hover{
opacity: 0.6;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}




.section09 .niretu{
width: 92vw;
height: auto;
margin: 0 auto;
}


/*左のメイン画像*/
.section09 .niretu .photo_area01{
width: 92vw;
height: calc( 92vw / 1800 * 1476 );
height: -webkit-calc( 92vw / 1800 * 1476 );
margin: 0 0 10px 0;
background: url(/cms/images/brand/order-shoes/bespoke-2404/p09_01.jpg) no-repeat bottom left;
background-size: cover;
}

.section09 .niretu .photo_area01 img{
width: 100%;
height: auto;
}

/*右の画像2枚*/
.section09 .niretu .photo_area02{
width: 100%;
margin: 0 0 0 0;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*子要素を折り返しせず、1行に配置（wrapが複数行OK）*/
/*横並び・右から左*/
flex-direction: row-reverse;
}

.section09 .niretu .photo_area02 .photo01{
flex-basis: 68%;
height: calc( ( 29.44vw - 10px ) / 1000 * 1500 );
height: -webkit-calc( ( 29.44vw - 10px ) / 1000 * 1500 );
margin: 0 0 0 0;
background: url(/cms/images/brand/order-shoes/bespoke-2404/p09_02.jpg) no-repeat bottom left;
background-size: cover;
}

.section09 .niretu .photo_area02 .photo01 img{
display: none;
width: 100%;
height: auto;
}

.section09 .niretu .photo_area02 .photo02{
flex-basis: calc( 32% - 10px );
flex-basis: -webkit-calc( 32% - 10px );
height: calc( ( 29.44vw - 10px ) / 1000 * 1500 );
height: -webkit-calc( ( 29.44vw - 10px ) / 1000 * 1500 );
margin: 0 10px 0 0;
background: url(/cms/images/brand/order-shoes/bespoke-2404/p09_03.jpg) no-repeat bottom left;
background-size: cover;
}

.section09 .niretu .photo_area02 .photo02 img{
display: none;
width: 100%;
height: auto;
}





/*MAKE YOUR OWN PC*/
#trig10{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section10{
position: relative;
width:100%;
margin: 0;
padding: 120px 0 0 0;
}

.section10 .first_text{
margin: 0 0 40px 0;
}
.section10 .first_text h2{
margin: 0 auto;
text-align: center;
}

.section10 h2 img{
width: 100%;
height: auto;
}

.section10 .first_text p{
margin: 0 auto;
text-align: center;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size:clamp(12px, 3.4666666vw, 14.0px);
line-height: 1.6666;
}


.section10 .eye_catch{
margin: 20px auto;
width: 20px;
height: 1px;
background: #333;
}



.section10 .niretu{
width: 90vw;
margin: 0 auto;
}

.section10 .niretu .first_area{
width: 59vw;
margin: 0 0 70px 0;
}


.section10 .niretu .first_area .photo{
width: 100%;
overflow: hidden;
}

.section10 .niretu .first_area .photo img{
width: 100%;
height: auto;
}

.section10 .niretu h3{
text-align: left;
margin: 24px 0 10px 0;
padding: 0;

/*FONT 375px計算*/
font-size: 22px;
font-size: 5.8666666vw;
font-size:clamp(21px, 5.8666666vw, 23.0px);

line-height: 1.2;
color: #404040;

/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;


/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}


.nyoro_font{
position: relative;
top:2px;
/*Shippori Mincho Regular*/
font-family: "shippori-mincho", sans-serif !important;
font-weight: 400;
font-style: normal;
}

.section10 .niretu p{
text-align: left;
margin: 0 0 0 0;
padding: 0;

/*FONT 375px計算*/
font-size: 15px;
font-size: 4.0vw;
font-size:clamp(14px, 4.0vw, 16.0px);

line-height: 1.7;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}

.plus_font{
font-size: 21px;
}



.section10 .niretu .second_area{
width: 59vw;
margin: 0 0 70px 31vw;

}

.section10 .niretu .second_area .photo{
width: 100%;
overflow: hidden;
}

.section10 .niretu .second_area .photo img{
width: 100%;
height: auto;
}












/*RESERVATION PC*/
#trig11{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section11{
position: relative;
width:100%;
margin: 0;
padding: 30px 0 0 0;
}

.section11 h2{
width: 100%;
margin: 0 0 20px 0;
}

.section11 h2 img{
width: 100%;
height: auto;
}


.section11 .niretu{
width: 90vw;
margin: 0 auto;
}


.section11 .niretu .photo_area{
width: 100%;
margin: 0 0 0 0;
}
.section11 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section11 .niretu .text_area{
width: 100%;
margin: 20px 0 0 0;
}


.section11 .niretu .text_area p.gaiyou{
margin: 0 0 20px 0;
padding: 0;
text-align: left;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size:clamp(12px, 3.4666666vw, 14.0px);
line-height: 1.6666;
text-align: left;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.02em;
}

.section11 .niretu .text_area p.info{
margin: 0 0 0 0;
padding: 0;
text-align: left;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size:clamp(12px, 3.4666666vw, 14.0px);
line-height: 2.0;
text-align: left;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

.oyasumi{
font-size: 11px;
font-size: 2.9333333vw;
font-size:clamp(10px, 2.9333333vw, 12.0px);
line-height: 2.0;
text-align: left;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.08em;
}

/*地図ボタン*/
.map_btn{
position: relative;
width: 100%;
height: 65px;
line-height: 65px;
margin: 30px 0 0 0;
padding: 0;
text-align: center;
border: 1px solid #bbb;

font-size: 17px;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.03em;
}

.map_btn a{
position: absolute;
z-index: 3;
top:0;
left: 0;
width: 100%;
height: 100%;
}

.map_btn .text_area_map{
position: relative;
z-index: 2;
color: #1a1a1a;
transition: all 0.4s;
-webkit-transition: all 0.4s;
margin: 0;
}

/*
.map_btn:hover .text_area_map{
color: #fff;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
*/

.map_btn .bg{
position: absolute;
z-index: 1;
top:0;
left: 0;
width: 100%;
height: 100%;
background: #bbbbbb;
opacity: 0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}



/*バナーエリア*/
#trig12{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section12{
position: relative;
width:100%;
margin: 0;
padding: 120px 0 0 0;
}

.section12 h2{
margin: 0 0 30px 0;
}

.section12 h2 img{
width: 100%;
height: auto;
}

.section12 .bn01{
width: 90vw;
margin: 0 auto 50px auto;
}

.section12 .bn01 a{
display: block;
opacity: 1.0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section12 .bn01 a:hover{
opacity: 0.8;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}


.section12 .bn01 img{
width: 100%;
height: auto;
}

.section12 .bn01 .text_area{
margin: 20px 0 0 0;
/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size:clamp(12px, 3.4666666vw, 14.0px);
}


.section12 .bn02{
width: 90vw;
margin: 0 auto;
}


.section12 .bn02 a{
display: block;
opacity: 1.0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section12 .bn02 a:hover{
opacity: 0.8;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section12 .bn02 img{
width: 100%;
height: auto;
}

.section12 .bn02 .text_area{
margin: 20px 0 0 0;
line-height: 1.5;
/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size:clamp(12px, 3.4666666vw, 14.0px);
}







/*Worksエリア　スマホ*/
#trig13{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section13{
position: relative;
width:100%;
margin: 0;
padding: 120px 0 0 0;
}


.section13 h2{
margin: 0 0 30px 0;
}

.section13 h2 img{
width: 100%;
height: auto;
}



/*Swiper　スマホのみ*/
.swiper-wrapper .each_block{
width: auto;
margin: 0 0 40px 0;
padding: 0;
text-align: left;
}


.swiper-wrapper .each_block .photo_area{
width: 100%;
margin: 0 0 20px 0;
}
.swiper-wrapper .each_block .photo_area img{
width: 100%;
height: auto;
}


.swiper-wrapper .each_block .text_area dl{
width: 100%;
margin: 0 0 2px 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*子要素を折り返しせず、1行に配置（wrapが複数行OK）*/
/*天地上に揃える */
-webkit-align-items: flex-start;
align-items:flex-start;
}


.swiper-wrapper .each_block .text_area dl dt{
width: auto;
margin: 0 8px 0 0;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size:clamp(12px, 3.4666666vw, 14.0px);

line-height: 1.7;
color: #000;

/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;


/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

.swiper-wrapper .each_block .text_area dl dd{


/*FONT 375px計算*/
font-size: 12px;
font-size: 3.1999999vw;
font-size:clamp(11px, 3.1999999vw, 13.0px);
line-height: 1.4;
color: #333;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.08em;
}






/*ロゴ　フッター*/
#trig14{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section14{
position: relative;
width:100%;
margin: 0;
padding: 0;
}

.section14 .logo_area{
width: 32vw;
margin: 0 auto;
padding: 34vw 0 34vw 0;
}

.section14 .logo_area img{
width: 100%;
height: auto;
}

.section14 .logo_area a{
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.section14 .logo_area a:hover{
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section14 ul{
width: auto;
margin: 0 auto;
padding: 0;
}

.section14 ul li{
position: relative;
display: inline-block;
width: auto;
margin: 0;
padding: 0;


font-size: 13px;
line-height: 13px;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.07em;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;

}

.section14 ul li:hover{
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;

}

.section14 ul li:nth-child(2){
margin: 0 4px 0 4px;
}

.section14 ul li .icon{
position: relative;
top: -1px;
margin: 0 6px 0 0;
width: 13px;
height: 13px;
}

.section14 ul li .icon img{
width: 13px;
height: auto;
}

.section14 .copyright{
padding: 15px 0 10px 0;
text-align: center;

font-size: 9px;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}
















/*ページトップ*/
#pagetop{
position: fixed;
z-index: 999;
right: 20px;
bottom: 53px;
cursor: pointer;
width: 18px;
height: 15px;

opacity: 0;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}

#pagetop.selected{
opacity: 1;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}


#pagetop img{
width: 100%;
height: auto;
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

#pagetop img:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.5;
}

















/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
.pc_show{
display: inline-block;
}

.sp_show{
display: none;
}

a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}


.body_bg{
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
height: 100lvh;
background: #fff;
}


.wrapper{
position: relative;
z-index: 3;
background: #fff;
}


a{
color: #1a1a1a;
text-decoration: none;
}


/*リードエリア　FMJ SLOW EFFECT*/
#sec01_item{
position: relative;
z-index: 2;
}

/*スクロール確認用*/
.for_scroll_100vh{
height: 100vh;
height: 100svh;
height: 100lvh;
width: 7px;
z-index: 1;
background: #fff;/*色*/
}
.for_scroll_110vh{
height: 110vh;
height: 110svh;
height: 110lvh;
width: 7px;
z-index: 1;
background: #fff;/*色*/
}



.kaku_section{
position: relative;
margin: 0;
padding: 0;
width: 100%;
transform-origin: center top;
transform: scaleY(calc(1 / 1.0));/* 1 / 1.0 だと止まる。1.1だと下にスペースがあく*/
}




.image-container{
position: sticky;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;
z-index: 1;
margin: 0;
padding: 0;
background: #000;
}


/*左の写真*/
.image-container .layout01 img.photo_slow{
display: block;
position: absolute;
top: 0;
left: 0;

width: 100%;/*本当は50*/
height: 100vh;
height: 100svh;
height: 100lvh;

-o-object-fit: cover;
object-fit: cover;
}



#sec01_item .text_area{
position: absolute;
z-index: 99;
top: 0;
left: 0;

width: 50%;
height: 100vh;
height: 100svh;
height: 100lvh;

display: flex;
justify-content: center;
align-items: center;
}

#sec01_item .text_area .text_area_layout{
width: auto;
height: auto;
text-align: left;
margin: 0 0 0 0vw;
padding: 0;
}

#sec01_item .text_area h2{
margin: 0 0 50px 0;
}

#sec01_item .text_area p{
margin: 0 0 20px 0;
font-size: 16px;
color: #fff;
line-height: 2.0;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.01em;
}



/*右の写真１枚目*/
.bg_area01{
position: absolute;
z-index: 2;
top: 0;
right: 0;

width: 100%;/*本当は50*/
height: 100vh;
height: 100svh;
height: 100lvh;

overflow: hidden;
}


.bg_area01 .photo_area{
position: relative;
width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;
}

/*画像*/
.bg_area01 .photo_area img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

object-fit: cover;
-o-object-fit: cover;
-webkit-object-fit: cover;
}



/*右の写真２枚目*/
.bg_area02{
position: absolute;
z-index: 3;
top: 0;
right: 0;

width: 100%;/*本当は50*/
height: 100vh;
height: 100svh;
height: 100lvh;

overflow: hidden;
}

.bg_area02 .photo_area{
position: relative;
width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;
}

/*画像*/
.bg_area02 .photo_area img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
-webkit-object-fit: cover;
object-fit: cover;

object-position: center right;
-webkit-object-position: center right;
}




/*メインエリア------------------------------------------------------------------------------*/
#main_img{
position: relative;
z-index: 4;
width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;
overflow: hidden;
background: #000;
}

#main_img .bg_photo{
position: absolute;
z-index: 1;
opacity: 1;
width: 100%;
height: 100vh;
height: 100svh;
height: 100lvh;
/*
background: url(common/img/main_pc.jpg) no-repeat center center;
background-size: cover;
*/
}

#main_img #logo{
position: absolute;
z-index: 999;
top: 40px;
left: 60px;
opacity: 1;
}

#main_img #logo img{
width: auto;
height: auto;
}

#main_img #logo02{
position: absolute;
z-index: 999;
top: 54vh;
left: 60px;
opacity: 1;
}

#main_img #logo03{
position: absolute;
z-index: 999;
top: calc( 100svh - 55px );/*bottomにしないのはiPad対策*/
top: -webkit-calc( 100svh - 55px );
left: 60px;
opacity: 1;

font-size: 15px;
line-height: 1.5;
color: #fff;
/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.06em;
}


#main_img #logo04{
position: absolute;
z-index: 999;
top: calc( 100svh - 55px );/*bottomにしないのはiPad対策*/
top: -webkit-calc( 100svh - 55px );
right: auto;
left: 45vw;
opacity: 1;

font-size: 15px;
line-height: 1.5;
color: #fff;
/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.06em;
}

#main_img #logo05{
position: absolute;
z-index: 999;
top: 40px;
right: 40px;
opacity: 1;

font-size: 16px;
line-height: 1.5;
color: #fff;
/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.06em;
}







/*Processの8段階のナビ*/
.process_nav{
position: fixed;
z-index:3;
right: 24px;
margin: 0;
opacity: 0;

/*iPad対策*/
height: 100%;
height: 100lvh;

display: flex;
justify-content: center;
align-items: center;

user-select: none;
}

.about_title{
margin: 0 0 4px 0;
}



.process_nav ul{
position: relative;
display: block;
margin: 0;
padding: 0;
}


.process_nav ul li{
margin: 0;
padding: 0;

font-size: 11px;
color: #999;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;

user-select: none;

transition: all 0.8s;
-webkit-transition: all 0.8s;
}

.process_nav ul li a{
display: block;
color: #999;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}


/*選択*/
.process_nav ul li.selected{
color: #fff;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}

.process_nav ul li.selected a{
color: #fff;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}




.process_nav ul li .jp{
position: relative;
display: block;
margin: 4px 0 0 0;
font-size: 11px;
/*Shippori Mincho Medium*/
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
}



/*ライン*/
.nav_line{
width: 1px;
height: 28px;
background: #999;
margin: 10px 0 10px 10px;
}





/*Process PC*/
#trig01{
width: 100%;
margin: 0;
padding: 0 0 0 0;
background: #1a1a1a;
}


#trig01 h2{
width: 100%;
padding: 70px 0 0 0;
text-align: center;
margin: 0 auto;
}


.section01{
position: relative;
width:100%;
margin: 0;
}

.section01 .niretu{
position: relative;
width: 31%;
margin: 0 0 0 11%;
padding: 60px 0 0 0;/*この80pxはナビゲーションクリックしたら*/
}

.section01 .niretu .photo_area{
width: 100%;
margin: 0 0 0 0;
overflow: hidden;
}

.section01 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section01 .niretu .text_area{
width: 100%;
margin: 25px 0 0 0;
}

.section01 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section01 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section01 .niretu .text_area p{
margin: 0;
padding: 0;

/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}






#trig02{
width: 100%;
margin: 0;
padding: 0 0 0 0;
background: #1a1a1a;
}

.section02{
position: relative;
width:100%;
margin: 0;
padding: 0 0 50px 0;/*本当は60px*/
}

.section02 .niretu{
position: relative;
width: 31%;
margin: 0 0 0 11%;
padding: 60px 0 0 0;/*この80pxはナビゲーションクリックしたら*/
margin-left: 53%;
margin-top: calc( -1 * 31vw / 1000 * 1500 / 1 );
margin-top: calc( -1 * 31vw / 1000 * 1500 / 1 );
}

.section02 .niretu .photo_area{
width: 100%;
margin: 0 0 0 0;
overflow: hidden;
}

.section02 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section02 .niretu .text_area{
width: 100%;
margin: 25px 0 0 0;
}

.section02 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section02 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section02 .niretu .text_area p{
margin: 0;
padding: 0;


/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}






#trig03{
width: 100%;
margin: 0;
padding: 0 0 0 0;
background: #212121;
}


.section03{
position: relative;
width:100%;
margin: 0;
}


.section03 .niretu{
width:100%;
margin: 0;
padding: 60px 0 0 0;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*横並び・右から左*/
flex-direction: row-reverse;
}

.section03 .niretu .photo_area{
flex-basis: 31%;
margin: 0 180px 0 0;
overflow: hidden;
}

.section03 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section03 .niretu .text_area{
flex-basis: 370px;
text-align: left;
margin: 0 2% 0 0;
margin-left: calc( 100% - 370px - 180px - 31% - 2% );
margin-left: -webkit-calc( 100% - 370px - 180px - 31% - 2% );
}

.section03 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section03 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section03 .niretu .text_area p{
margin: 0 0 20px 0;
padding: 0;

/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}






#trig04{
width: 100%;
margin: 0;
padding: 0 0 0 0;
background: #212121;
}


.section04{
position: relative;
width:100%;
margin: 0;
}

.section04 .niretu{
position: relative;
width:100%;
margin: -260px 0 0 0;/*マイナス*/
margin-top: calc( -1 * 31vw / 1000 * 1500 / 2 * 1.1 );
margin-top: -webkit-calc( -1 * 31vw / 1000 * 1500 / 2 * 1.1 );
padding: 40px 0 60px 0;/*この40pxはナビゲーションクリックしたら*/

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;

/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;
}

.section04 .niretu .photo_area{
flex-basis: 31%;
margin: 0 2% 0 4%;
overflow: hidden;
}

.section04 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section04 .niretu .text_area{
flex-basis: calc( 100% - 6% - 31% - 180px );
flex-basis: -webkit-calc( 100% - 6% - 31% - 180px );
text-align: left;
margin: 0 180px 0 0;
}

.section04 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section04 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section04 .niretu .text_area p{
margin: 0;
padding: 0;

max-width: 370px;

/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}






#trig05{
width: 100%;
margin: 0;
padding: 0 0 0 0;
background: #292929;
}




.section05{
position: relative;
width:100%;
margin: 0;
}

.section05 .niretu{
position: relative;
width: 31%;
margin: 0 0 0 11%;
padding: 60px 0 0 0;/*この80pxはナビゲーションクリックしたら*/
}

.section05 .niretu .photo_area{
width: 100%;
margin: 0 0 0 0;
overflow: hidden;
}

.section05 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section05 .niretu .text_area{
width: 100%;
margin: 25px 0 0 0;
}

.section05 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section05 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section05 .niretu .text_area p{
margin: 0;
padding: 0;

/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}






#trig06{
width: 100%;
margin: 0;
padding: 0 0 0 0;
background: #292929;
}

.section06{
position: relative;
width:100%;
margin: 0;
padding: 0 0 50px 0;/*本当は60px*/
}

.section06 .niretu{
position: relative;
width: 31%;
margin: 0 0 0 11%;
padding: 60px 0 0 0;/*この80pxはナビゲーションクリックしたら*/
margin-left: 53%;
margin-top: calc( -1 * 31vw / 1000 * 1500 / 1 );
margin-top: calc( -1 * 31vw / 1000 * 1500 / 1 );
}

.section06 .niretu .photo_area{
width: 100%;
margin: 0 0 0 0;
overflow: hidden;
}

.section06 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section06 .niretu .text_area{
width: 100%;
margin: 25px 0 0 0;
}

.section06 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section06 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section06 .niretu .text_area p{
margin: 0;
padding: 0;


/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}



.for_bg04{
position: relative;
background: #303030;
}

#trig07{
width: 100%;
margin: 0;
padding: 0 0 0 0;
}




.section07{
position: relative;
width:100%;
margin: 0;
}

.section07 .niretu{
width:100%;
margin: 0;
padding: 60px 0 0 0;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*横並び・右から左*/
flex-direction: row-reverse;
}

.section07 .niretu .photo_area{
flex-basis: 31%;
margin: 0 180px 0 0;
overflow: hidden;
}



.section07 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section07 .niretu .text_area{
flex-basis: 370px;
text-align: left;
margin: 0 2% 0 0;
margin-left: calc( 100% - 370px - 180px - 31% - 2% );
margin-left: -webkit-calc( 100% - 370px - 180px - 31% - 2% );
}

.section07 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section07 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section07 .niretu .text_area p{
margin: 0 0 20px 0;
padding: 0;

/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}








#trig08{
position: relative;
z-index: 1;
width: 100%;
margin: 0;
padding: 0;
}



.section08{
position: relative;
width:100%;
margin: 0;
padding: 0 0 0 0;
}

.section08 .niretu{
position: relative;
width:100%;
margin: -260px 0 0 0;/*マイナス*/
margin-top: calc( -1 * 31vw / 1000 * 1500 / 2 * 1.1 );
margin-top: -webkit-calc( -1 * 31vw / 1000 * 1500 / 2 * 1.1 );
padding: 40px 0 60px 0;/*この40pxはナビゲーションクリックしたら*/

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;

/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;
}

.section08 .niretu .photo_area{
flex-basis: 31%;
margin: 0 2% 0 4%;
overflow: hidden;
}

.section08 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section08 .niretu .text_area{
flex-basis: calc( 100% - 6% - 31% - 180px );
flex-basis: -webkit-calc( 100% - 6% - 31% - 180px );
text-align: left;
margin: 0 180px 0 0;
}

.section08 .niretu .text_area .number{
font-size: 11px;
color: #fff;

font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}


.section08 .niretu .text_area h3{
margin: 10px 0 30px 0;
}


.section08 .niretu .text_area p{
margin: 0;
padding: 0;
max-width: 370px;

/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);

color: #fff;
line-height: 1.666666;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}










/*Price PC*/
#trig09{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section09{
position: relative;
width:100%;
margin: 0;
padding: 120px 0 0 0;
}


.section09 h2{
margin: 0 auto;
text-align: center;
}
.section09 h2 img{
width: auto;
height: auto;
}

.section09 .eye_catch{
display: block;
margin: 20px auto;
width: 20px;
height: 1px;
background: #333;
}

.section09 p{
width: auto;
margin: 0 auto;
text-align: center;

/*FONT 1400px計算*/
font-size: 15px;
font-size: 1.071428571vw;
font-size:clamp(15px, 1.071428571vw, 16.0px);
line-height: 1.6666;
}

.section09 p.english_area{
margin: 20px 0 30px 0;
font-size: 18px;
line-height: 1.8;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}



.section09 .link_area{
position: relative;
}

.section09 .link_area::before{
content: "";
position: absolute;
z-index: 999;
bottom: 0px;
left: 0;
width: 100%;
height: 1px;
background: #333;
transform-origin: top left;
-webkit-transform-origin: top left;
transform: scaleX(1);
transition: -webkit-transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
transition: transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
}



.section09 .link_area:hover::before{
width: 100%;
transform-origin: top right;
transform: scaleX(0);
transition: -webkit-transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
transition: transform 1.0s cubic-bezier(.19, 1, .22, 1) .0s;
}


.section09 p a{
opacity: 1;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}


.section09 p a:hover{
opacity: 0.6;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}


.section09 .niretu{
width: 92vw;
height: auto;
margin: 0 auto;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*子要素を折り返しせず、1行に配置（wrapが複数行OK）*/
}


/*左のメイン画像*/
.section09 .niretu .photo_area01{
flex-basis: calc( 68vw - 10px );
flex-basis: -webkit-calc( 68vw - 10px );
height: auto;
margin: 0 10px 0 0;
background: url(/cms/images/brand/order-shoes/bespoke-2404/p09_01.jpg) no-repeat bottom left;
background-size: cover;
}

.section09 .niretu .photo_area01 img{
width: 100%;
height: auto;
}

/*右の画像2枚*/
.section09 .niretu .photo_area02{
display: block;
flex-basis: calc( 24vw - 10px );
margin: 0 0 0 10px;
}

.section09 .niretu .photo_area02 .photo01{
width: 100%;
height: calc( ( 24vw - 10px ) / 1500 * 1000 );
height: -webkit-calc( ( 24vw - 10px ) / 1500 * 1000 );
background: none;
}

.section09 .niretu .photo_area02 .photo01 img{
display: block;
width: 100%;
height: auto;
}

.section09 .niretu .photo_area02 .photo02{
width: 100%;
height: calc( ( 24vw - 10px ) / 1000 * 1500 );
height: -webkit-calc( ( 24vw - 10px ) / 1000 * 1500 );
margin: 20px 0 0 0;
background: none;
}

.section09 .niretu .photo_area02 .photo02 img{
display: block;
width: 100%;
height: auto;
}





/*MAKE YOUR OWN PC*/
#trig10{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section10{
position: relative;
width:100%;
margin: 0;
padding: 150px 0 0 0;
}

.section10 .first_text{
margin: 0 0 80px 0;
}
.section10 .first_text h2{
margin: 0 auto;
text-align: center;
}

.section10 h2 img{
width: auto;
height: auto;
}

.section10 .first_text p{
margin: 0 auto;
text-align: center;

/*FONT 1400px計算*/
font-size: 15px;
font-size: 1.071428571vw;
font-size:clamp(15px, 1.071428571vw, 16.0px);
line-height: 1.6666;
}


.section10 .eye_catch{
margin: 20px auto;
width: 20px;
height: 1px;
background: #333;
}



.section10 .niretu{
width: 74vw;
margin: 0 auto;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*子要素を折り返しせず、1行に配置（wrapが複数行OK）*/
}

.section10 .niretu .first_area{
flex-basis: 29vw;
margin: 0 16vw 0 0;
}

.section10 .niretu .first_area .photo{
width: 100%;
overflow: hidden;
}

.section10 .niretu .first_area .photo img{
width: 100%;
height: auto;
}

.section10 .niretu h3{
text-align: left;
margin: 24px 0 13px 0;
padding: 0;
font-size: 26px;
line-height: 1.2;
color: #404040;

/*Garamond Premier Pro Light Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;


/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}


.section10 .niretu p{
text-align: left;
margin: 0 0 0 0;
padding: 0;
font-size: 17px;
line-height: 1.8;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}

.plus_font{
font-size: 22px;
}


.section10 .niretu .second_area{
flex-basis: 29vw;
margin: 0 0 0 0;
margin-top: calc( 29vw / 1000 * 1500 * 0.42 );
margin-top: -webkit-calc( 29vw / 1000 * 1500 * 0.42 );
}

.section10 .niretu .second_area .photo{
width: 100%;
overflow: hidden;
}

.section10 .niretu .second_area .photo img{
width: 100%;
height: auto;
}












/*RESERVATION PC*/
#trig11{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section11{
position: relative;
width:100%;
margin: 0;
padding: 150px 0 0 0;
}

.section11 h2{
margin: 0 0 50px 0;
}

.section11 h2 img{
width: auto;
height: auto;
}


.section11 .niretu{
width: 980px;
margin: 0 auto;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*子要素を折り返しせず、1行に配置（wrapが複数行OK）*/

/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}


.section11 .niretu .photo_area{
flex-basis: 360px;
margin: 0 35px 0 0;
}
.section11 .niretu .photo_area img{
width: 100%;
height: auto;
}


.section11 .niretu .text_area{
flex-basis: 585px;
margin: 0;
}


.section11 .niretu .text_area p.gaiyou{
margin: 0 0 20px 0;
padding: 0;
text-align: left;

font-size: 14px;
line-height: 1.6666;
text-align: left;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.02em;
}

.section11 .niretu .text_area p.info{
margin: 0 0 0 0;
padding: 0;
text-align: left;

font-size: 14px;
line-height: 2.0;
text-align: left;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


.oyasumi{
font-size: 14px;
line-height: 2.0;
text-align: left;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

/*地図ボタン*/
.map_btn{
position: relative;
width: 440px;
height: 70px;
line-height: 70px;
margin: 30px 0 0 0;
padding: 0;
text-align: center;
border: 1px solid #bbb;

font-size: 22px;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.03em;
}

.map_btn a{
position: absolute;
z-index: 3;
top:0;
left: 0;
width: 100%;
height: 100%;
}

.map_btn .text_area_map{
position: relative;
z-index: 2;
color: #1a1a1a;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}

.map_btn:hover .text_area_map{
color: #fff;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}

.map_btn .bg{
position: absolute;
z-index: 1;
top:0;
left: 0;
width: 100%;
height: 100%;
background: #bbbbbb;
opacity: 0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.map_btn:hover .bg{
opacity: 1;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}






/*バナーエリア PC*/
#trig12{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section12{
position: relative;
width:100%;
margin: 0;
padding: 70px 0 0 0;
}
.section12 h2{
margin: 0 0 50px 0;
}

.section12 h2 img{
width: auto;
height: auto;
}


.section12 .bn01{
width: 700px;
margin: 0 auto 50px auto;
}

.section12 .bn01 a{
display: block;
opacity: 1.0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section12 .bn01 a:hover{
opacity: 0.8;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}


.section12 .bn01 img{
width: 100%;
height: auto;
}

.section12 .bn01 .text_area{
margin: 20px 0 0 0;
font-size: 14px;
}


.section12 .bn02{
width: 700px;
margin: 0 auto;
}


.section12 .bn02 a{
display: block;
opacity: 1.0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section12 .bn02 a:hover{
opacity: 0.8;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section12 .bn02 img{
width: 100%;
height: auto;
}

.section12 .bn02 .text_area{
margin: 20px 0 0 0;
font-size: 14px;
line-height: 1.5;
}







/*Worksエリア PC*/
#trig13{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section13{
position: relative;
width:100%;
margin: 0;
padding: 150px 0 0 0;
}


.section13 h2{
margin: 0 0 50px 0;
}

.section13 h2 img{
width: auto;
height: auto;
}



.swiper-wrapper{
width: 1120px;
margin: 0 auto;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;/*子要素を折り返し 複数行*/
}

.swiper-wrapper .each_block{
flex-basis: 310px;
margin: 0 0 70px 0;
padding: 0;
text-align: left;
}

.swiper-wrapper .each_block:nth-of-type(3n+2){
margin: 0 95px 70px 95px;
padding: 0;
}



.swiper-wrapper .each_block .photo_area{
width: 100%;
margin: 0 0 15px 0;
}
.swiper-wrapper .each_block .photo_area img{
width: 100%;
height: auto;
}


.swiper-wrapper .each_block .text_area dl{
width: 100%;
margin: 0 0 4px 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
/*子要素を折り返しせず、1行に配置（wrapが複数行OK）*/
}


.swiper-wrapper .each_block .text_area dl dt{
width: auto;
margin: 0 8px 0 0;

/*FONT 1400px計算*/
font-size: 15px;
font-size: 1.071428571vw;
font-size:clamp(15px, 1.071428571vw, 16.0px);
line-height: 1.4;
color: #000;

/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;


/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

.swiper-wrapper .each_block .text_area dl dd{
/*FONT 1400px計算*/
font-size: 14px;
font-size: 1.0vw;
font-size:clamp(14px, 1.0vw, 15.0px);
line-height: 1.4;
color: #333;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: -0.08em;
}








/*ロゴ フッター　PC*/
#trig14{
position: relative;
z-index: 5;
width: 100%;
text-align: center;
background: #fff;
}


.section14{
position: relative;
width:100%;
margin: 0;
padding: 0;
}

.section14 .logo_area{
width: 180px;
margin: 0 auto;
padding: 100px 0 100px 0;
}

.section14 .logo_area a{
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.section14 .logo_area a:hover{
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.section14 ul{
width: auto;
margin: 0 auto;
padding: 0;
}

.section14 ul li{
position: relative;
display: inline-block;
width: auto;
margin: 0;
padding: 0;


font-size: 18px;
line-height: 18px;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.07em;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;

}

.section14 ul li:hover{
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;

}

.section14 ul li:nth-child(2){
margin: 0 11px 0 11px;
}

.section14 ul li .icon{
position: relative;
top: -2px;
margin: 0 6px 0 0;
width: 17px;
height: 17px;
}

.section14 ul li .icon img{
width: 17px;
height: auto;
}

.section14 .copyright{
padding: 20px 0 20px 0;
text-align: center;

font-size: 11px;
/*Garamond Premier Pro Display*/
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: normal;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.04em;
}







/*ページトップ*/
#pagetop{
position: fixed;
z-index: 999;
right: 30px;
bottom: 30px;
cursor: pointer;
width: 30px;
height: 15px;

opacity: 0;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}

#pagetop.selected{
opacity: 1;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
}


#pagetop img{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

#pagetop img:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.5;
}





}/*768px PC・タブレット終了*/






















/**/