@charset "UTF-8";
/*
 *
 *
 *【 URBAN RESEARCH　ORIGINAL EFFECT 】
 * BY URBAN RESEARCH Co., Ltd. / FMJ.Inc.
 * ©FMJ.Inc.All rights Reserved.
 * ©URBAN RESEARCH Co., Ltd.All rights Reserved.
 * 2022.11.15update
 * 許可なく無断転載、改変、転用等は法律により罰せられます。
 * OUCKPAST
 *
*/

@media screen and (max-width: 767px) {
/*FMJ ORIGINAL SLOW EFFECT - DELETE PAST*/
.kaku_section{
position: relative;
margin: 0;
padding: 0;
width: 100%;
transform-origin: center top;
transform: scaleY(calc(1 / 1.1));/* 1 / 1 だと止まる。1.1だと下にスペースがあく*/
}

/*スクロール確認用*/
.for_scroll_100vh{
height: 100vh;
background: none;/*色*/
width: 7px;
z-index: 500;
}

.for_scroll_120vh{
height: 43vh;
background: none;/*色*/
width: 7px;
z-index: 500;
}


/*IEハック*/
@media all and (-ms-high-contrast: none) {
/* ここに書く */
.for_scroll_100vh{
display: none;
}
.for_scroll_120vh{
display: none;
}
.kaku_section{
transform: scaleY(calc(1 / 1.0));/* 1 / 1 だと止まる。1.1だと下にスペースがあく*/
margin: 0 0 120px 0;
}

#sec02 {
margin-top: 120px !important;
}

.for_ie{
display: block !important;
}

}


/*FMJ SLOW EFFECT*/
.image-container{
position: sticky;
top: 0;
width: 100vw;
/*
height: calc(100vw / 1380 * 920);
height: -webkit-calc(100vw / 1380 * 920);
*/
height: 123vh;/*この20vh分スペースが自動で下にできる。*/
z-index: -2;
margin: 0;
padding: 0;
}


/*01*/
.image-container .layout01 img.photo_slow{
display: block;
position: absolute;
top: 3vh;
height: 94vh;
width: calc( 94vh / 1500 * 1000);
width: -webkit-calc( 94vh / 1500 * 1000);

left: calc(( 100vw - 94vh / 1500 * 1000 ) / 2);
left: -webkit-calc(( 100vw - 94vh / 1500 * 1000 ) / 2);

-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: contain;'; /*IE対策（object-fit-images　外部jsと一緒に使う）*/
}


/*02*/
.image-container .layout02 img.photo_slow{
display: block;
position: absolute;
top: 0;
left: 0;
height: 123vh;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: contain;'; /*IE対策（object-fit-images　外部jsと一緒に使う）*/
}




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

.image_container_100vh{
position: sticky;
top: 0;
width: 100vw;
height: 100vh;
z-index: -2;
margin: 0;
padding: 0;
}






/* URBAN RESEARCH ORIGINAL TEXTPATH
DELETE PAST-----------------------------------------------------------------------*/
#sec03 .text_animation_layout{
position: absolute;
z-index: 20;
top: calc(92vw / 900 * 1350 - 130px);
top: -webkit-calc(92vw / 900 * 1350 - 130px);
width: 100%;
height: 100px;
}


#sec03 .text_animation{
position: absolute;
bottom: 0;
margin: 0;
transform: rotate(0deg);
width: 892px;
left: -50px;
overflow-x: visible;
overflow-y: visible;
user-select: none;
-webkit-user-select: none;
}

#basic_svg00{
width: 100%;
height: 100%;
overflow: visible;

/*StilsonDisplay Regular*/
font-family: stilson-display,serif;
font-weight: 400;
font-style: normal;

font-size: 39.4px;
letter-spacing: 0.0em;
/*フォント約物すべて、詰める*/
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
stroke-linejoin: round;
}


/*クロム調整*/
/* chrome opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
#basic_svg00{
/*font-size: 39.4px;*/
font-size: 24px;
letter-spacing: 0.0em;
}
}


/*URBAN RESEARCH ORIGINAL TEXTPATH
DELETE PAST-----------------------------------------------------------------------*/
#sec06 .text_animation_layout{
position: absolute;
z-index: 99;
bottom: 30px;
width: 100%;
height: 100px;
overflow: hidden;
}

#sec06 .text_animation{
position: absolute;
bottom: 0;
margin: 0;
transform: rotate(0deg);
width: 892px;
left: -50px;
overflow-x: visible;
overflow-y: visible;
user-select: none;
-webkit-user-select: none;
}

#basic_svg01{
width: 100%;
height: 100%;
overflow: visible;

/*StilsonDisplay Regular*/
font-family: stilson-display,serif;
font-weight: 400;
font-style: normal;

font-size: 39.4px;
letter-spacing: 0.0em;
/*フォント約物すべて、詰める*/
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
stroke-linejoin: round;
}


/*クロム調整*/
/* chrome opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
#basic_svg01{
font-size: 39.4px;
letter-spacing: 0.0em;
}
}





/*
* Copyright
* 2022) FMJ inc. All rights Reserved
 * 許可なく無断転載、改変、転用等は法律により罰せられます。
* OUCKPAST
*/

.fmj-text{
position: relative;
display: inline-block;
transition: all 1.9s ease;
-webkit-transition: all 1.9s ease;
}


.fmj-text-slow{
position: relative;
display: inline-block;
transition: all 2.5s ease;
-webkit-transition: all 2.5s ease;
}

/*左から右---------------------------------------------*/
.fmj-text.left {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}

.fmj-text.left.scrollin{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}

.fmj-text.reveal.left{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}



/*斜め---------------------------------------------*/
.fmj-text.skew{
-webkit-fmj-path: polygon(0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0);
}

.fmj-text.skew.scrollin{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}

.fmj-text.reveal.skew{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}


/*斜めSLOW---------------------------------------------*/
.fmj-text-slow.skew{
-webkit-fmj-path: polygon(0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0);
}

.fmj-text-slow.skew.scrollin{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}

.fmj-text-slow.reveal.skew{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}


/*下から
---------------------------------------------*/

.fmj-text.from_bottom{
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0);
}

.fmj-text.from_bottom.scrollin{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}






/*Delay-------------------------------*/
.delay01{
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}

.delay02{
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

.delay03{
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}

.delay04{
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}

.delay05{
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.delay06{
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}

.delay07{
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}

.delay08{
transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
}

.delay09{
transition-delay: 0.9s;
-webkit-transition-delay: 0.9s;
}

.delay10{
transition-delay: 1.0s;
-webkit-transition-delay: 1.0s;
}

.delay11{
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s;
}

.delay12{
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
}
/*Delay-------------------------------*/
}