*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#4d3b3d;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.85}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid #f1d9e1;box-shadow:0 3px 16px rgba(80,45,55,.06);backdrop-filter:blur(8px)}.header-inner{width:94%;max-width:1180px;min-height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:700;white-space:nowrap}.logo b{color:#ed5a83}nav{display:flex;flex-wrap:wrap;align-items:center;gap:7px 17px;font-size:13px}.contact{color:#d94370;border:1px solid #ed5a83;border-radius:999px;padding:7px 14px}.breadcrumb{width:92%;max-width:1050px;margin:auto;padding:14px 0;color:#8b777c;font-size:12px}.breadcrumb span{margin:0 8px}.hero{padding:78px 20px 82px;text-align:center;background:radial-gradient(circle at 7% 30%,#ffd5e2,transparent 24%),radial-gradient(circle at 92% 25%,#fff0c7,transparent 20%),linear-gradient(135deg,#fff,#fff5f8)}.hero>p:first-child,.heading>p{margin:0 0 7px;color:#ed5a83;font-size:11px;font-weight:800;letter-spacing:.25em}.hero h1{margin:0 0 18px;font-size:clamp(31px,5vw,50px);line-height:1.4;letter-spacing:.05em}.lead{margin:0;color:#77666a;font-size:15px}.intro{padding:55px 4% 20px}.wrap{width:min(1050px,100%);margin:auto}.intro-box{display:grid;grid-template-columns:65px 1fr;gap:20px;align-items:center;padding:28px 32px;background:#fff9fb;border:1px solid #f2dce4;border-radius:22px}.intro-box>span{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border:1px solid #ead8a7;border-radius:50%;color:#a87917;background:#fffaf0;font-size:24px;font-weight:800}.intro h2{margin:0 0 6px;font-size:21px}.intro p{margin:0;color:#77666a;font-size:13px}.policy{padding:70px 4%}.heading{text-align:center;margin-bottom:35px}.heading h2{margin:0;font-size:clamp(27px,4vw,37px)}.policy-card{display:grid;grid-template-columns:58px 1fr;gap:20px;margin-bottom:18px;padding:27px 29px;background:#fff;border:1px solid #f1dbe3;border-radius:20px;box-shadow:0 12px 30px rgba(99,54,68,.07)}.number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff1f5;color:#d94370;font-size:12px;font-weight:800}.policy-card h3{margin:0 0 10px;font-size:20px}.policy-card p,.policy-card li{font-size:13px;color:#66565a}.policy-card p{margin:7px 0}.policy-card strong{color:#d94370}.important{border-color:#edb7c7;background:linear-gradient(135deg,#fff8fa,#fff)}.fee{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0;padding:13px 17px;border-radius:12px;background:#fff1f5}.fee span{font-size:12px}.fee strong{font-size:23px;color:#d94370}.point{margin-top:13px;padding:11px 14px;background:#fff8e8;border:1px solid #f0e0b8;border-radius:10px;color:#745d27;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.split div{padding:14px;background:#fff9fb;border:1px solid #f2dce4;border-radius:11px}.split b{display:block;color:#d94370;font-size:12px;margin-bottom:4px}.split span{font-size:11px;color:#66565a}.policy-card ul{padding-left:20px;margin:9px 0}.payment-flow{display:flex;align-items:center;justify-content:center;gap:9px;margin:17px 0;padding:16px;background:#fff9fb;border:1px solid #f2dce4;border-radius:12px}.payment-flow span{font-size:11px;font-weight:700}.payment-flow i{font-style:normal;color:#ed5a83}.small{font-size:10px!important;color:#8b777c!important}.guide{padding:70px 4%;background:#fff9fb}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid>div{padding:25px 22px;background:#fff;border:1px solid #f1dbe3;border-radius:18px}.guide-grid span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#fff1f5;color:#d94370;font-size:10px;font-weight:800}.guide-grid h3{font-size:17px;line-height:1.55}.guide-grid p{font-size:12px;color:#66565a}.links{padding:70px 4%;text-align:center}.links h2{margin:0 0 8px;font-size:27px}.links p{font-size:13px;color:#77666a}.buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.buttons a{display:inline-flex;justify-content:center;min-width:230px;padding:13px 20px;border-radius:999px;background:#ed5a83;color:#fff;font-size:12px;font-weight:800}.buttons a+ a{background:#fff;color:#d94370;border:1px solid #ed5a83}.notice{padding:20px 4% 70px}.notice-box{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px 28px;background:#fffaf0;border:1px solid #efdfb9;border-radius:18px}.notice-box>span{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid #f0dca8;border-radius:50%;color:#d6a12c}.notice h2{margin:0 0 5px;font-size:19px}.notice p{margin:0;color:#66565a;font-size:12px}footer{padding:43px 20px 32px;text-align:center;background:#493b3e;color:#fff}footer b{display:block;margin-bottom:15px}footer nav{justify-content:center;margin-bottom:18px;font-size:11px}footer small{font-size:10px;opacity:.7}@media(max-width:800px){.header-inner{flex-direction:column;padding:9px 0}.logo{font-size:15px}nav{font-size:10px;gap:4px 8px}.guide-grid{grid-template-columns:1fr}.payment-flow{flex-direction:column}.payment-flow i{transform:rotate(90deg)}}@media(max-width:600px){.hero{padding:55px 18px 60px}.lead{font-size:13px}.intro,.policy,.guide,.links,.notice{padding-left:4%;padding-right:4%}.intro-box{grid-template-columns:1fr;gap:12px;padding:22px 20px}.intro h2{font-size:18px}.policy{padding-top:55px}.policy-card{grid-template-columns:1fr;gap:12px;padding:23px 20px}.policy-card h3{font-size:18px}.fee{align-items:flex-start;flex-direction:column;gap:2px}.fee strong{font-size:21px}.split{grid-template-columns:1fr}.buttons a{width:100%}.notice-box{grid-template-columns:1fr;padding:22px 20px}}


/* ==========================================
   セリシール共通固定ボトムナビ
   ========================================== */

.cerisier-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 70px;

    display: flex;
    align-items: stretch;
    justify-content: center;

    background: rgba(255, 255, 255, 0.97);

    border-top: 1px solid #ead1d8;

    box-shadow: 0 -3px 15px rgba(90, 50, 50, 0.12);

    z-index: 10000;

    box-sizing: border-box;

    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}


/* 各ボタン */

.cerisier-bottom-nav__item {

    flex: 1 1 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    min-width: 0;

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    color: #654848;

    background: #ffffff;

    border-right: 1px solid #eadde1;

    box-sizing: border-box;

    transition:
        background-color .2s ease,
        color .2s ease,
        transform .1s ease;
}


/* 最後の罫線 */

.cerisier-bottom-nav__item:last-child {
    border-right: none;
}


/* アイコン */

.cerisier-bottom-nav__icon {

    display: block;

    margin-bottom: 3px;

    font-size: 21px;

    line-height: 1;

}


/* 電話 */

.cerisier-bottom-nav__phone
.cerisier-bottom-nav__icon {
    color: #c85d72;
}


/* 相談メニュー */

.cerisier-bottom-nav__service
.cerisier-bottom-nav__icon {
    color: #d47b91;
}


/* 予約 */

.cerisier-bottom-nav__reserve {

    background: #d95b78;

    color: #ffffff;

}

.cerisier-bottom-nav__reserve
.cerisier-bottom-nav__icon {

    color: #ffffff;

}


/* マウスオーバー */

.cerisier-bottom-nav__phone:hover,
.cerisier-bottom-nav__service:hover {

    background: #fff3f6;

    color: #c94f6d;

}


.cerisier-bottom-nav__reserve:hover {

    background: #c94f6d;

}


/* タップ時 */

.cerisier-bottom-nav__item:active {

    transform: scale(.98);

}


/* ==========================================
   スマートフォン
   ========================================== */

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

    .cerisier-bottom-nav {

        height: 64px;

    }


    .cerisier-bottom-nav__item {

        font-size: 11px;

    }


    .cerisier-bottom-nav__icon {

        font-size: 19px;

        margin-bottom: 2px;

    }

}


/* ==========================================
   ボトムナビにコンテンツが隠れないための余白
   ========================================== */

body {

    padding-bottom: 70px;

}


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

    body {

        padding-bottom: 64px;

    }

}