@charset "UTF-8";

@media screen and (max-width: 1356px)  {
    #line_up h2 img, .line_up_inner {
        width: 80%;
    }
}

@media screen and (max-width: 926px) {
    /* ---------------------------------------------------------
    ■ 共通
    --------------------------------------------------------- */
    .mb_30 {
        margin-bottom: 3vh !important;
    }
    .mb_100 {
        margin-bottom: 6rem !important;
    }
    .wrap {
        max-width: 100%;
        width: inherit;
    }
    img {
        width: 100%;
        vertical-align: baseline;
    }
    .is_pc {
        display: none;
    }
    .is_sp {
        display: block;
    }
    header .cta {
        box-shadow: 0 4px 0 #939e13;
    }
    .c_cta, .fv_cta {
        box-shadow: 0 8px 0 #939e13;
        margin: 8vh 0;
        height: 76px;
        width: auto;
    }
    /* ---------------------------------------------------------
    ■ ヘッダー
    --------------------------------------------------------- */
    img.logo {
        height: 30px;
        width: auto;
    }
    .header_cta {
        bottom: 0;
    }
    .header_cta img {
        height: 33px;
        width: auto;
    }
    #header .wrap_header {
        min-height: 57px;
        padding: 0 3%;
    }

    /* ---------------------------------------------------------
    ■ FV
    --------------------------------------------------------- */
    #fv {
        margin-bottom: 9vh;
    }
    .fv_cta {
        position: relative;
        margin-top: 7vh;
    }
    /* ---------------------------------------------------------
    ■ コンテンツ
    --------------------------------------------------------- */
    /* お悩み */
    #solution .highlighter {
        font-size: 21.5px;
        background: linear-gradient(transparent 70%, #e6faa3 0%);
    }
    #solution h2 {
        margin-top: 5vh;
    }

    /* ラインナップ */
    #line_up {
        padding: 12% 3%;
    }
    #line_up h2 {
        margin-bottom: 5vh;
    }
    #line_up h2 img {
        width: 100%;
    }
    .line_up_inner {
        width: 90%;
        padding: 7% 4% 22%;
        margin-bottom: 7rem;
    }
    .line_up_inner h3 {
        font-size: 40px;
        margin-bottom: 0.8em;
    }
    .line_up_inner h3 span {
        font-size: 12px;
        border-width: 3px;
        padding-top: 0.5em;
        margin-top: -0.5em;
    }
    .line_up_inner .feature_title {
        font-size: 25px;
        margin: 1.8em 0 1.5em;
    }
    .line_up_inner .features img {
        margin-bottom: 8vh;
    }
    .comments {
        font-size: 13px;
        margin-bottom: 7vh;
    }
    #brody .brody_main {
        margin-bottom: 9vh;
    }
    #offisia.line_up_inner {
        margin-bottom: 10vh;
    }

    /* フロー */
    #delivery {
        margin-top: 0;
        padding: 10% 3% 18%;
    }
    #delivery h2 {
        font-size: 15px;
    }
    #delivery h2 span {
        font-size: 27.5px;
    }
    #delivery h2 span b {
        font-size: 36.5px;
    }

    /* CTA */
    #cta {
        padding: 20% 0 3%;
    }
    #cta .comments {
        margin-bottom: 3.2em;
    }

    /* フッター */
    #ss {
        padding: 8% 0 1%;
    }
    #ss p {
        font-size: 12px;
        margin-bottom: 1.5em;
    }
    .links {
        display: flex;
        padding: 0 2%;
    }
    .links img {
        width: 90%;
    }
    #ss .links li:first-child {
        margin-right: 0;
    }

    footer {
        padding: 4vh 0;
    }
    footer p {
        font-size: 8px;
    }
    .footer_wrap .mb_50 {
        margin-bottom: 3vh !important;
    }
    #topcontrol {
        width: 60px;
        height: 60px;
        right: 10px !important;
        bottom: 8px !important;
    }
}