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


.cta_wrap { position: relative; background:url(../images/common/webp/treatment-bg01.webp) no-repeat center/cover; margin-top:7rem; }
.cta_wrap span.text{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; position: absolute; top:-3.8vw; left: 0; right: 0; margin: auto; font-size: 8vw; color: rgba( 183, 147, 59, 0.3 ); text-align: center; line-height: 1; z-index: 0;}
.cta_box{ width: 850px; margin: 0 auto 7rem; padding: 3vw 4rem 7rem; box-sizing: border-box; }
.cta_box h2{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 35px; text-align: center; padding: 2rem 0 1rem; margin-bottom: 2rem; border-bottom: #B7933B 2px solid; }
.cta_box .flex_wrap{ display: flex; justify-content: space-between;}
.cta_box .flex_wrap .img{ width: 40%;}
.cta_box .flex_wrap .text{ width: 60%; padding-left: 2rem; padding-top: 0; box-sizing: border-box; }
.cta_box .flex_wrap .text p{ text-align: left; font-size: 15px; margin-bottom: 1rem; font-weight: 500; line-height: 2; }

.cta_box.short{ width: 800px; background:#dedfd7; padding: 2rem 2rem 1.7rem; margin: 0 auto 6rem;}
.cta_box.short .flex_wrap{ margin: 0;}
.cta_box.short .yoyaku_wrap a.btn{ width: 100%; margin-bottom: 0;}
.cta_box.short .flex_wrap .text .tell_link{ width: 100%; text-align: center; font-size: 17px; }
.cta_box.short .yoyaku_wrap .point_text{ font-size: 17px; line-height: 1.8; text-align: center; }
.cta_box.short .flex_wrap .img,.cta_box.short .flex_wrap .text{ width: 48%; padding: 0; margin-bottom:0; }
.cta_box.short .flex_wrap .img{ display: flex; justify-content: center; width: 365px; height: 215px; overflow: hidden; }
.cta_box.short .flex_wrap .img img{ height: 100%; width: auto; max-width: none; }
.cta_box .tell_link {
    position: relative;
    width: 475px;
    background: #FFF;
    margin: 2rem auto 1.5rem;
    padding-top: .6rem;
    box-shadow: 0 1px 5px #888;
}
.cta_box .tell_link span {
    position: absolute;
    top: -2.5rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    background: #858463;
    border: #FFF 1px solid;
    color: #FFF;
    width: 90%;
    border-radius: 1rem;
    margin: auto;
    line-height: 1.8;
}
.jidv_wrap{ padding: 0 0 4rem; }
.jidv_wrap .inner{ background: #F0EBD8 ; border: #b7933b 1px solid; width: 1000px; margin: 0 auto; text-align: center; padding: 2.5rem 2rem; box-sizing: border-box; }
.jidv_wrap h2{ color: #333; font-weight: 500; font-size: 30px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-align: center; margin: 0 0 1.5rem; }
.jidv_wrap h3{ color: #b7933b; font-size: 1.7rem; font-weight: 600; text-align: center; margin-bottom: .8rem; }
.jidv_wrap img{ width: 80%;  box-shadow:  0 1px 5px #888; }
.jidv_fukidashi { border-radius: 2.5rem; background:#FFF url(../images/common/webp/jidv_bg.webp) no-repeat left center/auto 100%; position: relative; margin-top: 3.5rem; padding: 2rem 0 2.5rem;}
.jidv_fukidashi::before { content: ""; background: #FFF; width: 6rem; height: 2rem; clip-path: polygon(50% 0, 100% 100%, 0 100%); position: absolute; left: 50%; top: -1.9rem; transform: translate(-50%, 0);}
.jidv_fukidashi p{ font-size: 14px; line-height: 1.8; text-align: center; margin-bottom: 1.5rem;}
.jidv_fukidashi ul { display: flex; justify-content: center; gap: 0 2.4rem;}
.jidv_fukidashi ul a { display: inline-flex; align-items: center; padding: .8rem 5rem .8rem 2rem; border: .1rem solid #b7933b; background: #f6f3eb  url(../images/common/icon_yajirushi.svg) no-repeat center right 2rem / 1.8rem auto; color:#000; font-size: 15px; font-weight: 500; line-height: 1.5; text-align: left; transition: 0.5s;}
.jidv_fukidashi a:hover{ opacity: .7; transition: 0.5s; text-decoration: none; }
.yoyaku_wrap p {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
}
.yoyaku_wrap {
    padding-top: 1.5rem;
}
.yoyaku_wrap a.btn {
    width: 475px;
    max-width: 100%;
    height: 60px;
    border-radius: 3rem;
    margin: 10px auto 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: .1rem;
    color: rgb(255, 255, 255);
    background-color: #B7933B;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-left: 0;
}
.tell_link a {
    position: relative;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--sub-font);
    color: #b7933b;
    padding-left: 2.5rem;
    letter-spacing: .2rem;
}
.point_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .8rem;
}
.point_list li {
    width: 48%;
    margin-bottom: .7rem;
    background: #858463;
    border-radius: 90px;
    text-align: center;
    padding: .4rem 0;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
}

@media(max-width: 768px){
        .cta_wrap { margin-top:5rem; }
    .cta_box .flex_wrap .img{ width: 100%; margin-bottom: 1rem; }
    .cta_wrap span.text{ top:-1.8rem; font-size:3rem ; text-align: center; letter-spacing: 0; }
    .cta_box{ width: 100%; padding: 1.5rem 1.5rem 3.5rem; margin-bottom: 4rem; }
    .cta_box h2{ font-size: 20px; padding: 0 0 .7rem; margin-bottom: 1.5rem; line-height: 1.5; }
    .cta_box .flex_wrap{ display: block; margin-bottom: 0;}
    .cta_box .flex_wrap .text{ width: 100%; padding-left: 0; }
    .cta_box .flex_wrap .text p{ font-size: 13px; line-height: 2; letter-spacing: .05rem; }
    
    .cta_box .tell_link{ width: 90%;  margin: 1.5rem auto 1rem; padding-top: .8rem; padding-bottom: 0.2rem}
    .cta_box .tell_link span{ font-size: 11px; top:-2rem; letter-spacing: .1rem; }
    .cta_box .tell_link a{ font-size: 20px;}
    .cta_box .tell_link a:before{ width: 19px; height: 19px; top:6px; }
    .cta_box .yoyaku_wrap a.btn{ width: 90%; height: 47px; font-size: 17px; padding-left: 0; }
    .yoyaku_wrap a.btn:before{ width: 21px; height: 21px;}
    .yoyaku_wrap a.btn:after{ top:2rem; width: 2rem; }
    .cta_box.short{ width:100%; padding: 1.5rem; margin: 0 auto 4rem; }
    .cta_box.short .yoyaku_wrap .point_text{ font-size: 15px; line-height: 1.5;}
    .cta_box.short .flex_wrap .img,.cta_box.short .flex_wrap .text{ width: 100%; margin-top: .5rem; }
    .cta_box.short .flex_wrap .img{ width: 100%; height: auto;  margin: 0 auto 1rem;}
    .cta_box.short .flex_wrap .img img{ width: 100%; height: auto;}

    .jidv_wrap{ padding: 0 1.5rem 1rem; }
    .jidv_wrap .inner{ width: 100%; padding: 1.5rem; }
    .jidv_wrap h2{ font-size: 1.7rem; margin: 0 0 1rem; }
    .jidv_wrap h3{ font-size: 1.5rem; margin-bottom: .6rem;     }
    .jidv_wrap img{ width: 100%; }
    .jidv_fukidashi { border-radius: 1.5rem; background-position: left top; background-size: 10.7rem auto; padding: 1.8rem 1.8rem 1rem; margin-top: 3rem; }
    .jidv_fukidashi::before {  width: 4rem;}
    .jidv_fukidashi p{ font-size: 13px; text-align: left; margin-bottom: 1rem;}
    .jidv_fukidashi ul { display: block; gap: 0;}
    .jidv_fukidashi ul a { width: 100%; box-sizing: border-box; margin-bottom: .7rem; font-size: 14px; padding: .6rem 5rem .6rem 2rem; }
}