@charset "utf-8";
h1{
background:rgba(242,239,227,0.6);
text-align:center;
width:100%;
height:110px;
position:relative;
z-index:10;
}

h2{
font-size:33px;
width:330px;
max-width:90%;
margin:-110px auto 0;
text-align:center;
background:url(../../common/img/h2_bg.png) no-repeat center center;
background-size:cover;
color:#fff;
padding:180px 0 60px;
letter-spacing: 0.1em;
}
h2 span{
font-size:15px;
display: block;
}
h2 span:before{
content:"";
display: block;
background:#fff;
height:2px;
width:40px;
margin:10px auto 20px;
}


.plan_main{
text-align:center;
margin-bottom:80px;
}

.plan_list{

}
.plan_list h3{
color:#1a1311;
font-size:31px;
letter-spacing:0.2em;
text-align: center;
margin-bottom:80px;
line-height:1.8em;
}
.plan_list h3 span{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
font-size:23px;
letter-spacing:0.1em;
padding:5px 20px;
margin-right:20px;
vertical-align: middle;
}
.area{
text-align: center;
margin-bottom:80px;
position: relative;
}
.area p{
/*position: absolute;*/
/*top: 10%;*/
/*left: 50%;*/
pointer-events: none;
/*width: 45%;*/
}

.plan_list ul{
display:flex;
/*justify-content:space-between;*/
flex-wrap:wrap;
max-width:1080px;
margin:0 auto 80px;
gap:3%;
}
.plan_list li{
width:30%;
margin-bottom:30px;
transition:0.5s;
}
.plan_list li.fin{
pointer-events:none;
opacity:0.6;
}
.plan_list li:hover{
opacity:0.6;
transition:0.5s;
}

@media screen and (max-width: 950px) {
h1{
text-align: center;
position:static;
transform: translateX(0);
z-index:10;
width:auto;
background:transparent;
}

h2{
font-size:10vw;
width:100%;
max-width:100%;
margin:0 auto;
padding:10% 0;
}
h2 span{
font-size:4vw;
}
h2 span:before{
margin:3% auto;
}

.mv{
margin-bottom:10%;
}
.mv img{
}

.info_area{
max-width:90%;
margin:0 auto 15%;
}
.info_area h3{
font-size:20px;
margin-bottom:%;
}
.info_box{
}
.info_box dl{
padding:5% 0;
display:block;
}
.info_box dl:last-child{
}
.info_box dt{
width:100%;
padding-left:0;
font-size:20px;
margin-bottom:5px;
}
.info_box dd{
width:100%;
font-size:18px;
}

.plan_main{
text-align:center;
margin-bottom:5%;
}
.plan_list{

}
.plan_list h3{
padding:10% 0;
font-size:4vw;
margin-bottom:5%;
}
.plan_list h3 span{
display:block;
font-size:18px;
width:80%;
padding:5px 0 7px;
margin:0 auto 3%;
vertical-align: middle;
}
.area{
text-align: center;
width:95%;
margin:0 auto 5%;
}

.plan_list ul{
display:flex;
flex-wrap:wrap;
max-width:70%;
margin:0 auto 10%;
gap:3%;
}
.plan_list li{
width:100%;
margin-bottom:10%;
}
}



/*modal*/

.iziModal_opens{
cursor: pointer;
}
.iziModal{
}
.iziModal .izarea{
width:100%;
padding-bottom:50px;
}
.iziModal h3{
background:url(../img/model_tit_bg.png) no-repeat center center;
background-size:cover;
padding:20px;
color:#fff;
font-size:14px;
letter-spacing:1em;
text-align:center;
}
.iziModal .top_close{
display:flex;
flex-flow:row-reverse;
}

.plan_box{
max-width:880px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.plan_info_box{
width:43%;
font-size:16px;
}
.plan_info{
margin-bottom:50px;
}
.plan_info_box ul{
margin-bottom:90px;
}
.plan_info_box li{
text-indent:-1.3em;
margin-left:1.3em;
margin-bottom:2em;
line-height:1.5em;
font-feature-settings:"palt";
}

.plan_info_box .point{
display:flex;
justify-content:space-between;
margin-bottom:90px;
}
.plan_info_box .point li{
width:45%;
color:#fff;
font-size:23px;
background:#690207;
text-align:center;
padding:5px 0 5px;

text-indent:0;
margin-left:0;
margin-bottom:0;
line-height:auto;
font-feature-settings:"palt";
}
.plan_info_box .point li:nth-child(even){
background:#bb977e;
}
.plan_info_box .point li.single{
width:100%;
}

.plan_img_box{
width:55%;
}

/*iziModal_wide*/
.plan_info_pc{
max-width:880px;
margin:0 auto 60px;
text-align:left;
}

.iziModal_wide .plan_box{
max-width:880px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.iziModal_wide .plan_info_box{
width:34%;
font-size:16px;
}
.iziModal_wide .plan_info{

margin-bottom:50px;
}
.iziModal_wide .plan_info_box ul{
margin-top:50px;
margin-bottom:90px;
}
.iziModal_wide .plan_info_box li{
text-indent:-1.3em;
margin-left:1.3em;
margin-bottom:2em;
line-height:1.5em;
font-feature-settings:"palt";
}

.iziModal_wide .plan_img_box{
width:66%;
}


@media screen and (max-width: 767px) {
.iziModal{

}
.iziModal .izarea{
width:100%;
padding-bottom:20%;
}
.iziModal h3{
padding:5%;
font-size:3vw;
letter-spacing:0.5em;
}
.iziModal .top_close{
display:flex;
flex-flow:row-reverse;
margin-bottom:3%;
}
.iziModal .top_close img{
width:10%;
}




.plan_box{
max-width:80%;
margin:0 auto;
display:block;
}
.plan_info_box{
width:100%;
font-size:15px;
}
.plan_info{
margin-bottom:10%;
}
.plan_info_box ul{
margin-bottom:10%;
}
.plan_info_box li{
text-indent:-1.3em;
margin-left:1.3em;
margin-bottom:1.5em;
line-height:1.5em;
}

.plan_img_box{
width:100%;
}
.plan_img{
margin-bottom:10%;
}

/*iziModal_wide*/
.plan_info_pc{
}

.iziModal_wide .plan_box{
max-width:80%;
margin:0 auto;
display:block;
}
.iziModal_wide .plan_info_box{
width:100%;
font-size:15px;
}
.iziModal_wide .plan_info{
margin-bottom:10%;
}
.iziModal_wide .plan_info_box ul{
margin-top:0;
margin-bottom:10%;
}
.iziModal_wide .plan_info_box li{
text-indent:-1.3em;
margin-left:1.3em;
margin-bottom:1.5em;
line-height:1.5em;
}

.iziModal_wide .plan_img_box{
width:100%;
margin-bottom:10%;
}

}