@charset "utf-8";

:root {
    --font-p-color: #333;
    --font-hover-color: #6399dc;
    --font-zen-maru-gothic: "Zen Maru Gothic", "メイリオ", "Meiryo", sans-serif;
    --font-shantell-sans: "Shantell Sans", "メイリオ", "Meiryo", sans-serif;
    --font-yusei-magic: "Yusei Magic", "メイリオ", "Meiryo", sans-serif;
    --pc-right-left-space: 100px;
    --sp-right-left-space: 10.66vw;
    --blue1: #9dd9f8;
    --blue2: #446a99;
    --blue3: #b1cced;
    --blue4: #eff5fb;
    --blue5: #d8f0fc;
    --blue6: #6d97c7;

    --orange1: #fdd79d;
    --orange2: #fbb03b;

    --yellow1: #fff5be;
    --yellow2: #ffeb7e;
    --yellow3: #fff9e9;

    --cyan1: #d9f2f0;
    --cyan2: #e5f6f5;
    --cyan3: #24acf2;

    --green1: #f0f7de;
    --green2: #007331;
    --green3: #8cc63f;
    --green4: #f3f9ec;

    --red1: #fff0f0;
    --red2: #d95757;
    --red3: #ff6666;
    --red4: #f5b1a2;

    --brown1: #8c6239;

    --gray1: #f1f1f1;
}

/* 汎用クラス */
.none {
    display: none;
}

.al_r {
    text-align: right;
}

.al_c {
    text-align: center;
}

.block {
    display: block;
}

.bold {
    font-weight: bold;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.error,
.required {
    color: #ff0000;
}
.u-flex-gap0 {
    gap: 0;
}

.u-fs_small {
    font-size: 0.8em;
}

.fs10 {
    font-size: 1rem !important;
}

.fs11 {
    font-size: 1.1rem !important;
}

.fs12 {
    font-size: 1.2rem !important;
}

.fs13 {
    font-size: 1.3rem !important;
}

.fs14 {
    font-size: 1.4rem !important;
}

.fs15 {
    font-size: 1.5rem !important;
}

.fs16 {
    font-size: 1.6rem !important;
}

.fs17 {
    font-size: 1.7rem !important;
}

.fs18 {
    font-size: 1.8rem !important;
}

.fs19 {
    font-size: 1.9rem !important;
}

.fs20 {
    font-size: 2rem !important;
}

.fs21 {
    font-size: 2.1rem !important;
}

.fs22 {
    font-size: 2.2rem !important;
}

.fs23 {
    font-size: 2.3rem !important;
}

.fs24 {
    font-size: 2.4rem !important;
}

.fs25 {
    font-size: 2.5rem !important;
}

.fs26 {
    font-size: 2.6rem !important;
}

.fs27 {
    font-size: 2.7rem !important;
}

.fs28 {
    font-size: 2.8rem !important;
}

.fs29 {
    font-size: 2.9rem !important;
}

.fs30 {
    font-size: 3rem !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

/* PC
------------------------*/
@media all and (min-width: 768px) {
    .spOnly {
        display: none !important;
    }

    .pc-fs10 {
        font-size: 1rem !important;
    }

    .pc-fs11 {
        font-size: 1.1rem !important;
    }

    .pc-fs12 {
        font-size: 1.2rem !important;
    }

    .pc-fs13 {
        font-size: 1.3rem !important;
    }

    .pc-fs14 {
        font-size: 1.4rem !important;
    }

    .pc-fs15 {
        font-size: 1.5rem !important;
    }

    .pc-fs16 {
        font-size: 1.6rem !important;
    }

    .pc-fs17 {
        font-size: 1.7rem !important;
    }

    .pc-fs18 {
        font-size: 1.8rem !important;
    }

    .pc-fs19 {
        font-size: 1.9rem !important;
    }

    .pc-fs20 {
        font-size: 2rem !important;
    }

    .pc-fs21 {
        font-size: 2.1rem !important;
    }

    .pc-fs22 {
        font-size: 2.2rem !important;
    }

    .pc-fs23 {
        font-size: 2.3rem !important;
    }

    .pc-fs24 {
        font-size: 2.4rem !important;
    }

    .pc-fs25 {
        font-size: 2.5rem !important;
    }

    .pc-fs26 {
        font-size: 2.6rem !important;
    }

    .pc-fs27 {
        font-size: 2.7rem !important;
    }

    .pc-fs28 {
        font-size: 2.8rem !important;
    }

    .pc-fs29 {
        font-size: 2.9rem !important;
    }

    .pc-fs30 {
        font-size: 3rem !important;
    }

    .pc-mt0 {
        margin-top: 0 !important;
    }

    .pc-mt5 {
        margin-top: 5px !important;
    }

    .pc-mt10 {
        margin-top: 10px !important;
    }

    .pc-mt15 {
        margin-top: 15px !important;
    }

    .pc-mt20 {
        margin-top: 20px !important;
    }

    .pc-mt25 {
        margin-top: 25px !important;
    }

    .pc-mt30 {
        margin-top: 30px !important;
    }

    .pc-mt35 {
        margin-top: 35px !important;
    }

    .pc-mt40 {
        margin-top: 40px !important;
    }

    .pc-mt45 {
        margin-top: 45px !important;
    }

    .pc-mt50 {
        margin-top: 50px !important;
    }

    .pc-mt60 {
        margin-top: 60px !important;
    }

    .pc-mt70 {
        margin-top: 70px !important;
    }

    .pc-mt80 {
        margin-top: 80px !important;
    }

    .pc-mt90 {
        margin-top: 90px !important;
    }

    .pc-mt100 {
        margin-top: 100px !important;
    }

    .pc-mb0 {
        margin-bottom: 0 !important;
    }

    .pc-mb5 {
        margin-bottom: 5px !important;
    }

    .pc-mb10 {
        margin-bottom: 10px !important;
    }

    .pc-mb15 {
        margin-bottom: 15px !important;
    }

    .pc-mb20 {
        margin-bottom: 20px !important;
    }

    .pc-mb25 {
        margin-bottom: 25px !important;
    }

    .pc-mb30 {
        margin-bottom: 30px !important;
    }

    .pc-mb35 {
        margin-bottom: 35px !important;
    }

    .pc-mb40 {
        margin-bottom: 40px !important;
    }

    .pc-mb45 {
        margin-bottom: 45px !important;
    }

    .pc-mb50 {
        margin-bottom: 50px !important;
    }

    .pc-mb60 {
        margin-bottom: 60px !important;
    }

    .pc-mb70 {
        margin-bottom: 70px !important;
    }

    .pc-mb80 {
        margin-bottom: 80px !important;
    }

    .pc-mb90 {
        margin-bottom: 90px !important;
    }

    .pc-mb100 {
        margin-bottom: 100px !important;
    }

    .pc-ml0 {
        margin-left: 0 !important;
    }

    .pc-ml5 {
        margin-left: 5px !important;
    }

    .pc-ml10 {
        margin-left: 10px !important;
    }

    .pc-ml15 {
        margin-left: 15px !important;
    }

    .pc-ml20 {
        margin-left: 20px !important;
    }

    .pc-ml25 {
        margin-left: 25px !important;
    }

    .pc-ml30 {
        margin-left: 30px !important;
    }

    .pc-ml35 {
        margin-left: 35px !important;
    }

    .pc-ml40 {
        margin-left: 40px !important;
    }

    .pc-ml45 {
        margin-left: 45px !important;
    }

    .pc-ml50 {
        margin-left: 50px !important;
    }

    .pc-mr0 {
        margin-right: 0 !important;
    }

    .pc-mr5 {
        margin-right: 5px !important;
    }

    .pc-mr10 {
        margin-right: 10px !important;
    }

    .pc-mr15 {
        margin-right: 15px !important;
    }

    .pc-mr20 {
        margin-right: 20px !important;
    }

    .pc-mr25 {
        margin-right: 25px !important;
    }

    .pc-mr30 {
        margin-right: 30px !important;
    }

    .pc-mr35 {
        margin-right: 35px !important;
    }

    .pc-mr40 {
        margin-right: 40px !important;
    }

    .pc-mr45 {
        margin-right: 45px !important;
    }

    .pc-mr50 {
        margin-right: 50px !important;
    }
}

/* スマホ
------------------------*/
@media screen and (max-width: 767px) {
    .pcOnly {
        display: none !important;
    }
    .sp-al_l {
        text-align: left !important;
    }

    .sp-al_c {
        text-align: center !important;
    }

    .sp-al_r {
        text-align: right !important;
    }

    .sp-mt0 {
        margin-top: 0 !important;
    }

    .sp-mt5 {
        margin-top: 5px !important;
    }

    .sp-mt10 {
        margin-top: 10px !important;
    }

    .sp-mt15 {
        margin-top: 15px !important;
    }

    .sp-mt20 {
        margin-top: 20px !important;
    }

    .sp-mt25 {
        margin-top: 25px !important;
    }

    .sp-mt30 {
        margin-top: 30px !important;
    }

    .sp-mt35 {
        margin-top: 35px !important;
    }

    .sp-mt40 {
        margin-top: 40px !important;
    }

    .sp-mt45 {
        margin-top: 45px !important;
    }

    .sp-mt50 {
        margin-top: 50px !important;
    }

    .sp-mt60 {
        margin-top: 60px !important;
    }

    .sp-mt70 {
        margin-top: 70px !important;
    }

    .sp-mt80 {
        margin-top: 80px !important;
    }

    .sp-mt90 {
        margin-top: 90px !important;
    }

    .sp-mt100 {
        margin-top: 100px !important;
    }

    .sp-mb0 {
        margin-bottom: 0 !important;
    }

    .sp-mb5 {
        margin-bottom: 5px !important;
    }

    .sp-mb10 {
        margin-bottom: 10px !important;
    }

    .sp-mb15 {
        margin-bottom: 15px !important;
    }

    .sp-mb20 {
        margin-bottom: 20px !important;
    }

    .sp-mb25 {
        margin-bottom: 25px !important;
    }

    .sp-mb30 {
        margin-bottom: 30px !important;
    }

    .sp-mb35 {
        margin-bottom: 35px !important;
    }

    .sp-mb40 {
        margin-bottom: 40px !important;
    }

    .sp-mb45 {
        margin-bottom: 45px !important;
    }

    .sp-mb50 {
        margin-bottom: 50px !important;
    }

    .sp-mb60 {
        margin-bottom: 60px !important;
    }

    .sp-mb70 {
        margin-bottom: 70px !important;
    }

    .sp-mb80 {
        margin-bottom: 80px !important;
    }

    .sp-mb90 {
        margin-bottom: 90px !important;
    }

    .sp-mb100 {
        margin-bottom: 100px !important;
    }

    .sp-ml0 {
        margin-left: 0 !important;
    }

    .sp-ml5 {
        margin-left: 5px !important;
    }

    .sp-ml10 {
        margin-left: 10px !important;
    }

    .sp-ml15 {
        margin-left: 15px !important;
    }

    .sp-ml20 {
        margin-left: 20px !important;
    }

    .sp-ml25 {
        margin-left: 25px !important;
    }

    .sp-ml30 {
        margin-left: 30px !important;
    }

    .sp-ml35 {
        margin-left: 35px !important;
    }

    .sp-ml40 {
        margin-left: 40px !important;
    }

    .sp-ml45 {
        margin-left: 45px !important;
    }

    .sp-ml50 {
        margin-left: 50px !important;
    }

    .sp-mr0 {
        margin-right: 0 !important;
    }

    .sp-mr5 {
        margin-right: 5px !important;
    }

    .sp-mr10 {
        margin-right: 10px !important;
    }

    .sp-mr15 {
        margin-right: 15px !important;
    }

    .sp-mr20 {
        margin-right: 20px !important;
    }

    .sp-mr25 {
        margin-right: 25px !important;
    }

    .sp-mr30 {
        margin-right: 30px !important;
    }

    .sp-mr35 {
        margin-right: 35px !important;
    }

    .sp-mr40 {
        margin-right: 40px !important;
    }

    .sp-mr45 {
        margin-right: 45px !important;
    }

    .sp-mr50 {
        margin-right: 50px !important;
    }
}