@charset "UTF-8";


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

 ページ大枠

 ***********************************/
#titleFrame{
	display:block;
	overflow:hidden;
	width:100vw;
	height:100dvh;
	position:fixed;
	top:0;
	left:0;
	background:#ffe893 url('../images/top/background.png') no-repeat 50% 50%;
	background-size:cover;
}


/* for Sp --------------------*/
@media screen and (max-width:768px){
	
	#titleFrame{
		display:none;
	}

}


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

 PCコンテンツ

 ***********************************/
#logo{
	display:inline-block;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:20px;
}

#logo > img{
	width:277px;
	height:auto;
}


#titleBody{
	display:block;
	overflow:hidden;
	width:min(50vw,calc(100vw - 850px));
	height:100%;
	text-align:center;
	position:relative;
	align-content: center;
}

#titleInner{
	display:block;
	/*overflow:hidden;*/
	width:560px;
	height:min(calc(100% - 130px) ,765px);
	text-align:center;
	margin:0 auto;
}


/*メインタイトル*/
#titleInner h1{
	display:inline-block;
	overflow:hidden;
	height:422px;
}

#titleInner h1 img{
	width:auto;
	height:100%;
}


/*TOP コンテンツ*/
#pcContent{
	display:flex;
	justify-content:space-between;
	margin-top:30px;
	width:560px;
	height:min(calc(100% - 442px),305px);
}

#pcContent > p{
	display:inline-block;
	/*overflow:hidden;*/
	padding-top:75px;
	width:156px;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:contain;
	position:relative;
}
#pcContent > p:nth-child(1){
	background-image: url("../images/top/btnbg_01.svg");
}

#pcContent > p:nth-child(2){
	background-image: url("../images/top/btnbg_02.svg");
}

#pcContent > p:nth-child(3){
	background-image: url("../images/top/btnbg_03.svg");
}


#pcContent > p  > span{
	display:inline-block;
	width:121px;
	/*height:227px;*/
	height:min(100%,227px);
	position:absolute;
	bottom:0;
	/*left:calc(50% - 60px);*/
	left:0;
}

#pcContent > p  > span > img{
	width:auto;
	height:100%;
}

#pcContent > p > img{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
}


#cycleImg{
	pcContent:inline-block;
	overflow:hidden;
	position: absolute;
	top:50%;
	right:50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


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

	#logo,
	#titleBody{
		display:none;
	}

}

/* for Sp --------------------*/
@media screen and (max-width:768px){
	
	#titleFrame{
		display:none;
	}

}




a#topBtn{
	display:inline-block;
	overflow:hidden;
	width:min(10vw,60px);
	aspect-ratio:1/1;
	position:fixed;
	bottom:min(-10vw,-60px);
	right:min(4vw,40px);
	z-index:10;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a#topBtn > img{
	width:100%;
	height:auto;
}


.scon a#topBtn{
	bottom:min(4vw,40px);
}