@charset "utf-8";

@media (max-width: 767px) {


    .breadcrumbs {
        font-size: 13px;
    }

    #inner .content>.inner.article {
        padding: 40px 20px;
        margin: 40px auto 60px;
        font-size: 14px;
    }

    .article h1 {
        font-size: 23px;
        line-height: 1.4;
    }

    .article h2 {
        font-size: 21px;
        margin-bottom: 1em;
    }

    .article h3 {
        font-size: 18px;
    }

    .article h4 {
        font-size: 18px;
    }

    /* font-size: 16px; */
    .subheading,
    .article .box-ttl,
    .fukidashi,
    .article .relatedpost-ttl,
    .map-ttl {
        font-size: 16px;
    }

    .simple-box,
    .summary,
    .research,
    .mininote {
        padding: 18px;
    }

    .info-list dt,
    .info-list dd {
        padding: 10px;
    }

    .flex-box {
        display: block;
    }

    .flex-box img {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .quote {
        padding: 40px 18px 18px;
    }

    .quote:before {
        width: 30px;
    }

    .c-btn {
        width: 100%;
        max-width: 400px;
        min-width: auto;
    }

    .ranking {
        margin-top: 35px;
    }

    .article .ranking-name {
        font-size: 20px;
    }

    .step-ttl {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .step-num {
        font-size: 11px;
    }

    .step-num span {
        font-size: 24px;
    }

    .numbering-ttl,
    .numbering-ttl p {
        font-size: 18px;
    }

    .numbering-ttl {
        margin-bottom: 16px;
    }

    @media (max-width: 500px) {
        .relatedpost-wrap {
            grid-template-columns: 1fr;
        }
    }

    .table.sticky-top thead {
        top: 70px;
    }

    .qaQ {
        padding: 18px 50px 18px 20px;
    }

    .qaQ::before {
        height: 37px;
        right: 20px;
        bottom: 0;
        background: #464342;
    }

    .qaQ:hover::before {
        background: #464342;
    }

    .qaQ::after {
        display: none;
    }

    .qaQ div {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        font-size: 13px;
    }

    .qaQ:hover {
        background: #fff;
        color: inherit;
    }

    .qaQ.action {
        background: #4b9fd4;
        color: #fff;
        opacity: 1;
    }

    .qaQ.action::before {
        background: #fff;
    }

    .qaA {
        padding: 20px;
        font-size: 13px;
    }

    .tab-list {
        margin-bottom: 10px;
    }

    .tab-wrap .tab {
        font-size: 12px;
    }

    .merideme-ttl {
        font-size: 16px;
        padding: 10px 18px;
    }

    .merideme-inner {
        padding: 10px 18px;
    }

    .merideme-list {
        font-size: 14px;
    }


    .acco-ttl {
        font-size: 16px;
    }

    .article .access {
        display: block;
    }

    .access-ttl {
        margin-bottom: 10px;
    }

    .review {
        padding: 18px;
    }

    .review-plan span {
        font-size: 11px;
    }

    .review-bottom {
        display: block;
    }

    .review-bottom img {
        width: 100%;
        margin-bottom: 10px;
    }

    .positioning-ttl {
        font-size: 20px;
    }

    .positioning-inner {
        width: 100%;
        max-width: 500px;
    }

    .positioning-item {
        padding: 6px 8px;
    }

    .positioning-item-logo {
        height: 5vw;
        max-height: 30px;
    }

    .positioning-subLabel {
        font-size: 11px;
        top: 2%;
    }

    .positioning-label-01,
    .positioning-label-02 {
        font-size: max(13px, 2.4vw);
        width: 2.4em;
    }

    .positioning-label-03,
    .positioning-label-04 {
        font-size: max(13px, 2.4vw);
    }

    .positioning-label-01 {
        top: 6%;
    }

    .positioning-label-02 {
        top: 91%;
    }

    .positioning-label-03 {
        right: 0;
    }

    .positioning-label-04 {
        left: 0;
    }

    .scrollBoxImg {
        padding: 2em;
    }

    .scrollBoxImg-list li {
        flex: 1 0 calc(50% - 2vw);
        max-width: calc(50% - 2vw);
        margin: 0 4vw;
    }

    .scrollBoxImg-list li:last-child::after {
        width: calc(2em + 2vw);
    }
}