@charset "UTF-8";
/* CSS Document */


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　comingsoon　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.container{
	overflowx: hidden;
	background: none;
}


.comingsoon_wrap{
	white-space: nowrap;
	
	
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: flex-end;
	
}

.comingsoon{
	position: absolute;
	
	top: 40vh;
    left: 50%;
    	transform: translate(-50%, -0%);
    	-webkit-transform: translate(-50%, -0%);
    	-ms-transform: translate(-50%, -0%);
	text-align: center;
}
.comingsoon img{
	height: 10vw;
	max-height: 130px;
	
}
.comingsoon_1{
	display: block;
	margin: 0 auto;
	
}
.comingsoon p{
	margin: 50px auto 0 auto;
	text-align: center;
	font-size: clamp(16px, 3.2vw, 22px);
}






.comingsoon span {
	font-size: clamp(70px, 10.2vw, 112px);
  font-weight: lighter;
}
.dotted_white{
	opacity: 0;
}
.comingsoon span::after {
  animation: txt 5s infinite;
  content: "";
}
@keyframes txt {
  0% {
    content: ".";
  }
  50% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

@media screen and (max-width:990px){
	.comingsoon{
		top: 30vh;
	}
	.comingsoon_2{
		margin-top: -30px;
	}
	.comingsoon_wrap{
		height: 87vh;
	}
}






/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　comingsoon　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/





/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　header,footerなどの調整　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/


footer{
	width: 100%;
	padding: 80px 0 10px 0;
	background: none;
	
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　header,footerなどの調整　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


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





@media screen and (max-width:990px){
.P{display: none!important;}}
@media screen and (min-width:991px){
.S{display: none!important;}}