@charset "UTF-8";
/* CSS Document */
body {display: block;margin: 0;}
.pc { display:none; }
.sp { display:block; }

.res-img {
width: 100%;
height: auto;
vertical-align: bottom!important;}

/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 1em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title h2.sec-ttl .en {font-size: 1.2rem;letter-spacing: 12px;}

.page_title {
position: absolute;
top: 39%;
right: 15%;
letter-spacing: 4px;
line-height: 30px;}

/*説明*/
.about_wrap {
position: relative;
overflow: hidden;
height: 570px;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
text-align: center;
font-size: 1.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
font-size: 0.6rem;
padding: 0 5%;
letter-spacing: 1.1px;}	

.about_sub_text2{
font-family: 'Noto Serif JP', serif;
font-weight:normal;
text-align: center;
font-size: 1.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #fc5087;
margin-top: 40px;}


.enjoy img {
width: 39%;
position: absolute;
top: 22em;
left: 2em;}

.e_blue img {
width: 33%;
position: absolute;
top: -2em;
left: -2em;}

.e_pink img {
width: 46%;
position: absolute;
top: 18em;
right: -3em;}

.enjoy2 img {
width: 51%;
position: absolute;
top: 25em;
right: 1em;}


/*SP版設定*/
@media screen and (max-width:320px){
/*topビジュアル*/

.page_title h2.sec-ttl .en {
font-size: 1rem;
letter-spacing: 6px;}	

.page_title {
position: absolute;
top: 42%;
right: 21%;
letter-spacing: 4px;}

.page_title .sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: .8rem;
font-weight: normal;
line-height: 1.53;}	

/*about*/
.e_blue img {
width: 39%;
position: absolute;
top: -2em;
left: -2em;}
	
.e_pink img {
width: 46%;
position: absolute;
top: 21em;
right: -3em;}

.enjoy img {
width: 39%;
position: absolute;
top: 24em;
left: 2em;}	
	
.enjoy2 img {
width: 51%;
position: absolute;
top: 27em;
right: 1em;}
	
	
}

@media screen and (min-width:768px){
.pc { display:none; }
.sp { display:block; }
/*topビジュアル*/
.main_voat_top {padding-top: 0;}	
	
.page_title {
position: absolute;
top: 30%;
left: 2%;
right: 0%;
letter-spacing: 8px;}

.page_title .sec-ttl .en {
font-size: 2.2rem!important;
letter-spacing: 19px!important;
line-height: 1.5em;}	
	
/*説明*/
.about_wrap {height: 865px;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #1a1a1a;}

.about_sub_text {font-size: 1rem;letter-spacing: 2.5px;padding: 0 5%;}
	
.about_sub_text2 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.1rem;
letter-spacing: 3px;
line-height: 1.8;
color: #fc5087;
margin-top: 90px;}
	
.enjoy img {
width: 22%;
position: absolute;
top: 5em;
left: -1em;}

.e_blue img {
width: 27%;
position: absolute;
top: 25em;
left: -4em;}

.e_pink img {
width: 35%;
position: absolute;
top: 11em;
right: 0em;}

.enjoy2 img {
width: 37%;
position: absolute;
top: 39em;
right: 1em;}
	
}

@media screen and (min-width:1024px){
/*topビジュアル*/
.pc { display:block; }
.sp { display:none; }
	
.main_voat_top {padding-top: 0;}
	
.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}
.page_title {
position: absolute;
top: 33%;
right: 0%;
left: 0%;
letter-spacing: 8px;}
	
/*説明*/
.about_wrap {height: 1000px;}

.about_main_text h3 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.4rem;
letter-spacing: 6px;
line-height: 1.8;
color: #1a1a1a;}
	
.about_sub_text {font-size: 1rem;padding: 0 5%;line-height: 32px;}
	
.about_sub_text2 {
font-family: 'Noto Serif JP', serif;
text-align: center;
font-size: 2.4rem;
letter-spacing: 6px;
line-height: 1.8;
color: #fc5087;
margin-top: 100px;}	

.enjoy img {
width: 23%;
position: absolute;
top: 5em;
left: 0em;}

.e_blue img {
width: 29%;
position: absolute;
top: 29em;
left: -2em;}

.e_pink img {
width: 39%;
position: absolute;
top: 6em;
right: 0em;}

.enjoy2 img {
width: 39%;
position: absolute;
top: 41em;
right: 2em;}
	
}