#.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 1);
	z-index: 9999;
	display: none;
}

#fullpage {
	position: relative;
	width: 100% !important;
	transform: none !important;
    background:#000;
}

#fullpage .fp-section {
	width: 100% !important;
	height: 100vh;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 0;
    filter: blur(16px) brightness(150%);
	transition: all 1.5s ease-in-out;
}
#fullpage .fp-section.fadeIn {
	visibility: visible;
	opacity: 1;
	z-index: 1;
    filter: blur(0px) brightness(100%) ;
}

#fullpage .movie_wrapp1 {background:#000;
}
#fullpage .movie_wrapp2 {background:#000;
}
#fullpage .movie_wrapp3 {background:#000;
}
#fullpage .movie_wrapp4 {background:#000;
}

/* 画像版 */
#fullpage .main_image_in {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
background-image: url(../img/top/pc/main_1.jpg);
 background-repeat: no-repeat;
 background-size: cover;
    background-position: center top;
}
#fullpage .main_image_in.scene1 {
background-image: url(../img/top/pc/main_1.jpg);  
}

#fullpage .main_image_in.scene2 {
background-image: url(../img/top/pc/main_2.jpg);  
}
#fullpage .main_image_in.scene3 {
background-image: url(../img/top/pc/main_3.jpg);  
}
#fullpage .main_image_in.scene4 {
background-image: url(../img/top/pc/main_4.jpg);  
}


@media (max-aspect-ratio: 16/9) {
#fullpage .main_image_in.scene1 {
background-image: url(../img/top/pc/main_1.jpg);  
}
#fullpage .main_image_in.scene2 {
background-image: url(../img/top/pc/main_2.jpg);  
}
#fullpage .main_image_in.scene3 {
background-image: url(../img/top/pc/main_3.jpg);  
}
#fullpage .main_image_in.scene4 {
background-image: url(../img/top/pc/main_4.jpg);  
}
}




@media screen and (max-width: 820px) {
#fullpage .main_image_in.scene1 {
background-image: url(../img/top/sp/main_1.jpg);  
}
#fullpage .main_image_in.scene2 {
background-image: url(../img/top/sp/main_2.jpg);  
}
#fullpage .main_image_in.scene3 {
background-image: url(../img/top/sp/main_3.jpg);  
}
#fullpage .main_image_in.scene4 {
background-image: url(../img/top/sp/main_4.jpg);  
}
    
}




/* 動画要素のスタイリング */
#fullpage .fp-section video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
}

#fullpage .movie_wrapp1 video#video1 {
    top: 53%;
}

@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
#fullpage .fp-section video {
    width: 100%;
  }
}

@media (max-aspect-ratio: 16/9) {
#fullpage .fp-section video {
    width: auto;
    height: 100%;
  }
}

@media screen and (max-width: 820px) {
#fullpage .fp-section video {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 751px) {
#fullpage .fp-section video {
    width: 100%;
    height: 95%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 54%;
}
    
#fullpage .movie_wrapp1 video#video1 {
    top: 54%;
}
    
    
}

@media screen and (max-width: 380px) {
#fullpage .fp-section video {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    top: 50%;
}
    
#fullpage .movie_wrapp1 video#video1 {
    top: 56%;
}
#fullpage .movie_wrapp2 video#video1 {
    top: 55%;
}  
    
}



.hei {
	height: 100vh;
}

.top_text {
	width: 100%;
	height: 100vh;
	background: #fff;
	position: relative;
}
.top_text h2 {
	width: 20%;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 280px;
}
.top_text h2 img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	transform: translateX(13px) scale(1.3);
	-ms-filter: blur(6px);
	filter: blur(6px);
	transition: 0.8s all ease-in-out;
	will-change: transform, filter;
}

.last_section.is-active .top_text h2 img {
	opacity: 1;
	transform: translateX(0) scale(1);
	-ms-filter: blur(0);
	filter: blur(0);
}
.last_section.is-active .top_text h2 img:nth-of-type(1) {
	transition-delay: 0;
}
.last_section.is-active .top_text h2 img:nth-of-type(2) {
	transition-delay: 0.2s;
}
.last_section.is-active .top_text h2 img:nth-of-type(3) {
	transition-delay: 0.4s;
}
.last_section.is-active .top_text h2 img:nth-of-type(4) {
	transition-delay: 0.6s;
}
.last_section.is-active .top_text h2 img:nth-of-type(5) {
	transition-delay: 0.8s;
}
.last_section.is-active .top_text h2 img:nth-of-type(6) {
	transition-delay: 1s;
}
.last_section.is-active .top_text h2 img:nth-of-type(7) {
	transition-delay: 1.2s;
}
.last_section.is-active .top_text h2 img:nth-of-type(8) {
	transition-delay: 1.4s;
}
.last_section.is-active .top_text h2 img:nth-of-type(9) {
	transition-delay: 1.6s;
}
.last_section.is-active .top_text h2 img:nth-of-type(10) {
	transition-delay: 1.8s;
}
.last_section.is-active .top_text h2 img:nth-of-type(11) {
	transition-delay: 2s;
}

.top_text h3 {
	width: 15%;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, 0%);
	max-width: 220px;
	overflow: hidden;
}

.top_text h3 span {
	display: block;
	transform: translateY(105%);
	transition: transform 1s 0s cubic-bezier(0.25, 0, 0, 1);
}
.last_section.is-active .top_text h3 span {
	transform: translateY(0%);
	transition: transform 1s 0s cubic-bezier(0.25, 0, 0, 1);
}

.nav_footer {
    height: 94vh;
}
.nav_footer .sub_nav {
    top: 85vh;
}

.top_cap {
    width: 92%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    background: #fff;
    text-align: left;
    font-size: min(2.1vw, 10px);
    line-height: 180%;
    font-family: "Noto Serif Japanese", "Times New Roman", Times, "Sawarabi Mincho", 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝B, serif;
}


.scroll_icon {
    position: fixed;
    left: 15px;
    bottom:20px;
    z-index: 10;
    font-family: 'Sorts Mill Goudy', serif;
    width: 24px;
    height: 80px;
    mix-blend-mode: difference;
    mix-blend-mode: exclusion;
}

.scroll_icon span {
    transform-origin: left top;
    transform: rotate(90deg);
    display: block;
    position: absolute;
    left: 17px;
    color: #fff;
    font-size: 12px;
    bottom: 20px;
    letter-spacing: 0.1em;
}
.scroll_icon::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    overflow: hidden;
    background: rgb(255 255 255 / 29%);
    left: 50%;
    top: 15%;
}
.scroll_icon::after {
    position: absolute;
    width: 1px;
    height: 50px;
    content: "";
        background: rgb(255 255 255 / 31%);
    animation: sdl 3s cubic-bezier(0.65, 0, 0.35, 1) infinite;
    left: 50%;
    top: 15%;
}
@keyframes sdl{
    0%{transform:scale(1, 0);transform-origin:0 0}50%{transform:scale(1, 1);transform-origin:0 0}50.1%{transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);transform-origin:0 100%}}


@media screen and (max-width: 867px) {
    
.top_text h2 {
    width: 36%;
    max-width: inherit;
}
.top_text h3 {
    width: 25%;
    transform: translate(-50%, 0%);
    max-width: inherit;
}    
}


@media screen and (max-width: 767px) {
	.top_text h2 {
		width: 52%;
		max-width: inherit;
	}
	.top_text h3 {
		width: 40%;
		max-width: inherit;
	}
    
.nav_footer .sub_nav {
     top: auto;
    bottom: 8vh;
}
    
    .footer_wrapp {
        height: 105vh;
        padding-bottom: 5%;
    }
    
}


.foot_tell .tell_text {
    display:block;
}

.foot_tell {
     margin-bottom:0px;
    padding-bottom: 50px;
    background: #fff;
}