.coutbar2021 {
        display: none !important;
    }

    @media screen and (max-width: 500px) {
        .coutbar2021 {
            display: block !important;
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            margin: 0 auto !important;
            width: 100% !important;
            max-width: 750px !important;
            display: none;
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
            z-index: 88888 !important;
        }

        .coutbar2021__inner {
            width: 100% !important;
            max-width: 750px !important;
            height: 46px !important;
            box-sizing: border-box !important;
            padding: 15px 10px !important;
            background-color: #E7CD76 !important;
            white-space: nowrap !important;
        }

        .coutbar2021__inner p {
            width: 100% !important;
            max-width: 100vw !important;
        }

        .coutbar2021__inner p i {
            margin-right: 10px !important;
        }

        .coutbar2021__inner p img {
            display: inline !important;
            width: auto !important;
            height: 20px !important;
            /*padding: 10px;*/
            float: left !important;
            z-index: 88888 !important;
            margin-top: -3px !important;
            margin-right: 3% !important;
        }

        .coutbar2021 p.close {
            position: absolute !important;
            right: 0 !important;
            top: 0 !important;
            background-color: #F0E0A8 !important;
            padding: 12px 14px !important;
        }

        .coutbar2021 p.close a {
            display: block;
            text-align: center !important;
            cursor: pointer !important;
        }

        .coutbar2021 p.close a span {
            display: block;
            width: 1px !important;
            height: 1px !important;
            overflow: hidden !important;
        }

        .coutbar2021 p.close a i {
            font-size: 10px !important;
            z-index: 8888888 !important;
            color: #AF8F68 !important;
            position: relative !important;
            top: -2% !important;
        }

        .realtimeuserscounter {
            display: inline !important;
            font-size: 0.5rem !important;
            font-weight: bold !important;
        }

        .realtimeuserscounter a {
            display: none !important;
        }

        .fadeOut {
            display: none !important;
        }

        .realtimeuserscounter__num:before {
            content: '現在このページを ';
            font-weight: normal;
            font-size: 15px;
        }

        .realtimeuserscounter__num:after {
            content: ' 名が閲覧中！';
            font-weight: normal;
            font-size: 13px;
        }

        .realtimeuserscounter__attr {
            display: none;
        }
    }

    .user_voice {
        display: none;
    }

    @media screen and (max-width: 500px) {
        .user_voice {
            display: block;
            margin-top: 40px;
        }
    }

    @media only screen and (max-width: 480px) {
        .news-list__link {
            align-items: flex-start;
            flex-direction: column;
            font-size: 12px !important;
            -webkit-text-size-adjust: 100%;
        }

        .button__wrapper .button_info {
            font-size: 20px;
        }
    }

    @media screen and (max-width: 992px) {
        header .nav div a {
            font-size: 19px;
        }
    }

    .sp_img.fv_cta img {
        display: none;
    }

    @media screen and (min-width: 501px) {
        .fv_cta {
            display: none;
        }
    }

    @media screen and (max-width: 500px) {
        .sp_img.fv_cta a {
            position: relative;
            display: block;
        }

        .sp_img.fv_cta img {
            display: block;
            width: 95%;
            margin: 0 auto 1em;
            margin-top: 20px;
        }

        .sp_img.fv_cta a .minutes-absolute {
            position: absolute;
            font-weight: 500;
            --tw-numeric-spacing: tabular-nums;
            font-variant-numeric: tabular-nums;
            color: #ea3323;
            font-size: min(4.4vw, 40px);
            bottom: 36%;
            right: 82.8%;
            font-family: system-ui, sans-serif;
            letter-spacing: -2px;
            width: 5vw;
        }

        .sp_img.fv_cta a .rate-absolute {
            color: #ea3323;
            font-size: min(6.6vw, 40px);
            bottom: 72%;
            left: 50.7vw;
            font-family: system-ui, sans-serif;
        }

        .simulator-result-sp .fv_cta a .minutes-absolute {
            font-size: min(3.8vw, 40px);
            bottom: 36%;
            right: 83.8%;
            letter-spacing: -2px;
            width: 5vw;
        }

        .simulator-result-sp .fv_cta a .rate-absolute {
            font-size: min(5.4vw, 40px);
            bottom: 73%;
            left: 50.8%;
        }
    }

    .reason {
        display: none;
    }

    @media screen and (max-width: 500px) {
        .reason {
            display: block;
            margin-bottom: 20px;
        }
    }

    .sp_img {
        display: none;
    }

    @media screen and (max-width: 500px) {
        .sp_img {
            display: block;
        }
    }

    .fv {
        display: block;
    }

    .sp_fv {
        display: none;
    }

    @media screen and (max-width: 500px) {
        .fv {
            display: none;
        }

        .sp_fv {
            display: block;
            margin: 10vh auto 0 auto;
        }
    }

    .usageFlow {
        display: block;
    }

    @media screen and (max-width: 500px) {
        .usageFlow {
            display: none;
        }
    }


    .float_start {
        z-index: 10000;
    }

    .float_start.fixed {
        position: fixed;
        bottom: 0;
        left: auto;
        z-index: 99999;
    }

    .float_start.fixed.none {
        opacity: 0;
        z-index: -1;
    }

/* The supplied root image directory lacks this decorative background. Keep
   its existing no-image appearance without a failed request; shared CSS stays. */
@media screen and (max-width: 700px) {
    .box::before { background-image: none; }
}


/* Show news in normal page flow instead of a nested scroll box. */
.p-infomation > .top-news__contents.news-list{height:auto;max-height:none;overflow:visible}