@charset "utf-8";

body {
    background: #fff;
    letter-spacing: 0.05em;
    line-height: 200%;
    font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'MS Pゴ シック', 'MS PGothic', sans‐serif;
}

a:hover {
    opacity: 0.5;
}

.inner01 {
    width: 1200px;
    margin: 0 auto;
}

.inner02 {
    width: 1000px;
    margin: 0 auto;
}

.inner03 {
    width: 792px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .inner01 {
        width: 100%;
        padding: 0 16px;
    }

    .inner02 {
        width: 100%;
        padding: 0 16px;
    }

    .inner03 {
        width: 100%;
        padding: 0 16px;
    }
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flexa {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flexb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flexc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pc-only {
    display: block;
}

.sp-only {
    display: none;
}

.pc-flex {
    display: flex;
}

.sp-flex {
    display: none;
}

@media (max-width: 768px) {
    .pc-only {
        display: none !important;
    }

    .sp-only {
        display: block !important;
    }

    .pc-flex {
        display: none !important;
    }

    .sp-flex {
        display: flex !important;
    }
}



.btn {
    border-radius: 50px;
    width: 345px;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
}

.btn-area p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    font-size: 14px;
}

.btn-area p:before {
    content: "";
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-right: 5px;
}

.btn-area p:after {
    content: "";
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
    transform: rotate(90deg);
}

@media (max-width: 768px) {
    .btn {
        border-radius: 50px;
        width: 250px;
        transition: 0.3s;
        background: #1F9970;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 48px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        margin: 0 auto;
    }
}