#plan .bg{padding-bottom:100px;background:#fbf8f5}

@media screen and (max-width: 750px),print{
#plan .bg{padding-bottom:0
}
}
#plan .page-catch{margin-bottom:30px;text-align:center;font-size:2rem;letter-spacing:.04em}

@media screen and (min-width: 751px),print{
#plan .page-catch{margin-bottom:60px;font-size:3rem
}
}
#plan .page-catch__fz{font-size:125%}
#plan .page-lead{margin-bottom:60px;text-align:center}

@media screen and (min-width: 751px),print{
#plan .page-lead{margin-bottom:80px
}
}

#plan .list{display:flex;flex-wrap:wrap;justify-content:space-around}
#plan .list .block{
border-top:3px solid #a69663;
width:30%;
background:#fff;
box-shadow:5px 5px 10px rgba(0,0,0,.1);
padding:2em 1.5em}

@media screen and (max-width: 750px),print{
#plan .list .block{
width:100%;margin:0 0 2em
}
}


#plan .list .block .type{font-size:min(4.8vw,30px);text-align:center;color:#a69663;line-height:1}
#plan .list .block .type::first-letter{font-size:min(7vw,52px)}
#plan .list .block .ldk{font-size:min(4.2vw,24px);text-align:center;border-bottom:1px solid #a69663;line-height:1;padding:.5em 0;margin:0 0 .5em}
#plan .list .block .ldk::first-letter{font-size:min(5.1vw,34px)}
#plan .list .block .spec{font-size:min(4.3vw,25px);text-align:center;line-height:1;margin:0 0 1em}
#plan .list .block .spec .ja{font-size:min(3.5vw,20px)}
#plan .list .block .spec .number{font-size:min(5.1vw,34px);padding:0 0 0 5px}
#plan .list .block .img{margin:0 0 1em}
#plan .list .block .btn{width:70%;margin:0 auto}
#plan .list .block .btn a{
display:block;
position:relative;
background:#958759;
background:linear-gradient(90deg, rgb(149, 135, 89) 0%, rgb(175, 163, 128) 100%);
font-size:min(3.2vw,16px);
text-align:center;
color:#fff;
padding:.75em 1em
}

@media screen and (min-width: 751px),print{
#plan .list .block .btn a::after{
content:"";
width:20%;
height:1px;
background:#fff;
position:absolute;top:50%;
right:0;
transform:translateY(-50%)
}
}
#plan .list .block .btn a:hover{opacity:.7}
#plan .list .block .sp-on .in{display:none}
#plan .list .block .sp-on .in.show{display:block}
#plan .list .block .sp-on .btn.open{display:block}
#plan .list .block .sp-on .btn.open.hide{display:none}
#plan .list .block .sp-on .btn.open a::after{
content:"";
width:9px;
height:6px;
background:url(../img/plan/ico-open.png) no-repeat 0 0;
background-size:100%;
position:absolute;
top:50%;
right:7.5%;
transform:translateY(-50%)
}
#plan .list .block .sp-on .btn.close{display:none}
#plan .list .block .sp-on .btn.close.show{display:block}
#plan .list .block .sp-on .btn.close a::after{
content:"";
width:9px;
height:6px;
background:url(../img/plan/ico-close.png) no-repeat 0 0;
background-size:100%;
position:absolute;
top:50%;
right:7.5%;
transform:translateY(-50%)
}
#plan .list .block .box{background:#f9f8f4;padding:1.5em 2em;margin:0 0 2em}
#plan .list .block .box dl{margin:0 0 .5em}
#plan .list .block .box dl dt{font-size:10px;line-height:1}
#plan .list .block .box dl dd{font-size:10px;line-height:1}
#plan .list .block .box dl dd .number{font-size:18px}
#plan .list .block .box .note{font-size:10px}
#plan .list .block .merit{margin:0 0 3em}
#plan .list .block .merit li{background:#a69663;font-size:13px;margin:0 0 1em;text-align:center;color:#fff;padding:.5em 0}
#plan .list .block .img{margin:0 0 2em}
#plan .list .block .notes{display:flex;flex-wrap:wrap;margin:0 0 2em}
#plan .list .block .notes li{font-size:10px;margin:0 1em .5em 0;line-height:1}
#plan .list .block .notes li span{display:inline-block;background:#fdf0e9;width:2em;height:1em;margin:0 5px 0 0}
#plan .list .block .notes li span.storage{background:#d0c8bb}/*# sourceMappingURL=plan.css.map */