@charset "UTF-8";
    /* =========================================================
flex - flex関連の指定
========================================================= */
    
    @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
    /* =========================================================
color - 色の設定
========================================================= */
    /* =========================================================
font - font-familyの設定など
========================================================= */
    
    @font-face {
        font-family: YuGothicM;
        src: local("Yu Gothic Medium");
    }
    /* =========================================================
typography - テキスト関連の設定
========================================================= */
    /* line 106, ../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
    
    html {
        font-size: 100%;
        line-height: 1.5em;
    }
    /* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
    /* line 5, ../sass/foundation/_reset.scss */
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    /* line 26, ../sass/foundation/_reset.scss */
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }
    /* line 30, ../sass/foundation/_reset.scss */
    
    body {
        line-height: 1;
    }
    /* line 33, ../sass/foundation/_reset.scss */
    
    ol,
    ul {
        list-style: none;
    }
    /* line 36, ../sass/foundation/_reset.scss */
    
    blockquote,
    q {
        quotes: none;
    }
    /* line 39, ../sass/foundation/_reset.scss */
    
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }
    /* line 44, ../sass/foundation/_reset.scss */
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* line 49, ../sass/foundation/_reset.scss */
    
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* =========================================================
base - 基本設定
========================================================= */
    
    body {
        background-color: #f7f7f7;
        overflow-x: hidden;
        font-size: calc(16 * (100vw / 520));
        line-height: 1.4;
        color: #394656;
        width: 100vw;
        position: relative;
        font-family: "Zen Kaku Gothic New", sans-serif;
        -webkit-font-feature-settings: "pkna";
        font-feature-settings: "pkna";
        font-family: "Noto Serif JP", "Shippori Mincho", "MS 明朝", serif;
    }
    
    @media screen and (min-width: 520px) {
        body {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        body {
            font-size: calc(16 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        body {
            overflow-x: hidden !important;
            font-size: 16px;
            font-size: 1rem;
        }
    }
    /* line 22, ../sass/foundation/_base.scss */
    
    a {
        cursor: pointer;
        text-decoration: none;
        transition: .4s;
        line-height: 1;
    }
    /* line 28, ../sass/foundation/_base.scss */
    
    a:hover {
        color: inherit;
    }
    /* line 33, ../sass/foundation/_base.scss */
    
    p {
        color: #394656;
        word-break: break-all;
    }
    /* line 38, ../sass/foundation/_base.scss */
    
    img {
        height: auto;
        vertical-align: bottom;
        max-width: 100%;
        width: auto;
    }
    /* line 45, ../sass/foundation/_base.scss */
    
    .pc-show {
        display: none;
    }
    
    @media screen and (min-width: 980px) {
        /* line 45, ../sass/foundation/_base.scss */
        .pc-show {
            display: block;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 52, ../sass/foundation/_base.scss */
        .sp-show {
            display: none;
        }
    }
    /* =========================================================
main - メイン
========================================================= */
    /* line 5, ../sass/layout/_main.scss */
    
    .l-main {
        position: relative;
    }
    
    @media screen and (min-width: 768px) {
        .l-main {}
    }
    /* =========================================================
title - 共通のタイトルやテキストなど
========================================================= */
    /* line 8, ../sass/object/component/_title.scss */
    
    .c-basic-h2 {
        color: #80C6C4;
        font-size: 35px;
        font-size: 2.1875rem;
        font-weight: 300;
        line-height: 1.2;
        letter-spacing: .3rem;
    }
    
    @media screen and (min-width: 840px) {
        /* line 8, ../sass/object/component/_title.scss */
        .c-basic-h2 {
            font-size: 50px;
            font-size: 3.125rem;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 8, ../sass/object/component/_title.scss */
        .c-basic-h2 {
            font-size: 80px;
            font-size: 5rem;
        }
    }
    /* line 23, ../sass/object/component/_title.scss */
    
    .c-basic-h2.vertical {
        line-height: 1.1;
        transform: rotate(90deg);
    }
    /* line 28, ../sass/object/component/_title.scss */
    
    .c-basic-h2--gap {
        display: block;
        margin: 0 0 0 10rem;
    }
    /* line 34, ../sass/object/component/_title.scss */
    
    .c-basic-h3 {
        color: #80C6C4;
        font-size: 32px;
        font-size: 2rem;
        font-weight: 300;
        line-height: 1.2;
    }
    /* line 40, ../sass/object/component/_title.scss */
    
    .c-basic-h3 span {
        color: #AA8E76;
        display: block;
        font-size: 18px;
        font-size: 1.125rem;
        font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        margin: 0 0 10px;
        padding: 0 0 0 30px;
        position: relative;
    }
    /* line 49, ../sass/object/component/_title.scss */
    
    .c-basic-h3 span::before {
        background-color: #80C6C4;
        content: "";
        display: block;
        height: 2px;
        width: 20px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    /* =========================================================
text - 共通のテキストなど
========================================================= */
    /* line 9, ../sass/object/component/_txt.scss */
    
    .c-basic-txt,
    .c-error-message {
        color: #394656;
        word-wrap: break-word;
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 6px;
        margin-bottom: 0.375rem;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 24px;
        line-height: 1.5rem;
    }
    
    @media screen and (min-width: 980px) {
        /* line 9, ../sass/object/component/_txt.scss */
        .c-basic-txt,
        .c-error-message {
            margin-top: 0px;
            margin-top: 0rem;
            margin-bottom: 12px;
            margin-bottom: 0.75rem;
            line-height: 2;
        }
    }
    /* line 19, ../sass/object/component/_txt.scss */
    
    .c-basic-txt:last-of-type,
    .c-error-message:last-of-type {
        margin-bottom: 0;
    }
    /* line 24, ../sass/object/component/_txt.scss */
    
    .c-small-txt {
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 3px;
        margin-bottom: 0.18rem;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 24px;
        line-height: 1.5rem;
    }
    
    @media screen and (min-width: 980px) {
        /* line 24, ../sass/object/component/_txt.scss */
        .c-small-txt {
            margin-top: 0px;
            margin-top: 0rem;
            margin-bottom: 6px;
            margin-bottom: 0.375rem;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 24px;
            line-height: 1.5rem;
        }
    }
    /* line 32, ../sass/object/component/_txt.scss */
    
    .c-small-txt:last-of-type {
        margin-bottom: 0;
    }
    /* line 37, ../sass/object/component/_txt.scss */
    
    .c-error-message {
        display: inline-block;
        color: #e74c3c;
        margin-top: .5rem;
    }
    /* =========================================================
button - ボタン関係のコンポーネント
========================================================= */
    /* line 4, ../sass/object/component/_button.scss */
    
    .c-basic-btn {
        background: url(../images/icon/icon-right-w.svg) no-repeat center right 10px;
        background-size: 15px 15px;
        background-color: #81a6c9;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        max-width: 90%;
        padding: 10px 15px 15px;
        transition: .3s;
        text-align: center;
        width: 100%;
    }
    
    @media screen and (min-width: 576px) {
        /* line 4, ../sass/object/component/_button.scss */
        .c-basic-btn {
            padding: 20px 15px 22px;
            max-width: 320px;
        }
    }
    /* line 20, ../sass/object/component/_button.scss */
    
    .c-basic-btn.green {
        background-color: #4EB5B9;
    }
    /* line 23, ../sass/object/component/_button.scss */
    
    .c-basic-btn.purple {
        background-color: #9277c4;
    }
    /* line 26, ../sass/object/component/_button.scss */
    
    .c-basic-btn.red {
        background-color: #ad7597;
    }
    /* line 29, ../sass/object/component/_button.scss */
    
    .c-basic-btn .in {
        color: #ffffff;
        display: inline-block;
        font-weight: bold;
        font-size: calc(22 * (100vw / 768));
        width: 100%;
    }
    
    @media screen and (min-width: 576px) {
        /* line 29, ../sass/object/component/_button.scss */
        .c-basic-btn .in {
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 29, ../sass/object/component/_button.scss */
        .c-basic-btn .in {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    /* line 43, ../sass/object/component/_button.scss */
    
    .c-basic-btn:hover {
        box-shadow: 0px 0px 15px -5px #777777;
    }
    /*popup*/
    /* line 54, ../sass/object/component/_button.scss */
    
    .c-btn-popup .c-btn-popup--open {
        cursor: pointer;
    }
    /* line 56, ../sass/object/component/_button.scss */
    
    .c-btn-popup .c-btn-popup--open:hover {
        opacity: 0.7;
    }
    /* line 60, ../sass/object/component/_button.scss */
    
    .c-btn-popup .c-btn-popup--overlay,
    .c-btn-popup--close-overlay {
        display: none;
    }
    /* line 64, ../sass/object/component/_button.scss */
    
    .c-btn-popup input {
        display: none;
    }
    /* line 67, ../sass/object/component/_button.scss */
    
    .c-btn-popup input:checked~.c-btn-popup--overlay {
        display: block;
        z-index: 99999;
        position: fixed;
        top: 0;
        left: 0;
    }
    /* line 74, ../sass/object/component/_button.scss */
    
    .c-btn-popup input:checked~.c-btn-popup--close-overlay {
        display: block;
        background-color: #00000070;
        cursor: pointer;
        position: fixed;
        height: 100vh;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99998;
    }
    /* line 86, ../sass/object/component/_button.scss */
    
    .c-btn-popup .c-btn-popup--window {
        width: 90%;
        max-width: 720px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* line 95, ../sass/object/component/_button.scss */
    
    .c-btn-popup .c-btn-popup--close {
        background: #000000;
        border-radius: 100%;
        cursor: pointer;
        position: absolute;
        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
        padding: 11px;
    }
    /* =========================================================
txtarea - テキストエリア
========================================================= */
    /* line 5, ../sass/object/component/_txtarea.scss */
    
    .c-txtarea {
        resize: none;
        width: 100%;
        height: 10rem;
        padding: .5rem;
        border: 0;
        border: 1px solid #dddddd;
        border-radius: 4px;
        background-color: #fafafa;
        font-size: 16px;
        font-size: 1rem;
        color: #555555;
        font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    /* line 18, ../sass/object/component/_txtarea.scss */
    
    .c-txtarea::placeholder {
        color: #cccccc;
    }
    /* line 22, ../sass/object/component/_txtarea.scss */
    
    .c-txtarea.is-entered {
        background-color: #ffffff;
    }
    /* =========================================================
drawer
========================================================= */
    
    .c-drawer {
        background-color: #f7f7f7;
        height: 100vh;
        padding: 0;
        max-width: 0;
        width: 90vw;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed;
        right: -390px;
        transition: .4s;
        z-index: 501;
        scrollbar-color: #929292 #fff;
        scrollbar-width: thin;
    }
    
    .c-drawer::-webkit-scrollbar {
        width: 8px;
        background-color: #fff;
    }
    
    .c-drawer::-webkit-scrollbar-thumb {
        background: #929292;
        width: 6px;
        border-radius: 5px;
    }
    
    .c-drawer-btn label {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer;
    }
    
    .c-drawer-btn .icon {
        background-color: #81a6c9;
        border-radius: 50px;
        cursor: pointer;
        height: 50px;
        width: 50px;
        position: relative;
        transition: .4s;
    }
    
    .c-drawer-btn .icon::before,
    .c-drawer-btn .icon::after {
        background-color: #fff;
        content: '';
        display: block;
        height: 2px;
        width: 18px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    .c-drawer-btn .icon::before {
        top: 14px;
        transition: .4s;
    }
    
    .c-drawer-btn .icon::after {
        bottom: 14px;
        transition: .4s;
    }
    
    .c-drawer-btn .icon:hover {
        background-color: #6889a9;
    }
    
    .c-drawer-btn .icon .border {
        color: #fff;
        font-size: calc(11 * (100vw / 520));
        font-weight: 500;
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        letter-spacing: -.1rem;
        margin: auto;
        text-align: center;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-btn .icon .border {
            font-size: calc(11 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-btn .icon .border {
            font-size: calc(11 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-btn .icon .border {
            font-size: 11px;
            font-size: 0.6875rem;
        }
    }
    
    .c-drawer-highlighted {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 5px auto 0;
    }
    
    .c-drawer-highlighted li {
        margin: 0 0 8px;
        width: 49%;
    }
    
    .c-drawer-highlighted li:first-of-type {
        width: 100%;
    }
    
    .c-drawer-highlighted li a {
        border-radius: 5px;
        color: #394656;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(18 * (100vw / 520));
        font-weight: 500;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-highlighted li a {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-highlighted li a {
            font-size: calc(16 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-highlighted li a {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    
    .c-drawer-highlighted li a::before {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        border-radius: 50px;
        content: '';
        display: block;
        height: 50px;
        width: 25px;
    }
    
    .c-drawer-highlighted li a.results {
        background-color: #b29443;
        color: #fff;
    }
    
    .c-drawer-highlighted li a.results:hover {
        background-color: #977c32;
    }
    
    .c-drawer-highlighted li a.results::before {
        background-image: url(../images/common/icon-results.webp);
        background-size: 30px;
        height: 50px;
        width: 40px;
    }
    
    .c-drawer-highlighted li a.shop {
        background-color: #b7d5cd;
    }
    
    .c-drawer-highlighted li a.shop:hover {
        background-color: #8fbdb1;
    }
    
    .c-drawer-highlighted li a.shop::before {
        background-image: url(../images/common/icon-shop.webp);
        background-size: 30px;
        height: 50px;
        width: 40px;
    }
    
    .c-drawer-highlighted li a.mypage {
        background-color: #f9dad6;
    }
    
    .c-drawer-highlighted li a.mypage:hover {
        background-color: #e7bdb8;
    }
    
    .c-drawer-highlighted li a.mypage::before {
        background-image: url(../images/common/icon-mypage.webp);
    }
    
    .c-drawer-assessment {
        background-color: #f0f0f0;
        margin: 20px auto 0;
        padding: 15px 8px;
    }
    
    .c-drawer-assessment_title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(22 * (100vw / 520));
        font-weight: 700;
        text-align: center;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-assessment_title {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-assessment_title {
            font-size: calc(20 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-assessment_title {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    
    .c-drawer-assessment_title::before,
    .c-drawer-assessment_title::after {
        background-color: #FEF07F;
        content: '';
        display: block;
        height: 2px;
        width: 40px;
    }
    
    .c-drawer-assessment_title::before {
        transform: rotate(60deg);
    }
    
    .c-drawer-assessment_title::after {
        transform: rotate(-60deg);
    }
    
    .c-drawer-assessment_title .reduce {
        display: block;
        font-size: 80%;
    }
    
    .c-drawer-assessment_list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 15px auto 0;
    }
    
    .c-drawer-assessment_list>li {
        margin: 0 0 8px;
        width: 48%;
    }
    
    .c-drawer-assessment_list>li:nth-of-type(2n+1) {
        margin: 0 2% 8px 0;
    }
    
    .c-drawer-assessment_list>li a {
        border-radius: 5px;
        color: #394656;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(18 * (100vw / 520));
        font-weight: 500;
        padding: 10px;
        transition: .4s;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-assessment_list>li a {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-assessment_list>li a {
            font-size: calc(16 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-assessment_list>li a {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    
    .c-drawer-assessment_list>li a img {
        margin: 0 6px 0 0;
        max-width: 25px;
    }
    
    .c-drawer-assessment_list>li a.counter {
        background-color: #b7d5cd;
    }
    
    .c-drawer-assessment_list>li a.counter:hover {
        background-color: #8fbdb1;
    }
    
    .c-drawer-assessment_list>li a.line {
        background-color: #0abf7d;
        color: #fff;
        font-size: calc(16 * (100vw / 520));
        max-height: 45px;
        letter-spacing: -.05rem;
        padding: 15px 5px;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-assessment_list>li a.line {
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-assessment_list>li a.line {
            font-size: calc(14 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-assessment_list>li a.line {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    
    .c-drawer-assessment_list>li a.line:hover {
        background-color: #35d99d;
    }
    
    .c-drawer-assessment_list>li a.line img {
        margin: 0 3px;
        max-width: 20px;
    }
    
    .c-drawer-assessment_list>li a.delivery {
        background-color: #f9dad6;
    }
    
    .c-drawer-assessment_list>li a.delivery:hover {
        background-color: #e7bdb8;
    }
    
    .c-drawer-assessment_list>li a.bulgeout {
        background-color: #83c5e8;
    }
    
    .c-drawer-assessment_list>li a.bulgeout:hover {
        background-color: #6889a9;
    }
    
    .c-drawer-nav {
        margin: 37px auto 0;
        padding: 0 10px;
    }
    
    .c-drawer-nav_title {
        font-size: calc(22 * (100vw / 520));
        font-weight: 700;
        margin: 0 0 15px;
        text-align: center;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-nav_title {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-nav_title {
            font-size: calc(20 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-nav_title {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    
    .c-drawer-nav_title .reduce {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 80%;
    }
    
    .c-drawer-nav_title .reduce::before,
    .c-drawer-nav_title .reduce::after {
        background-color: #FEF07F;
        content: '';
        display: block;
        height: 2px;
        width: 20px;
        margin: 0 5px;
    }
    
    .c-drawer-nav_title .reduce::before {
        transform: rotate(60deg);
    }
    
    .c-drawer-nav_title .reduce::after {
        transform: rotate(-60deg);
    }
    
    .c-drawer-nav_list {
        display: flex;
        flex-wrap: wrap;
    }
    
    .c-drawer-nav_list>li {
        margin: 0 0 18px;
        width: 48%;
    }
    
    .c-drawer-nav_list>li:first-of-type {
        width: 100%;
    }
    
    .c-drawer-nav_list>li:nth-of-type(2n+3) {
        margin: 0 0 18px 4%;
    }
    
    .c-drawer-nav_list>li a {
        color: #394656;
        font-size: calc(16 * (100vw / 520));
        font-weight: 500;
        transition: .4s;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-nav_list>li a {
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-nav_list>li a {
            font-size: calc(14 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-nav_list>li a {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    
    .c-drawer-nav_list>li figure picture {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .4s;
    }
    
    .c-drawer-nav_list>li figure picture:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }
    
    .c-drawer-nav_list>li figure picture img {
        max-height: 75px;
    }
    
    .c-drawer-nav_list>li figure figcaption {
        margin: 3px 0 0;
    }
    
    .c-drawer-nav_sublist {
        display: flex;
        flex-wrap: wrap;
    }
    
    .c-drawer-nav_sublist>li {
        margin: 0 0 18px;
        width: 48%;
    }
    
    .c-drawer-nav_sublist>li:nth-of-type(2n+2) {
        margin: 0 0 18px 4%;
    }
    
    .c-drawer-nav_sublist>li a {
        color: #394656;
        font-size: calc(16 * (100vw / 520));
        font-weight: 500;
        transition: .4s;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-nav_sublist>li a {
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-nav_sublist>li a {
            font-size: calc(14 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-nav_sublist>li a {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    
    .c-drawer-nav_sublist>li figure picture {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .4s;
    }
    
    .c-drawer-nav_sublist>li figure picture:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }
    
    .c-drawer-nav_sublist>li figure picture img {
        max-height: 75px;
    }
    
    .c-drawer-nav_sublist>li figure figcaption {
        margin: 3px 0 0;
    }
    
    .c-drawer-about {
        background-color: #efece4;
        margin: 34px auto 0;
        padding: 15px 8px;
    }
    
    .c-drawer-about_title {
        font-size: calc(22 * (100vw / 520));
        font-weight: 700;
        text-align: center;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-about_title {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-about_title {
            font-size: calc(20 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-about_title {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    
    .c-drawer-about_title .reduce {
        display: block;
        font-size: 80%;
    }
    
    .c-drawer-about_list {
        display: flex;
        flex-wrap: wrap;
        margin: 15px 0 0;
    }
    
    .c-drawer-about_list>li {
        margin: 0 0 10px;
        width: 48%;
    }
    
    .c-drawer-about_list>li:nth-of-type(2n+2) {
        margin: 0 0 10px 4%;
    }
    
    .c-drawer-about_list>li a {
        background: #81a6c9;
        border: 3px solid #ffffff;
        border-radius: 5px;
        box-sizing: border-box;
        color: #fff;
        display: flex;
        align-items: center;
        font-size: calc(16 * (100vw / 520));
        font-weight: 500;
        min-height: 49px;
        padding: 5px;
        transition: .4s;
    }
    
    @media screen and (min-width: 520px) {
        .c-drawer-about_list>li a {
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-drawer-about_list>li a {
            font-size: calc(14 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-drawer-about_list>li a {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    
    .c-drawer-about_list>li a::after {
        background-image: url(../images/common/icon-arrow02.webp);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        content: '';
        display: block;
        height: 8px;
        width: 18px;
        margin: 0 0 0 5px;
        transition: .4s;
    }
    
    .c-drawer-about_list>li a:hover {
        background-color: #6889a9;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }
    
    .c-drawer-about_list>li a img {
        margin: 0 6px 0 0;
        max-width: 20px;
    }
    
    .c-drawer-banner {
        margin: 25px 0 0;
    }
    
    .c-drawer-banner_list {
        display: flex;
        flex-wrap: wrap;
    }
    
    .c-drawer-banner_list>li {
        margin: 0 0 10px;
        width: 48%;
    }
    
    .c-drawer-banner_list>li:nth-of-type(2n+2) {
        margin: 0 0 10px 4%;
    }
    
    .c-drawer-banner_list>li a {
        transition: .4s;
    }
    
    .c-drawer-banner_list>li a:hover {
        opacity: .7;
    }
    
    .c-drawer-acc--container {
        max-height: 0;
        visibility: hidden;
        opacity: 0;
        transition: .4s;
    }
    
    .c-drawer-acc--more label {
        background: url(../images/common/icon-triangle01.svg) center no-repeat;
        background-size: 18px;
        background-color: #81A6C9;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        width: 50px;
        height: 50px;
        margin: auto;
        transition: .4s;
    }
    
    .c-drawer-acc--more label:hover {
        background-color: #6889a9;
    }
    
    .c-drawer-acc--check:checked+.c-drawer-acc>.c-drawer-acc--container {
        max-height: 999vh;
        visibility: visible;
        opacity: 1;
    }
    
    .c-drawer-acc--check:checked+.c-drawer-acc>.c-drawer-acc--more label {
        transform: rotate(-180deg);
    }
    
    #drawer:checked+.c-drawer {
        padding: 5px 10px 15px;
        max-width: 390px;
        top: 0;
        right: 0;
    }
    
    #drawer:checked+.c-drawer .c-drawer-btn .icon::before {
        top: -5px;
        transform: rotate(45deg);
    }
    
    #drawer:checked+.c-drawer .c-drawer-btn .icon::after {
        bottom: 5px;
        transform: rotate(-45deg);
    }
    
    #drawer:checked~.c-drawer-overlay {
        background-color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        height: 100vh;
        width: 100vw;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 500;
    }
    /* =========================================================
pagenation - ページ送り
========================================================= */
    /* =========================================================
breadcrumbs
========================================================= */
    
    .c-breadcrumbs--wrap {
        max-width: 1450px;
        margin: auto;
        width: 96vw;
        overflow-x: scroll;
        padding: 5px 0;
        scrollbar-width: none;
    }
    
    .c-breadcrumbs--wrap::-webkit-scrollbar {
        display: none;
    }
    
    .c-breadcrumbs--list {
        display: flex;
        align-items: center;
        width: 200vw;
    }
    
    @media screen and (min-width: 768px) {
        .c-breadcrumbs--list {
            width: auto;
        }
    }
    
    .c-breadcrumbs--list>li a {
        display: flex;
        align-items: center;
        color: #394656;
        font-size: calc(14 * (100vw / 520));
        line-height: 1.2;
    }
    
    @media screen and (min-width: 520px) {
        .c-breadcrumbs--list>li a {
            font-size: calc(12 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-breadcrumbs--list>li a {
            font-size: calc(12 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-breadcrumbs--list>li a {
            font-size: 12px;
            font-size: 0.75rem;
        }
    }
    
    .c-breadcrumbs--list>li a:hover {
        text-decoration: underline;
    }
    
    .c-breadcrumbs--list>li:not(:first-of-type) a::before {
        border-top: 1px solid #394656;
        border-right: 1px solid #394656;
        content: '';
        display: block;
        transform: rotate(45deg);
        height: 5px;
        width: 5px;
        margin: 0 5px;
    }
    /* =========================================================
purchase_brand - 買取強化ブランド
========================================================= */
    /* line 4, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand {
        background: #f0f0f0;
        padding: 35px 0 5px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand {
            padding: 60px 0;
        }
    }
    /* line 10, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 17, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--ttl {
        color: #394656;
        font-size: calc(30 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 17, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--ttl {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 17, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 40px;
        }
    }
    /* line 31, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 10px;
        row-gap: 10px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 31, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--list {
            row-gap: 20px;
            grid-template-columns: 1fr 1fr 1fr;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 41, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--item {
            padding: 0 10px 30px;
        }
    }
    /* line 46, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--link {
        transition: .3s;
    }
    /* line 48, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--link:hover {
        opacity: 0.7;
    }
    /* line 51, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--link .photo {
        background: #ffffff;
        padding: 0 10px;
        text-align: center;
    }
    
    @media screen and (min-width: 840px) {
        /* line 51, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--link .photo {
            padding: 0 10px;
        }
    }
    /* line 59, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--link img {
        display: inline-block;
        width: 100%;
        height: 50px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 59, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--link img {
            height: 100px;
        }
    }
    /* line 67, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--link .text {
        color: #394656;
        display: inline-block;
        font-size: calc(21 * (100vw / 768));
        font-weight: bold;
    }
    
    @media screen and (min-width: 576px) {
        /* line 67, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--link .text {
            padding-top: 15px;
            padding-bottom: 10px;
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 67, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--link .text {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    /* line 83, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--more {
        margin: 20px auto 0;
    }
    /* line 86, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--more .c-purchase_brand--list {
        max-height: 4vh;
        overflow: hidden;
        transition: .4s;
    }
    /* line 92, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--more input[name="brandlist_more"] {
        display: none;
    }
    /* line 97, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--more input[name="brandlist_more"]:checked+.c-purchase_brand--list {
        max-height: 999vh;
        transition: .4s;
    }
    /* line 102, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--more input[name="brandlist_more"]:checked~.c-purchase_brand--morebtn {
        margin: 0;
    }
    /* line 107, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--more input[name="brandlist_more"]:checked~.c-purchase_brand--morebtn label::before {
        transform: rotate(-90deg);
        transition: .4s;
    }
    /* line 116, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--morebtn {
        background: #f0f0f0;
        background: linear-gradient(0deg, #f0f0f0 25%, rgba(240, 240, 240, 0) 100%);
        margin: -20px 0 0;
        position: relative;
    }
    /* line 124, ../sass/object/component/_purchase_brand.scss */
    
    .c-purchase_brand--morebtn label::before {
        background-image: url(../images/icon/icon-right-w.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #81a6c9;
        background-size: 35%;
        border-radius: 100%;
        content: '';
        cursor: pointer;
        display: block;
        margin: auto;
        width: 30px;
        height: 30px;
        transform: rotate(90deg);
        transition: .4s;
        z-index: 1;
    }
    
    @media screen and (min-width: 840px) {
        /* line 124, ../sass/object/component/_purchase_brand.scss */
        .c-purchase_brand--morebtn label::before {
            width: 60px;
            height: 60px;
        }
    }
    /* =========================================================
manip - 買取アナウンス
========================================================= */
    /* line 4, ../sass/object/component/_manip.scss */
    
    .c-manip {
        padding: 50px 0;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_manip.scss */
        .c-manip {
            padding: 80px 0;
        }
    }
    /* line 9, ../sass/object/component/_manip.scss */
    
    .c-manip--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 16, ../sass/object/component/_manip.scss */
    
    .c-manip-line {
        padding-bottom: 20px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 16, ../sass/object/component/_manip.scss */
        .c-manip-line {
            padding-bottom: 50px;
        }
    }
    /* line 22, ../sass/object/component/_manip.scss */
    
    .c-manip-line--ttl {
        text-align: center;
    }
    /* line 24, ../sass/object/component/_manip.scss */
    
    .c-manip-line--ttl .in {
        color: #394656;
        display: inline-block;
        font-size: calc(30 * (100vw / 668));
        font-weight: bold;
        position: relative;
        letter-spacing: 1px;
        line-height: 1.6;
    }
    
    @media screen and (min-width: 576px) {
        /* line 24, ../sass/object/component/_manip.scss */
        .c-manip-line--ttl .in {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 24, ../sass/object/component/_manip.scss */
        .c-manip-line--ttl .in {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    /* line 38, ../sass/object/component/_manip.scss */
    
    .c-manip-line--ttl .in::before {
        content: '';
        background: #0abf7d;
        display: block;
        transform: rotate(60deg);
        position: absolute;
        bottom: 24px;
        left: -50px;
        width: 50px;
        height: 2px;
    }
    /* line 49, ../sass/object/component/_manip.scss */
    
    .c-manip-line--ttl .in::after {
        content: '';
        background: #0abf7d;
        display: block;
        transform: rotate(-60deg);
        position: absolute;
        bottom: 24px;
        right: -50px;
        width: 50px;
        height: 2px;
    }
    /* line 62, ../sass/object/component/_manip.scss */
    
    .c-manip-line--btn {
        text-align: center;
        padding-top: 10px;
    }
    
    @media screen and (min-width: 980px) {
        /* line 62, ../sass/object/component/_manip.scss */
        .c-manip-line--btn {
            padding-top: 30px;
        }
    }
    /* line 68, ../sass/object/component/_manip.scss */
    
    .c-manip-line--btn .line-btn {
        background: #0abf7d;
        border-radius: 5px;
        display: inline-block;
        max-width: 370px;
        padding: 9px 5px;
        text-align: center;
        width: 100%;
    }
    
    @media screen and (min-width: 980px) {
        /* line 68, ../sass/object/component/_manip.scss */
        .c-manip-line--btn .line-btn {
            background: none;
            border-radius: 0;
            padding: 0;
        }
    }
    /* line 81, ../sass/object/component/_manip.scss */
    
    .c-manip-line--btn .line-btn:hover {
        box-shadow: 0px 0px 15px -5px #777777;
    }
    /* line 84, ../sass/object/component/_manip.scss */
    
    .c-manip-line--btn .line-btn img {
        border-radius: 5px;
        background: #0abf7d;
        display: none;
        text-align: center;
        width: 100%;
        height: auto;
    }
    
    @media screen and (min-width: 980px) {
        /* line 84, ../sass/object/component/_manip.scss */
        .c-manip-line--btn .line-btn img {
            display: inline-block;
        }
    }
    /* line 95, ../sass/object/component/_manip.scss */
    
    .c-manip-line--btn .line-btn .sp-text {
        background: url(../images/icon/icon-line-w.svg) no-repeat left center;
        background-size: 20px 20px;
        color: #ffffff;
        display: inline-block;
        font-size: calc(23 * (100vw / 668));
        font-weight: bold;
        padding: 10px;
        padding-left: 25px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 95, ../sass/object/component/_manip.scss */
        .c-manip-line--btn .line-btn .sp-text {
            font-size: calc(18 * (100vw / 768));
            background-size: 30px 30px;
            padding-left: 40px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 95, ../sass/object/component/_manip.scss */
        .c-manip-line--btn .line-btn .sp-text {
            display: none;
        }
    }
    /* line 117, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori--ttl {
        text-align: center;
    }
    /* line 119, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori--ttl .in {
        color: #394656;
        display: inline-block;
        font-size: calc(30 * (100vw / 668));
        font-weight: bold;
        position: relative;
        letter-spacing: 3px;
        line-height: 1.6;
    }
    
    @media screen and (min-width: 576px) {
        /* line 119, ../sass/object/component/_manip.scss */
        .c-manip-kaitori--ttl .in {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 119, ../sass/object/component/_manip.scss */
        .c-manip-kaitori--ttl .in {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    /* line 134, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori--ttl .in::before {
        content: '';
        background: #FEF07F;
        display: block;
        transform: rotate(60deg);
        position: absolute;
        bottom: 24px;
        left: -50px;
        width: 50px;
        height: 2px;
    }
    /* line 145, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori--ttl .in::after {
        content: '';
        background: #FEF07F;
        display: block;
        transform: rotate(-60deg);
        position: absolute;
        bottom: 24px;
        right: -50px;
        width: 50px;
        height: 2px;
    }
    /* line 158, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori--btn {
        padding-top: 10px;
    }
    
    @media screen and (min-width: 980px) {
        /* line 158, ../sass/object/component/_manip.scss */
        .c-manip-kaitori--btn {
            padding-top: 30px;
        }
    }
    /* line 164, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori--list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -5px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 164, ../sass/object/component/_manip.scss */
        .c-manip-kaitori--list {
            margin: 0 -15px;
        }
    }
    /* line 171, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori--item {
        text-align: center;
        width: 33.3%;
        padding: 0 5px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 171, ../sass/object/component/_manip.scss */
        .c-manip-kaitori--item {
            padding: 0 15px;
        }
    }
    /* line 179, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link {
        background: #B7D5CD;
        border-radius: 5px;
        display: inline-block;
        max-width: 370px;
        padding: 9px 5px;
        text-align: center;
        width: 100%;
    }
    
    @media screen and (min-width: 576px) {
        /* line 179, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link {
            padding: 10px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 179, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link {
            background: none;
            padding: 0;
        }
    }
    /* line 194, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link:hover {
        box-shadow: 0px 0px 15px -5px #777777;
    }
    /* line 197, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link img {
        border-radius: 5px;
        background: #0abf7d;
        display: none;
        width: 100%;
        height: auto;
    }
    
    @media screen and (min-width: 980px) {
        /* line 197, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link img {
            display: inline-block;
        }
    }
    /* line 207, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link.shop {
        background: #B7D5CD;
    }
    /* line 209, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link.shop img,
    .c-manip-kaitori .link.shop .sp-text {
        background-image: url(../images/icon/icon-shop.webp);
        background-color: #B7D5CD;
    }
    
    @media screen and (min-width: 980px) {
        /* line 209, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link.shop img,
        .c-manip-kaitori .link.shop .sp-text {
            background: none;
        }
    }
    /* line 217, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link.delivery {
        background: #F9DAD6;
    }
    /* line 219, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link.delivery img,
    .c-manip-kaitori .link.delivery .sp-text {
        background-image: url(../images/icon/icon-satei-delivery-short.webp);
        background-color: #F9DAD6;
    }
    
    @media screen and (min-width: 980px) {
        /* line 219, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link.delivery img,
        .c-manip-kaitori .link.delivery .sp-text {
            background: none;
        }
    }
    /* line 227, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link.trip {
        background: #83C5E8;
    }
    /* line 229, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link.trip img,
    .c-manip-kaitori .link.trip .sp-text {
        background-image: url(../images/icon/icon-satei-trip-short.webp);
        background-color: #83C5E8;
    }
    
    @media screen and (min-width: 980px) {
        /* line 229, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link.trip img,
        .c-manip-kaitori .link.trip .sp-text {
            background: none;
        }
    }
    /* line 237, ../sass/object/component/_manip.scss */
    
    .c-manip-kaitori .link .sp-text {
        background: url(../images/icon/icon-shop.webp) no-repeat left center;
        background-size: 20px 20px;
        color: #394656;
        display: inline-block;
        font-size: calc(22 * (100vw / 668));
        font-weight: bold;
        padding: 10px;
        padding-left: 25px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 237, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link .sp-text {
            font-size: calc(18 * (100vw / 768));
            background-size: 30px 30px;
            padding-left: 40px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 237, ../sass/object/component/_manip.scss */
        .c-manip-kaitori .link .sp-text {
            display: none;
        }
    }
    /* =========================================================
sub-nav - 買取アイテム一覧
========================================================= */
    /* line 4, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav {
        background: rgba(247, 247, 247, 0.95);
        padding: 10px;
        width: 100%;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav {
            padding: 50px 10px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 4, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav {
            padding: 0 10px 50px 60px;
            background: none;
        }
    }
    /* line 18, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--box {
        padding-top: 5px;
    }
    
    @media screen and (min-width: 980px) {
        /* line 18, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--box {
            padding: 0 0 30px;
        }
    }
    /* line 23, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--box:first-of-type {
        padding-top: 0;
    }
    /* line 27, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--ttl {
        font-size: calc(27 * (100vw / 768));
        font-weight: bold;
        display: none;
        padding-bottom: 5px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 27, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--ttl {
            font-size: calc(18 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 27, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--ttl {
            font-size: 18px;
            font-size: 1.125rem;
            padding-bottom: 20px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 27, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--ttl {
            display: block;
            text-align: left;
        }
    }
    /* line 48, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 5px;
    }
    
    @media screen and (min-width: 980px) {
        /* line 48, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--list {
            grid-template-columns: 1fr;
        }
    }
    /* line 56, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item {
        text-align: center;
        width: 100%;
    }
    /* line 59, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link {
        background: #B7D5CD;
        border-radius: 5px;
        display: inline-block;
        max-width: 370px;
        padding: 2px 5px;
        text-align: center;
        width: 100%;
    }
    
    @media screen and (min-width: 576px) {
        /* line 59, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link {
            padding: 10px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 59, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link {
            background: none;
            padding: 0;
        }
    }
    /* line 74, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link:hover {
        box-shadow: 0px 0px 15px -5px #777777;
    }
    /* line 77, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link img {
        border-radius: 5px;
        display: none;
        max-width: 260px;
        width: 100%;
        height: auto;
    }
    
    @media screen and (min-width: 980px) {
        /* line 77, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link img {
            display: inline-block;
        }
    }
    /* line 87, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link .sp-text {
        background: url(../images/icon/icon-shop.webp) no-repeat left center;
        background-size: 20px 20px;
        color: #394656;
        display: inline-block;
        font-size: calc(22 * (100vw / 768));
        font-weight: bold;
        padding: 8px;
        padding-left: 25px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 87, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link .sp-text {
            font-size: calc(15 * (100vw / 768));
            background-size: 30px 30px;
            padding-left: 40px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 87, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link .sp-text {
            display: none;
        }
    }
    /* line 106, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.line {
        background: #0abf7d;
    }
    /* line 108, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.line img {
        background: #0abf7d;
    }
    /* line 111, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.line .sp-text {
        background-image: url(../images/icon/icon-satei-tel-w.webp);
        background-color: #0abf7d;
        color: #ffffff;
    }
    
    @media screen and (min-width: 980px) {
        /* line 111, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link.line .sp-text {
            background: none;
        }
    }
    /* line 120, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.tel {
        background: #ED99A4;
    }
    /* line 122, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.tel img {
        background: #ED99A4;
    }
    /* line 125, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.tel .sp-text {
        background-image: url(../images/icon/icon-satei-tel-w.webp);
        background-color: #ED99A4;
        color: #ffffff;
    }
    
    @media screen and (min-width: 980px) {
        /* line 125, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link.tel .sp-text {
            background: none;
        }
    }
    /* line 134, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.mail {
        background: #81A6C9;
    }
    /* line 136, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.mail img {
        background: #81A6C9;
    }
    /* line 139, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.mail .sp-text {
        background-image: url(../images/icon/icon-satei-mail-w.webp);
        background-color: #81A6C9;
        color: #ffffff;
    }
    
    @media screen and (min-width: 980px) {
        /* line 139, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link.mail .sp-text {
            background: none;
        }
    }
    /* line 149, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.shop {
        background: #B7D5CD;
    }
    /* line 151, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.shop img {
        background: #B7D5CD;
    }
    /* line 154, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.shop .sp-text {
        background-image: url(../images/icon/icon-shop.webp);
        background-color: #B7D5CD;
    }
    
    @media screen and (min-width: 980px) {
        /* line 154, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link.shop .sp-text {
            background: none;
        }
    }
    /* line 163, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.delivery {
        background: #F9DAD6;
    }
    /* line 165, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.delivery img {
        background: #F9DAD6;
    }
    /* line 168, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.delivery .sp-text {
        background-image: url(../images/icon/icon-satei-delivery-short.webp);
        background-color: #F9DAD6;
    }
    
    @media screen and (min-width: 980px) {
        /* line 168, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link.delivery .sp-text {
            background: none;
        }
    }
    /* line 177, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.trip {
        background: #83C5E8;
    }
    /* line 179, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.trip img {
        background: #83C5E8;
    }
    /* line 182, ../sass/object/component/_sub-nav.scss */
    
    .c-sub-nav--item .link.trip .sp-text {
        background-image: url(../images/icon/icon-satei-trip-short.webp);
        background-color: #83C5E8;
    }
    
    @media screen and (min-width: 980px) {
        /* line 182, ../sass/object/component/_sub-nav.scss */
        .c-sub-nav--item .link.trip .sp-text {
            background: none;
        }
    }
    /* =========================================================
purchase_item - 買取アイテム一覧
========================================================= */
    /* line 4, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item {
        padding: 35px 0 5px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item {
            padding: 60px 0;
        }
    }
    /* line 9, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 17, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--main {
        font-size: calc(30 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 17, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--main {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 17, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--main {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 40px;
        }
    }
    /* line 31, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--ttl {
        color: #394656;
        font-size: calc(30 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 31, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--ttl {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 31, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 40px;
        }
    }
    /* line 46, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(7, 0.5fr);
        column-gap: 5px;
        row-gap: 5px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 46, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--list {
            grid-template-rows: repeat(7, 1fr);
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 46, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--list {
            grid-template-columns: repeat(8, 1fr);
            grid-template-rows: repeat(7, 1fr);
            column-gap: 10px;
            row-gap: 10px;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 46, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--list {
            grid-template-columns: repeat(15, 1fr);
            grid-template-rows: repeat(5, 0.5fr);
            column-gap: 20px;
            row-gap: 20px;
        }
    }
    /* line 69, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type1 {
        grid-area: 1 / 1 / 3 / 3;
    }
    /* line 70, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type2 {
        grid-area: 1 / 3 / 3 / 5;
    }
    /* line 71, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type3 {
        grid-area: 3 / 1 / 4 / 3;
    }
    /* line 72, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type4 {
        grid-area: 3 / 3 / 4 / 5;
    }
    /* line 73, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type5 {
        grid-area: 4 / 1 / 5 / 3;
    }
    /* line 74, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type6 {
        grid-area: 4 / 3 / 5 / 5;
    }
    /* line 75, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type7 {
        grid-area: 5 / 1 / 6 / 3;
    }
    /* line 76, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type8 {
        grid-area: 5 / 3 / 6 / 4;
    }
    /* line 77, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type9 {
        grid-area: 5 / 4 / 6 / 5;
    }
    /* line 78, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type10 {
        grid-area: 6 / 1 / 7 / 2;
    }
    /* line 79, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type11 {
        grid-area: 6 / 2 / 7 / 3;
    }
    /* line 80, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type12 {
        grid-area: 6 / 3 / 7 / 4;
    }
    /* line 81, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type13 {
        grid-area: 6 / 4 / 7 / 5;
    }
    /* line 82, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type14 {
        grid-area: 7 / 1 / 8 / 2;
    }
    /* line 83, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type15 {
        grid-area: 7 / 2 / 8 / 3;
    }
    /* line 84, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type16 {
        grid-area: 7 / 3 / 8 / 4;
    }
    /* line 85, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--item.type17 {
        grid-area: 7 / 4 / 8 / 5;
    }
    
    @media screen and (min-width: 840px) {
        /* line 87, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type1 {
            grid-area: 1 / 1 / 3 / 5;
        }
        /* line 88, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type2 {
            grid-area: 1 / 5 / 3 / 9;
        }
        /* line 89, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type3 {
            grid-area: 3 / 1 / 4 / 5;
        }
        /* line 90, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type4 {
            grid-area: 3 / 5 / 4 / 9;
        }
        /* line 91, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type5 {
            grid-area: 4 / 1 / 5 / 5;
        }
        /* line 92, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type6 {
            grid-area: 4 / 5 / 5 / 9;
        }
        /* line 93, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type7 {
            grid-area: 5 / 1 / 6 / 5;
        }
        /* line 94, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type8 {
            grid-area: 5 / 5 / 6 / 7;
        }
        /* line 95, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type9 {
            grid-area: 5 / 7 / 6 / 9;
        }
        /* line 96, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type10 {
            grid-area: 6 / 1 / 7 / 3;
        }
        /* line 97, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type11 {
            grid-area: 6 / 3 / 7 / 5;
        }
        /* line 98, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type12 {
            grid-area: 6 / 5 / 7 / 7;
        }
        /* line 99, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type13 {
            grid-area: 6 / 7 / 7 / 9;
        }
        /* line 100, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type14 {
            grid-area: 7 / 1 / 8 / 3;
        }
        /* line 101, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type15 {
            grid-area: 7 / 3 / 8 / 5;
        }
        /* line 102, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type16 {
            grid-area: 7 / 5 / 8 / 7;
        }
        /* line 103, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type17 {
            grid-area: 7 / 7 / 8 / 9;
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 106, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type1 {
            grid-area: 1 / 1 / 3 / 6;
        }
        /* line 107, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type2 {
            grid-area: 1 / 6 / 3 / 11;
        }
        /* line 108, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type3 {
            grid-area: 1 / 11 / 2 / 16;
        }
        /* line 109, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type4 {
            grid-area: 2 / 11 / 3 / 16;
        }
        /* line 110, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type5 {
            grid-area: 3 / 1 / 4 / 6;
        }
        /* line 111, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type6 {
            grid-area: 3 / 6 / 4 / 11;
        }
        /* line 112, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type7 {
            grid-area: 3 / 11 / 4 / 16;
        }
        /* line 113, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type8 {
            grid-area: 4 / 1 / 5 / 4;
        }
        /* line 114, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type9 {
            grid-area: 4 / 4 / 5 / 7;
        }
        /* line 115, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type10 {
            grid-area: 4 / 7 / 5 / 10;
        }
        /* line 116, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type11 {
            grid-area: 4 / 10 / 5 / 13;
        }
        /* line 117, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type12 {
            grid-area: 4 / 13 / 5 / 16;
        }
        /* line 118, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type13 {
            grid-area: 5 / 1 / 6 / 4;
        }
        /* line 119, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type14 {
            grid-area: 5 / 4 / 6 / 7;
        }
        /* line 120, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type15 {
            grid-area: 5 / 7 / 6 / 10;
        }
        /* line 121, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type16 {
            grid-area: 5 / 10 / 6 / 13;
        }
        /* line 122, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--item.type17 {
            grid-area: 5 / 13 / 6 / 16;
        }
    }
    /* line 125, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--nav {
        background: #ffffff;
        border-radius: 5px;
        display: block;
        padding: 5px;
        height: 100%;
        transition: .3s;
    }
    
    @media screen and (min-width: 576px) {
        /* line 125, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--nav {
            padding: 15px;
        }
    }
    /* line 135, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--nav:hover {
        box-shadow: 0px 0px 15px -5px rgba(100, 100, 100, 0.5);
    }
    /* line 140, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--photo img {
        display: inline-block;
        vertical-align: bottom;
        background: #f7f7f7;
        height: auto;
    }
    /* line 147, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--title {
        text-align: left;
        padding: 10px 0 5px;
    }
    /* line 150, ../sass/object/component/_purchase_item.scss */
    
    .c-purchase_item--title .in {
        color: #394656;
        display: inline-block;
        font-size: calc(21 * (100vw / 768));
        font-weight: bold;
    }
    
    @media screen and (min-width: 576px) {
        /* line 150, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--title .in {
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 150, ../sass/object/component/_purchase_item.scss */
        .c-purchase_item--title .in {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    /* =========================================================
shoplist - 店舗一覧
========================================================= */
    /* line 4, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist {
        padding: 35px 0 30px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_shoplist.scss */
        .c-shoplist {
            padding: 60px 0;
        }
    }
    /* line 9, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 16, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist--ttl {
        color: #394656;
        font-size: calc(30 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 16, ../sass/object/component/_shoplist.scss */
        .c-shoplist--ttl {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 16, ../sass/object/component/_shoplist.scss */
        .c-shoplist--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 40px;
        }
    }
    /* line 34, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box.kanto {
        margin-bottom: 30px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 34, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box.kanto {
            margin-bottom: 50px;
        }
    }
    /* line 41, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box.kansai .c-shoplist-box--ttl .in {
        background-image: url(../images/icon/title-style-pink.svg);
    }
    /* line 43, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box.kansai .c-shoplist-box--ttl .in::before {
        border-color: #ed99a4;
    }
    /* line 47, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box.kansai .c-shoplist-box--list {
        grid-template-columns: 1fr 1fr;
    }
    
    @media screen and (min-width: 840px) {
        /* line 47, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box.kansai .c-shoplist-box--list {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }
    /* line 55, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--ttl {
        margin-bottom: 10px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 55, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--ttl {
            margin-bottom: 20px;
        }
    }
    /* line 60, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--ttl .in {
        background: url(../images/icon/title-style-blue.svg) no-repeat center left;
        background-size: 10px 20px;
        display: block;
        font-size: calc(22.5 * (100vw / 768));
        font-weight: bold;
        padding-left: 20px;
        position: relative;
    }
    /* line 68, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--ttl .in::before {
        content: '';
        border-top: 2px dotted #83c5e8;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: calc(100% - 100px);
        height: 1px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 68, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--ttl .in::before {
            width: calc(100% - 150px);
        }
    }
    
    @media screen and (min-width: 576px) {
        /* line 60, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--ttl .in {
            font-size: calc(15 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 60, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--ttl .in {
            font-size: 15px;
            font-size: 0.9375rem;
        }
    }
    /* line 89, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--contents {
        background: #e5e5e5;
        border-radius: 5px;
        padding: 10px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 89, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--contents {
            padding: 20px;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 89, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--contents {
            padding: 30px;
        }
    }
    /* line 100, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 10px;
        row-gap: 10px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 100, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--list {
            grid-template-columns: 1fr 1fr;
        }
    }
    /* line 113, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--nav {
        background: #ffffff;
        border-radius: 5px;
        display: block;
        padding: 10px;
        transition: .3s;
        height: 100%;
    }
    
    @media screen and (min-width: 576px) {
        /* line 113, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--nav {
            padding: 20px;
        }
    }
    /* line 123, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--nav:hover {
        box-shadow: 0px 0px 15px -5px #777777;
    }
    /* line 127, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--photo {
        border-radius: 5px;
        overflow: hidden;
    }
    /* line 132, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--photo img {
        height: auto;
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
    }
    /* line 139, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--title {
        text-align: left;
        padding: 10px 0 0;
    }
    
    @media screen and (min-width: 576px) {
        /* line 139, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--title {
            padding: 15px 0 10px;
        }
    }
    /* line 145, ../sass/object/component/_shoplist.scss */
    
    .c-shoplist-box--title .in {
        color: #394656;
        display: inline-block;
        font-size: calc(21 * (100vw / 768));
        font-weight: bold;
        line-height: 1.3;
    }
    
    @media screen and (min-width: 576px) {
        /* line 145, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--title .in {
            font-size: calc(14 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 145, ../sass/object/component/_shoplist.scss */
        .c-shoplist-box--title .in {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    /* =========================================================
fqa - Q&A
========================================================= */
    /* line 4, ../sass/object/component/_fqa.scss */
    
    .c-fqa {
        padding: 35px 0 30px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_fqa.scss */
        .c-fqa {
            padding: 60px 0;
        }
    }
    /* line 9, ../sass/object/component/_fqa.scss */
    
    .c-fqa--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 17, ../sass/object/component/_fqa.scss */
    
    .c-fqa--ttl {
        color: #394656;
        font-size: calc(30 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 17, ../sass/object/component/_fqa.scss */
        .c-fqa--ttl {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 17, ../sass/object/component/_fqa.scss */
        .c-fqa--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 0;
        }
    }
    /* line 32, ../sass/object/component/_fqa.scss */
    
    .c-fqa--container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        height: 80vh;
        overflow-y: scroll;
    }
    
    @media screen and (min-width: 980px) {
        /* line 32, ../sass/object/component/_fqa.scss */
        .c-fqa--container {
            margin: 50px auto 0;
            height: auto;
            overflow-y: visible;
        }
    }
    /* line 44, ../sass/object/component/_fqa.scss */
    
    .c-fqa_index {
        display: none;
    }
    
    @media screen and (min-width: 980px) {
        /* line 44, ../sass/object/component/_fqa.scss */
        .c-fqa_index {
            display: block;
            margin: 0 80px 0 0;
            width: calc(40% - 80px);
        }
    }
    /* line 54, ../sass/object/component/_fqa.scss */
    
    .c-fqa_index>li label {
        display: inline-block;
        font-size: calc(19 * (100vw / 768));
        font-weight: 400;
        padding: 10px 60px 10px 8px;
        position: relative;
        transition: .4s;
        width: 100%;
    }
    
    @media screen and (min-width: 576px) {
        /* line 54, ../sass/object/component/_fqa.scss */
        .c-fqa_index>li label {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 54, ../sass/object/component/_fqa.scss */
        .c-fqa_index>li label {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    /* line 69, ../sass/object/component/_fqa.scss */
    
    .c-fqa_index>li label:before {
        background-color: #000000;
        content: '';
        display: block;
        height: 2px;
        width: calc(30 * (100vw / 768));
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(18 * (100vw / 768));
        margin: auto;
    }
    
    @media screen and (min-width: 840px) {
        /* line 69, ../sass/object/component/_fqa.scss */
        .c-fqa_index>li label:before {
            height: 2px;
            width: 30px;
            top: 0;
            bottom: 0;
            right: 18px;
        }
    }
    /* line 90, ../sass/object/component/_fqa.scss */
    
    .c-fqa_index>li label:after {
        background-color: #000000;
        content: '';
        display: block;
        height: 2px;
        width: calc(8 * (100vw / 768));
        transform: rotate(45deg);
        position: absolute;
        top: 0;
        bottom: calc(6 * (100vw / 768));
        right: calc(16 * (100vw / 768));
        margin: auto;
    }
    
    @media screen and (min-width: 840px) {
        /* line 90, ../sass/object/component/_fqa.scss */
        .c-fqa_index>li label:after {
            height: 2px;
            width: 8px;
            top: 0;
            bottom: 6px;
            right: 16px;
        }
    }
    /* line 114, ../sass/object/component/_fqa.scss */
    
    .c-fqa_index>li:hover label {
        border-bottom: 3px dotted #bfbfbf;
        cursor: pointer;
        font-weight: 700;
        transition: .4s;
    }
    
    @media screen and (min-width: 840px) {
        /* line 114, ../sass/object/component/_fqa.scss */
        .c-fqa_index>li:hover label {
            padding: 10px 60px 10px 15px;
        }
    }
    /* line 130, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail {
        margin: 0 auto;
        width: 90%;
    }
    
    @media screen and (min-width: 980px) {
        /* line 130, ../sass/object/component/_fqa.scss */
        .c-fqa_detail {
            margin: 0;
            width: 60%;
        }
    }
    /* line 139, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--wrap {
        margin: 0 0 calc(100 * (100vw / 768));
    }
    
    @media screen and (min-width: 980px) {
        /* line 139, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap {
            margin: 0;
            visibility: hidden;
            opacity: 0;
            max-height: 0;
        }
    }
    /* line 149, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--wrap .question {
        border-bottom: 3px dotted #bfbfbf;
        color: #83c5e8;
        line-height: 1.2;
        margin: 0 0 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
        font-size: calc(24 * (100vw / 768));
        font-weight: bold;
        line-height: 1.6;
        margin: 0 0 10px;
        padding: 0 0 10px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 149, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .question {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 149, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .question {
            font-size: 16px;
            font-size: 1rem;
            margin: 0 0 20px;
            padding: 0 0 20px;
        }
    }
    /* line 172, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--wrap .question .icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: "Lato", sans-serif;
        font-weight: bold;
        font-size: calc(24 * (100vw / 768));
    }
    
    @media screen and (min-width: 576px) {
        /* line 172, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .question .icon {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 172, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .question .icon {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    /* line 186, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--wrap .question .icon::before {
        background-image: url(../images/icon/title-style-blue.svg);
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: calc(33 * (100vw / 768));
        width: 14px;
        margin: 0 5px 0 0;
    }
    
    @media screen and (min-width: 576px) {
        /* line 186, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .question .icon::before {
            height: calc(22 * (100vw / 768));
            margin: 0 10px 0 0;
        }
    }
    
    @media screen and (min-width: 576px) {
        /* line 186, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .question .icon::before {
            height: 22px;
        }
    }
    /* line 209, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--wrap .answer .icon {
        color: #ed99a4;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        font-family: "Lato", sans-serif;
        font-weight: bold;
        font-size: calc(24 * (100vw / 768));
    }
    
    @media screen and (min-width: 576px) {
        /* line 209, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .answer .icon {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 209, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .answer .icon {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    /* line 225, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--wrap .answer .icon::before {
        background-image: url(../images/icon/title-style-pink.svg);
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: calc(33 * (100vw / 768));
        width: 14px;
        margin: 0 5px 0 0;
    }
    
    @media screen and (min-width: 576px) {
        /* line 225, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .answer .icon::before {
            height: calc(22 * (100vw / 768));
            margin: 0 10px 0 0;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 225, ../sass/object/component/_fqa.scss */
        .c-fqa_detail--wrap .answer .icon::before {
            height: 22px;
        }
    }
    /* line 248, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--check {
        display: none;
    }
    /* line 253, ../sass/object/component/_fqa.scss */
    
    .c-fqa_detail--check:checked+.c-fqa_detail--wrap {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* =========================================================
voice - お客様の声
========================================================= */
    /* line 4, ../sass/object/component/_voice.scss */
    
    .c-voice {
        padding: 35px 0 30px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_voice.scss */
        .c-voice {
            padding: 60px 0;
        }
    }
    /* line 9, ../sass/object/component/_voice.scss */
    
    .c-voice--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 20, ../sass/object/component/_voice.scss */
    
    .c-voice--ttl {
        color: #394656;
        font-size: calc(30 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 20, ../sass/object/component/_voice.scss */
        .c-voice--ttl {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 20, ../sass/object/component/_voice.scss */
        .c-voice--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 0;
        }
    }
    /* line 36, ../sass/object/component/_voice.scss */
    
    .c-voice--container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        height: 80vh;
        overflow-y: scroll;
    }
    
    @media screen and (min-width: 980px) {
        /* line 36, ../sass/object/component/_voice.scss */
        .c-voice--container {
            margin: 50px auto 0;
            height: auto;
            overflow-y: visible;
        }
    }
    /* line 48, ../sass/object/component/_voice.scss */
    
    .c-voice_index {
        display: none;
    }
    
    @media screen and (min-width: 980px) {
        /* line 48, ../sass/object/component/_voice.scss */
        .c-voice_index {
            display: block;
            margin: 0 80px 0 0;
            width: calc(40% - 80px);
        }
    }
    /* line 59, ../sass/object/component/_voice.scss */
    
    .c-voice_index>li label {
        display: inline-block;
        font-size: calc(19 * (100vw / 768));
        font-weight: 400;
        padding: 10px 60px 10px 8px;
        position: relative;
        transition: .4s;
    }
    
    @media screen and (min-width: 840px) {
        /* line 59, ../sass/object/component/_voice.scss */
        .c-voice_index>li label {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    /* line 71, ../sass/object/component/_voice.scss */
    
    .c-voice_index>li label:before {
        background-color: #888888;
        content: '';
        display: block;
        height: 1px;
        width: calc(30 * (100vw / 768));
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(18 * (100vw / 768));
        margin: auto;
    }
    
    @media screen and (min-width: 840px) {
        /* line 71, ../sass/object/component/_voice.scss */
        .c-voice_index>li label:before {
            height: 2px;
            width: 30px;
            top: 0;
            bottom: 0;
            right: 18px;
        }
    }
    /* line 92, ../sass/object/component/_voice.scss */
    
    .c-voice_index>li label:after {
        background-color: #000000;
        content: '';
        display: block;
        height: 2px;
        width: calc(8 * (100vw / 768));
        transform: rotate(45deg);
        position: absolute;
        top: 0;
        bottom: calc(6 * (100vw / 768));
        right: calc(16 * (100vw / 768));
        margin: auto;
    }
    
    @media screen and (min-width: 840px) {
        /* line 92, ../sass/object/component/_voice.scss */
        .c-voice_index>li label:after {
            height: 2px;
            width: 8px;
            top: 0;
            bottom: 6px;
            right: 16px;
        }
    }
    /* line 116, ../sass/object/component/_voice.scss */
    
    .c-voice_index>li:hover label {
        border-bottom: 1px solid #ffffff;
        cursor: pointer;
        font-weight: 700;
        transition: .4s;
    }
    
    @media screen and (min-width: 840px) {
        /* line 116, ../sass/object/component/_voice.scss */
        .c-voice_index>li:hover label {
            padding: 10px 60px 10px 15px;
        }
    }
    /* line 132, ../sass/object/component/_voice.scss */
    
    .c-voice_detail {
        margin: 0 auto;
        width: 90%;
    }
    
    @media screen and (min-width: 980px) {
        /* line 132, ../sass/object/component/_voice.scss */
        .c-voice_detail {
            margin: 0;
            width: 60%;
        }
    }
    /* line 141, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap {
        margin: 0 0 calc(80 * (100vw / 768));
    }
    
    @media screen and (min-width: 980px) {
        /* line 141, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap {
            margin: 0;
            visibility: hidden;
            opacity: 0;
            max-height: 0;
        }
    }
    /* line 151, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .title {
        line-height: 1.6;
        margin: 0 0 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        color: #83c5e8;
        font-weight: bold;
        font-size: calc(24 * (100vw / 768));
    }
    
    @media screen and (min-width: 576px) {
        /* line 151, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .title {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 151, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .title {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    /* line 167, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .title::before {
        background-image: url(../images/icon/title-style-blue.svg);
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: calc(33 * (100vw / 768));
        width: 14px;
        margin: 5px 10px 0 0;
    }
    
    @media screen and (min-width: 576px) {
        /* line 167, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .title::before {
            height: calc(22 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 167, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .title::before {
            height: 22px;
        }
    }
    /* line 186, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .title span {
        width: calc(100% - 14px);
    }
    /* line 191, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .customer {
        border-bottom: 3px dotted #bfbfbf;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        margin: 0 0 10px;
        padding: 0 0 10px;
        width: 100%;
    }
    
    @media screen and (min-width: 980px) {
        /* line 191, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .customer {
            margin: 0 0 20px;
            padding: 0 0 20px;
        }
    }
    /* line 205, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .customer .customername {
        display: block;
        font-weight: bold;
        margin: 5px 0 0;
    }
    /* line 211, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .customer picture {
        margin: 0 0 0 4%;
        min-width: 70px;
        text-align: center;
    }
    /* line 218, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .staff {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        margin: 0 auto;
    }
    
    @media screen and (min-width: 980px) {
        /* line 218, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .staff {
            margin: 0;
        }
    }
    /* line 227, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .staff picture {
        margin: 0 0 0 4%;
        min-width: 70px;
        text-align: center;
    }
    /* line 234, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--wrap .title {
        font-size: calc(24 * (100vw / 768));
    }
    
    @media screen and (min-width: 576px) {
        /* line 234, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .title {
            font-size: calc(16 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 234, ../sass/object/component/_voice.scss */
        .c-voice_detail--wrap .title {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    /* line 250, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--check {
        display: none;
    }
    /* line 255, ../sass/object/component/_voice.scss */
    
    .c-voice_detail--check:checked+.c-voice_detail--wrap {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* =========================================================
author - 執筆者
========================================================= */
    /* line 4, ../sass/object/component/_author.scss */
    
    .c-author {
        padding: 35px 0 30px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_author.scss */
        .c-author {
            padding: 60px 0;
        }
    }
    /* line 10, ../sass/object/component/_author.scss */
    
    .c-author--wrap {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 21, ../sass/object/component/_author.scss */
    
    .c-author--box {
        background: #efece4;
        border: 10px solid #ffffff;
        border-radius: 5px;
        padding: 20px 15px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 21, ../sass/object/component/_author.scss */
        .c-author--box {
            padding: 30px;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 21, ../sass/object/component/_author.scss */
        .c-author--box {
            border: 20px solid #ffffff;
            padding: 65px 20px;
        }
    }
    /* line 35, ../sass/object/component/_author.scss */
    
    .c-author--ttl {
        color: #394656;
        font-size: calc(30 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 35, ../sass/object/component/_author.scss */
        .c-author--ttl {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 35, ../sass/object/component/_author.scss */
        .c-author--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 40px;
        }
    }
    /* line 50, ../sass/object/component/_author.scss */
    
    .c-author--contents {
        max-width: 840px;
        margin: 0 auto;
    }
    
    @media screen and (min-width: 980px) {
        /* line 50, ../sass/object/component/_author.scss */
        .c-author--contents {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: reverse;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row-reverse;
            -moz-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 61, ../sass/object/component/_author.scss */
        .c-author--info {
            max-width: 300px;
            margin: 0 auto;
        }
    }
    /* line 67, ../sass/object/component/_author.scss */
    
    .c-author--photo {
        text-align: center;
    }
    /* line 71, ../sass/object/component/_author.scss */
    
    .c-author--photo img {
        display: inline-block;
        max-width: 150px;
        max-height: 130px;
        height: auto;
    }
    /* line 78, ../sass/object/component/_author.scss */
    
    .c-author--dl {
        padding-top: 10px;
        text-align: center;
    }
    
    @media screen and (min-width: 980px) {
        /* line 78, ../sass/object/component/_author.scss */
        .c-author--dl {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            -moz-align-items: flex-start;
            align-items: flex-start;
        }
    }
    /* line 88, ../sass/object/component/_author.scss */
    
    .c-author--dt {
        border: 1px solid #394656;
        border-radius: 5px;
        font-weight: bold;
        font-size: calc(22 * (100vw / 768));
        color: #394656;
        text-align: center;
        margin: 0 auto 5px;
        max-width: 170px;
        padding: 5px;
        line-height: 1;
    }
    
    @media screen and (min-width: 576px) {
        /* line 88, ../sass/object/component/_author.scss */
        .c-author--dt {
            font-size: calc(12 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 88, ../sass/object/component/_author.scss */
        .c-author--dt {
            font-size: 12px;
            font-size: 0.75rem;
            width: 100%;
            max-width: 110px;
            margin: 0 auto 20px;
        }
    }
    /* line 109, ../sass/object/component/_author.scss */
    
    .c-author--dd {
        margin: 0 auto 20px;
        font-size: calc(20 * (100vw / 768));
        text-align: center;
    }
    
    @media screen and (min-width: 576px) {
        /* line 109, ../sass/object/component/_author.scss */
        .c-author--dd {
            font-size: calc(12 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 109, ../sass/object/component/_author.scss */
        .c-author--dd {
            text-align: left;
            padding-left: 10px;
            font-size: 12px;
            font-size: 0.75rem;
            width: calc(100% - 110px);
        }
    }
    /* line 123, ../sass/object/component/_author.scss */
    
    .c-author--data {
        border-top: 2px dotted #394656;
        border-bottom: 2px dotted #394656;
        color: #394656;
        font-size: calc(30 * (100vw / 768));
        text-align: center;
        padding: 20px 0;
        margin: 0 auto;
    }
    
    @media screen and (min-width: 576px) {
        /* line 123, ../sass/object/component/_author.scss */
        .c-author--data {
            font-size: calc(13 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 123, ../sass/object/component/_author.scss */
        .c-author--data {
            font-size: 13px;
            font-size: 0.8125rem;
            text-align: left;
            margin-right: 30px;
            max-width: calc(100% - 330px);
        }
    }
    /* =========================================================
footer-contact - ダイヤモンド・宝石ジュエリー
========================================================= */
    /* line 4, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact {
        padding: 35px 0 35px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 4, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact {
            padding: 60px 0;
        }
    }
    /* line 9, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--wrap {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 16, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--box {
        background: #f2e5e6;
        border: 10px solid #ffffff;
        padding: 20px 15px;
    }
    
    @media screen and (min-width: 576px) {
        /* line 16, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--box {
            border: 20px solid #ffffff;
            padding: 50px 30px;
        }
    }
    /* line 25, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--ttl {
        color: #394656;
        font-size: calc(27 * (100vw / 768));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
        line-height: 1.6;
    }
    
    @media screen and (min-width: 576px) {
        /* line 25, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--ttl {
            font-size: calc(20 * (100vw / 768));
            padding-bottom: 30px;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 25, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 40px;
        }
    }
    /* line 40, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--ttl .pc-show {
        display: none;
    }
    
    @media screen and (min-width: 840px) {
        /* line 40, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--ttl .pc-show {
            display: block;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 47, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--contents {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
        }
    }
    /* line 54, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--tel {
        text-align: center;
        padding-left: 60px;
        position: relative;
        margin: 0 auto;
        max-width: max-content;
    }
    
    @media screen and (min-width: 840px) {
        /* line 54, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--tel {
            margin: 0 10px;
            max-width: 100%;
            min-width: 280px;
        }
    }
    /* line 65, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--tel:before {
        content: "";
        background: url(../images/icon/icon-smartphone-w.svg) no-repeat center;
        background-size: 70%;
        background-color: #ed99a4;
        border-radius: 100%;
        display: block;
        position: absolute;
        top: calc(50% - 25px);
        left: 0;
        height: 50px;
        width: 50px;
    }
    /* line 78, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--tel::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 13px 7.5px;
        border-color: transparent transparent #ED99A4 transparent;
        position: absolute;
        top: 50%;
        left: 40px;
    }
    /* line 93, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--tel .no a {
        color: #394656;
        font-size: calc(42 * (100vw / 768));
        font-family: "Lato", sans-serif;
        font-weight: bold;
        word-break: keep-all;
    }
    
    @media screen and (min-width: 576px) {
        /* line 93, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--tel .no a {
            font-size: calc(28 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 93, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--tel .no a {
            font-size: 28px;
            font-size: 1.75rem;
        }
    }
    /* line 108, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--tel .data {
        color: #394656;
        font-size: calc(20 * (100vw / 768));
        line-height: 1.3;
        word-break: keep-all;
    }
    
    @media screen and (min-width: 576px) {
        /* line 108, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--tel .data {
            padding: 5px 0 0;
            font-size: calc(13 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 980px) {
        /* line 108, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--tel .data {
            font-size: 13px;
            font-size: 0.8125rem;
        }
    }
    /* line 120, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--tel .data .time {
        padding-right: 5px;
        font-family: "Lato", sans-serif;
    }
    /* line 127, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--line {
        padding-top: 20px;
        margin: 0 auto;
        text-align: center;
    }
    
    @media screen and (min-width: 840px) {
        /* line 127, ../sass/object/component/_footer-contact.scss */
        .c-footer-contact--line {
            margin: 0;
            padding-top: 0;
            padding-left: 10px;
        }
    }
    /* line 136, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--line .line-btn {
        display: inline-block;
        text-align: center;
    }
    /* line 141, ../sass/object/component/_footer-contact.scss */
    
    .c-footer-contact--line .line-btn img {
        border-radius: 5px;
        background: #0abf7d;
        display: inline-block;
    }
    /* =========================================================
contact
========================================================= */
    
    .c-contact {
        padding: 40px 0;
    }
    
    @media screen and (min-width: 768px) {
        .c-contact {
            padding: 80px 0;
        }
    }
    
    .c-contact--wrap {
        background-color: #fff;
        border-radius: 5px;
        margin: auto;
        max-width: 1000px;
        padding: 20px;
        width: 96vw;
    }
    
    .c-contact--container {
        background-color: #f2e5e6;
        border-radius: 5px;
        padding: 20px;
    }
    
    @media screen and (min-width: 768px) {
        .c-contact--container {
            padding: 50px;
        }
    }
    
    .c-contact--text {
        font-size: calc(19 * (100vw / 520));
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
    }
    
    @media screen and (min-width: 520px) {
        .c-contact--text {
            font-size: calc(19 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-contact--text {
            font-size: calc(20 * (100vw / 980));
            line-height: 1.6;
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-contact--text {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    
    .c-contact_link {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin: 15px auto 0;
        max-width: 570px;
    }
    
    @media screen and (min-width: 768px) {
        .c-contact_link {
            flex-direction: row;
            margin: 30px auto 0;
        }
    }
    
    .c-contact_link>li {
        width: 100%;
    }
    
    @media screen and (min-width: 768px) {
        .c-contact_link>li {
            width: 48%;
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-contact_link>li:not(:first-of-type) {
            margin: 0 0 0 4%;
        }
    }
    
    .c-contact_link>li a.line {
        background-color: #0abf7d;
        border-radius: 5px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(18 * (100vw / 520));
        font-weight: 500;
        height: 50px;
        margin: 15px 0 0;
        padding: 14px;
        text-align: center;
        transition: .4s;
    }
    
    @media screen and (min-width: 520px) {
        .c-contact_link>li a.line {
            font-size: calc(18 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-contact_link>li a.line {
            font-size: calc(15 * (100vw / 980));
            margin: 0;
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-contact_link>li a.line {
            font-size: 15px;
            font-size: 0.9375rem;
        }
    }
    
    .c-contact_link>li a.line:hover {
        background-color: #35d99d;
    }
    
    .c-contact_link>li a.line img {
        margin: 0 2px;
        max-width: 25px;
    }
    
    .c-contact_link>li a.tel {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    @media screen and (min-width: 768px) {
        .c-contact_link>li a.tel {
            justify-content: flex-start;
        }
    }
    
    .c-contact_link>li a.tel img {
        max-width: 63px;
    }
    
    .c-contact_link>li a.tel .tel-info {
        font-size: calc(34 * (100vw / 520));
        text-align: center;
    }
    
    @media screen and (min-width: 520px) {
        .c-contact_link>li a.tel .tel-info {
            font-size: calc(34 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-contact_link>li a.tel .tel-info {
            font-size: calc(28 * (100vw / 980));
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-contact_link>li a.tel .tel-info {
            font-size: 28px;
            font-size: 1.75rem;
        }
    }
    
    .c-contact_link>li a.tel .tel-info .num {
        display: block;
        font-family: "Lato", serif;
        font-weight: 700;
    }
    
    .c-contact_link>li a.tel .tel-info .reduce {
        display: block;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 50%;
        font-weight: 500;
        margin: 5px 0 0;
    }
    /* =========================================================
header
========================================================= */
    
    .p-header {
        margin: auto;
        padding: 10px;
        width: 100vw;
        background-color: #F6F1ED;
    }
    
    .p-header--wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .p-header--wrap.tertiary {
        display: block;
    }
    
    .p-header-logo {
        width: 140px;
    }
    
    .p-header-logo picture {
        display: block;
        width: 100%;
    }
    
    .p-header-logo picture img {
        min-width: calc(160 * (100vw / 520));
    }
    
    .p-header-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 180px;
    }
    
    .p-header-btn__link {
        display: block;
        position: relative;
        width: 100%;
        /* 必要に応じて調整してください */
        padding: 12px 40px;
        color: #ffffff;
        /* 文字色：白 */
        text-align: center;
        text-decoration: none;
        font-family: "Noto Serif JP", "Shippori Mincho", "MS 明朝", serif;
        /* 高級感のある明朝体 */
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4;
        border-radius: 9999px;
        /* 完全に丸い角（カプセル型） */
        box-sizing: border-box;
        transition: opacity 0.3s ease;
        /* --- グラデーションの適用部分 --- */
        border: 2px solid transparent;
        /* 1つ目のlinear-gradient：共有いただいた数値を再現（角度は斜め約75度）。
    2つ目のlinear-gradient：外枠のゴールド用グラデーション。
  */
        background-image: linear-gradient(75deg, #06C755 0%, #169C4D 59%, #06C755 100%), linear-gradient(135deg, #e6b450, #b8860b, #e6b450);
        background-origin: border-box;
        background-clip: padding-box, border-box;
    }
    
    .p-header-btn__link:hover {
        opacity: 0.9;
        color: #ffffff;
    }
    
    .p-header-search {
        display: none;
        flex-grow: 1;
        margin: auto;
        width: 92vw;
    }
    
    .p-header-search .search_form {
        display: flex;
    }
    
    .p-header-search .search_input {
        background-color: #fff;
        border: none;
        border-radius: 50px 0 0 50px;
        color: #9c9c9c;
        font-weight: 200;
        outline: none;
        font-size: calc(16 * (100vw / 520));
        padding: 12px 25px;
        transition: .4s;
        width: calc(100% - 60px);
    }
    
    .p-header-search .search_input:hover {
        background-color: #eee;
    }
    
    .p-header-search .search_submit {
        background-color: #81a6c9;
        background-image: url("../images/common/icon-search_white.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        border: none;
        border-radius: 0 50px 50px 0;
        font-size: calc(16 * (100vw / 520));
        transition: .4s;
        width: 60px;
    }
    
    .p-header-search .search_submit:hover {
        background-color: #6889a9;
        cursor: pointer;
    }
    
    .p-header-search_resultsbtn a {
        background: #b29443;
        border-radius: 50px;
        color: #fff;
        display: flex;
        align-items: center;
        font-size: calc(17 * (100vw / 520));
        font-weight: 500;
        text-align: center;
        max-width: 450px;
        padding: 8px 15px;
        position: relative;
        width: 100%;
    }
    
    @media screen and (min-width: 768px) {
        .p-header {
            padding: 16px 10px;
        }
        .p-header-logo {
            width: 200px;
        }
        .p-header-btn {
            width: 220px;
        }
        .p-header-btn__link {
            padding: 16px 40px;
            font-size: 14px;
        }
    }
    /* =========================================================
page - 固定ページのクラスなど
========================================================= */
    /* line 7, ../sass/object/project/_page.scss */
    
    .p-page-arrow {
        display: inline-block;
        position: relative;
        padding-right: 20px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 7, ../sass/object/project/_page.scss */
        .p-page-arrow {
            padding-right: 25px;
        }
    }
    /* line 14, ../sass/object/project/_page.scss */
    
    .p-page-arrow::before {
        content: '';
        width: 15px;
        height: 8px;
        border-bottom: 1px solid #000000;
        position: absolute;
        right: -2px;
        top: calc(50% - 4px);
    }
    
    @media screen and (min-width: 576px) {
        /* line 14, ../sass/object/project/_page.scss */
        .p-page-arrow::before {
            border-bottom: 2px solid #000000;
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 14, ../sass/object/project/_page.scss */
        .p-page-arrow::before {
            width: 20px;
        }
    }
    /* line 29, ../sass/object/project/_page.scss */
    
    .p-page-arrow::after {
        content: '';
        background: #000000;
        display: block;
        transform: rotate(312deg);
        width: 1px;
        height: 8px;
        position: absolute;
        right: 1px;
        top: calc(50% - 1.5px);
    }
    
    @media screen and (min-width: 576px) {
        /* line 29, ../sass/object/project/_page.scss */
        .p-page-arrow::after {
            width: 2px;
        }
    }
    /* line 45, ../sass/object/project/_page.scss */
    
    .p-page-arrow.white::before {
        border-color: #ffffff;
    }
    /* line 48, ../sass/object/project/_page.scss */
    
    .p-page-arrow.white::after {
        background: #ffffff;
    }
    /*input使用したタブ切り替え＝＝＝＝＝＝＝＝*/
    /*ラジオボタンを全て消す*/
    /* line 58, ../sass/object/project/_page.scss */
    
    input[name="tab-brand"],
    input[name="tab_name"],
    input[name="shop-park"],
    input[name="tab-gold"],
    input[name="tab-step"],
    input[name="delivery-step"],
    input[name="delivery-flow"],
    input[name="tab-diamond"] {
        display: none;
    }
    /*タブ切り替えの中身のスタイル*/
    /* line 69, ../sass/object/project/_page.scss */
    
    .p-page-tab_content {
        visibility: hidden;
        opacity: 0;
        clear: both;
        overflow: hidden;
        width: 100%;
        max-height: 0;
    }
    /*選択されているタブのコンテンツのみを表示*/
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab1:checked~#features-tab1-content,
    #shop-park1:checked~#shop-park1-content,
    #brand1:checked~#brand1-content,
    #gold1:checked~#gold1-content,
    #delivery-tab1:checked~#delivery-tab1-content,
    #delivery-flow1:checked~#delivery-flow1-content,
    #diamond1:checked~#diamond1-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab2:checked~#features-tab2-content,
    #shop-park2:checked~#shop-park2-content,
    #brand2:checked~#brand2-content,
    #gold2:checked~#gold2-content,
    #delivery-tab2:checked~#delivery-tab2-content,
    #delivery-flow2:checked~#delivery-flow2-content,
    #diamond2:checked~#diamond2-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab3:checked~#features-tab3-content,
    #shop-park3:checked~#shop-park3-content,
    #brand3:checked~#brand3-content,
    #gold3:checked~#gold3-content,
    #delivery-tab3:checked~#delivery-tab3-content,
    #delivery-flow3:checked~#delivery-flow3-content,
    #diamond3:checked~#diamond3-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab4:checked~#features-tab4-content,
    #shop-park4:checked~#shop-park4-content,
    #brand4:checked~#brand4-content,
    #gold4:checked~#gold4-content,
    #delivery-tab4:checked~#delivery-tab4-content,
    #delivery-flow4:checked~#delivery-flow4-content,
    #diamond4:checked~#diamond4-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab5:checked~#features-tab5-content,
    #shop-park5:checked~#shop-park5-content,
    #brand5:checked~#brand5-content,
    #gold5:checked~#gold5-content,
    #delivery-tab5:checked~#delivery-tab5-content,
    #delivery-flow5:checked~#delivery-flow5-content,
    #diamond5:checked~#diamond5-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab6:checked~#features-tab6-content,
    #shop-park6:checked~#shop-park6-content,
    #brand6:checked~#brand6-content,
    #gold6:checked~#gold6-content,
    #delivery-tab6:checked~#delivery-tab6-content,
    #delivery-flow6:checked~#delivery-flow6-content,
    #diamond6:checked~#diamond6-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab7:checked~#features-tab7-content,
    #shop-park7:checked~#shop-park7-content,
    #brand7:checked~#brand7-content,
    #gold7:checked~#gold7-content,
    #delivery-tab7:checked~#delivery-tab7-content,
    #delivery-flow7:checked~#delivery-flow7-content,
    #diamond7:checked~#diamond7-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab8:checked~#features-tab8-content,
    #shop-park8:checked~#shop-park8-content,
    #brand8:checked~#brand8-content,
    #gold8:checked~#gold8-content,
    #delivery-tab8:checked~#delivery-tab8-content,
    #delivery-flow8:checked~#delivery-flow8-content,
    #diamond8:checked~#diamond8-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab9:checked~#features-tab9-content,
    #shop-park9:checked~#shop-park9-content,
    #brand9:checked~#brand9-content,
    #gold9:checked~#gold9-content,
    #delivery-tab9:checked~#delivery-tab9-content,
    #delivery-flow9:checked~#delivery-flow9-content,
    #diamond9:checked~#diamond9-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab10:checked~#features-tab10-content,
    #shop-park10:checked~#shop-park10-content,
    #brand10:checked~#brand10-content,
    #gold10:checked~#gold10-content,
    #delivery-tab10:checked~#delivery-tab10-content,
    #delivery-flow10:checked~#delivery-flow10-content,
    #diamond10:checked~#diamond10-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab11:checked~#features-tab11-content,
    #shop-park11:checked~#shop-park11-content,
    #brand11:checked~#brand11-content,
    #gold11:checked~#gold11-content,
    #delivery-tab11:checked~#delivery-tab11-content,
    #delivery-flow11:checked~#delivery-flow11-content,
    #diamond11:checked~#diamond11-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab12:checked~#features-tab12-content,
    #shop-park12:checked~#shop-park12-content,
    #brand12:checked~#brand12-content,
    #gold12:checked~#gold12-content,
    #delivery-tab12:checked~#delivery-tab12-content,
    #delivery-flow12:checked~#delivery-flow12-content,
    #diamond12:checked~#diamond12-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab13:checked~#features-tab13-content,
    #shop-park13:checked~#shop-park13-content,
    #brand13:checked~#brand13-content,
    #gold13:checked~#gold13-content,
    #delivery-tab13:checked~#delivery-tab13-content,
    #delivery-flow13:checked~#delivery-flow13-content,
    #diamond13:checked~#diamond13-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab14:checked~#features-tab14-content,
    #shop-park14:checked~#shop-park14-content,
    #brand14:checked~#brand14-content,
    #gold14:checked~#gold14-content,
    #delivery-tab14:checked~#delivery-tab14-content,
    #delivery-flow14:checked~#delivery-flow14-content,
    #diamond14:checked~#diamond14-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /* line 79, ../sass/object/project/_page.scss */
    
    #features-tab15:checked~#features-tab15-content,
    #shop-park15:checked~#shop-park15-content,
    #brand15:checked~#brand15-content,
    #gold15:checked~#gold15-content,
    #delivery-tab15:checked~#delivery-tab15-content,
    #delivery-flow15:checked~#delivery-flow15-content,
    #diamond15:checked~#diamond15-content {
        visibility: visible;
        opacity: 1;
        max-height: 999vh;
    }
    /*===================
【js-colorbox】画像のポップアップ
*/
    /*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
    /* line 99, ../sass/object/project/_page.scss */
    
    #colorbox,
    #cboxOverlay,
    #cboxWrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }
    /* line 100, ../sass/object/project/_page.scss */
    
    #cboxWrapper {
        max-width: none;
    }
    /* line 101, ../sass/object/project/_page.scss */
    
    #cboxOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
    }
    /* line 102, ../sass/object/project/_page.scss */
    
    #cboxMiddleLeft,
    #cboxBottomLeft {
        clear: left;
    }
    /* line 103, ../sass/object/project/_page.scss */
    
    #cboxContent {
        position: relative;
    }
    /* line 104, ../sass/object/project/_page.scss */
    
    #cboxLoadedContent {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    /* line 105, ../sass/object/project/_page.scss */
    
    #cboxTitle {
        margin: 0;
    }
    /* line 106, ../sass/object/project/_page.scss */
    
    #cboxLoadingOverlay,
    #cboxLoadingGraphic {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* line 107, ../sass/object/project/_page.scss */
    
    #cboxPrevious,
    #cboxNext,
    #cboxClose,
    #cboxSlideshow {
        cursor: pointer;
    }
    /* line 108, ../sass/object/project/_page.scss */
    
    .cboxPhoto {
        float: left;
        margin: auto;
        border: 0;
        display: block;
        max-width: none;
        -ms-interpolation-mode: bicubic;
    }
    /* line 109, ../sass/object/project/_page.scss */
    
    .cboxIframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
    }
    /* line 110, ../sass/object/project/_page.scss */
    
    #colorbox,
    #cboxContent,
    #cboxLoadedContent {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }
    /*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
    /* line 117, ../sass/object/project/_page.scss */
    
    #cboxOverlay {
        background: #fff;
    }
    /* line 118, ../sass/object/project/_page.scss */
    
    #colorbox {
        outline: 0;
    }
    /* line 119, ../sass/object/project/_page.scss */
    
    #cboxContent {
        margin-top: 32px;
        overflow: visible;
        background: #000;
    }
    /* line 120, ../sass/object/project/_page.scss */
    
    .cboxIframe {
        background: #fff;
    }
    /* line 121, ../sass/object/project/_page.scss */
    
    #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
    }
    /* line 122, ../sass/object/project/_page.scss */
    
    #cboxLoadedContent {
        background: #000;
        padding: 1px;
    }
    /* line 123, ../sass/object/project/_page.scss */
    
    #cboxLoadingOverlay {
        background: #000;
    }
    /* line 124, ../sass/object/project/_page.scss */
    
    #cboxTitle {
        position: absolute;
        top: -22px;
        left: 0;
        color: #000;
    }
    /* line 125, ../sass/object/project/_page.scss */
    
    #cboxCurrent {
        position: absolute;
        top: -22px;
        right: 205px;
        text-indent: -9999px;
    }
    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    /* line 128, ../sass/object/project/_page.scss */
    
    #cboxPrevious,
    #cboxNext,
    #cboxSlideshow,
    #cboxClose {
        border: 0;
        padding: 0;
        margin: 0;
        overflow: visible;
        text-indent: -9999px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -20px;
        background: url(images/controls.png) no-repeat 0 0;
    }
    /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
    /* line 131, ../sass/object/project/_page.scss */
    
    #cboxPrevious:active,
    #cboxNext:active,
    #cboxSlideshow:active,
    #cboxClose:active {
        outline: 0;
    }
    /* line 133, ../sass/object/project/_page.scss */
    
    #cboxPrevious {
        background-position: 0px 0px;
        right: 44px;
    }
    /* line 134, ../sass/object/project/_page.scss */
    
    #cboxPrevious:hover {
        background-position: 0px -25px;
    }
    /* line 135, ../sass/object/project/_page.scss */
    
    #cboxNext {
        background-position: -25px 0px;
        right: 22px;
    }
    /* line 136, ../sass/object/project/_page.scss */
    
    #cboxNext:hover {
        background-position: -25px -25px;
    }
    /* line 137, ../sass/object/project/_page.scss */
    
    #cboxClose {
        background-position: -50px 0px;
        right: 0;
    }
    /* line 138, ../sass/object/project/_page.scss */
    
    #cboxClose:hover {
        background-position: -50px -25px;
    }
    /* line 139, ../sass/object/project/_page.scss */
    
    .cboxSlideshow_on #cboxPrevious,
    .cboxSlideshow_off #cboxPrevious {
        right: 66px;
    }
    /* line 140, ../sass/object/project/_page.scss */
    
    .cboxSlideshow_on #cboxSlideshow {
        background-position: -75px -25px;
        right: 44px;
    }
    /* line 141, ../sass/object/project/_page.scss */
    
    .cboxSlideshow_on #cboxSlideshow:hover {
        background-position: -100px -25px;
    }
    /* line 142, ../sass/object/project/_page.scss */
    
    .cboxSlideshow_off #cboxSlideshow {
        background-position: -100px 0px;
        right: 44px;
    }
    /* line 143, ../sass/object/project/_page.scss */
    
    .cboxSlideshow_off #cboxSlideshow:hover {
        background-position: -75px -25px;
    }
    /* line 146, ../sass/object/project/_page.scss */
    
    #colorbox #cboxTitle {
        width: 100%;
        color: #218541;
        font-weight: bold;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 0 0;
    }
    /* line 152, ../sass/object/project/_page.scss */
    
    #colorbox #cboxClose {
        background: url("../images/icon/icon_multiply_w.svg") no-repeat center;
        background-color: #666666;
        background-size: 60% 60%;
        width: 32px;
        height: 32px;
        top: -32px;
        right: 0px;
    }
    /* line 161, ../sass/object/project/_page.scss */
    
    #colorbox #cboxNext {
        background: url("../images/icon/icon-right-w.svg") no-repeat center;
        background-color: #218541;
        background-size: 70% 70%;
        width: 35px;
        height: 35px;
        top: calc(50% - 17px);
        right: 0;
        border: 1px solid #959595;
        opacity: 0.8;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 0 0 5px;
    }
    /* line 173, ../sass/object/project/_page.scss */
    
    #colorbox #cboxPrevious {
        background: url("../images/icon/icon-left-w.svg") no-repeat center;
        background-color: #218541;
        background-size: 70% 70%;
        width: 35px;
        height: 35px;
        top: calc(50% - 17px);
        left: 0;
        border: 1px solid #959595;
        opacity: 0.8;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0;
        border-radius: 0 5px 5px 0;
    }
    /* =========================================================
post - 投稿のクラスなど
========================================================= */
    /* =========================================================
tel - 店頭買取のクラスなど
========================================================= */
    /* line 4, ../sass/object/project/_tel.scss */
    
    .p-tel {
        background: #f7f7f7;
    }
    /* line 7, ../sass/object/project/_tel.scss */
    
    .p-tel-fv {
        background: url(../images/tel/mv-tel-bg.webp) no-repeat center right 30%;
        background-size: cover;
        margin: 10px auto 0;
    }
    
    @media screen and (min-width: 840px) {
        /* line 7, ../sass/object/project/_tel.scss */
        .p-tel-fv {
            background-position: center;
        }
    }
    /* line 14, ../sass/object/project/_tel.scss */
    
    .p-tel-fv--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 21, ../sass/object/project/_tel.scss */
    
    .p-tel-fv--ttl {
        color: #394656;
        font-size: calc(60 * (100vw / 668));
        font-weight: bold;
        padding: 170px 0;
    }
    
    @media screen and (min-width: 576px) {
        /* line 21, ../sass/object/project/_tel.scss */
        .p-tel-fv--ttl {
            font-size: calc(40 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 21, ../sass/object/project/_tel.scss */
        .p-tel-fv--ttl {
            font-size: 40px;
            font-size: 2.5rem;
        }
    }
    /* line 35, ../sass/object/project/_tel.scss */
    
    .p-tel-about {
        padding: 35px 0 30px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 35, ../sass/object/project/_tel.scss */
        .p-tel-about {
            padding: 60px 0;
        }
    }
    /* line 40, ../sass/object/project/_tel.scss */
    
    .p-tel-about--wrap {
        max-width: 1211px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    /* line 47, ../sass/object/project/_tel.scss */
    
    .p-tel-about--ttl {
        color: #394656;
        font-size: calc(30 * (100vw / 668));
        font-weight: bold;
        padding-bottom: 30px;
        text-align: center;
        line-height: 1.8;
    }
    
    @media screen and (min-width: 576px) {
        /* line 47, ../sass/object/project/_tel.scss */
        .p-tel-about--ttl {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 840px) {
        /* line 47, ../sass/object/project/_tel.scss */
        .p-tel-about--ttl {
            font-size: 20px;
            font-size: 1.25rem;
            padding-bottom: 40px;
        }
    }
    /* line 62, ../sass/object/project/_tel.scss */
    
    .p-tel-about--text {
        text-align: center;
    }
    /* line 67, ../sass/object/project/_tel.scss */
    
    .p-tel-speed {
        text-align: center;
        margin: 0 auto;
        padding: 0 0 30px;
        position: relative;
        width: 100%;
    }
    
    @media screen and (min-width: 840px) {
        /* line 67, ../sass/object/project/_tel.scss */
        .p-tel-speed {
            padding: 0 0 60px;
        }
    }
    /* line 76, ../sass/object/project/_tel.scss */
    
    .p-tel-speed--wrap {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
        text-align: center;
    }
    /* line 83, ../sass/object/project/_tel.scss */
    
    .p-tel-speed--wrap img {
        display: block;
        height: auto;
        width: auto;
    }
    /* line 91, ../sass/object/project/_tel.scss */
    
    .p-tel .c-footer-contact {
        background: #F0F0F0;
        margin: 0 0 30px;
    }
    
    @media screen and (min-width: 840px) {
        /* line 91, ../sass/object/project/_tel.scss */
        .p-tel .c-footer-contact {
            margin: 0 0 60px;
        }
    }
    
    #chatplusview,
    chat {
        position: relative;
        z-index: 100!important;
        display: none;
    }
    /* =========================================================
interface - 査定・買取方法のリンク
========================================================= */
    
    .c-interface {
        padding: 60px 0;
    }
    
    @media screen and (min-width: 768px) {
        .c-interface {
            padding: 60px 0 80px;
        }
    }
    
    .c-interface--wrap {
        margin: auto;
        max-width: 1200px;
        width: 96vw;
    }
    
    .c-interface_title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(24 * (100vw / 520));
        font-weight: 700;
        line-height: 1.4;
        margin: 0 0 15px;
        text-align: center;
    }
    
    @media screen and (min-width: 520px) {
        .c-interface_title {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_title {
            font-size: calc(20 * (100vw / 980));
            margin: 0 0 30px;
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-interface_title {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    
    .c-interface_title::before,
    .c-interface_title::after {
        background-color: #0abf7d;
        content: '';
        display: block;
        height: 66px;
        width: 2px;
    }
    
    .c-interface_title::before {
        transform: rotate(-30deg);
    }
    
    .c-interface_title::after {
        transform: rotate(30deg);
    }
    
    .c-interface_title.method {
        margin: 45px 0 20px;
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_title.method {
            margin: 70px 0 30px;
        }
    }
    
    .c-interface_title.method::before,
    .c-interface_title.method::after {
        background-color: #ffee63;
    }
    
    .c-interface_title .text {
        padding: 0 33px;
    }
    
    .c-interface_btn {
        margin: auto;
        max-width: 390px;
        width: 90%;
    }
    
    .c-interface_btn a {
        background-color: #0abf7d;
        border-radius: 5px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(22 * (100vw / 520));
        font-weight: 500;
        padding: 12px;
        text-align: center;
        transition: .4s;
    }
    
    @media screen and (min-width: 520px) {
        .c-interface_btn a {
            font-size: calc(20 * (100vw / 768));
        }
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_btn a {
            font-size: calc(20 * (100vw / 980));
            padding: 18px;
        }
    }
    
    @media screen and (min-width: 980px) {
        .c-interface_btn a {
            font-size: 20px;
            font-size: 1.25rem;
        }
    }
    
    .c-interface_btn a:hover {
        background-color: #35d99d;
    }
    
    .c-interface_btn a img {
        margin: 0 8px 0;
        max-width: 30px;
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_btn a img {
            max-width: 40px;
        }
    }
    
    .c-interface_btn a.counter {
        background-color: #b7d5cd;
        color: #394656;
    }
    
    .c-interface_btn a.counter:hover {
        background-color: #cce9e2;
    }
    
    .c-interface_btn a.delivery {
        background-color: #f9dad6;
        color: #394656;
    }
    
    .c-interface_btn a.delivery:hover {
        background-color: #ffe6e3;
        color: #394656;
    }
    
    .c-interface_btn a.bulgeout {
        background-color: #83c5e8;
        color: #394656;
    }
    
    .c-interface_btn a.bulgeout:hover {
        background-color: #bde8ff;
    }
    
    .c-interface_btnlist {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        max-width: 390px;
        margin: auto;
        width: 90%;
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_btnlist {
            max-width: none;
        }
    }
    
    .c-interface_btnlist>li {
        width: 49%;
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_btnlist>li {
            margin: 0 2% 0 0;
            width: calc(96% / 3);
        }
    }
    
    .c-interface_btnlist>li:first-of-type {
        margin: 0 0 10px;
        width: 100%;
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_btnlist>li:first-of-type {
            margin: 0 2% 0 0;
            width: calc(96% / 3);
        }
    }
    
    .c-interface_btnlist>li:last-of-type {
        margin: 0 0 0 2%;
    }
    
    @media screen and (min-width: 768px) {
        .c-interface_btnlist>li:last-of-type {
            margin: 0;
        }
    }
    /* =========================================================
caption - 査定士が自ら、目の前で査定
========================================================= */
    
    .c-caption-type01 {
        padding: 30px 0;
    }
    
    @media screen and (min-width: 768px) {
        .c-caption-type01 {
            padding: 60px 0 80px;
        }
    }
    
    .c-caption-type01--wrap {
        position: relative;
        margin: 0 auto;
        max-width: 1150px;
        text-align: center;
        width: 96%;
    }
    
    .c-caption-type01--wrap picture img {
        display: inline-block;
        width: 100%;
        max-width: 100%;
    }
    /* =========================================================
Vuitton LP
========================================================= */
    /* ==========================================================================
   Component / Layout
   ========================================================================== */
    
    .c-responsive-img {
        display: inline-block;
        height: auto;
        max-width: 100%;
    }
    
    .l-main {}
    
    .primary {}
    /* ==========================================================================
   p-lvlp (ランディングページ全体)
   ========================================================================== */
    /* 共通ボタン */
    /* ボタンの外枠（位置調整用など） */
    
    .p-lvlp-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 20px 0;
    }
    /* ボタン本体（リンクタグ） */
    
    .p-lvlp-mv-btn__link {
        display: block;
        position: relative;
        width: 100%;
        max-width: 500px;
        /* 必要に応じて調整してください */
        padding: 12px 40px;
        color: #ffffff;
        /* 文字色：白 */
        text-align: center;
        text-decoration: none;
        font-family: "Noto Serif JP", "Shippori Mincho", "MS 明朝", serif;
        /* 高級感のある明朝体 */
        font-weight: bold;
        line-height: 1.4;
        border-radius: 9999px;
        /* 完全に丸い角（カプセル型） */
        box-sizing: border-box;
        transition: opacity 0.3s ease;
        /* --- グラデーションの適用部分 --- */
        border: 2px solid transparent;
        /* 1つ目のlinear-gradient：共有いただいた数値を再現（角度は斜め約75度）。
    2つ目のlinear-gradient：外枠のゴールド用グラデーション。
  */
        background-image: linear-gradient(75deg, #06C755 0%, #169C4D 59%, #06C755 100%), linear-gradient(135deg, #e6b450, #b8860b, #e6b450);
        background-origin: border-box;
        background-clip: padding-box, border-box;
    }
    /* ホバー時のエフェクト */
    
    .p-lvlp-mv-btn__link:hover {
        opacity: 0.9;
        color: #ffffff;
    }
    /* 1行目：スピード査定！最短30秒（小さめの文字） */
    
    .p-lvlp-mv-btn__link span {
        display: inline-block;
        font-size: 26px;
        letter-spacing: 0.05em;
        margin-bottom: 4px;
    }
    /* 2行目：LINEで無料査定する（大きめの文字） */
    
    .p-lvlp-mv-btn__link {
        font-size: 16px;
        /* メインテキストのサイズ */
        letter-spacing: 0.02em;
    }
    /* 右側の矢印（＞）の再現 */
    
    .p-lvlp-mv-btn__link::after {
        content: "";
        position: absolute;
        right: 20px;
        top: calc(50% - 12px);
        width: 24px;
        height: 24px;
        background: url(../images/lvlp/icon_btn_arrow.svg) no-repeat center;
        background-size: cover;
    }
    /* MV (メインビジュアル) */
    
    .p-lvlp-mv {
        background: url(../images/lvlp/img_mv_bg.webp) no-repeat center;
        background-size: cover;
        /*height: calc(100vh - 56px);*/
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .p-lvlp-mv-wrap {
        padding: 30px 20px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .p-lvlp-mv-btn {
        width: 100%;
        padding: 8px 20px;
        text-align: center;
        background: #06C755;
        border-radius: 50px;
        border: solid #FFF 2px;
    }
    
    .p-lvlp-mv-btn__link {
        text-decoration: none;
        color: #FFF;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4em;
        letter-spacing: 0.05em;
    }
    
    .p-lvlp-mv-btn__link span {
        font-size: 22px;
        font-weight: 600;
    }
    
    .p-lvlp-mv-img {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .p-lvlp-mv-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .p-lvlp-mv-sub {
        width: 100%;
        padding: 8px;
        color: #FFF;
        background-image: linear-gradient(90deg, #a41b51, #bb5a79 50%, #a52252);
        text-align: center;
        font-size: 14px;
        letter-spacing: 0.05em;
    }
    
    .p-lvlp-mv-sub span {
        font-size: 18px;
    }
    
    .p-lvlp-mv-ttl {
        margin: 0 auto 20px;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    
    .p-lvlp-mv-ttl img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .p-lvlp-mv-ttl-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    
    .p-lvlp-mv-txt {
        text-align: center;
        font-weight: 600;
        font-size: 17px;
        letter-spacing: 0.05em;
        border-bottom: solid;
        width: max-content;
        display: block;
        margin: 0 auto 20px;
        line-height: 1.8em;
        position: relative;
    }
    
    .p-lvlp-mv-txt::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_l.svg) no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(50% - 20px);
        left: -50px;
    }
    
    .p-lvlp-mv-txt::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_r.svg) no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(50% - 20px);
        right: -50px;
    }
    
    .p-lvlp-mv-txt__red {
        font-size: 22px;
        color: #a41b51;
        font-weight: 900;
    }
    
    .p-lvlp-mv-txt__span {
        font-size: 20px;
        font-weight: 900;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-mv-wrap {
            padding: 40px 20px;
        }
        .p-lvlp-mv-txt {
            font-size: 26px;
        }
        .p-lvlp-mv-txt__red {
            font-size: 30px;
        }
        .p-lvlp-mv-txt__span {
            font-size: 28px;
        }
        .p-lvlp-mv-sub {
            padding: 10px;
            font-size: 12px;
        }
        .p-lvlp-mv-sub span {
            font-size: 16px;
        }
        .p-lvlp-mv-btn__link {
            font-size: 18px;
            line-height: 1.8em;
        }
        .p-lvlp-mv-btn__link span {
            font-size: 26px;
            font-weight: 600;
        }
    }
    /* Step (ステップ) */
    
    .p-lvlp-step {
        background-color: #F4E8D0;
        background: url(../images/lvlp/img_step_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-step-wrap {}
    
    .p-lvlp-step-ttl {
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        width: max-content;
        margin: 0 auto 20px;
        position: relative;
    }
    
    .p-lvlp-step-ttl span {
        color: #B78A4A;
        font-size: 30px;
    }
    
    .p-lvlp-step-ttl::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        left: -60px;
    }
    
    .p-lvlp-step-ttl::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        right: -60px;
    }
    
    .p-lvlp-step-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
        align-items: start;
        position: relative;
    }
    
    .p-lvlp-step-list::before {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-color: #B88C4C;
        position: absolute;
        top: 65px;
        left: 0;
    }
    
    .p-lvlp-step-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
    }
    
    .p-lvlp-step-item-sub {}
    
    .p-lvlp-step-item-ttl {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    
    .p-lvlp-step-item:nth-child(3) .p-lvlp-step-item-ttl {
        margin-bottom: 5px;
    }
    
    .p-lvlp-step-item-ttl span {
        color: #B88C4C;
    }
    
    .p-lvlp-step-item-txt {
        font-size: 15px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        letter-spacing: 0.1em;
    }
    
    .p-lvlp-step-item:nth-child(3) .p-lvlp-step-item-txt {}
    
    .p-lvlp-step-item:nth-child(3) .p-lvlp-step-item-txt span {
        color: #B88C4C;
    }
    
    .p-lvlp-step-item-icon {
        margin-bottom: 10px;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-step {
            padding: 40px 20px;
        }
        .p-lvlp-step-ttl {
            font-size: 30px;
            margin-bottom: 30px;
        }
        .p-lvlp-step-item-ttl {
            font-size: 28px;
        }
        .p-lvlp-step-item-txt {
            font-size: 17px;
        }
        .p-lvlp-step-list::before {
            top: 84px;
        }
    }
    /* Woories (お悩み) */
    
    .p-lvlp-woories {
        background-color: #E0E0E0;
        background: url(../images/lvlp/img_woories_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-woories-ttl {
        text-align: center;
        margin: 0 auto;
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 0.1em;
    }
    
    .p-lvlp-woories-ttl span {
        color: #B88C4C;
        font-size: 40px;
    }
    
    .p-lvlp-woories-ttl::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_vertical.svg) no-repeat center;
        background-size: cover;
        width: 48px;
        height: 48px;
        margin: 10px auto -5px;
    }
    
    .p-lvlp-woories-img {
        width: 100%;
        height: 240px;
    }
    
    .p-lvlp-woories-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .p-lvlp-woories-list {
        margin-top: -20px;
        padding: 40px 15px 20px;
        background-image: linear-gradient(transparent, #ffffff80 10%, #ffffff 20% 100%);
        border-right: 1px solid transparent;
        border-left: transparent 1px solid;
        /* グラデーションの指定（上から下へ、透明から不透明へ） */
        border-image: linear-gradient(to bottom, rgba(184, 140, 76, 0), rgba(184, 140, 76, 1)) 1;
        border-bottom: #B88C4C 1px solid;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    .p-lvlp-woories-item {
        margin-bottom: 15px;
    }
    
    .p-lvlp-woories-item :last-child {
        margin-bottom: 0;
    }
    
    .p-lvlp-woories-item__no {
        font-size: 12px;
        margin-bottom: 3px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .p-lvlp-woories-item__no::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_horizontal.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    
    .p-lvlp-woories-item__no span {
        font-size: 16px;
        font-weight: 900;
        padding-left: 2px;
    }
    
    .p-lvlp-woories-item__in {
        font-size: 18px;
        font-weight: 600;
    }
    
    .p-lvlp-woories-item__in span {
        color: #B88C4C;
        font-size: 16px;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-woories {
            padding: 40px 20px;
        }
        .p-lvlp-woories-ttl {
            font-size: 32px;
        }
        .p-lvlp-woories-ttl span {
            font-size: 36px;
        }
        .p-lvlp-woories-item {
            margin-bottom: 25px;
        }
        .p-lvlp-woories-item__no {
            font-size: 14px;
        }
        .p-lvlp-woories-item__no span {
            font-size: 18px;
        }
        .p-lvlp-woories-item__no::after {
            width: 30px;
            height: 30px;
        }
        .p-lvlp-woories-item__in {
            font-size: 20px;
        }
        .p-lvlp-woories-item__in span {
            font-size: 18px;
        }
    }
    /* Solution (解決) */
    
    .p-lvlp-solution {
        padding: 30px 20px;
        background: url(../images/lvlp/img_solution_bg.webp) no-repeat center;
        background-size: cover;
    }
    
    .p-lvlp-solution-logo {
        width: 140px;
        margin: 0 auto 30px
    }
    
    .p-lvlp-solution-title {}
    
    .p-lvlp-solution-title-sub {
        text-align: center;
        margin: 0 auto;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.1em;
    }
    
    .p-lvlp-solution-title-main {
        font-size: 52px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 200px;
    }
    
    .p-lvlp-solution-title-main span {
        color: #B88C4C;
    }
    
    .p-lvlp-solution-txt {
        font-size: 18px;
        color: #FFF;
        text-align: center;
        line-height: 1.6em;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-solution {
            padding: 40px 20px;
        }
        .p-lvlp-solution-logo {
            width: 220px;
        }
        .p-lvlp-solution-title-sub {
            font-size: 30px;
        }
        .p-lvlp-solution-title-main {
            font-size: 64px;
        }
        .p-lvlp-solution-txt {
            font-size: 20px;
        }
    }
    /* Reason (理由) */
    
    .p-lvlp-reason {
        background-color: #E0E0E0;
        background: url(../images/lvlp/img_reason_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-reason-ttl {}
    
    .p-lvlp-reason-ttl-sub {
        margin: 0 auto 5px;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 0.1em;
        color: #FFF;
        text-align: center;
    }
    
    .p-lvlp-reason-ttl-main {
        font-size: 30px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 30px;
        color: #FFF;
        line-height: 2.0em;
    }
    
    .p-lvlp-reason-img {
        width: 100%;
        height: 240px;
        margin-bottom: 30px;
    }
    
    .p-lvlp-reason-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .p-lvlp-reason-txt {
        margin: 0 auto 20px;
        font-size: 18px;
        color: #FFF;
        text-align: center;
        line-height: 1.6em;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-reason-txt::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_l.svg) no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(50% - 20px);
        left: -50px;
    }
    
    .p-lvlp-reason-txt::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_r.svg) no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(50% - 20px);
        right: -50px;
    }
    
    .p-lvlp-reason-list {
        margin-bottom: 40px;
        padding: 0px 20px 20px;
        background-image: linear-gradient(transparent, #ffffff80 10%, #ffffff 20% 100%);
        border-right: 1px solid transparent;
        border-left: transparent 1px solid;
        /* グラデーションの指定（上から下へ、透明から不透明へ） */
        border-image: linear-gradient(to bottom, rgba(184, 140, 76, 0), rgba(184, 140, 76, 1)) 1;
        border-bottom: #B88C4C 1px solid;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    .p-lvlp-reason-item {
        margin-bottom: 20px;
    }
    
    .p-lvlp-reason-item :last-child {
        margin-bottom: 0;
    }
    
    .p-lvlp-reason-item-img {
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
        filter: drop-shadow(0px 2px 4px #77774F)
    }
    
    .p-lvlp-reason-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: solid 1px #B88C4D;
    }
    
    .p-lvlp-reason-item-no {
        font-size: 12px;
        margin-bottom: 3px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .p-lvlp-reason-item-no span {
        font-size: 16px;
        font-weight: 900;
        padding-left: 2px;
    }
    
    .p-lvlp-reason-item-no::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_horizontal.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    
    .p-lvlp-reason-item-ttl {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px
    }
    
    .p-lvlp-reason-item-ttl span {
        color: #B88C4C;
    }
    
    .p-lvlp-reason-item-ttl2 {}
    
    .p-lvlp-reason-item-txt {
        font-size: 16px;
    }
    
    .p-lvlp-reason-item-note {}
    
    .p-lvlp-reason-item-cf {}
    
    .p-lvlp-reason-item-cf-item {}
    
    .p-lvlp-reason-item-cf-item-year {}
    
    .p-lvlp-reason-item-cf-item-img {}
    
    .p-lvlp-reason-item-cf-item-price {}
    
    .p-lvlp-reason-up {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #FFF;
    }
    
    .p-lvlp-reason-up-ex {
        font-size: 20px;
        margin-bottom: 10px;
        color: #FFF;
    }
    
    .p-lvlp-reason-up-ex::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_vertical.svg) no-repeat center;
        background-size: cover;
        width: 48px;
        height: 48px;
        margin: 10px auto;
    }
    
    .p-lvlp-reason-up-state {
        font-size: 18px;
        margin-bottom: 10px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        color: #FFF;
    }
    
    .p-lvlp-reason-up-title {
        font-size: 32px;
        margin-bottom: 10px;
        letter-spacing: 0.1em;
        color: #FFF;
        font-weight: 600;
    }
    
    .p-lvlp-reason-up-title span {
        font-size: 40px;
        font-weight: 900;
    }
    
    .p-lvlp-reason-up-img {
        width: 100%;
        margin-bottom: 10px;
        filter: drop-shadow(0px 2px 4px #ffffff)
    }
    
    .p-lvlp-reason-up-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .p-lvlp-reason-up-img {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .p-lvlp-reason-up-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .p-lvlp-reason-up-note {
        font-size: 12px;
        text-align: center;
        color: #FFF;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-reason {
            padding: 40px 20px;
        }
        .p-lvlp-reason-img {
            height: 360px;
        }
        .p-lvlp-reason-ttl-sub {
            font-size: 26px;
        }
        .p-lvlp-reason-ttl-main {
            font-size: 34px;
        }
        .p-lvlp-reason-txt {
            font-size: 20px;
            margin-bottom: 30px;
        }
        .p-lvlp-reason-item {
            margin-bottom: 25px;
        }
        .p-lvlp-reason-item-img {
            height: 280px;
        }
        .p-lvlp-reason-item-no {
            font-size: 14px;
        }
        .p-lvlp-reason-item-no::after {
            width: 30px;
            height: 30px;
        }
        .p-lvlp-reason-item-no span {
            font-size: 18px;
        }
        .p-lvlp-reason-item-ttl {
            font-size: 22px;
        }
        .p-lvlp-reason-item-txt {
            font-size: 18px;
        }
        .p-lvlp-reason-up-ex {
            font-size: 22px;
        }
        .p-lvlp-reason-up-ex::after {
            width: 64px;
            height: 64px;
        }
        .p-lvlp-reason-up-state {
            font-size: 18px;
        }
        .p-lvlp-reason-up-title {
            font-size: 36px;
        }
        .p-lvlp-reason-up-title span {
            font-size: 52px;
        }
        .p-lvlp-reason-up-img {
            width: 80%;
            margin: 0 auto;
        }
        .p-lvlp-reason-up-messe {
            width: 80%;
            margin: 0 auto 10px;
        }
        .p-lvlp-reason-up-note {
            font-size: 14px;
        }
    }
    /* Chose (選ばれる理由) */
    
    .p-lvlp-chose {
        background-color: #F4E8D0;
        background: url(../images/lvlp/img_chose_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-chose-logo {
        width: 140px;
        margin: 0 auto 30px
    }
    
    .p-lvlp-chose-ttl {
        font-size: 32px;
        text-align: center;
        font-weight: 600;
        margin: 0 auto 30px;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-chose-ttl span {
        color: #B88C4C;
    }
    
    .p-lvlp-chose-ttl::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        left: -60px;
    }
    
    .p-lvlp-chose-ttl::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        right: -60px;
    }
    
    .p-lvlp-chose-list {
        margin-top: -40px;
        padding: 40px 20px 20px;
        background-image: linear-gradient(transparent, #ffffff80 10%, #ffffff 20% 100%);
        border-right: 1px solid transparent;
        border-left: transparent 1px solid;
        /* グラデーションの指定（上から下へ、透明から不透明へ） */
        border-image: linear-gradient(to bottom, rgba(184, 140, 76, 0), rgba(184, 140, 76, 1)) 1;
        border-bottom: #B88C4C 1px solid;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    .p-lvlp-chose-item {
        margin-bottom: 15px;
    }
    
    .p-lvlp-chose-item :last-child {
        margin-bottom: 0;
    }
    
    .p-lvlp-chose-item-wrap {}
    
    .p-lvlp-chose-item-wrap__in {}
    
    .p-lvlp-chose-item-no {
        font-size: 12px;
        margin-bottom: 3px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .p-lvlp-chose-item-no span {
        font-size: 16px;
        font-weight: 600;
        padding-left: 2px;
    }
    
    .p-lvlp-chose-item-no::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_horizontal.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    
    .p-lvlp-chose-item-ttl {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px
    }
    
    .p-lvlp-chose-item-ttl span {
        color: #B88C4C;
        font-size: 17px;
    }
    
    .p-lvlp-chose-item-txt {
        font-size: 16px;
    }
    
    .p-lvlp-chose-item-img {
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
        filter: drop-shadow(0px 2px 4px #77774F)
    }
    
    .p-lvlp-chose-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: solid 1px #B88C4D;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-chose {
            padding: 40px 20px;
        }
        .p-lvlp-chose-ttl {
            font-size: 36px;
        }
        .p-lvlp-chose-logo {
            width: 220px;
        }
        .p-lvlp-chose-ttl::before {
            width: 82px;
            height: 82px;
            top: calc(50% - 41px);
            left: -70px;
        }
        .p-lvlp-chose-ttl::after {
            width: 82px;
            height: 82px;
            top: calc(50% - 41px);
            right: -70px;
        }
        .p-lvlp-chose-item {
            margin-bottom: 25px;
        }
        .p-lvlp-chose-item-no {
            font-size: 14px;
        }
        .p-lvlp-chose-item-no span {
            font-size: 18px;
        }
        .p-lvlp-chose-item-no::after {
            width: 30px;
            height: 30px;
        }
        .p-lvlp-chose-item-ttl {
            font-size: 22px;
            line-height: 1.6em;
            margin-bottom: 5px;
        }
        .p-lvlp-chose-item-ttl span {
            font-size: 19px;
        }
        .p-lvlp-chose-item-txt {
            font-size: 18px;
        }
        .p-lvlp-chose-item-img {
            height: 280px;
        }
    }
    /* Result (買取実績) */
    
    .p-lvlp-result {
        background-color: #f8f8f8;
        background: url(../images/lvlp/img_result_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-result-ttl {
        font-size: 30px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 30px;
    }
    
    .p-lvlp-result-list {
        display: grid;
        /* 2列を均等な幅(1fr)で作成 */
        grid-template-columns: repeat(2, 1fr);
        /* カード同士の隙間（縦横10px） */
        gap: 10px;
    }
    
    .p-lvlp-result-item {
        width: 100%;
        border: solid 1px #B88C4C;
        background-color: #FCFBF7;
        filter: drop-shadow(0px 2px 4px #77774F)
    }
    
    .p-lvlp-result-item :last-child {
        margin-bottom: 0;
    }
    
    .p-lvlp-result-item-status {
        background-image: linear-gradient(#c69e60, #b68f59);
        width: 100%;
        padding: 3px;
        border: 1px double #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 6px;
        border-radius: 10px;
    }
    
    .p-lvlp-result-item-status__in {
        font-size: 12px;
        color: #FFF;
    }
    
    .p-lvlp-result-item-img {
        width: 100%;
        height: 120px;
    }
    
    .p-lvlp-result-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .p-lvlp-result-item-cover {
        padding: 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .p-lvlp-result-item-name {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 6px;
    }
    
    .p-lvlp-result-item-price {
        color: #A00B4B;
        font-size: 24px;
        font-weight: 600;
    }
    
    .p-lvlp-result-note {
        margin-top: 10px;
        text-align: center;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-result {
            padding: 40px 20px;
        }
        .p-lvlp-result-ttl {
            font-size: 36px;
        }
        .p-lvlp-result-item-img {
            height: 200px;
        }
        .p-lvlp-result-item-status {
            padding: 6px;
        }
        .p-lvlp-result-item-cover {
            padding: 8px 6px;
        }
        .p-lvlp-result-item-name {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .p-lvlp-result-item-status__in {
            font-size: 14px;
        }
        .p-lvlp-result-item-price {
            font-size: 30px;
        }
        .p-lvlp-result-note {
            margin-top: 20px;
        }
    }
    /* Review (クチコミ) */
    
    .p-lvlp-review {
        background-color: #0f1d40;
        background: url(../images/lvlp/img_review_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-review-ttl {
        color: #FFF;
        font-size: 26px;
        text-align: center;
        font-weight: 600;
        margin: 0 auto 15px;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-review-ttl::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_l.svg) no-repeat center;
        background-size: cover;
        width: 30px;
        height: 30px;
        position: absolute;
        top: calc(50% - 12px);
        left: -30px;
    }
    
    .p-lvlp-review-ttl::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_r.svg) no-repeat center;
        background-size: cover;
        width: 30px;
        height: 30px;
        position: absolute;
        top: calc(50% - 12px);
        right: -30px;
    }
    
    .p-lvlp-review-logo {
        width: 140px;
        margin: 0 auto 30px
    }
    
    .p-lvlp-review-main {}
    
    .p-lvlp-review-no {
        /* 画像の条件通りのグラデーション（左から右への線形） */
        background: linear-gradient( to right, #D5AF36 0%, #D2BC9C 50%, #BB8C4A 100%);
        /* テキストの形にくり抜く設定 */
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        font-size: 96px;
        font-weight: 900;
        text-align: center;
        margin-bottom: 6px;
    }
    
    .p-lvlp-review-star {
        width: 220px;
        margin: 0 auto 10px;
    }
    
    .p-lvlp-review-kensu {
        text-align: center;
        color: #FFF;
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 18px;
    }
    
    .p-lvlp-review-tenpo {
        text-align: center;
        color: #FFF;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .p-lvlp-review-list {}
    
    .p-lvlp-review-item {
        background-color: #F6F2EB;
        border: #DFD2BF solid 1px;
        padding: 10PX;
        margin-bottom: 10px;
    }
    
    .p-lvlp-review-item:last-child {
        margin-bottom: 0;
    }
    
    .p-lvlp-review-item-top {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 5px;
    }
    
    .p-lvlp-review-item-name {
        font-size: 16px;
        margin-right: 10px;
        font-weight: 600;
    }
    
    .p-lvlp-review-item-date {
        color: #B88A48;
        font-size: 14px;
    }
    
    .p-lvlp-review-item-star {
        width: 100px;
        margin-bottom: 5px;
    }
    
    .p-lvlp-review-item-txt {
        color: #B88A48;
        font-size: 12px;
        line-height: 1.2em;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-review {
            padding: 40px 20px;
        }
    }
    /* Flow (買取の流れ) */
    
    .p-lvlp-flow {
        background-color: #f8f8f8;
        background: url(../images/lvlp/img_flow_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-flow-ttl {
        font-size: 32px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 30px;
    }
    
    .p-lvlp-flow-list {
        padding: 0px 20px 20px;
        background-image: linear-gradient(transparent, #ffffff80 10%, #ffffff 20% 100%);
        border-right: 1px solid transparent;
        border-left: transparent 1px solid;
        /* グラデーションの指定（上から下へ、透明から不透明へ） */
        border-image: linear-gradient(to bottom, rgba(184, 140, 76, 0), rgba(184, 140, 76, 1)) 1;
        border-bottom: #B88C4C 1px solid;
    }
    
    .p-lvlp-flow-item {
        position: relative;
        margin-bottom: 30px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        position: relative;
    }
    
    .p-lvlp-flow-item::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_arrow_bottom_b.svg) no-repeat center;
        background-size: contain;
        width: 30px;
        height: 30px;
        margin: 5px auto;
    }
    
    .p-lvlp-flow-item:last-child {
        margin-bottom: 0;
    }
    
    .p-lvlp-flow-item:last-child::after {
        display: none;
    }
    
    .p-lvlp-flow-item:nth-child(1)::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_flow_01.svg) no-repeat center;
        background-size: contain;
        width: 56px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: 1;
    }
    
    .p-lvlp-flow-item:nth-child(2)::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_flow_02.svg) no-repeat center;
        background-size: contain;
        width: 56px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: 1;
    }
    
    .p-lvlp-flow-item:nth-child(3)::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_flow_03.svg) no-repeat center;
        background-size: contain;
        width: 56px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: 1;
    }
    
    .p-lvlp-flow-item:nth-child(4)::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_flow_04.svg) no-repeat center;
        background-size: contain;
        width: 56px;
        height: 72px;
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: 1;
    }
    
    .p-lvlp-flow-item-no {
        position: absolute;
        top: -5px;
        left: -5px;
        background-color: aliceblue;
        border: solid 1px #B88C4C;
        width: 50px;
        height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .p-lvlp-flow-item-no__in {}
    
    .p-lvlp-flow-item-img {
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
        filter: drop-shadow(0px 2px 4px #77774F);
    }
    
    .p-lvlp-flow-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: solid 1px #B88C4D;
    }
    
    .p-lvlp-flow-item-img:nth-child(4) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }
    
    .p-lvlp-flow-item-icon {}
    
    .p-lvlp-flow-item-topic {}
    
    .p-lvlp-flow-item-topic-sub {
        font-weight: 600;
        color: #B88C4C;
        font-size: 18px;
        margin-bottom: 2px;
    }
    
    .p-lvlp-flow-item-topic-main {
        font-weight: 600;
        font-size: 20px;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-flow {
            padding: 40px 20px;
        }
        .p-lvlp-flow-ttl {
            font-size: 36px;
        }
        .p-lvlp-flow-item:nth-child(1)::before {
            width: 64px;
            height: 90px;
        }
        .p-lvlp-flow-item:nth-child(2)::before {
            width: 64px;
            height: 90px;
        }
        .p-lvlp-flow-item:nth-child(3)::before {
            width: 64px;
            height: 90px;
        }
        .p-lvlp-flow-item:nth-child(4)::before {
            width: 64px;
            height: 90px;
        }
        .p-lvlp-flow-item-topic-sub {
            font-size: 22px;
        }
        .p-lvlp-flow-item-topic-sub {
            font-size: 26px;
        }
        .p-lvlp-flow-item-img {
            height: 280px;
        }
    }
    /* Kinds (買取方法) */
    
    .p-lvlp-kinds {
        background-color: #F4E8D0;
        background: url(../images/lvlp/img_kinds_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-kinds-ttl {
        font-size: 32x;
        text-align: center;
        font-weight: 600;
        margin: 0 auto 30px;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-kinds-ttl span {
        color: #B88C4C;
        font-size: 38px;
    }
    
    .p-lvlp-kinds-ttl::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        left: -60px;
    }
    
    .p-lvlp-kinds-ttl::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        right: -60px;
    }
    
    .p-lvlp-kinds-list {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    
    .p-lvlp-kinds-item {
        margin-bottom: 20px;
        text-align: center;
    }
    
    .p-lvlp-kinds-item:last-child {
        margin-bottom: 0px;
    }
    
    .p-lvlp-kinds-item-img {
        width: 260px;
        margin-bottom: 6px;
        object-fit: cover;
    }
    
    .p-lvlp-kinds-item-sub {
        font-size: 24px;
        margin: 0 auto 3px;
        font-weight: 600;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-kinds-item-sub span {
        font-size: 34px;
    }
    
    .p-lvlp-kinds-item-sub::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_horizontal.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 12px);
        left: -30px;
        transform: rotate(180deg)
    }
    
    .p-lvlp-kinds-item-sub::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_horizontal.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 12px);
        right: -30px;
    }
    
    .p-lvlp-kinds-item-ttl {
        font-size: 40px;
        margin-bottom: 3px;
        font-weight: 900;
    }
    
    .p-lvlp-kinds-item-ttl span {
        color: #B88C4C;
    }
    
    .p-lvlp-kinds-item-txt {
        font-size: 18px;
        line-height: 1.4em;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-kinds-ttl {
            font-size: 36px;
        }
        .p-lvlp-kinds-ttl::before {
            width: 72px;
            height: 72px;
            top: calc(50% - 36px);
            right: -70px;
        }
        .p-lvlp-kinds-ttl::after {
            width: 72px;
            height: 72px;
            top: calc(50% - 36px);
            right: -70px;
        }
        .p-lvlp-kinds-item {
            margin-bottom: 30px;
        }
        .p-lvlp-kinds-item-sub {
            font-size: 26px;
        }
        .p-lvlp-kinds-item-sub span {
            font-size: 44px;
        }
        .p-lvlp-kinds-item-sub::before {
            width: 32px;
            height: 32px;
            top: calc(50% - 8px);
            left: -40px;
        }
        .p-lvlp-kinds-item-sub::after {
            width: 32px;
            height: 32px;
            top: calc(50% - 8px);
            right: -40px;
        }
        .p-lvlp-kinds-item-ttl {
            font-size: 46px;
            margin-bottom: 6px;
        }
        .p-lvlp-kinds-item-txt {
            font-size: 20px;
        }
    }
    /* State (状態) */
    
    .p-lvlp-state {
        background-color: #bfbfbf;
        background: url(../images/lvlp/img_state_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 20px;
    }
    
    .p-lvlp-state-messe {
        text-align: center;
        margin: 0 auto;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.1em;
    }
    
    .p-lvlp-state-img {
        width: 80%;
        margin: 0 auto 16px;
    }
    
    .p-lvlp-state-img img {
        filter: drop-shadow(0px 2px 4px #77774F);
        border: solid 1px #B88C4D;
    }
    
    .p-lvlp-state-img::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_vertical.svg) no-repeat center;
        background-size: cover;
        width: 48px;
        height: 48px;
        margin: 10px auto;
        filter: none;
    }
    
    .p-lvlp-state-ttl {
        font-size: 48px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 30px;
    }
    
    .p-lvlp-state-ttl span {
        color: #B88C4C;
    }
    
    .p-lvlp-state-txt {
        font-size: 18px;
        line-height: 1.4em;
        text-align: center;
        margin-bottom: 10px;
        font-weight: 500;
    }
    
    .p-lvlp-state-list {
        padding: 0px 15px 20px;
        background-image: linear-gradient(transparent, #ffffff80 10%, #ffffff 20% 100%);
        border-right: 1px solid transparent;
        border-left: transparent 1px solid;
        /* グラデーションの指定（上から下へ、透明から不透明へ） */
        border-image: linear-gradient(to bottom, rgba(184, 140, 76, 0), rgba(184, 140, 76, 1)) 1;
        border-bottom: #B88C4C 1px solid;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    .p-lvlp-state-item {
        margin-bottom: 10px;
    }
    
    .p-lvlp-state-item:last-child {
        margin-bottom: 0;
    }
    
    .p-lvlp-state-item__no {
        margin-bottom: 5px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    .p-lvlp-state-item__no span {
        font-size: 16px;
        font-weight: 600;
    }
    
    .p-lvlp-state-item__no::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_horizontal.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    
    .p-lvlp-state-item__in {
        font-size: 16px;
        color: #B88C4C;
        font-weight: 600;
    }
    
    .p-lvlp-state-sub {}
    
    .p-lvlp-state-sub__in {}
    
    @media screen and (min-width: 768px) {
        .p-lvlp-state {
            padding: 40px 20px;
        }
        .p-lvlp-state-messe {
            font-size: 32px;
        }
        .p-lvlp-state-ttl {
            font-size: 62px;
        }
        .p-lvlp-state-img::after {
            width: 60px;
            height: 60px;
        }
        .p-lvlp-state-item__no {
            font-size: 14px;
        }
        .p-lvlp-state-item__no span {
            font-size: 18px;
        }
        .p-lvlp-state-item__no::after {
            width: 30px;
            height: 30px;
        }
        .p-lvlp-state-item__in {
            font-size: 20px;
        }
        .p-lvlp-state-txt {
            font-size: 22px;
        }
    }
    /* Faq (よくあるご質問) */
    
    .p-lvlp-faq {
        background-color: #F4E8D0;
        background: url(../images/lvlp/img_faq_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 0;
    }
    
    .p-lvlp-faq-top {
        margin-bottom: 30px;
    }
    
    .p-lvlp-faq-top-main {
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        margin: 0 auto 15px;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-faq-top-main::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_l.svg) no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(50% - 20px);
        left: -50px;
    }
    
    .p-lvlp-faq-top-main::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_r.svg) no-repeat center;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(50% - 20px);
        right: -50px;
    }
    
    .p-lvlp-faq-top-image {
        width: 100%;
        height: 240px;
        margin-bottom: 10px;
    }
    
    .p-lvlp-faq-top-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .p-lvlp-faq-top-sub {
        font-size: 24px;
        font-weight: 600;
        text-align: center;
    }
    
    .p-lvlp-faq-top-sub span {
        font-size: 30px;
        color: #B88C4C;
    }
    
    .p-lvlp-faq-wrap {
        padding: 0 20px;
    }
    
    .p-lvlp-faq-wrap-logo {
        width: 140px;
        margin: 0 auto 30px
    }
    
    .p-lvlp-faq-ttl {
        font-size: 32px;
        text-align: center;
        font-weight: 600;
        margin: 0 auto 30px;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-faq-ttl::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        left: -60px;
    }
    
    .p-lvlp-faq-ttl::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_squea_3.svg) no-repeat center;
        background-size: cover;
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(50% - 30px);
        right: -60px;
    }
    
    .p-lvlp-faq__list {}
    /* FAQ全体のコンテナ */
    
    .p-lvlp-faq__item {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 10px;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    /* 質問（Q）ブロック */
    
    .p-lp-faq__q-block {
        display: flex;
        align-items: center;
        padding: 15px 20px;
        cursor: pointer;
        position: relative;
        user-select: none;
        background-color: #d7c4a3;
        transition: background-color 0.3s ease;
    }
    
    .p-lp-faq__q-block:hover {}
    /* 「Q」アイコン */
    
    .p-lvlp-faq__icon-q {
        font-weight: bold;
        font-size: 1.2rem;
        background-color: #FFF;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 15px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-family: "Noto Serif JP", "Shippori Mincho", "MS 明朝", serif;
    }
    /* 質問テキスト */
    
    .p-lvlp-faq__question-text {
        margin: 0;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5;
        padding-right: 30px;
        /* 矢印と被らないように */
    }
    /* 矢印アイコン */
    
    .p-lvlp-faq__arrow {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.8rem;
        color: #666;
        transition: transform 0.3s ease;
    }
    /* 回答（A）ブロック */
    /* 回答（A）ブロックの初期状態：非表示にする */
    
    .p-lvlp-faq__a-block {
        display: none;
        /* ここを追加 */
        align-items: flex-start;
        padding: 10px;
        background-color: #fcfcfc;
        border: 1px solid #d7c4a3;
        border-top: none;
    }
    /* 質問ブロックがクリックされて 'is-open' クラスがついたら表示する */
    
    .p-lp-faq__q-block.is-open+.p-lvlp-faq__a-block {
        display: flex;
    }
    /* 矢印を回転させる設定（必要に応じて） */
    
    .p-lp-faq__q-block.is-open .p-lvlp-faq__arrow {
        transform: translateY(-50%) rotate(180deg);
    }
    /* 「A」アイコン */
    
    .p-lvlp-faq__icon-a {
        font-weight: bold;
        font-size: 1.2rem;
        color: #FFF;
        background-color: #B88C4C;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 15px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-family: "Noto Serif JP", "Shippori Mincho", "MS 明朝", serif;
    }
    /* 回答テキスト */
    
    .p-lvlp-faq__answer-text {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.6;
        color: #333;
    }
    /* --- アクティブ状態（パネルが開いているとき）のスタイル --- */
    /* JavaScriptで親要素やQブロックに「.is-open」クラスを付与することを想定 */
    
    .p-lvlp-faq__item.is-open .p-lvlp-faq__arrow {
        transform: translateY(-50%) rotate(180deg);
        /* 矢印を上向きに */
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-faq {
            padding: 40px 20px;
        }
        .p-lvlp-faq-top-main {
            font-size: 32px;
            margin-bottom: 25px;
        }
        .p-lvlp-faq-top-main::before {
            width: 68px;
            height: 68px;
            top: calc(50% - 34px);
            left: -70px;
        }
        .p-lvlp-faq-top-main::after {
            width: 68px;
            height: 68px;
            top: calc(50% - 34px);
            right: -70px;
        }
        .p-lvlp-faq-top-image {
            height: 360px;
            margin-bottom: 20px;
        }
        .p-lvlp-faq-top-sub {
            font-size: 28px;
        }
        .p-lvlp-faq-top-sub span {
            font-size: 30px;
        }
        .p-lvlp-faq-wrap-logo {
            width: 220px;
        }
        .p-lvlp-faq-ttl {
            font-size: 38px;
        }
        .p-lp-faq__q-block {
            padding: 20px;
        }
        .p-lvlp-faq__question-text {
            font-size: 18px;
        }
        .p-lvlp-faq__answer-text {
            font-size: 16px;
        }
        .p-lvlp-faq__a-block {
            padding: 10px 20px;
        }
    }
    /* Last (最後のコンタクト) */
    
    .p-lvlp-last {
        background-color: #0f1e41;
        background: url(../images/lvlp/img_last_bg.webp) no-repeat center;
        background-size: cover;
        padding: 30px 0;
    }
    
    .p-lvlp-last-ttl {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 15px;
    }
    
    .p-lvlp-last-ttl img {
        width: 100%;
        object-fit: contain;
    }
    
    .p-lvlp-last-messe {
        color: #FFF;
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        margin: 0 auto 15px;
        width: max-content;
        position: relative;
    }
    
    .p-lvlp-last-messe::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_l.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 12px);
        left: -30px;
    }
    
    .p-lvlp-last-messe::after {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_mv_sub_r.svg) no-repeat center;
        background-size: cover;
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 12px);
        right: -30px;
    }
    
    .p-lvlp-last-img {
        width: 100%;
        height: 540px;
        margin-bottom: 10px;
    }
    
    .p-lvlp-last-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .p-lvlp-last-txt {
        color: #FFF;
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
        font-weight: 500;
    }
    
    .p-lvlp-last-btn {
        padding: 0 20px;
    }
    
    .p-lvlp-last-note {}
    
    .p-lvlp-last-note__in {}
    
    @media screen and (min-width: 768px) {
        .p-lvlp-last {
            padding: 40px 0;
        }
        .p-lvlp-last-messe {
            font-size: 24px;
        }
        .p-lvlp-last-messe::before {
            background-size: contain;
            width: 30px;
            height: 30px;
            top: calc(50% - 15px);
            left: -40px;
        }
        .p-lvlp-last-messe::after {
            background-size: contain;
            width: 30px;
            height: 30px;
            top: calc(50% - 15px);
            right: -40px;
        }
        .p-lvlp-last-img {
            margin-bottom: 15px;
        }
        .p-lvlp-last-txt {
            font-size: 18px;
            margin-bottom: 20px;
        }
    }
    /* ==========================================================================
   p-footer (フッター)
   ========================================================================== */
    
    .p-footer {
        padding: 40px 20px 0;
        margin-bottom: 93px;
    }
    
    .p-footer--wrap {}
    
    .p-footer-logo {
        width: 140px;
        margin: 0 auto 10px;
    }
    
    .p-footer-ttl {
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        margin-bottom: 5px;
    }
    
    .p-footer-no {
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    .p-footer-menu {
        font-family: "Zen Kaku Gothic New", sans-serif;
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 30px;
    }
    
    .p-footer-menu__in {
        text-decoration: none;
        color: #394656;
        margin: 0 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 14px;
    }
    
    .p-footer-menu__in::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_footer_arrow.svg) no-repeat center;
        background-size: contain;
        width: 8px;
        height: 8px;
        margin-right: 3px;
    }
    
    .p-footer-copy {
        margin-bottom: 30px;
        text-align: center;
        font-size: 12px;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    @media screen and (min-width: 768px) {
        .p-footer {
            padding-top: 60px;
            margin-bottom: 0;
        }
        .p-footer-logo {
            width: 240px;
            margin-bottom: 20px;
        }
        .p-footer-ttl {
            font-size: 22px;
            margin-bottom: 10px;
        }
        .p-footer-no {
            font-size: 16px;
            margin-bottom: 30px;
        }
        .p-footer-menu__in {
            font-size: 16px;
        }
        .p-footer-menu__in::before {
            width: 10px;
            height: 10px;
        }
        .p-footer-copy {
            font-size: 14px;
        }
    }
    
    .c-followbtn {
        display: none;
    }
    
    .p-lvlp-menu {
        opacity: 0;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-image: linear-gradient(#ddc8aa, #bf955d);
        @include flexbox;
        @include flex-just(space-between);
        @include align-items(center);
        padding: 6px 20px;
        z-index: 100;
        transition: opacity 0.4s ease, transform 0.4s ease;
    }
    
    .p-lvlp-menu .p-lvlp-mv-btn__link {
        text-decoration: none;
        color: #FFF;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.2em;
        letter-spacing: 0.05em;
        padding: 6px 40px 8px;
    }
    
    .p-lvlp-menu .p-lvlp-mv-btn__link span {
        font-size: 12px;
        font-weight: 600;
    }
    
    @media screen and (min-width: 768px) {
        .p-lvlp-menu {
            display: none;
        }
    }
    
    .p-lvlp-menu .p-lvlp-btn {
        margin: 0;
        filter: drop-shadow(0px 2px 4px #77774F)
    }
    
    .p-lvlp-menu.active {
        opacity: 1;
        transform: translateY(0); // 元の位置に
    }
    
    .p-lvlp-menu__link {
        width: 48%;
        @include flex-center;
        background-color: #FFF;
        padding: 10px 10px;
        border-radius: 5px;
    }
    
    .p-lvlp-menu .c-pagetop {
        text-align: center;
        position: fixed;
        right: 10px;
        bottom: 40px;
        opacity: 0;
        transform: translateY(20px); // 少し下に
        z-index: 10;
        transition: opacity 0.4s ease, transform 0.4s ease;
    }
    
    .p-lvlp-menu .c-pagetop .active {
        opacity: 1;
        transform: translateY(0); // 元の位置に
    }
    /* PC環境（画面幅が768px以上）の時だけ右寄せスクロールを適用 */
    
    @media screen and (min-width: 768px) {
        /* 1. bodyの固定を一度完全に解除する */
        body#shop {
            height: 100vh;
            overflow: visible !important;
            background-color: #f5f5f7;
            background: url(../images/lvlp/img_pc_bg.webp) no-repeat center;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-left: 10%;
            /* PC背景 */
        }
        /* 2. ラッパー自体を画面の「固定枠」にして、その中を強制スクロールさせる */
        .p-pc-phone-wrapper {
            width: 100%;
            max-width: 480px;
            /* スマホ幅 */
            /* 画面の右端に完全に固定配置する */
            position: fixed !important;
            top: 0;
            right: calc(50% - 240px);
            bottom: 0;
            z-index: 9999;
            /* 最前面に持ってくる */
            /* スクロールをここで強制する */
            overflow-y: scroll !important;
            overflow-x: hidden !important;
            -webkit-overflow-scrolling: touch;
            background-color: #ffffff;
            box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
        }
        /* 3. 中身のメインコンテンツなどの高さのロックをすべて解除する */
        .p-pc-phone-wrapper>*,
        .l-main {
            height: auto !important;
            overflow: visible !important;
        }
        /* 4. 固定ヘッダーや追従ボタンがバラバラにならないようにインナーに追従させる */
        .p-header {
            position: sticky !important;
            /* wrapperの上部に張り付くように変更 */
            top: 0;
            width: 100%;
            z-index: 100;
        }
        /* 下部の追従ボタン（js-fix-btn）がPC画面の右下ではなく、スマホ枠の右下に固定されるように調整 */
        .js-fix-btn {
            position: fixed !important;
            max-width: 430px;
            width: 100%;
            left: auto !important;
            right: 0 !important;
            bottom: 0 !important;
        }
    }
    
    @media screen and (min-width: 1280px) {
        .p-pc-phone-wrapper {
            max-width: 540px;
            right: 10%;
        }
    }
    /*p-pc-left*/
    
    .p-pc-left {
        display: none;
        width: max-content;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 240px;
        font-family: "Zen Kaku Gothic New", sans-serif;
    }
    
    .p-pc-left-top {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .p-pc-left-logo {
        height: stretch;
        margin-bottom: 15px;
    }
    
    .p-pc-left-logo img {
        height: 100%;
    }
    
    .p-pc-left-tel {}
    
    .p-pc-left-tel-ttl {
        font-size: 24px;
        font-weight: 600;
    }
    
    .p-pc-left-tel-ttl {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 6px;
        text-align: center;
    }
    
    .p-pc-left-tel-no {
        color: #394656;
        font-weight: 900;
        font-size: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 6px;
    }
    
    .p-pc-left-tel-no::before {
        content: "";
        display: block;
        background: url(../images/lvlp/icon_tel.svg) no-repeat center;
        background-size: contain;
        width: 28px;
        height: 28px;
        padding-right: 10px;
    }
    
    .p-pc-left-tel-time {
        font-size: 15px;
        font-weight: 400;
        text-align: center;
    }
    
    .p-pc-left-tel-time span {
        font-weight: 600;
        font-size: 16px;
    }
    
    .p-pc-left-btn {
        margin: 0;
    }
    
    .p-pc-left-btn .p-lvlp-mv-btn__link {
        font-size: 20px;
        padding: 18px 40px;
        line-height: 1.8em;
    }
    
    .p-pc-left-btn .p-lvlp-mv-btn__link span {
        font-size: 28px;
    }
    
    @media screen and (min-width: 1280px) {
        .p-pc-left {
            display: flex;
        }
    }