@charset "UTF-8";

#contents.customer-policy .section_mv {
    height: 280px;
    background: url(../img/lower_mv_bg.png) center bottom / cover;
}
#contents.customer-policy .section_mv-box {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}
#contents.customer-policy .section_title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .04em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.customer-policy-content {
    max-width: 1200px;
    margin: 140px auto 180px;
    padding: 0 20px;
    --policy-blank-line: 40px;
    font-size: 16px;
    line-height: 2.5;
    color: #004091;
    overflow-wrap: anywhere;
    line-break: strict;
}
#contents.customer-policy .section_title span {
    display: inline-block;
}
.customer-policy-content p,
.customer-policy-content li {
    letter-spacing: 0;
    font-feature-settings: "palt";
}
.customer-policy-content p {
    margin: 0;
}
.customer-policy-content section {
    margin-top: var(--policy-blank-line);
}
.customer-policy-content section + section {
    margin-top: var(--policy-blank-line);
}
.customer-policy-content section + section + section {
    margin-top: var(--policy-blank-line);
}
.customer-policy-content h2 {
    margin-bottom: var(--policy-blank-line);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
}
.customer-policy-content ul {
    list-style: none;
    margin: var(--policy-blank-line) 0 0;
    padding: 0;
}
.customer-policy-content li {
    padding-left: 0;
    text-indent: 0;
}
.customer-policy-content .policy-date {
    margin-top: var(--policy-blank-line);
    text-align: right;
}
@media screen and (max-width: 768px) {
    #contents.customer-policy .section_mv {
        height: 220px;
    }
    #contents.customer-policy .section_title {
        max-width: 28em;
        font-size: clamp(22px, 4.7vw, 32px);
        letter-spacing: .05em;
    }
    .customer-policy-content {
        margin-top: 64px;
        margin-bottom: 88px;
        padding: 0 24px;
        --policy-blank-line: 33.6px;
        line-height: 2.1;
    }
    .customer-policy-content section,
    .customer-policy-content section + section,
    .customer-policy-content section + section + section {
        margin-top: var(--policy-blank-line);
    }
    .customer-policy-content h2 {
        font-size: 20px;
    }
    .customer-policy-content .policy-date {
        margin-top: var(--policy-blank-line);
    }
}