@charset "utf-8";
/* このページだけに適用 */
.customer-page .customer-policy{width:90%;max-width:1100px;box-sizing:border-box;margin:0 auto;padding:0 0 100px;font-size:18px;line-height:2;letter-spacing:.04em;overflow-wrap:break-word;}
.customer-page .customer-policy h2{font-size:26px;font-weight:700;line-height:1.7;margin:52px 0 24px;padding-bottom:14px;border-bottom:2px solid #e47000;scroll-margin-top:120px;}
.customer-page .customer-policy h3{font-size:20px;font-weight:700;line-height:1.7;margin:28px 0 12px;padding:12px 18px;background:#f9f9f9;}
.customer-page .customer-policy p{margin:0 0 22px;}
.customer-page .customer-policy ul{margin:18px 0 26px;padding-left:1.5em;}
.customer-page .customer-policy li{list-style:disc;margin:0 0 8px;}
.customer-page .customer-policy a{color:#e47000;text-decoration:underline;}
.customer-page .customer-policy > :first-child{margin-top:0;}
@media screen and (max-width:767px){
.customer-page .customer-policy{font-size:4vw;padding:7vw 0 18vw;}
.customer-page .customer-policy h2{font-size:5vw;margin:10vw 0 5vw;scroll-margin-top:90px;}
.customer-page .customer-policy h3{font-size:4.4vw;margin:6vw 0 3vw;padding:3vw 4vw;}
.customer-page .customer-policy p{margin-bottom:5vw;}
}



/* 2026-09-22：章番号・行為例の囲みを各社カラーで調整 */
.customer-page .customer-policy{--customer-accent:#e47000;--customer-tint:#FAF5EE;}
.customer-page .customer-policy .customer-lead{margin:0 0 48px;}
.customer-page .customer-policy .customer-lead > p:first-child{font-weight:600;}
.customer-page .customer-policy h2.customer-section-title{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d9d9d9;padding:0 0 20px;margin:56px 0 28px;color:inherit;}
.customer-page .customer-policy .customer-number{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--customer-accent);color:#fff;font-size:21px;line-height:1;letter-spacing:0;font-family:Arial,sans-serif;font-weight:600;}
.customer-page .customer-policy .customer-heading-text{flex:1;min-width:0;}
.customer-page .customer-policy .customer-number-separator{font-size:0;}
.customer-page .customer-policy .customer-case{box-sizing:border-box;margin:16px 0;padding:24px 28px;border-left:4px solid var(--customer-accent);background:var(--customer-tint);}
.customer-page .customer-policy .customer-case h3{margin:0 0 10px;padding:0;border:0;background:none;font-size:19px;line-height:1.7;color:inherit;}
.customer-page .customer-policy .customer-case p{margin:0;font-size:17px;line-height:1.9;}
.customer-page .customer-policy ul{box-sizing:border-box;margin:24px 0;padding:20px 28px 20px 48px;background:var(--customer-tint);border-left:4px solid var(--customer-accent);}
.customer-page .customer-policy li{padding-left:4px;margin:8px 0;}
.customer-page .customer-policy li::marker{color:var(--customer-accent);}
.customer-page .customer-policy .customer-lead > :last-child{margin-bottom:0;}
@media screen and (max-width:767px){
.customer-page .customer-policy .customer-lead{margin-bottom:9vw;}
.customer-page .customer-policy h2.customer-section-title{gap:3.5vw;margin:10vw 0 5vw;padding-bottom:4vw;font-size:5vw;line-height:1.6;}
.customer-page .customer-policy .customer-number{flex-basis:9vw;width:9vw;height:9vw;font-size:4.4vw;}
.customer-page .customer-policy .customer-case{margin:3.5vw 0;padding:5vw;border-left-width:3px;}
.customer-page .customer-policy .customer-case h3{font-size:4.4vw;margin-bottom:2.5vw;}
.customer-page .customer-policy .customer-case p{font-size:4vw;line-height:1.95;}
.customer-page .customer-policy ul{margin:5vw 0;padding:4vw 5vw 4vw 9vw;border-left-width:3px;}
.customer-page .customer-policy li{margin:2vw 0;padding-left:1vw;}
}

/* 2026-09-22：見出し・パンくずを他の下層ページと同じ構造に統一（page-beginner.css と同形） */
@media screen and (min-width: 768px) {
    .main-ttl {
        background: url("../images/customer/h2-bg.jpg") no-repeat center top;
        text-align: center;
    }

    .seo_bread_list {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 767px) {
    .main-ttl {
        background: url("../images/customer/h2-bg.jpg") no-repeat center top;
        background-size: cover;
        text-align: center;
        padding: 7% 0 7% 0;
    height: 14.5vh;}

     .main-ttl img{
        width: 90%;}
}