@charset "UTF-8";

.top-gallery-wrap .main-01 { font-weight:100; font-family:"Poppins","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif,serif;}
.top-gallery-wrap .main-01 * { font-weight:100; font-family:"Poppins","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif,serif;}
.top-gallery-wrap .sub-01 { font-weight:300; font-family:"Poppins","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif,serif;}
.top-gallery-wrap .sub-01 * { font-weight:300; font-family:"Poppins","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif,serif;}
.global-menu.close { overflow:hidden; height:0;}
.global-menu.close nav { opacity:0;}
.global-menu.close .instagram,
.global-menu.close .facebook { opacity:0;}
.global-menu.close .copyright { opacity:0;}
.global-menu:not(.close) nav { transition:opacity 1000ms;}
.global-menu:not(.close) .instagram,
.global-menu:not(.close) .facebook { transition:opacity 1000ms;}
.global-menu:not(.close) .copyright { transition:opacity 400ms;}
.global-menu .logo-01 img { opacity:0; transition:opacity 1000ms;}
.global-menu .logo-01.a img { opacity:1;}
.top-content-wrap { z-index:1; width:100%; overflow:hidden; position:relative; margin-right:auto; margin-left:auto;}
.top-content-wrap>.copyright { position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.top-content-wrap>.copyright { width:86.0465vw; margin-right:auto; margin-left:auto; padding-bottom:25px; display:none;}
.opening-logo-01 { font-size:16px; opacity:0; overflow:hidden; left:0; top:0; width:0; position:fixed; transition:opacity 1000ms;}
.opening-logo-01.set { width:2.8125em; left:50%; top:50%; transform:translate(-50%, -50%);}
.opening-logo-01.active { opacity:1;}
.opening-logo-01 img { width:100%; float:left;}
.sp-logo-01 { display:none; z-index:1;}
.sp-logo-01 img { opacity:0; transition:opacity 1000ms;}
.sp-logo-01.a img { opacity:1;}
.top-gallery-wrap { width:748px; height:100vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); user-select:none;}
.top-gallery-wrap .item-01 { width:0; height:0; padding-top:68.7166%; z-index:2; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity:0;}
.top-gallery-wrap .item-01.a { opacity:1; transition:opacity 1000ms;}
.top-gallery-wrap .item-inner { font-size:100px; left:-1.87em; bottom:-0.08em; position:absolute;}
.top-gallery-wrap .main-01 { width:fit-content; line-height:1;}
.top-gallery-wrap .sub-01 { width:fit-content; display:block; font-size:20px; line-height:1.4; transform:translateY(50%);}
.top-gallery-wrap .top-gallery { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding-top:65.7754%; height:0; opacity:0;}
.top-gallery-wrap .top-gallery.a { opacity:1; transition:opacity 1500ms;}
.top-gallery-wrap .swiper-wrapper { width:100%; height:100%; position:absolute; left:0; top:0;}
.top-gallery-wrap .swiper-slide { display:flex; align-items:center; justify-content:center;}
.top-gallery-wrap .swiper-slide img { object-fit:cover; width:100%; height:100%;}

@media (min-width:900.1px) {
.top-content-wrap { min-height:700px; height:100vh;}
}

@media (max-width:1365px) {
.top-gallery-wrap { left:309px; transform:translate(0, -50%);}
}

@media (max-width:1100px) {
.top-gallery-wrap { left:28.0909%; width:68%;}
}

@media (max-width:900px) {
.top-gallery-wrap .sub-01 { font-size:18px;}
.top-gallery-wrap .item-inner { font-size:82px;}
body { min-width:100%;}
.top-content-wrap { min-height:100vh;}
body.sp .top-content-wrap { min-height:100dvh;}
.top-content-wrap>.copyright { display:block;}
.sp-logo-01 { display:block;}
.top-gallery-wrap { width:100%; padding-top:calc(85.5556% + 290px); height:auto; left:auto; top:auto; position:relative; transform:translate(0, 0);}
.top-gallery-wrap .item-01 { padding-top:65.7754%; top:156px; transform:translateY(0);}
.top-gallery-wrap .item-inner { transform:translateY(-17.2%); left:6.9767vw; bottom:auto;}
.top-gallery-wrap .sub-01 { transform:translateY(80%);}
.top-gallery-wrap .top-gallery { top:156px; transform:translateY(0);}
}

@media (max-width:500px) {
.top-gallery-wrap .sub-01 { font-size:18px;}
.top-gallery-wrap .item-inner { font-size:80px;}
}

@media (max-width:430px) {
.top-gallery-wrap { padding-top:calc(146.0465% + 30px);}
.top-gallery-wrap .item-01 { top:36.2791vw;}
.top-gallery-wrap .top-gallery { top:36.2791vw;}
}

@media (max-width:320px) {
.top-gallery-wrap .sub-01 { font-size:13px;}
.top-gallery-wrap .item-inner { font-size:60px;}
}

@media (min-width:900.1px) and (max-width:1100px) {
.top-gallery-wrap .sub-01 { font-size:calc(18px + (1vw - 9px) * 1);}
.top-gallery-wrap .item-inner { font-size:calc(82px + (1vw - 9px) * 9);}
}

@media (min-width:320.1px) and (max-width:430px) {
.top-gallery-wrap .sub-01 { font-size:calc(13px + (1vw - 3.2px) * 4.5455);}
.top-gallery-wrap .item-inner { font-size:calc(60px + (1vw - 3.2px) * 18.1818);}
}

@media (min-width:500.1px) and (max-width:900px) {
.top-gallery-wrap .sub-01 { font-size:calc(18px + (1vw - 5px) * 1.25);}
.top-gallery-wrap .item-inner { font-size:calc(80px + (1vw - 5px) * 5);}
}