@charset "UTF-8";
/* CSS Document */


/*pc*/
@media print, screen and (min-width: 768px) {
/* mv
--------------------------------------------*/
#mv {
width: 100%;
position: relative;
margin:0;
box-sizing: border-box;
background: #F5F5F5;
}

#mv .himemap{
position:absolute;
top: -50px;
left:50%;
margin-left:-410px;
width: 820px;
z-index: 5;
}

#mv .mv_img{
position: absolute;
left: 50%;
bottom: -80px;
width: 560px;
margin-left: -280px;
z-index: 5;
}

#mv .mv_imgbg{
width: 1280px;
margin:0 auto;
padding: 220px 0 0;
box-sizing: border-box;
}


/* mv2
--------------------------------------------*/
#mv2 {
background: url("../images/index/bg_g.jpg") center top no-repeat;
background-size: cover;
padding-top: 120px;
box-sizing: border-box;
margin: 0 auto 100px;
}

#mv2 .block{
width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
}

#mv2 .block .phone_img{
width: 50%;
}

#mv2 .block .txt_box{
width: 46%;
}

#mv2 .block .txt_box h2{
font-size: 26px;
font-weight: 900;
color: #e4547c;
text-align: center;
line-height: 1.6;
margin:30px 0;
letter-spacing: .2rem;
}

#mv2 .block .txt_box h2 span{
font-size: 30px;
text-decoration:underline;
}

#mv2 .block .txt_box h3{
font-size: 22px;
font-weight: 900;
text-align: center;
line-height: 1.8;
margin: 0 0 40px;
letter-spacing: .2rem;
}

#mv2 .block .txt_box .illust_img01{
width: 50%;
margin: 0 auto;
}

/* event
--------------------------------------------*/
#event {
position:relative;
margin: 0;
}

#event .en_ttl{
font-size: 130px;
text-align: center;
line-height: 1;
color: #FFF;
-webkit-text-stroke:3px #07beb8;
}

#event .block{
background: url("../images/index/bg_g2.jpg") center top no-repeat;
background-size: cover;
padding: 100px 0;
box-sizing: border-box;
}

#event .block .ttl{
font-size: 40px;
font-weight: 800;
color: #fff26e;
line-height: 1;
text-align: center;
margin: 0 0 20px;
}

#event .block .w_wrap{
position: relative;
width: 1200px;
margin: 0 auto;
background: #FFF;
padding: 50px 50px 0;
box-sizing: border-box;
border-radius: 30px;
}

#event .block .w_wrap .txt2{
font-size: 26px;
font-weight: 800;
text-align: center;
margin: 0 0 20px;
line-height: 1.8;
letter-spacing: .1rem;
}

#event .block .w_wrap .txt2 span{
font-size: 32px;
font-weight: 900;
background: #fff450;
padding:0 5px;
box-sizing: border-box;
color: #e4547c;
}

#event .block .w_wrap .txt3{
font-size: 18px;
font-weight: 500;
text-align: center;
margin: 0 0 60px;
line-height: 1.8;
letter-spacing: .1rem;
}

#event .block .w_wrap .txt3 span{
font-weight: 900;
}

#event .block .w_wrap .illust_img{
position: absolute;
top: -40px;
right: 20px;
width: 310px;
}

#event .block .w_wrap .phone_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#event .block .w_wrap .phone_list li{
width: 32%;
}

/* himemap
--------------------------------------------*/
#himemap {
position:relative;
background: #fac83e;
padding: 100px 0 65px;
box-sizing: border-box;
margin:0 auto 120px;
}

#himemap .block{
position: relative;
width: 1200px;
margin: 0 auto;
background: #FFF;
box-sizing: border-box;
border-radius: 30px;
padding: 30px 200px;
box-sizing: border-box;
}

#himemap .block .shadow_link_btn {
width: 100%;
margin: 0 auto;
border-radius: 10px;
display: inline-block;
cursor: pointer;
}

#himemap .block .shadow_link_btn .shadow_btn_inner{
border:2px solid #e4547c;
box-shadow: 0px 6px 0px 0px rgba(228,84,124,1);
background-color:#ec88a3;
padding:5px;
box-sizing: border-box;
font-size:26px;
font-weight:900;
border-radius:50rem;
transition: 0.3s ease-out;
display: grid;
justify-content: center;
align-items: center;
color:#FFF;
text-align: center;
text-decoration: none;
position: relative;
letter-spacing: .2rem;
}

#himemap .block .shadow_link_btn .shadow_btn_inner:hover{
background: #e4547c;
box-shadow:none;
}

#himemap .block .illust{
position: absolute;
top: -35px;
width: 180px;
left: 8%;
z-index: 5;
}


/* keisai
--------------------------------------------*/
#keisai {
position:relative;
background: #fadde5;
padding: 0 0 65px;
box-sizing: border-box;
margin:0 auto;
}

#keisai .ph_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 30px;
}

#keisai .ph_list li{
width: 20%;
}

#keisai .block{
width: 1280px;
margin: 0 auto;
}

#keisai .block .ttl{
color: #e4547c;
font-size: 38px;
font-weight: 800;
line-height: 1.4;
text-align: center;
margin: 0 0 30px;
letter-spacing: .2rem;
}

#keisai .block .txt{
font-size: 24px;
font-weight: 800;
line-height: 1.6;
text-align: center;
margin: 0 0 50px;
letter-spacing: .2rem;
position: relative;
z-index: 5;
}

#keisai .block .shadow_link_btn {
width: 50%;
margin: 0 auto;
border-radius: 10px;
display: block;
cursor: pointer;
position: relative;
z-index: 5;
}

#keisai .block .shadow_link_btn .shadow_btn_inner{
border:2px solid #4c4d50;
box-shadow: 0px 6px 0px 0px rgba(76,77,80,1);
background-color:#b7b8b9;
padding:5px;
box-sizing: border-box;
font-size:26px;
font-weight:900;
border-radius:50rem;
transition: 0.3s ease-out;
display: grid;
justify-content: center;
align-items: center;
color:#FFF;
text-align: center;
text-decoration: none;
position: relative;
letter-spacing: .2rem;
}

#keisai .block .shadow_link_btn .shadow_btn_inner:hover{
background: #4c4d50;
box-shadow:none;
}

#keisai .block .illust_img{
position: absolute;
bottom: 0;
right: 30px;
width: 340px;
}

#keisai .block .fukidashi_img{
position: absolute;
top: 220px;
left: 10%;
width: 180px;
}

#keisai .block .keisai_img{
position: absolute;
bottom: 130px;
left: 8%;
width: 220px;
}


}
/*sp*/
@media only screen and (max-width: 767px) {
/* mv
--------------------------------------------*/
#mv {
width: 100%;
position: relative;
margin:0;
box-sizing: border-box;
background: #F5F5F5;
}

#mv .himemap{
position:absolute;
top:10px;
left:50%;
margin-left:-40%;
width: 80%;
z-index: 5;
}

#mv .mv_img{
position: absolute;
left: 50%;
top: 140px;
width: 50%;
margin-left: -25%;
z-index: 5;
}

#mv .mv_imgbg{
width: 100%;
margin: 0 auto;
padding: 120px 0 0;
box-sizing: border-box;
}


/* mv2
--------------------------------------------*/
#mv2 {
background: url("../images/index/bg_g.jpg") center top no-repeat;
background-size: cover;
padding-top: 60px;
box-sizing: border-box;
margin: 0 auto 60px;
}

#mv2 .block{
width: 90%;
margin: 0 auto;
}

#mv2 .block .phone_img{
width: 100%;
}

#mv2 .block .txt_box{
width: 100%;
}

#mv2 .block .txt_box h2{
font-size: 16px;
font-weight: 900;
color: #e4547c;
text-align: center;
line-height: 1.6;
margin:0 0 20px;
letter-spacing: .2rem;
}

#mv2 .block .txt_box h2 span{
font-size: 20px;
text-decoration:underline;
}

#mv2 .block .txt_box h3{
font-size: 15px;
font-weight: 900;
text-align: center;
line-height: 1.6;
margin: 0 0 20px;
letter-spacing: .2rem;
}

#mv2 .block .txt_box .illust_img01{
width: 60%;
margin: 0 auto;
}

/* event
--------------------------------------------*/
#event {
position:relative;
margin: 0;
}

#event .en_ttl{
font-size: 60px;
text-align: center;
line-height: 1;
color: #FFF;
-webkit-text-stroke:3px #07beb8;
}

#event .block{
background: url("../images/index/bg_g2.jpg") center top no-repeat;
background-size: cover;
padding: 60px 0;
box-sizing: border-box;
}

#event .block .ttl{
font-size: 22px;
font-weight: 800;
color: #fff26e;
line-height: 1;
text-align: center;
margin: 0 0 20px;
}

#event .block .w_wrap{
position: relative;
width: 90%;
margin: 0 auto;
background: #FFF;
padding: 20px 20px 0;
box-sizing: border-box;
border-radius: 16px;
}

#event .block .w_wrap .txt2{
font-size: 18px;
font-weight: 800;
text-align: center;
margin: 0 0 20px;
line-height: 1.8;
letter-spacing: .1rem;
}

#event .block .w_wrap .txt2 span{
font-size:26px;
font-weight: 900;
background: #fff450;
padding:0 5px;
box-sizing: border-box;
color: #e4547c;
}

#event .block .w_wrap .txt3{
font-size: 14px;
font-weight: 500;
text-align: center;
margin: 0 0 20px;
line-height: 1.8;
letter-spacing: .1rem;
}

#event .block .w_wrap .txt3 span{
font-weight: 900;
}

#event .block .w_wrap .illust_img{
position: relative;
width: 50%;
margin: 0 auto 20px;
}

#event .block .w_wrap .phone_list{
width: 90%;
margin: 0 auto;
}

#event .block .w_wrap .phone_list li{
width: 100%;
margin-bottom:30px;
}

#event .block .w_wrap .phone_list li:last-child{
margin-bottom: 0;
}

/* himemap
--------------------------------------------*/
#himemap {
position:relative;
background: #fac83e;
padding: 50px 0 35px;
box-sizing: border-box;
margin:0 auto 60px;
}

#himemap .block{
position: relative;
width: 90%;
margin: 0 auto;
background: #FFF;
box-sizing: border-box;
border-radius: 30px;
padding: 20px 10px;
}

#himemap .block .shadow_link_btn {
width: 100%;
margin: 0 auto;
border-radius: 10px;
display: inline-block;
cursor: pointer;
}

#himemap .block .shadow_link_btn .shadow_btn_inner{
border:2px solid #e4547c;
box-shadow: 0px 6px 0px 0px rgba(228,84,124,1);
background-color:#ec88a3;
padding:5px;
box-sizing: border-box;
font-size:16px;
font-weight:900;
border-radius:50rem;
transition: 0.3s ease-out;
display: grid;
justify-content: center;
align-items: center;
color:#FFF;
text-align: center;
text-decoration: none;
position: relative;
letter-spacing: .2rem;
}

#himemap .block .shadow_link_btn .shadow_btn_inner:hover{
background: #e4547c;
box-shadow:none;
}

#himemap .block .illust{
position: absolute;
top: -25px;
width: 70px;
left: 0%;
z-index: 5;
}


/* keisai
--------------------------------------------*/
#keisai {
position:relative;
background: #fadde5;
padding: 0;
box-sizing: border-box;
margin:0 auto;
}

#keisai .ph_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 20px;
}

#keisai .ph_list li{
width: 20%;
}

#keisai .block{
width: 90%;
margin: 0 auto;
}

#keisai .block .ttl{
color: #e4547c;
font-size: 20px;
font-weight: 800;
line-height: 1.4;
text-align: center;
margin: 0 0 20px;
letter-spacing: .2rem;
}

#keisai .block .txt{
font-size: 15px;
font-weight: 800;
line-height: 1.6;
text-align: center;
margin: 0 0 30px;
letter-spacing: .2rem;
position: relative;
z-index: 5;
}

#keisai .block .shadow_link_btn {
width: 100%;
margin: 0 auto;
border-radius: 10px;
display: block;
cursor: pointer;
position: relative;
z-index: 5;
}

#keisai .block .shadow_link_btn .shadow_btn_inner{
border:2px solid #4c4d50;
box-shadow: 0px 6px 0px 0px rgba(76,77,80,1);
background-color:#b7b8b9;
padding:5px;
box-sizing: border-box;
font-size:14px;
font-weight:900;
border-radius:50rem;
transition: 0.3s ease-out;
display: grid;
justify-content: center;
align-items: center;
color:#FFF;
text-align: center;
text-decoration: none;
position: relative;
}

#keisai .block .shadow_link_btn .shadow_btn_inner:hover{
background: #4c4d50;
box-shadow:none;
}

#keisai .block .illust_img{
position: relative;
width: 60%;
margin: 20px auto 0;
}

#keisai .block .fukidashi_img{
position: relative;
width: 140px;
margin: 20px 0 0;
}

#keisai .block .keisai_img{
position: relative;
width: 70%;
margin: 10px auto 0;
}

}