/*
 * Mogland SP Readable Text
 * 承認済みA案：SP通常本文17px・補助文字15px。
 * PC表示、文言、画像、色、表示順、機能は変更しない。
 */
body.home .mog-home-hero__title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
}

@media (max-width: 767px) {
    /* =========================================================
     * リニューアルヘッダー
     * ======================================================= */
    .mog-renewal-header__context-title {
        font-size: 12px;
        line-height: 1.55;
    }

    .mog-renewal-header__main-inner {
        grid-template-columns: minmax(0, 1fr) 50px 50px 68px;
        min-height: 80px;
        column-gap: 5px;
    }

    .mog-renewal-header__logo {
        width: min(100%, 140px);
        max-width: 140px;
        padding-right: 0;
    }

    .mog-renewal-header__logo img {
        display: block;
        width: 113%;
        height: auto;
    }

    .mog-renewal-header__language-mobile,
    .mog-renewal-header__phone--mobile {
        width: 50px;
        min-width: 50px;
        height: 66px;
    }

    .mog-renewal-header__menu-button {
        width: 68px;
        min-width: 68px;
        height: 72px;
    }

    .mog-renewal-header__language-mobile,
    .mog-renewal-header__phone-mobile-label,
    .mog-renewal-header__menu-label {
        font-size: 15px;
        line-height: 1.2;
    }

    .mog-renewal-header__menu-label {
        white-space: nowrap;
    }

    .mog-renewal-header__menu-lines {
        width: 30px;
    }

    .mog-renewal-nav__item > a,
    .mog-renewal-nav__submenu-button,
    .mog-renewal-nav__close-button {
        min-height: 60px;
        padding: 14px 20px;
        font-size: 18px;
        line-height: 1.45;
    }

    .mog-renewal-nav__sublist a {
        min-height: 60px;
        font-size: 17px;
        line-height: 1.55;
    }

    .mog-renewal-floating-menu {
        width: 68px;
        height: 72px;
    }

    .mog-renewal-floating-menu__label {
        font-size: 14px;
        line-height: 1.2;
        white-space: nowrap;
    }

    /* =========================================================
     * 既存共通ページ本文
     * ======================================================= */
    .breadcrumb .list__item,
    .breadcrumb .list__item a {
        font-size: 15px;
        line-height: 1.55;
    }

    #main-area .paragraph,
    #main-area .description-area__contents p,
    #main-area .support-area ul li,
    #main-area .contents--box p,
    #main-area .contents--box li,
    #main-area .text-area p,
    #main-area .text-area li,
    #main-area .post-area p,
    #main-area .post-area li,
    .static .contents .support-area ul li {
        font-size: 17px;
        line-height: 1.8;
    }

    #main-area .list--sitemap .list__item a,
    #main-area .category .title-area__contents__category-nav .list__item a,
    #main-area .ranking__contents__name,
    #main-area .results .list--results .list__item a .results__contents__name {
        font-size: 17px;
        line-height: 1.6;
    }

    #main-area .ranking__contents__maker,
    #main-area .news .info-area .list__item a .new,
    #main-area .news .info-area .list__item a .sale,
    #main-area .application-area .dl-list--application__tel .dl-dd,
    #main-area .application-area .list--application__online .list__item a span.strong,
    #main-area .assessment__title span,
    #main-area .assessment__form__group .control-label.required::after {
        font-size: 15px;
        line-height: 1.65;
    }

    #main-area .news .info-area .list__item a,
    #main-area .news .text-area__title,
    #main-area .application-area .list--application__online .list__item a span {
        font-size: 17px;
        line-height: 1.7;
    }

    /* =========================================================
     * トップページ本文
     * ヒーローと上部・下部の3導線は変更対象外。
     * ======================================================= */
    body.home .mog-triage__boost-label,
    body.home .mog-triage__boost-copy,
    body.home .mog-triage__boost-value,
    body.home .mog-triage__feature-badge,
    body.home .mog-triage__feature-copy,
    body.home .mog-triage-accordion__summary,
    body.home .mog-triage-accordion__note,
    body.home .mog-triage-accordion__sub-link,
    body.home .mog-triage-accordion__chips li,
    body.home .mog-triage-accordion__case-link,
    body.home .mog-triage-accordion__phone-label,
    body.home .mog-triage-accordion__hours,
    body.home .mog-triage-accordion__switch,
    body.home .mog-triage__minor-links {
        font-size: 15px;
        line-height: 1.65;
    }

    body.home .mog-triage__boost-name,
    body.home .mog-triage__feature-title,
    body.home .mog-triage-accordion__title,
    body.home .mog-triage-accordion__text,
    body.home .mog-triage-accordion__line-button,
    body.home .mog-triage-category-card span,
    body.home .mog-triage-category-chips a,
    body.home .mog-triage-category-more,
    body.home .mog-triage-category-shop,
    body.home .mog-case-accordion__toggle,
    body.home .mog-triage-card__bullet-list li,
    body.home .mog-triage-card__closing,
    body.home .mog-case-card__person,
    body.home .mog-case-card__text,
    body.home .mog-case-card__benefit-text,
    body.home .mog-case-card__benefit-title,
    body.home .col-md-offset-1.col-md-10 > .support-area > .row ul.cf > li,
    body.home .col-md-offset-1.col-md-10 > .support-area > .row .paragraph {
        font-size: 17px;
        line-height: 1.8;
    }

    /* =========================================================
     * 高級品の買取査定
     * ======================================================= */
    .rough-page {
        font-size: 17px;
        line-height: 1.8;
    }

    .rough-breadcrumb__inner {
        font-size: 12px;
        line-height: 1.65;
    }

    .rough-eyebrow,
    .rough-section-heading p,
    .rough-card-kicker,
    .rough-method-card__label,
    .rough-step-notes > strong,
    .rough-contact__heading p,
    .rough-contact__phone span,
    .rough-contact__phone small,
    .rough-contact__online-link small,
    .rough-page .rough-dopeland-guide__relation,
    .rough-page .rough-dopeland-guide__stores-label,
    .rough-page .rough-contact__brandline span {
        font-size: 15px;
        line-height: 1.65;
    }

    .rough-hero__lead,
    .rough-overview-card__body p,
    .rough-overview-card__body ul,
    .rough-metals-copy p,
    .rough-metals-detail__heading p,
    .rough-metals-list li,
    .rough-metals-closing,
    .rough-category-card span,
    .rough-premium-item span,
    .rough-category-item span,
    .rough-method-card__body p,
    .rough-step-grid h3,
    .rough-step-grid p,
    .rough-step-notes p,
    .rough-faq-item p,
    .rough-page .rough-dopeland-guide__copy,
    .rough-page .rough-dopeland-guide__stores,
    .rough-page .rough-dopeland-guide__support,
    .rough-page .rough-dopeland-guide__process,
    .rough-page .rough-stores-intro,
    .rough-store-card__body p {
        font-size: 17px;
        line-height: 1.8;
    }

    .rough-method-trigger,
    .rough-faq-item summary {
        font-size: 18px;
        line-height: 1.5;
    }

    .rough-contact__online-link strong,
    .rough-page .rough-contact__online-heading {
        font-size: 17px;
        line-height: 1.55;
    }

    /* =========================================================
     * お問い合わせ固定ページ
     * ======================================================= */
    .mog-contact-page {
        font-size: 17px;
        line-height: 1.8;
    }

    .mog-contact-breadcrumb__inner,
    .mog-contact-recaptcha {
        font-size: 15px;
        line-height: 1.65;
    }

    .mog-contact-page input,
    .mog-contact-page select,
    .mog-contact-page textarea,
    .mog-contact-page button {
        font-size: 17px;
        line-height: 1.6;
    }

    /* =========================================================
     * リニューアルフッター
     * ======================================================= */
    .mog-renewal-footer__mobile-note,
    .mog-renewal-footer__phone-copy small,
    .mog-renewal-footer__cta-copy small,
    .mog-renewal-footer__legal-links a,
    .mog-renewal-footer__bottom p {
        font-size: 15px;
        line-height: 1.7;
    }

    .mog-renewal-footer__cta {
        min-height: 68px;
    }

    .mog-renewal-footer__cta-copy strong {
        font-size: 19px;
        line-height: 1.3;
    }

    .mog-renewal-footer__mobile-links a {
        min-height: 66px;
        padding: 14px 30px 14px 12px;
        font-size: 18px;
        line-height: 1.5;
    }

    .mog-renewal-footer__details summary {
        min-height: 64px;
        font-size: 18px;
        line-height: 1.5;
    }

    .mog-renewal-footer__details a,
    .mog-renewal-footer__details-area-grid a {
        min-height: 50px;
        font-size: 17px;
        line-height: 1.55;
    }

    .mog-renewal-footer__home-link {
        min-height: 72px;
        font-size: 18px;
        line-height: 1.5;
    }

    .mog-renewal-footer__top-button.top-button {
        width: 64px;
        height: 64px;
        border-color: #087227;
        background: #087227;
        color: #fff !important;
        font-size: 15px;
        box-shadow: 0 4px 14px rgba(8, 114, 39, .35);
    }

    .mog-renewal-footer__top-button.top-button .triangle {
        border-top-color: #fff;
        border-left-color: #fff;
    }

    .mog-renewal-footer__top-button.top-button .top-text {
        color: #fff !important;
        font-size: 15px;
        line-height: 1.2;
    }

    .mog-renewal-footer__top-button.top-button:hover,
    .mog-renewal-footer__top-button.top-button:focus-visible {
        border-color: #065d20;
        background: #065d20;
        color: #fff !important;
    }
}

@media (max-width: 768px) {
    body.home .mog-triage__boost-name,
    body.home .mog-triage__boost-value {
        font-size: 15px;
    }

    body.home .mog-triage__boost-copy {
        display: none;
    }

    body.home .mog-case-accordion__toggle {
        font-size: 15px;
    }

    .mog-home-action__title,
    .mog-home-action--shop .mog-home-action__title {
        color: #fff;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.4;
        white-space: nowrap;
    }

    .mog-triage-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mog-triage__boost-item {
        display: grid;
        flex: 0 0 106px;
        width: 106px;
        height: 120px;
        grid-template-rows: 55px 35px 14px;
        align-content: start;
        overflow: hidden;
        border: 1px solid #e0a49b;
        border-radius: 9px;
        background: #fff;
        color: #333;
        text-align: center;
        text-decoration: none !important;
        scroll-snap-align: start;
        box-shadow: 0 3px 8px rgba(109, 48, 40, 0.12);
        transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
    }

    body.home .col-md-offset-1.col-md-10 > .support-area > .row ul.cf > li {
        display: inline-flex !important;
        float: none !important;
        align-items: center;
        width: auto !important;
        min-height: 0;
        margin: 0 !important;
        padding: 5px 9px !important;
        border: 1px solid #e5e5e5;
        border-radius: 999px;
        background: #fff;
        color: #555;
        font-size: 13px !important;
        line-height: 1.35;
    }

    body.home .support-area__heading {
        margin-bottom: 12px;
        padding: 11px 10px !important;
        border: 0;
        border-top: 3px solid #08752f;
        border-bottom: 1px solid #c9dfd0;
        border-radius: 0;
        background: #f2f8f4 !important;
        background-image: none !important;
        box-shadow: none;
        color: #1a1a1a !important;
        font-weight: 700;
        font-size: 19px;
        line-height: 1.45;
    }

    body.home .mog-triage__feature-copy {
        display: none;
    }
}