@charset "utf-8";
@import url(common/style.css);

:root{
	--animTime:0.25s;
	--whiteAlpha:rgba(255, 255, 255, 0.5);
	--txtColor:#DEFAFF;
}
.top .forRent{
	position:absolute;
	left:20px;
	top:20px;
	z-index:10;
}
.mainV{
	width:100%;
	position:relative;
}
.mainV #video{
	width:100%;
	position:relative;
	z-index:1;
}
.mainV #video > video{
	width:100%;
	position:relative;
	z-index:1;
}
.maskMovie{
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(1,12,43,0.63);
	width:100%;
	height:100%;
	z-index:2;
	display:flex;
	justify-content:center;
  align-items:center;
}
.textMain{
	color:#FFF;
	text-align:center;
}
.mainTxt1{font-size:4.0vw; margin-bottom:0.5vw;font-family: 'Kumbh Sans', sans-serif; font-weight:200;}
.mainTxt2{font-size:2.0vw; margin-bottom:0.25vw;font-family: 'Kumbh Sans', sans-serif; font-weight:200;}
.mainTxt3{font-size:1.0vw; font-weight:200;}

@media only screen and (max-width:750px){
.mainV #video{
	max-width:100%;
	height:calc( 100vh - 19vw );
	overflow:hidden;
}
.mainV #video video{
	width:100%;
}
.mainTxt1{font-size:11.0vw; margin-bottom:3.0vw;font-family: 'Kumbh Sans', sans-serif;}
.mainTxt2{font-size:7.0vw; margin-bottom:0.25vw;font-family: 'Kumbh Sans', sans-serif;}
.mainTxt3{font-size:4.0vw;}

.top  .forRent{
	position:absolute;
	left:2.0vw;
	top:2.0vw;
	z-index:10;
}

}


#mVBg{
	position:relative;
}
.textMv{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:2;
}

#flatBox{
	position:absolute;
	left:5vw;
	top:0px;
	width:25vw;
}
.bgFlat{
	width:100%;
	padding:4.0vw 4.0vw 0vw 4.0vw;
	background-color:rgba(255,255,255,0.5);
}
.bgFlat p{
	color:#002C83;
	line-height:170%;
	font-weight:300;	
}




.flatTxt1{
	font-size:1.5vw;	
	text-align:center;
}
.flatTxt1 span{
	font-family: 'Kumbh Sans', sans-serif;
}
.flatTxt2{
	font-size:3.8vw;	
	/* 			font-size:3.4vw;	 */
	line-height:120% !important;
	margin-top:2.0vw;
	font-family: 'Kumbh Sans', sans-serif;
  font-weight:200 !important;
			/* font-weight:400 !important; */
  color: #002C83;
}
.flatTxt3{
	font-size:2.0vw;	
/* 					font-size:1.7vw;	 */
	/* line-height:120% !important; */
  font-family: 'Kumbh Sans', sans-serif;
}
h1.flatTxt4{
	font-size:1.1vw;	
	font-size:1.0vw;	
	text-align:left;
	font-weight:400 !important;
	color: #002C83;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:170%;
}
.waveFlat{
	width:calc( 100% + 8.0vw );
	height:50vw;
	position:relative;
	overflow:hidden;
}
#waveMv{
	width:200%;
	position:absolute;
	left:0px;
	top:0px;
	animation: waveMV 10s linear infinite; 
}
@keyframes waveMV {
	0% { left: 0%;}
	100% { left: -100%;}
}






.oneBlock{
	margin-top:250px;
}
/*
#firstCont{
	margin-top:-100px;
}*/
#firstCont .title{
	text-align:center;
	color:#33C0FF;
	font-size:19px;
}
.titleMain{
	font-size:29px;
	font-size:40px;
	color:#33C0FF;
	text-align:center;
	margin-top:10px;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Kumbh Sans', sans-serif;
	font-weight:200;
	letter-spacing:0.05rem;
	
}
.titleSub{
	color:#33C0FF;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
	margin-top:10px;
}
.titleSub{
	color:#33C0FF;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
	margin-top:10px;
	font-family: 'Kumbh Sans', sans-serif;
	font-weight:300;
	font-size:22px;
}
/*
.titleSub span:after{
	content:"";
	position:absolute;
	left:10%;
	top:100%;
	width:80%;
	height:10px;
	border-bottom:2px solid #33C0FF;
}*/
@media only screen and (max-width:750px){
#firstCont{
	margin-top:8.0vw;
}
#firstCont .title{
	font-size: 3.8vw;
	font-weight: 300;
}
#firstCont .titleMain{
	font-size: 11.0vw;
	font-weight: 300;
}
}
.para{
	font-size:20px;
	color:var( --txtColor );
}
.seaTxt{
	font-size:16px;
	color:var( --txtColor );
	text-align:center;
	margin-top:55px;
	line-height:200%;
	font-weight:100;
	letter-spacing:0.05rem;
	
}
.seaTxt.seaTxt20{
	font-size:20px;
	color:var( --txtColor );
	text-align:center;
	margin-top:55px;
	line-height:200%;
	font-weight:100;
	letter-spacing:0.05rem;
}

.rowCont1{
	width:100%;
	margin-top:150px;
}
.rowCont1 .imgBox{
	z-index:1;
}
.rowCont1 .txtBlock{
	z-index:5;
}
.rowCont1 .boxLeft.txtBlock{
	margin-left:-20px;
}
.rowCont1 .boxRight.txtBlock{
	margin-right:-20px;
}

.brdAnim .brd2Anim >div.tableCell{
	margin:60px;
}

.brdTxt1{
	font-size:22px;
	color:var( --txtColor );
	font-weight: lighter;
	
}
.brdTxt2{
	font-size:14px;
	color:var( --txtColor );
	margin-top:30px;
	line-height:200%;
	font-weight: lighter;	
}

.rowCont1 .txtBlock .tableCell{
	width:80%;
}

.txtBlock{
	height:300px;
	margin-top:70px;
}







.oneRow{
	margin-top:80px;
}
.titleParaEn{
	font-family: 'Kumbh Sans', sans-serif;
	font-size:18px;
	text-align:center;
	line-height:120%;
	margin-top:20px;
	color:var( --txtColor );
}
.titleParaJp{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:14px;
	text-align:center;
	line-height:120%;
	margin-top:10px;
	color:var( --txtColor );
}
.txtPara{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:200%;
	margin-top:20px;
	color:var( --txtColor );
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-weight:100;
}
.size50 .oneCol{
	width:calc( 100% - 4.5px );
	width:calc( 100% - 11px );
}
.size50 .oneCol .txtPara{
	margin-left:auto;
	margin-right:auto;
}
.size50.boxRight .oneCol{
	float:right;
}
.size33 .oneCol{
	width:calc( 100% - 6px );
	width:calc( 100% - 15px );
}
.size33.boxCenter{
	float:left;
}
.size33.boxCenter .oneCol{
	margin-left:auto;
	margin-right:auto;
}
.size33.boxRight .oneCol{
	float:right;
}




.maskBlue{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(1,12,43,0.42);
}

.textAcc{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
.textAcc > div{
	height:100%;
}
.textAcc p{
	color:var( --txtColor );
	color:#FFF;
	text-align:center;
	font-size:26px;
	font-family: 'Kumbh Sans', sans-serif;
	font-weight:200;
	text-shadow: 	2px 2px 2px 		rgba(0, 0, 0, 0.3), 	-2px 2px 2px 		rgba(0, 0, 0, 0.3),	2px -2px 2px 		rgba(0, 0, 0, 0.3), 	-2px -2px 2px 	rgba(0, 0, 0, 0.3);
}







/*   border animation */
.brdAnim{
	width:100%;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	z-index:10;
}
.brdAnim div{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:12;
}
.brdAnim:before{
	content:"";
	width:0%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	border-top:1px solid var( --whiteAlpha );
	z-index:20;
	opacity:0.25;
	transition:width var(--animTime) , opacity 1s;
}
.brdAnim.anim:before{
	width:100%;
	opacity:1;
}
.brdAnim:after{
	content:"";
	width:100%;
	height:0%;
	position:absolute;
	left:0px;
	top:0px;
	border-right:1px solid var( --whiteAlpha );
	z-index:20;
	opacity:0.25;
	transition:height var(--animTime) , opacity 1s;
	transition-delay:var(--animTime);
}
.brdAnim.anim:after{
	height:100%;
	opacity:1;
}
.brdAnim .brd2Anim:before{
	content:"";
	width:0%;
	height:100%;
	position:absolute;
	left:100%;
	top:0px;
	border-bottom:1px solid var( --whiteAlpha );
	z-index:20;
	opacity:0.25;
	transition:width var(--animTime), left var(--animTime) , opacity 1s;
	transition-delay:calc( var(--animTime) * 2);
}
.brdAnim.anim .brd2Anim:before{
	width:100%;
	left:0%;
	opacity:1;
}
.brdAnim .brd2Anim:after{
	content:"";
	width:100%;
	height:0%;
	position:absolute;
	left:0px;
	top:100%;
	border-left:1px solid var( --whiteAlpha );
	z-index:20;
	opacity:0.25;
	transition:height var(--animTime), top var(--animTime) , opacity 1s;
	transition-delay:calc( var(--animTime) * 3);
}
.brdAnim.anim .brd2Anim:after{
	height:100%;
	top:0%;
	opacity:1;
}
#googleMap{
	width:100%;
	height:540px;
	margin-bottom:0;
}
@media only screen and (max-width:750px){
.brdAnim .brd2Anim > div.tableCell {
  margin: 8vw;
}

.titleSp{
	margin-top:8.0vw;
	font-size:4.8vw;
	color:#33C0FF;
	text-align:center;
	font-weight:200;
	letter-spacing:0.05rem;
}

.para{	font-size:4.0vw;}
.seaTxt{	
	font-size:3.2vw; 
	font-size:4.4vw; 
	text-align:left;
}
.seaTxt.seaTxt20{
	font-size:4.0vw;
	margin-top:5.5vw;
}

.brdTxt1{	
	font-size:4.4vw;	
	font-size:5.4vw;	
}
.brdTxt2{
	font-size:2.8vw;
	font-size:3.7vw;
	margin-top:3.0vw;
}
.titleParaEn{
	font-size:3.6vw;
	margin-top:2.0vw;
}
.titleParaJp{
	font-size:2.8vw;
	margin-top:1.0vw;
}
.txtPara{
	font-size:2.4vw;
	font-size:3.0vw;
	margin-top:2.0vw;
}
.textAcc p{	font-size:5.2vw;}


.rowCont1 .boxLeft.txtBlock,
.rowCont1 .boxRight.txtBlock,
.txtBlock{
	/*height:76vw;*/
	margin-left:auto;
	margin-right:auto;
	float:none;
	dsiplay:block;
}
.rowCont1 .imgBox{
	width:90%;	
	float:none;
}
.rowCont1 .imgBox.boxRight{
	margin-left:10%;
}
.rowCont1 .txtBlock{
	width:90%;
	margin:0px;
	margin-top:-5.5vw;
}

.rowCont1 .imgBox.boxRight .imgCap.capWRB .capTxt {
  right: 27px;
}


#block5.div_1 > div{
	float:left;
	width:96% !important;
	margin-left:2%;
}
#block5.div_1 > div p{
	width:98%;
	margin-bottom:1.0vw;
	margin-left:auto;
	margin-right:auto;
}


}