@charset "UTF-8";

/* @media screen and (max-width: 767px) {} */
@media only screen and (max-width: 660px) {
    .newPost .ttl {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 26px;
    }

    .pageContents .posts_list {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }


    .column .page-numbers {
        gap: 8px;
    }

    .column .page-numbers li a,
    .column .page-numbers li span:not(.dots) {
        width: 32px;
        height: 38px;
    }

    .wp-contents {
        font-size: 14px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #bread {
        margin-bottom: 40px;
        font-size: 13px;
    }

    #bread,
    .pageTitle__wrap {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .wp-contents h2 {
        font-size: 20px;
        margin: 3rem auto 1.4rem;
        line-height: 1.4;
    }

    .wp-contents h3 {
        font-size: 18px;
        margin: 2.4rem 0 1.2rem;
    }

    .wp-contents h4,
    .subTitle {
        font-size: 16px;
    }

    .wp-contents p {
        margin-bottom: 14px;
    }

    .table th,
    .table td {
        padding: 10px;
    }

    .normalBox {
        padding: 16px;
    }

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

    .num-c {
        font-size: 16px;
        top: -0.2em;
        width: 30px;
    }

    .checkBox {
        padding: 24px 16px 24px;
    }

    .checkBox-list {
        padding: 1.5rem;
        grid-template-columns: 1fr;
    }

    .checkBox-title p {
        font-size: 16px;
    }

    .checkBox-list li::before {
        top: 0.4375rem;
    }

    .wp-contents ul:not([class]) li::before {
        top: 0.5em;
    }

    .checkList li {
        padding-left: 20px;
    }

    .checkList li::before {
        width: .8em;
        left: 3px;
    }

    .grid {
        grid-template-columns: 1fr;
    }

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

    .quoteBox {
        padding: 43px 16px 16px 16px;
    }

    .quoteBox:before {
        top: 10px;
        left: 14px;
        font-size: 20px;
    }

    .fukidashi {
        font-size: 16px;
    }

    .matomeBox {
        margin-top: 30px;
        padding: 16px;
    }

    .matomeBox-title {
        font-size: 18px;
        padding-bottom: 14px;
    }

    .surveyBox {
        padding: 16px;
    }

    .surveyBox-title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .hosokuBox {
        padding: 16px;
        font-size: 12px;
    }

    .hosokuBox-title {
        padding-left: 17px;
        font-size: 14px;
    }

    .hosokuBox-title::before {
        width: 10px;
        height: 10px;
    }

    .c-btn01 a,
    .c-btn02 a {
        font-size: 16px;
        margin: 20px auto 36px;
    }

    .table .c-btn01 a,
    .table .c-btn02 a {
        padding: 12px 14px 16px;
        line-height: 1.4;
    }

    .scrolltable .table thead th {
        width: 190px;
    }

    .scrolltable .table thead th:first-of-type {
        width: 150px;
    }


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

    .stickytable-top tbody {
        font-size: 13px;
    }

    .stickytable-top .c-btn01 a,
    .stickytable-top .c-btn02 a {
        padding: 10px 10px 12px;
        font-size: 12px;
    }

    .stickytable-top td:has(.c-btn01),
    .stickytable-top td:has(.c-btn02) {
        padding: 6px;
    }

    .scrolltable .stickytable-left thead th {
        width: 160px;
    }

    .scrolltable .stickytable-left thead th:first-of-type {
        width: 130px;
    }

    .jumplist {
        grid-template-columns: 1fr;
    }

    .numlist .numlist-title {
        margin: 1.2rem 0 0.6rem;
        font-size: 16px;
    }

    .picup {
        margin: 1.8rem 0 1rem;
        font-size: 18px;
    }

    .ranking-icon-block {
        margin: 1.8rem 0 1rem;
        padding: .9rem .9rem .9rem 66px;
    }

    .ranking {
        font-size: 18px;
    }

    .ranking-icon {
        left: 14px;
        width: 34px;
    }

    .flow {
        padding: 16px;
        margin-bottom: 36px;
    }

    .flow-num {
        width: 36px;
        font-size: 2rem;
    }

    .flow-title {
        font-size: 16px;
        padding: 14px 0 14px 46px;
    }

    .relatedpost-title {
        font-size: 16px;
    }

    .relatedpost-wrap {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .faqQ {
        padding: 1rem 4rem 1rem 0rem;
        font-size: 15px;
    }

    .faqQ p {
        padding-left: 1.875rem;
        margin-bottom: 0;
    }

    .faqA {
        font-size: 13px;
        padding: 0 1.875rem 1rem 1.875rem;
    }

    .wp-contents .right-link,
    .right-link-icon {
        font-size: 12px;
    }

    .imgScrollBox-list li {
        flex: 0 0 calc(50% - 16px);
        max-width: calc(50% - 16px);
    }

    .imgBox-center .imgScrollBox-list {
        gap: 10px;
    }

    .rankBox {
        margin-top: 30px;
        margin-bottom: 26px;
    }

    .rankBox .title {
        font-size: 18px;
    }

    .rankBox .name {
        padding-right: 0;
    }

    .wp-contents .rankBox .name img {
        width: 120px;
    }

    .rankBox .pricearea {
        margin-right: 0;
    }

    .rankBox .leftblock {
        border-top: 1px dashed #AFB7BE;
    }

    .tab {
        font-size: 12px;
    }

    .tab-wrap {
        padding: 12px;
    }

    .meritdemerit-list {
        padding: 12px 16px;
    }

    .meritdemerit-ttl {
        padding: 12px 16px;
        font-size: 16px;
    }

    .review-wrap {
        padding: 16px;
        min-width: 86%;
    }

    .review-bottom {
        display: block;
    }

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

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

    .addressAco-ttl {
        padding: 12px 45px 12px 16px;
    }

    .addressAco-cont {
        padding: 12px 16px 12px;
    }

    .posMap-ttl {
        font-size: 18px;

    }

    .posMap-contents {
        width: 100%;
    }

    .posMap-label_01,
    .posMap-label_02 {
        font-size: 16px;
        width: 34px;
        height: 34px;
    }

    .posMap-label_01 {
        top: 5.5%;
    }

    .posMap-label_02 {
        top: 90%;
    }

    .posMap-label_03 {
        right: 0;
    }

    .posMap-label_04 {
        left: 0;
    }

    .wp-contents .posMap-item-logo {
        height: max(5vw, 13px);
    }

    .posMap-subLabel {
        font-size: 11px;
    }

    .posMap-bg {
        width: 64%;
    }

    .simulation {
        padding: 16px;
    }

    .simulation .ttl .sub {
        font-size: 14px;
    }

    .simulation .ttl .main,
    .simulation dl dd nav>label,
    .simulation .sim-result nav a {
        font-size: 22px;
    }

    .simulation dl dd {
        flex-wrap: wrap;
        padding: 10px 0;
        font-size: 14px;
    }

    .simulation dl dd>label {
        width: 49%;
        margin-bottom: 2%;
        padding: 10px 20px;
        font-size: 13px;
    }

    .simulation dl dd:has(.fukidasi) {
        padding-right: 45%;
    }

    .simulation dl dd:has(.fukidasi)>label {
        width: 100%;
    }

    .simulation dl dt {
        padding: 10px 16px;
    }

    .simulation dl dd+dt {
        margin-top: 0;
    }

    .simulation dl dd nav>label,
    .simulation .sim-result nav a {
        padding: .6em 1.2em;
        width: 100%;
        max-width: 400px;
        min-width: 0;
        font-size: 20px;
    }

    .simulation dl dd nav {
        margin-top: 0;
    }

    .simulation dl dd>label:has(input[type="checkbox"]) input[type="checkbox"] {
        margin-right: 6px;
        transform: scale(1.2, 1.2);
    }
}