@charset "UTF-8";


/***********************************

 コンテンツ本文

 ***********************************/
#contentBody{
	display:block;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	position:relative;
}

#contentBody section{
	display:block;
	overflow:hidden;
	width:100%;
	/*position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

#contentBody h1{
	display:block;
	overflow:hidden;
	font-size:5.0rem;
	font-weight:700;
	line-height:155%;
}

#contentBody h1 > br{
	display:none;
}

#contentBody section > p{
	display:block;
	overflow:hidden;
	font-size:2.5rem;
	line-height:155%;
}
#contentBody section > p > strong{
	font-size:4.0rem;
	line-height:155%;
}



/* for Sp --------------------*/
@media screen and (max-width:768px){

	#contentBody {
		align-content:initial!important;
	}
	
	#contentBody section{
		margin-top:20vh;
		/*top:40%;
		left:0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		*/
	}

	#contentBody h1{
		font-size:clamp(2.8rem,10vw,3.5rem);
		line-height:155%;
	}
	/*#contentBody h1 > br{
		display:initial;
	}*/

	#contentBody section > p{
		font-size:2.0rem;
		line-height:155%;
	}
	#contentBody section > p > strong{
		font-size:3.0rem;
		line-height:155%;
	}

}

@media (max-width: 767px) and (orientation: landscape) {

	#linkBtns a + a {
		margin-top: 2vw!important;
	}

	#linkBtns {
		bottom: max(20px, 5vw)!important;
	}
}


/* for Sp --------------------*/
@media screen and (max-width:430px){

	#contentBody h1 > br{
		display:initial;
	}

}


#linkBtns{
	display:block;
	/*overflow:hidden;*/
	width:100%;
	position:relative;
	margin-top:min(20vh,180px);
}


#linkBtns a{
	display:inline-block;
	overflow:hidden;
	width:280px;
	/*height:120px;*/
	padding:16px 0;
	background-color:#ffffff;
	-webkit-border-radius:5px;
	border-radius:5px;

	font-size:1.8rem;
	line-height:155%;
	color:#D2000E;
	text-decoration:none;
	text-align:center;

	position:relative;
	
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#linkBtns a > span{
	display:inline-block;
	overflow:hidden;
}


#linkBtns a + a{
	margin-left:100px;
}


.pc #linkBtns a:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


/* for Sp --------------------*/
@media screen and (max-width:768px){
		
	#linkBtns{
		padding:0 10vw;
		position:absolute;
		bottom:max(40px,10vw);
	}


	#linkBtns a{
		display:block;
		overflow:hidden;
		width:100%;
		height:auto;
		padding:0.25em 0.5em;
		font-size:clamp(1.4rem,0.636rem + 1.55vw,1.8rem);
		line-height:125%;
	}

	#linkBtns a > span > br{
		display:none;
	}

	#linkBtns a > span{
		display:inline-block;
		overflow:hidden;
		position:relative;
		top:auto;
		left:auto;
		-webkit-transform:unset;
		transform:unset;
	}

	#linkBtns a > span *{
		vertical-align:middle;
	}

	#linkBtns a > span img{
		width:min(27vw,78px);
		height:auto;
		margin-right:1em;
	}


	#linkBtns a + a{
		margin-left:0;
		margin-top:4vw;
	}
}



/***********************************

 モーション設定

 ***********************************/
#contentBody{
	display:block;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	position:relative;
	align-content: center;
}

#contentBody > section > *{
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	opacity: 0.0;
}

#contentBody > section > h1{
	position:relative;
	top:-25px;
	opacity:0.0
}

#contentBody > section >  p{
	position:relative;
	top:25px;
	opacity:0.0
}


#contentBody.scon  > section > h1,
#contentBody.scon  > section > p{
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
	top:0px;
	opacity:1.0
}



.scon #linkBtns{
	-webkit-ttransition-delay: 0.65s;
	transition-delay: 0.65s;
	opacity:1.0
}