@charset "UTF-8";

body {  
    display: flex;
    flex-direction: column;
    min-height: 100vh; 
}

.html_importantnotice {
    font-size: calc(100vw / 1280 * 10);
}

.l-importantnotice {
    letter-spacing: 0.2rem;
    flex: 1;
}

.l-importantnotice .br{
    display: block;
}

.l-importantnotice__header {
    display: block;
    width: 17.1rem;
    height: auto;
    margin: 0 auto;
    margin-top: 6rem;
    margin-bottom: 3rem;
}
.l-importantnotice__header img{
    width:100%;
    height: auto;
}

.p-importantnotice__body {
    display: block;
    width: 100rem;
    margin: 0 auto;
    padding: 6rem;
    background-color: #f5f5f5;
}

.p-importantnotice__ttl {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    text-align: center;
}

.p-importantnotice__txt {
    font-weight: 400;
    margin-bottom: 4rem;
}

.p-importantnotice__txt p:not(:last-child) {
    padding-bottom: 2rem;
}

.p-importantnotice__btnwrap {
    display: block;
    width: 74rem;
    margin: 0 auto;
}

.p-importantnotice__btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 74rem;
}

.p-importantnotice__btn-form {
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34rem;
    height: 7rem;
    padding-left: 3rem;
    color: #fff;
    background-color: #000;
}

.p-importantnotice__btn-form::before {
    position: absolute;
    top: 2rem;
    left: 4rem;
    width: 2.7rem;
    height: 2.7rem;
    content: '';
    color: #fff;
    background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="rgb(255, 255, 255)" d="M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z"/></svg>');
    background-size: contain;
}

.p-importantnotice__btn a:hover {
    transition: .2s;
    opacity: .6;
}

.p-importantnotice__btn-tel {
    font-size: 1.8rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: 34rem;
    height: 7rem;
    padding-left: 2rem;
    letter-spacing: .2rem;
    border: .1rem solid #000;
    background-color: #fff;
}

.p-importantnotice__btn-tel span {
    font-size: 1.2rem;
    font-weight: 400;
    display: block;
    letter-spacing: 0;
}

.p-importantnotice__btn-tel::before {
    position: absolute;
    top: 2rem;
    left: 5rem;
    width: 2.7rem;
    height: 2.7rem;
    content: '';
    background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="rgb(0, 0, 0)" d="M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z"/></svg>');
    background-size: contain;
}

.l-importantnotice__footer {
    font-size: 1.2rem;
    margin-top: 5.5rem;
    padding-bottom: 5rem;
}

.l-importantnotice__footer span {
    font-weight: 400;
    display: block;
    text-align: center;
    color: #7b7b7b;
}

.l-importantnotice__footer-small {
    font-size: 1rem;
}

.p-importantnotice__txt-marker {
    background: linear-gradient(transparent 50%, #ffbebe 50%);
}

.p-importantnotice__ttl-03 {
    font-size: 2.7rem;
    margin-bottom: 2rem;
    text-align: center;
}

.p-importantnotice__txt-03 p {
    text-align: center;
}

.p-importantnotice__txt-03 {
    font-weight: 400;
    margin-bottom: 4rem;
}

.p-importantnotice__txt-03 p:not(:last-child) {
    padding-bottom: 2rem;
}

@media screen and (max-width:767px) {
    .html_importantnotice {
        font-size: calc(100vw / 390 * 10);
    }

    .l-importantnotice__header {
        display: block;
        width: 16.6rem;
        height: auto;
        margin: 0 auto;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .p-importantnotice__body {
        width: 33.8rem;
        padding: 3rem;
    }

    .p-importantnotice__body .spbr {
        display: block;
    }

    .p-importantnotice__ttl {
        font-size: 1.8rem;
        word-break: break-all;
    }

    .p-importantnotice__txt {
        font-size: 1.4rem;
    }

    .p-importantnotice__btn {
        display: block;
        width: 100%;
    }

    .p-importantnotice__btnwrap {
        width: 100%;
    }

    .p-importantnotice__btn-form,
    .p-importantnotice__btn-tel {
        width: 100%;
        height: 6rem;
    }

    .p-importantnotice__btn-form {
        font-size: 1.6rem;
    }

    .p-importantnotice__btn-tel {
        font-size: 1.8rem;
    }

    .p-importantnotice__btn-tel span {
        font-size: 1.2rem;
    }

    .p-importantnotice__ttl {
        margin-bottom: 2rem;
    }

    .p-importantnotice__btn-form {
        padding-left: 3.5rem;
    }

    .p-importantnotice__btn-tel {
        padding-left: 2.8rem;
    }

    .p-importantnotice__btn-form::before {
        position: absolute;
        top: 1.8rem;
        left: 3rem;
        width: 2.4rem;
        height: 2.4rem;
    }

    .p-importantnotice__btn-tel::before {
        position: absolute;
        top: 1.8rem;
        left: 3rem;
        width: 2.3rem;
        height: 2.3rem;
    }

    .p-importantnotice__txt p:not(:last-child) {
        padding-bottom: 2rem;
    }

    .p-importantnotice__txt {
        margin-bottom: 3rem;
    }

    .p-importantnotice__btn-form {
        margin-bottom: 2rem;
    }

    .l-importantnotice__footer {
        margin-top: 3rem;
        padding-bottom: 3rem;
    }

    .p-importantnotice__ttl-03 {
        font-size: 2rem;
        margin-bottom: 2rem;
        letter-spacing: 0.1rem;
    }

    .p-importantnotice__txt-03 p {
        font-size: 1.4rem;
        margin-bottom: 3rem;
    }
}