@charset "utf-8";
.m-tit{color: #231815;}
.plan-txt01{font-size: 1.9rem;color: #231815; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 30px; text-align: center;}
.plan-txt01 span{letter-spacing: -0.05em;}
.plan-txt02{font-size: 2.8rem; line-height: 1; background: #6c9691; color: #fff; padding: 0 0 5px; margin-bottom: 30px; text-align: center;}
.plan-txt02 span{font-size: 200%; margin-right: 15px;}
.plan-txt03{font-size: 3.3rem; line-height: 1;max-width: 860px;margin: 0 auto 20px; color: #69918c; padding: 0 0 20px;  border-bottom: 1px solid #234a35; text-align: center;}
.plan-txt03 span{font-size: 200%; margin-right: 5px;}
.plan-txt04{line-height: 1.5; color: #69918c; max-width: 380px; min-height: 125px; margin: 0 auto; padding-left: 20px;}
.plan-txt04 span{font-size: 200%;}
.plan-txt04 .li01{margin-bottom: 5px; font-size: 1.8rem;}
.plan-txt05{display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 10px; margin-top: 30px;}
.plan-txt05 li{line-height: 1.2; width: 49%; background: #fffdde;border: 2px solid #69918c; color: #69918c; padding: 1.2rem 0; text-align: center;}
.plan-more{font-size: 2.4rem;letter-spacing: 0.4em; line-height: 1; color: #69918c; position: relative; display: inline-block; width: 180px; text-align: center; margin-top: 20px;}
.plan-more::after{content: ''; width: 100%; height: 19px; display: inline-block; position: absolute; top: 50%; left: 0; background: #234a35; mask: url(../img/common/ic-arrow02.svg) no-repeat top left / 100% 100%; transition: all 0.3s ease;}
@media (max-width: 767px){
    .plan-txt01{font-size: min(3.8vw, 2.1rem); margin-bottom: 20px;text-align: left;}
    .plan-txt01 br{display: none;}
    .plan-txt02{font-size: min(4vw, 2.8rem); margin-bottom: 20px;}
    .plan-txt03{font-size: min(5vw, 3.3rem); margin:0 auto 10px; padding: 0 0 10px;}
    .plan-txt04{min-height: auto;}
    .plan-txt05{margin-top: 20px;}
    .plan-txt04,
    .plan-txt05 li{font-size: min(3vw, 1.6rem);}
    .plan-more{font-size: min(3.8vw, 2.4rem);}
    .plan-more{width: 100px;}
}

#plan .sec-plan{padding: 100px 0 0;}
#plan .cap-type{width: 100%;}
#plan .list-type{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 0 0; row-gap: 50px;}
#plan .list-type .item{width: 47.5%; border: 1px solid #234a35; padding: 30px;}
#plan .list-type a:hover{opacity: 0.8;}
#plan .list-type a:hover .plan-more::after{left: 10px;}
@media (max-width: 1000px){

    #plan .list-type .item{width: 100%; padding: 15px;}
}

@media (max-width: 767px){
    #plan .sec-plan{padding: 50px 0 0;}
    #plan .list-type{padding: 40px 0 0;row-gap: 30px;}
}
.map-type{text-align: center;margin: 60px 0 0;}
#plan-detail{padding: 100px 0;}
#plan-detail .type-detail{border: 1px solid #234a35; padding: 30px;}
#plan-detail .type-detail .plan-txt02,
#plan-detail .type-detail .plan-txt05,
#plan-detail .type-detail .img-type{max-width: 860px; margin-left: auto; margin-right: auto;}
#plan-detail .type-detail .img-type{padding: 60px 0; text-align: center;width: fit-content;margin: 0 auto;position: relative;}
#plan-detail .type-detail .img-type .img-abs{position: absolute;right:-12%;bottom: 80px;}
#plan-detail .type-detail .img-type .img-abs.img-absK2r{right: -5%;}
#plan-detail .type-detail .m-cap{display: flex; flex-wrap: wrap; gap: 5px;}
#plan-detail .type-detail .m-cap span{margin-left: 20px;}
#plan-detail .type-detail .m-cap li{display: flex; align-items: center; column-gap: 5px;}
#plan-detail .btn-back{background: #69918c; color: #fff; text-align: center; padding: 12px; max-width: 360px; display: block; margin: 50px auto 0; font-size: 2.8rem;}
#plan-detail .btn-back:hover{opacity: 0.8;}
#plan-detail .type-detail .plan-txt05 li{width: 24%;}
@media (max-width: 1000px){
    #plan-detail .type-detail .img-type .img-abs,#plan-detail .type-detail .img-type .img-abs.img-absK2r{right: 5%;bottom:30px;width: 25px;}
}
@media (max-width: 767px){
    #plan-detail{padding: 50px 0; margin-top: 0;}
    #plan-detail .type-detail{padding: 15px;}
    #plan-detail .type-detail .m-cap{font-size: min(2vw, 1.2rem);}
    #plan-detail .type-detail .m-cap span{margin-left: 0;}
    #plan-detail .type-detail .m-cap li{flex-wrap: wrap;}
    #plan-detail .type-detail .m-cap img{height: 10px; width: 20px;}
    #plan-detail .type-detail .img-type{padding: 50px 0 80px;}
    #plan-detail .btn-back{font-size: 16px; max-width: 200px; padding: 10px;}
    #plan-detail .type-detail .plan-txt05 li{width: 48%;}
}