@charset "utf-8";
/*pc*/
.tit_area{
background:url(../img/tit_bg.png);
background-size:cover;
padding:45px 0;
margin-bottom:70px;
}
.tit_area h2{
text-align:center;
}
.tit_area h2 img{
width:auto;
}
.inner{
max-width:1080px;
margin:0 auto;
}

.plan_area{
max-width:980px;
margin:0 auto 100px;
line-height:1.2em;
}
.plan_area h3{
font-size:30px;
margin-bottom:50px;
text-align:center;
}
.area{
width:100%;
margin-bottom:70px;
}
.plan_list{

}
.plan_list ul{
display:flex;
gap:40px;
flex-wrap:wrap;
}
.plan_list li{
width:30%;
}

.plan_detail_area{
max-width:980px;
margin:0 auto 100px;
line-height:1.2em;
}
.plan_box{
display:flex;
justify-content:space-between;
margin-bottom:70px;
}
.info_box{
width:30%;
max-width:300px;
}
.info{
margin-bottom:30px;
}
.plan_img{
width:70%;
max-width:650px;
}
.back{
max-width:490px;
margin:0 auto;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.tit_area{
background:url(../img/tit_bg.png);
background-size:cover;
padding:10% 0;
}
.tit_area h2{
width:70%;
margin:0 auto;
}
.tit_area h2 img{
width:auto;
}
.inner{
max-width:100%;
margin:0 auto;
}

.plan_area{
max-width:90%;
margin:0 auto 20%;
}
.plan_area h3{
font-size:5vw;
margin-bottom:10%;
line-height:1.4em;
}
.area{
width:100%;
margin-bottom:10%;
}
.plan_list{
}
.plan_list ul{
gap:4%;
}
.plan_list li{
width:48%;
margin-bottom:4%;
}

.plan_detail_area{
max-width:90%;
margin:0 auto 20%;
}
.plan_box{
display:block;
margin-bottom:5%;
}
.info_box{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:5%;
max-width: initial;
}
.info{
width:48%;
margin-bottom:0;
}
.tori{
width:48%;
}
.plan_img{
width:100%;
max-width: initial;
}
.back{
max-width:490px;
margin:0 auto;
}

}