@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');



html{}
body {
	width:100%;
	box-sizing:border-box;
	padding:0;
	margin:0;
	font-family :'Zen Old Mincho', '游明朝', YuMincho,'ヒラギノ明朝 Pr6 W6','Hiragino Mincho Pro', 'HGS明朝E','ＭＳ Ｐ明朝','MS PMincho';
	background: url(../images/all_bk.jpg) repeat;
}
ul, li{
	list-style:none;
	padding:0;
	margin:0;
}
i{
	font-style:normal;
}
img{
	max-width:100%;
	vertical-align:bottom;
}
a{
	color:#000;
	text-decoration:none;
}
#container{
	background: none;
}
h2{
	font-size:60px;
	font-size:6.0rem;
	color: #000;
	position: relative;
	z-index:0;
	line-height: 1;
}
h2.unagi-bk{
	background: url(../images/unagi_bk.png) no-repeat center;
	background-size: contain;
	text-align: center;
	padding: 5rem;
}
.button{
	display: block;
	background: #fb0a26;
	border-radius: 40px;
	width: 30%;
	padding: 2rem;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
}
.button span{
	position: relative;
}
.button span:after{
	content: "\e907";
	font-family: 'icomoon';
	width: 1.5em;
	height: 1.6em;
	margin: auto;
	position: absolute;
	right: -6rem;
	top: 0;
	bottom: 0;
	font-size: 36px;
	color: #fff;
}
.pc-block{
	display: block;
}
.sp-block{
	display: none;
}


/*******************************
box-sizing
*******************************/
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*************************
/* flex-box
*************************/
.flex-box{
	display:-webkit-flex;
	display:flex;
}
.flex-box-nowrap{
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
}
.flex-box-wrap{
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex-box-row-rever{
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.flex-box-column{
	-webkit-flex-direction:column;
	flex-direction:column;
}
.flex-box-column-r{
	-webkit-flex-direction:column-reverse;
	flex-direction:column-reverse;
}
.flex-box-space-b{
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.flex-box-space-a{
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.flex-box-space-c{
	-webkit-justify-content:center;
	justify-content:center;
}
.flex-box-space-e{
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.flex-box-item-c{
	-webkit-align-items:center;
	align-items:center;
}
.flex-box-item-e{
	-webkit-align-items:flex-end;
	align-items:flex-end;
}






#main-block{
	position: relative;
	background: #0b052e;
	height: 90vh;
	max-height: 920px;
	margin-bottom: -1px;
	z-index: 1;
}
#main-block section > h1{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#main-block section > .img-bk{
	position: absolute;
	top: 0;
	z-index: 0;
	padding-bottom: 8rem;
}


#howto-block{
	position: relative;
	background: url(../images/howto_bk.png) no-repeat;
	background-size: cover;
	background-position: top center;
	padding-top: 10rem;
	padding-bottom: 24rem;
	z-index: -1;
}
#howto-block section .inner .flex-box > div{
width: calc(100%/2);
}
#howto-block section .inner .flex-box > div.text-box{
	color: #fff;
	max-width: 400px;
}
#howto-block section .inner .flex-box > div.text-box h2{
	color: #fff;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: normal;
}
#howto-block section .inner .flex-box > div.text-box > p{
	line-height: 2;
	margin-top: 2rem;
	font-size: 18px;
}
#howto-block section .inner .flex-box > div.img-box{
	margin-left: 5rem;
}



#commitment-block{
	position: relative;
	padding-bottom: 5rem;
}
#commitment-block:before{
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 481px;
	height: 790px;
	margin: auto;
	background: url(../images/kodawari.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 40em;
	right: 1.4em;
}
#commitment-block section .inner .text-box{}
#commitment-block section .inner .text-box div+div{
	margin-top: 4rem;
}
#commitment-block section .inner .text-box #video-box{
	text-align: center;
}
#commitment-block section .inner .text-box #video-box iframe{
	width: 70%;
	height: 450px;
	margin: 0 auto;
}
#commitment-block section .inner .text-box dl dt{
	width: 20%;
	min-width: 160px;
}
#commitment-block section .inner .text-box dl dd{
	width: 70%;
	margin-left: 4rem;
	max-width: 390px;
}
#commitment-block section .inner .text-box dl dd h4{
	font-size: 24px;
}
#commitment-block section .inner .text-box dl dd .text{
	line-height: 2;
	margin-top: 2rem;
}
#commitment-block section .inner .text-box > div.flex-box .img-box{
	margin-left: 4rem;
}
#commitment-block section .inner .text-box > div.box dl dt{
	min-width: 160px;
	width: 17%;
}
#commitment-block section .inner .text-box > div.box dl dd{
	margin-left: 0px;
	max-width: 480px;
}
#commitment-block section .inner > .bottom-box{
	margin-top: 5rem;
}
#commitment-block section .inner > .bottom-box > h4{
	text-align: right;
}
#commitment-block section .inner > .bottom-box .flex-box{
	margin-top: 5rem;
}
#commitment-block section .inner > .bottom-box .flex-box > div{
	width: calc(100%/2);
}
#commitment-block section .inner > .bottom-box .flex-box > .img-box{}
#commitment-block section .inner > .bottom-box .flex-box > .text-box{}







#character-block{
	background: #f3e5ce;
}
#character-block section:nth-child(1){
	padding: 8rem 0 25rem;
}
#character-block section:nth-child(1) .inner .flex-box{
	margin-top: 13rem;
}
#character-block section:nth-child(1) .inner .flex-box > div{
	width: calc(100% / 3 - 60px);
}
#character-block section:nth-child(1) .inner .flex-box > div .img{
	text-align: center;
}
#character-block section:nth-child(1) .inner .flex-box > div h4{
	font-size: 30px;
	text-align: center;
	margin-top: 3rem;
}
#character-block section:nth-child(1) .inner .flex-box > div .text{
	line-height: 2;
	margin-top: 2rem;
}
#character-block section:nth-child(2){
	background: url(../images/character_bottom_bk.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 75vh;
	max-height: 660px;
}
#character-block section:nth-child(2) > .flex-box{
	position: absolute;
	top: -20rem;
	margin: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#character-block section:nth-child(2) > .flex-box > .box{
	color: #fff;
	text-align: center;
}
#character-block section:nth-child(2) > .flex-box > .box .img{
	margin: 0 4em;
}
#character-block section:nth-child(2) > .flex-box > .box .name{
	margin-top: 3rem;
	font-size: 24px;
}
#character-block section:nth-child(2) > .flex-box > .box .fee{
	margin-top: 5rem;
}
#character-block section:nth-child(2) > .flex-box > .box .fee span:nth-child(2){
	font-size: 42px;
	color: #fef00f;
	margin-left: 3rem;
}
#character-block section:nth-child(2) > .button{
	position: absolute;
	bottom: 3em;
	left: 0;
	right: 0;
}
#character-block section:nth-child(2) > .flex-box > .box .txt-red{
	color: #f80432;
}



#voice-block{
	padding: 13rem 0 20rem;
	border-bottom: 10px solid #c6b98a;
}
#voice-block section .inner .flex-box{
	margin-top: 5rem;
}
#voice-block section .inner .flex-box > .box{
	position: relative;
	width: 300px;
	height: 300px;
	background: #fff;
	border-radius: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 3rem;
}
#voice-block section .inner .flex-box > .box:after{
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 243px;
	height: 237px;
	margin: auto;
	background: url(../images/round_bk.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -3em;
	left: -3em;
	z-index: -1;
}




#enjoy-block{
	background: url(../images/enjoy_bk.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 7rem 0 12rem;
	border-bottom: 10px solid #c6b98a;
}
#enjoy-block section .inner .flex-box{
	margin-top: 10rem;
}
#enjoy-block section .inner .flex-box .img-box{
	width: 30%;
	height: 100%;
}
#enjoy-block section .inner .flex-box .img-box p img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#enjoy-block section .inner .flex-box .text-box{
	width: 70%;
	background: #fff;
	padding: 6rem 5rem;
}
#enjoy-block section .inner .flex-box .text-box dl+dl{
	margin-top:4rem;
}
#enjoy-block section .inner .flex-box .text-box dl dt{
	font-size: 24px;
	font-weight: bold;
}
#enjoy-block section .inner .flex-box .text-box dl dd{
	margin-top:2rem;
}


#merchandise-block{
	padding: 6rem 0 8rem;
}
#merchandise-block section .inner .flex-box{
	margin-top: 8rem;
}
#merchandise-block section .inner .flex-box > .box{
	width: calc(100%/3 - 10px);
}
#merchandise-block section .inner .flex-box > .box .name{
	text-align: center;
	font-size: 24px;
	line-height: 1;
	margin-top: 2rem;
}
#merchandise-block section .inner .flex-box > .box .name span{
	display: block;
}
#merchandise-block section .inner .flex-box > .box .fee{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-top: 3rem;
}
#merchandise-block section .inner .flex-box > .box .fee{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-top: 3rem;
}
#merchandise-block section .inner .flex-box > .box .fee ul li span:nth-child(2){
	color: #f80432;
	font-size: 30px;
	margin-left: 2rem;
}
#merchandise-block section .inner .flex-box > .box .fee ul li span.txt-red{
	color: #f80432;
}
#merchandise-block section .inner > .button{
	margin-top: 8rem;
}

footer{
	background: #0e55a6;
}
#footer{
	background: url(../images/fotter_bk.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#footer .inner{
	color: #fff;
	padding: 10rem 0 5rem;
}
#footer .inner > p{
	max-width: 760px;
	margin: 0 auto;
	line-height: 2;
}
#footer .inner > div p.img{
	width: 15%;
	margin: 5rem auto 0;
}
#footer .inner > .button{
	margin-top: 8rem;
}
.copyright{
	text-align: center;
	font-size: 14px;
	background: #0b052e;
	color: #fff;
	font-weight: normal;
	padding: 1rem;
}