@charset "UTF-8";


@media screen and (max-width: 800px) {
    .article-p .content {
        .relatedpost-wrap {
            grid-template-columns: repeat(3, 1fr);

        }
    }

}


@media screen and (max-width: 769px) {
    .l-wrapper {
        padding: 0;
    }

    body .container {
        padding-left: 0;
        padding-right: 0;
    }

    .article-p .content {

        h2 {
            font-size: 2rem;
        }

        .subhead,
        .numhead,
        .fukidashi {
            font-size: 1.6rem;
        }

        .w80-img {
            width: 100%;
        }

        .box {
            padding: 1.8rem;
        }

        .box div {
            margin-bottom: 1.4rem;
        }

        .box>:last-child {
            margin-bottom: 0;
        }

        .box-ttl {
            font-size: 1.6rem;
            margin-bottom: 1rem;
        }

        .grid {
            display: block;
        }

        .grid img {
            margin-bottom: 1.6rem;
        }

        .float img {
            margin-right: 20px;
        }

        .quote .full-img {
            width: 100%;
            margin-bottom: 1.6rem;
        }

        .matome-ttl {
            font-size: 1.6rem;
        }

        .survey-ttl {
            font-size: 1.4rem;
            margin-bottom: 1.4rem;
            padding-bottom: 10px;
        }

        .smalltxt .smalltxt-ttl {
            font-size: 1.4rem;
            margin-bottom: 1.2rem;
        }

        .smalltxt-inner {
            font-size: 1.2rem;
        }

        .c-btn a {
            font-size: 1.4rem;
            min-width: auto;
        }

        .arrow-down {
            width: 30px;
            margin: 30px auto;
        }

        .tag .item {
            padding: 8px 1.4rem;
        }

        .scrolltable thead th {
            width: min(40vw, 220px);
        }


        .scrolltable thead th:first-of-type {
            width: min(180px, 30vw);
        }

        .table .c-btn a {
            font-size: 1.3rem;
            padding: 1rem;
        }

        .stickytable-top thead {
            top: 14px;
        }

        .jump {
            font-size: 1.6rem;
        }

        @media screen and (max-width: 560px) {
            .jump {
                grid-template-columns: 1fr;
            }
        }

        .jump a:after {
            bottom: 1.6rem;
        }

        .numlist-ttl {
            font-size: 1.6rem;
        }

        div.pickup {
            font-size: 1.6rem;
            padding: 10px 1.4rem;
        }

        .pickup-mintxt {
            font-size: 1.2rem;
        }

        div.ranking-head {
            font-size: 1.6rem;
        }

        .ranking-catch {
            font-size: 1.2rem;
        }

        .ranking-head {
            font-size: 1.6rem;
        }

        .ranking-catch {
            font-size: 1.2rem;
        }

        .flow-num {
            width: 40px;
        }

        .flow-ttl {
            gap: 18px;
            font-size: 1.6rem;
        }

        .flow-num::before {
            right: -7px;
            width: 10px;
        }

        .flow-inner {
            padding-left: 33px;
            margin-left: 20px;
        }


        @media screen and (max-width: 600px) {
            .relatedpost-wrap {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media screen and (max-width: 400px) {
            .relatedpost-wrap {
                grid-template-columns: 1fr;
                gap: 1.6rem;
            }
        }

        .faqQ {
            font-size: 1.4rem;
        }

        .faqQ-icon,
        .faqA-icon {
            width: 40px;
        }

        .right-link,
        .right-link-icon {
            font-size: 1.2rem;
        }

        .imgScrollBox-list .caption {
            font-size: 1rem;
        }

        .tab {
            font-size: 1rem;
        }

        .imgScrollBox {
            padding: 1.8rem;
        }

        .meritdemerit-ttl {
            font-size: 1.6rem;
            padding: 1rem 1.4rem;
        }

        .meritdemerit-inner {
            padding: 1.6rem 1.4rem;
        }

        .review-wrap {
            width: 90%;
            max-width: 500px;
        }

        .review-icon-w,
        .review-icon-m {
            width: 40px;
        }

        .review-bottom {
            display: block;
        }

        .review-bottom img {
            width: 100%;
            margin-bottom: 1.6rem;
        }

        .map-ttl {
            font-size: 1.6rem;
        }

        .acco-ttl {
            padding: 1.4rem 35px 1.4rem 1.4rem;
            font-size: 1.6rem;
        }

        .acco-info {
            padding: 1.6rem 1.4rem;
        }

        .acco-btn {
            width: 1.4rem;
        }
    }





    .relatedpost-ttl {
        font-size: 1.6rem;
    }

    .relatedpost-post-ttl {
        font-size: 1.2rem;
    }


}