/**全体**/
:root {
    --font-lower-page-h1-size: 48px;
    --font-lower-page-fv-text-size: 24px;
    --font-14: 14px;
    --font-18: 18px;
    --font-20: 20px;
    --font-24: 24px;
    --font-30: 30px;
    --font-36: 36px;
    --font-48: 48px;
    --font-60: 60px;
    --font-72: 72px;
    --font-96: 96px;
    --font-100: 100px;
}

@media screen and (min-width:768px) and (max-width:1089px) {

    :root {
        --font-lower-page-h1-size: clamp(2.375rem, -1.91rem + 9.42vw, 4.5rem);
        --font-lower-page-fv-text-size: clamp(1.125rem, 0.621rem + 1.11vw, 1.375rem);
        --font-24: clamp(1.375rem, 1.123rem + 0.55vw, 1.5rem);
        --font-30: clamp(1.563rem, 0.932rem + 1.39vw, 1.875rem);
        --font-36: clamp(1.625rem, 0.365rem + 2.77vw, 2.25rem);
        --font-48: clamp(1.875rem, -0.394rem + 4.99vw, 3rem);
        --font-60: clamp(2.188rem, -0.963rem + 6.93vw, 3.75rem);
        --font-72: clamp(2.5rem, -1.533rem + 8.86vw, 4.5rem);
        --font-96: clamp(2.5rem, -3.802rem + 13.85vw, 5.625rem);
        --font-100: clamp(2.813rem, -4.12rem + 15.24vw, 6.25rem);
    }
}

@media screen and (max-width:767px) {
    :root {
        --font-lower-page-h1-size: 38px;
        --font-lower-page-fv-text-size: 18px;
        --font-24: 22px;
        --font-30: 25px;
        --font-36: 26px;
        --font-48: 30px;
        --font-60: 35px;
        --font-72: 38px;
        --font-96: 40px;
        --font-100: 45px;
    }
}

.fv {
    padding-top: 88px;
}

.fvbox {
    background: url(../img/common/fvbg.webp) center center no-repeat;
    background-size: cover;
    height: 300px;
    display: flex;
    align-items: center;

    .fvtext {
        max-width: var(--max-width);
        width: 95%;
        margin: auto;

        .subtitle {
            font-size: var(--font-24);
            font-family: var(--font--Medium-family);
            margin-bottom: .5em;
        }

        .title {
            font-size: var(--font-lower-page-h1-size);
            font-family: var(--font--blod-family);
        }
    }
}

.text_link {
    color: #2A7DC2;
}

.sectionbox {
    max-width: var(--max-width);
    width: 90%;
    margin: auto;
    padding: 4.5em 0;

    .termsbox {
        line-height: 1.8;

        h2 {
            margin-top: 2em;
            font-size: 24px;
        }

        p {
            strong {
                font-family: var(--font--blod-family);
            }
        }

        p:has(> strong) {
            margin-top: 1em;
        }

        p:has(+ ul) {
            margin-bottom: 1em;
        }

        p:has(+ ol) {
            margin-bottom: 1em;
        }

        ul {
            margin-left: 1em;
            margin-bottom: 1em;
        }

        ol {
            margin-left: 1em;
            margin-bottom: 1em;
        }
        li{
            transform: rotate(0.05deg);
        }
    }
}

.is-style-mb1{
    margin-bottom: 1em;
}
.is-style-mb2{
    margin-bottom: 2em;
}
.is-style-mb3{
    margin-bottom: 3em;
}
.is-style-mb4{
    margin-bottom: 4em;
}
.is-style-mb5{
    margin-bottom: 5em;
}
.is-style-mt1{
    margin-top: 1em;
}
.is-style-mt2{
    margin-top: 2em;
}
.is-style-mt3{
    margin-top: 3em;
}
.is-style-mt4{
    margin-top: 4em;
}
.is-style-mt5{
    margin-top: 5em;
}