/* MV位置 */
.page_ishihara#page_user_data main {
    margin-top: 0 !important;
    padding: 0 !important;
}


article.main {
    overflow-x: hidden;
}


/* MV */


.mv img {
    width: 100%;
}

.mv__sp,
.sp,
.spImg {
    display: none;
}

/* MV */

/* wrap */
.wrap {
    max-width: 1400px;
    width: 100%;
    margin: auto;
    position: relative;
}

/* wrap */

article p {
    font-size: 1.25rem;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.8;
}

h2 img {
    width: auto;
    height: auto;
}

.about_ishihara {
    background-image: url(../../img/ishihara/bg_bottom.png),
        url(../../img/ishihara/bg_middle.png),
        url(../../img/ishihara/bg_top.png);
    background-repeat: no-repeat;
    background-position: bottom,
        top 1183px left,
        top;
    background-size: 100% 1183px;
    padding-top: min(157px, 11.214vw);
    padding-bottom: min(244px, 17.429vw);
    margin-bottom: min(72px, 5.143vw);
    position: relative;
}

.about_ishihara .wrap::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill05.png);
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    width: min(281px, 20.071vw);
    height: min(174px, 12.429vw);
    bottom: min(-129px, -9.214vw);
    right: min(115px, 8.214vw);
}

.about_ishihara h2 {
    margin-bottom: min(43px, 3.071vw);
}

/* HB-101の上手な使い方 */
.howto {
    padding-left: min(266px, 19vw);
    position: relative;
    width: 90%;
    max-width: 920px;
    margin: auto auto min(180px, 12.857vw) auto;
}

.howto div {
    margin-left: 42px;
}

.howto::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/sec01.png);
    background-size: contain;
    background-repeat: no-repeat;

    left: 0;
    width: min(266px, 19vw);
    height: min(355px, 25.357vw);
}

.howto h2 {
    position: relative;
}

.howto h2::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill01.png);
    background-size: contain;
    background-repeat: no-repeat;

    width: min(199px, 14.214vw);
    height: min(286px, 20.429vw);
    right: min(71px, -5.071vw);
    top: min(113px, -8.071vw);
    mix-blend-mode: multiply;
}



/* HB-101の上手な使い方 */
/* 国際ガーデニング展 チェルシー・フラワーショー */
.gaex {
    display: flex;
    padding-bottom: min(200px, 14.286vw);
    position: relative;
    align-items: flex-start;
}

.gaex::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill02.png);
    background-size: contain;
    mix-blend-mode: multiply;
    background-repeat: no-repeat;

    width: min(139px, 9.929vw);
    height: min(129px, 9.214vw);
    bottom: 0;
    left: 0;
}

.gaex .content {
    max-width: 433px;
    margin-right: min(116px, 8.286vw);
    margin-left: auto;
}

/* 国際ガーデニング展 チェルシー・フラワーショー */
/* ポイント */
.point {
    background-image: url(../../img/ishihara/point01_bg_top.png), url(../../img/ishihara/point_bg_bottom.png), url(../../img/ishihara/point_bg_middle.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: top, bottom, center;
    background-size: contain;
    max-width: 900px;
    width: 90%;
    margin: auto auto auto auto;
    padding: min(89px, 6.357vw) min(64px, 4.571vw) 0 0;
    position: relative;
}

.point:last-child {
    background-image: url(../../img/ishihara/point02_bg_top.png), url(../../img/ishihara/point_bg_bottom.png), url(../../img/ishihara/point_bg_middle.png);
    margin: auto auto 0 auto;
}

.point_txt {
    padding-left: min(358px, 25.571vw);
    padding-bottom: min(70px, 5.643vw);
}

.point::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/point.png);
    background-size: contain;
    background-repeat: no-repeat;

    left: -43px;
    width: min(391px, 27.929vw);
    height: min(396px, 28.286vw);
    bottom: 27px;
}

/* ポイント */

/* 大塚家具の世界厳選インテリアで実現 */
.otsuka {
    padding-bottom: min(175px, 15.643vw);
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-top: min(260px, 18.571vw);


}

.otsuka::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill03.png);
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    width: min(243px, 17.357vw);
    height: min(179px, 12.786vw);
    top: 0;
    right: 12.429vw;
}

.otsuka::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill04.png);
    background-size: contain;
    mix-blend-mode: multiply;
    background-repeat: no-repeat;

    width: min(195px, 13.929vw);
    height: min(68px, 4.857vw);
    bottom: 0;
    left: 0;
}


.otsuka .content {
    max-width: 438px;
    margin-left: min(109px, 7.786vw);
    margin-right: auto;
}

/* 大塚家具の世界厳選インテリアで実現 */
/* プロフィール */
.prof {
    max-width: 916px;
    width: 100%;
    margin: auto auto 122px;
    font-weight: bold;
}

.prof_top {
    display: flex;
    margin: auto auto 66px auto;
    width: 98%;
}

.prof .left_contents {
    margin-left: min(97px, 6.929vw);
    margin-right: min(112px, 8.786vw);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prof .left_contents p,
.prof .left_contents p a {
    font-size: 1.5rem;
    font-family: 'YuMincho', 'Yu Mincho', 'Noto Serif JP', serif;
    color: #245e36;
    line-height: 1.417;
}

.prof .left_contents p {
    display: flex;
    margin-bottom: 12px;
}

.prof .left_contents p a {
    text-decoration: underline;
}
.prof .left_contents>img {
    margin-bottom: 20px;
}

.prof .right_contents {
    max-width: 402px;
    margin-left: 18px;
    color: #245e36;
}

.prof .right_contents p {
    font-size: 1.5rem;
    font-family: 'YuMincho', 'Yu Mincho', 'Noto Serif JP', serif;
    line-height: 1.417;
}

.prof .right_contents p:nth-of-type(2),
.prof .right_contents .prof_txt p {
    font-size: 1.125rem;
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    line-height: 1.667;
    margin-bottom: 40px;
}

.prof .right_contents h2 {
    font-size: 3.75rem;
    font-family: 'YuMincho', 'Yu Mincho', 'Noto Serif JP', serif;
}

.prof .right_contents .prof_txt p {
    margin-bottom: 0;
}

.sns_icon {
    display: flex;
    max-width: 188px;
    justify-content: space-around;
}

.prof_bottom {
    width: 98%;
    margin: auto;
}

.prof_bottom li {
    background-image: linear-gradient(to right, #419660, #419660 1px, transparent 1px, transparent 4px), linear-gradient(to left, #419660, #419660 1px, transparent 1px, transparent 4px);
    background-size: 4px 1px;
    background-position: left top, right bottom;
    background-repeat: repeat-x;
    font-size: 1.125rem;
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    line-height: 1.5;
    color: #000;
    padding: 30px 0 30px 118px;
}

.prof_bottom li:last-child {
    background-image: linear-gradient(to left, #419660, #419660 1px, transparent 1px, transparent 4px);
    background-position: right bottom;
    background-repeat: repeat-x;
}

/* プロフィール */

/* qa */


.qa {
    background-image: url(../../img/ishihara/qa_bg_top.png), url(../../img/ishihara/pattern.png);
    background-repeat: no-repeat, repeat;
    background-position: top, center;
    background-size: 100% 1664px, 64px 64px;
    padding-top: min(104px, 7.429vw);
    padding-bottom: min(155px, 11.071vw);
}


.qa .wrap,
.present .wrap {
    max-width: 1092px;
    width: 90%;
    margin: auto;
}

.qa_catch {
    margin-right: 0;
    margin-left: auto;
    margin-bottom: min(134px, 9.571vw);
    padding-left: min(318px, 22.714vw);
    position: relative;
}


.qa_catch::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/qa.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: min(318px, 22.714vw);
    height: min(382px, 27.286vw);
    left: 0;
}

.qa_catch::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill02.png);
    background-size: contain;
    background-repeat: no-repeat;

    width: min(139px, 9.929vw);
    height: min(129px, 9.214vw);
    mix-blend-mode: multiply;
    right: 0;
    bottom: 0;
}

.qa_catch h2 {
    margin-bottom: min(29px, 2.071vw);
}

.question {
    padding-left: min(253px, 18.071vw);
    margin-right: 0;
    margin-left: min(40px, 2.857vw);
    margin-bottom: min(35px, 2.5vw);
    position: relative;
    font-family: kinuta-maruminyoshino-stdn, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6875rem;
    line-height: 1.6;
}

.question dt {
    margin-bottom: 16px;

}

.question dd {
    font-size: 1.4375rem;
    line-height: 1.8;
    font-family: kinuta-maruminyoshino-stdn, serif;
    font-style: normal;
    font-weight: 400;
}

.question:nth-of-type(2)::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill06.png);
    background-size: contain;
    mix-blend-mode: multiply;
    width: min(141px, 10.071vw);
    height: min(146px, 10.429vw);
    left: -11.429vw;
    top: -6.571vw;
}


.question::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/qa_icon01.png);
    background-size: contain;
    width: min(200px, 14.286vw);
    height: min(200px, 14.286vw);
    left: 0;
}

.question:nth-of-type(2)::before {
    background-image: url(../../img/ishihara/qa_icon02.png);
}

.question:nth-of-type(3)::before {
    background-image: url(../../img/ishihara/qa_icon03.png);
}

.question:nth-of-type(4)::before {
    background-image: url(../../img/ishihara/qa_icon04.png);
}

.answer {
    margin-bottom: min(200px, 14.286vw);
    margin-right: min(86px, 6.143vw);
    padding-right: min(188px, 13.429vw);
    position: relative;
}

.answer:nth-of-type(2)::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill01.png);
    background-size: contain;
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    width: min(199px, 14.214vw);
    height: min(286px, 20.429vw);
    right: -15.5vw;
    bottom: -12.929vw;
}

.answer:last-child {
    margin-bottom: 0;
}

.answer:nth-of-type(3)::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/ill04.png);
    background-size: contain;
    background-repeat: no-repeat;

    mix-blend-mode: multiply;
    width: min(195px, 13.929vw);
    height: min(68px, 4.857vw);
    right: -14.714vw;
    bottom: -8.214vw;
}


.answer p {
    font-family: kinuta-maruminyoshino-stdn, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.846;
}

.answer::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/answer.png);
    background-size: contain;
    width: min(131px, 9.357vw);
    height: min(361px, 25.786vw);
    right: 0;
}

.answer h3 {
    margin-bottom: 19px;
}

/* フローラ商品プレゼントクイズ */
.present {
    text-align: center;
    font-family: kinuta-maruminyoshino-stdn, serif;
    font-style: normal;
    font-weight: 400;
    position: relative;
}

.present .wrap::before,
.present .wrap::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/q_ill02.png);
    background-size: contain;
    background-repeat: no-repeat;

    width: min(153px, 10.929vw);
    height: min(119px, 8.5vw);
    left: 0;
    bottom: 0;
}

.present .wrap::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/q_ill03.png);
    background-size: contain;
    background-repeat: no-repeat;

    width: min(172px, 12.286vw);
    height: min(120px, 8.571vw);
    left: auto;
    right: 0;
}


.present::before,
.present::after {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/q_left.png);
    background-size: contain;
    background-repeat: no-repeat;

    width: min(269px, 19.214vw);
    height: min(128px, 9.143vw);
    left: 0;
    top: 0;
}

.present::after {
    background-image: url(../../img/ishihara/q_right.png);
    left: auto;
    right: 0;
}

.present_catch {
    padding-top: 71px;
    position: relative;
}

.present_catch p::before {
    content: "";
    position: absolute;
    background-image: url(../../img/ishihara/q_ill01.png);
    background-size: contain;
    background-repeat: no-repeat;

    width: min(172px, 12.286vw);
    height: min(138px, 9.857vw);
    left: -70px;
    top: 0;
}

.present_catch p,
.quiz_list {
    font-family: kinuta-maruminyoshino-stdn, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4375rem;
    line-height: 1.846;
    margin-bottom: 74px;
    position: relative;
}

.present_catch p:first-child {
    position: relative;
    display: inline-block;
    font-size: 1.6875rem;
    line-height: 1.6;
    margin-bottom: 26px;
}

.present_catch p:first-child::before {
    position: absolute;
    left: -13px;
    top: 0;
    content: "";
    width: 2px;
    height: 46px;
    background: #00561f;
    transform: rotate(-30deg);
}

.present_catch p:first-child::after {
    position: absolute;
    content: "";
    right: -13px;
    top: 0;
    width: 2px;
    height: 46px;
    background: #00561f;
    transform: rotate(30deg);
}

.present_catch h2,
.quiz_list dd.hint {
    font-size: 4.1875rem;
    line-height: 1.029;
    color: #535353;
    margin-bottom: 59px;
}

.quiz_list dt {
    margin-bottom: 25px;
}

.quiz_list dd:first-of-type {
    margin-bottom: 18px;
}

.quiz_list img {
    margin: auto;
}

.quiz_list dd.hint {
    font-weight: bold;
}

.quiz_list:last-child {
    margin-bottom: 72px;
}

a.button {
    display: inline-block;
    text-align: center;
    background-color: #ffaf50;
    color: #FFF;
    font-size: 23.23px;
    line-height: 1.846;
    border-radius: 50px;
    padding: 24px 36px;
    border: 2px solid #ffaf50;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}

a.button:hover {
    background: #fff;
    color: #ffaf50;
}

/* フローラ商品プレゼントクイズ */
@media screen and (max-width: 1400px) {
    .theme_main_only #main {
        width: 100%;
    }



    .gaex>img,
    .otsuka>img {
        max-width: 50%;
        height: auto;
    }

    .gaex,
    .otsuka {
        width: 98%;
        margin-right: 0;
        margin-left: auto;
    }

    .otsuka {
        margin-right: auto;
        margin-left: 0;
    }

}


@media screen and (max-width: 1051px) {
    .pc {
        display: none !important;
    }
}


@media screen and (max-width: 768px) {

    /* SP */
    .mv__sp,
    .spImg,
    .sp {
        display: block;
    }


    .mv>img,
    .pcImg,
    .pc,
    .howto h2::after,
    .gaex::after,
    .otsuka::before,
    .otsuka::after,
    .about_ishihara .wrap::after,
    .qa_catch::after,
    .question:last-of-type::after,
    .answer:last-child::after,
    .answer::after,
    .present_catch p::before,
    .question:nth-of-type(2)::after {
        display: none;
    }

    .present_catch p:first-child::before {
        display: block;
    }

    article p {
        font-size: 1.125rem;
        line-height: 1.5;
    }

    .answer:last-child p {
        margin-bottom: 0;
    }

    .answer h3 {
        margin-bottom: 35px;
    }

    .answer::before {
        width: 20.541vw;
        height: 56.757vw;
    }


    .howto,
    .gaex .content,
    .point,
    .otsuka .content,
    .prof_bottom {
        max-width: 86.486vw;
        width: 85%;
        margin: auto auto 10.541vw auto;
        padding-left: 0;
    }

    .howto h2 {
        padding-top: 30.405vw;
        padding-left: 35.946vw;
    }

    .howto::before {
        width: 35.946vw;
        height: 47.973vw;
    }

    .howto p {
        font-size: 1.25rem;
        line-height: 1.6;
    }

    .gaex .content h2 img {
        max-width: 434px;
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .otsuka .content h2 img {
        max-width: 389px;
        width: 100%;
        height: auto;
        margin-left: 0;
    }




    .about_ishihara {
        padding-top: 0;
        padding-bottom: 75px;
        margin-bottom: 33px;
        background-image: url(../../img/ishihara/bg_bottom_sp.png), url(../../img/ishihara/bg_middle_sp.png), url(../../img/ishihara/bg_top_sp.png);
        background-color: #f7f5d7;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom, center, top;
    }



    .about_ishihara h2 {
        margin-bottom: 4.054vw;
    }

    .howto div {
        margin-left: 0;
    }

    .howto::before {
        top: 8.243vw;
    }

    .sns_icon {
        margin-bottom: 41px;
    }

    .gaex,
    .prof_top {
        flex-direction: column;
    }

    .otsuka {
        flex-direction: column-reverse;
        margin-bottom: 28px;
        padding-top: 0;
    }

    .gaex .content {
        margin-bottom: 38px;
    }

    .gaex img,
    .otsuka img,
    .prof .right_contents,
    .answer,
    .qa_catch,
    .question,
    .present_catch p,
    .quiz_list {
        max-width: 86.486vw;
        width: 90%;
        margin: auto;
    }

    .prof {
        margin-bottom: 71px;
    }

    .prof_bottom li {
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .qa_catch::before {
        left: -2.973vw;
        top: -3.649vw;
        width: 42.973vw;
        height: 47.703vw;
    }

    .qa_catch h2 {
        margin-bottom: 35px;
    }

    .qa_catch p {
        margin-bottom: 61px;
        line-height: 2;
    }

    .question dt {
        font-size: 1.875rem;
        line-height: 1.412;
        margin-top: 28px;
    }

    .gaex {
        margin-bottom: 28px;
    }

    .about_ishihara h2 img {
        width: auto;
        margin: auto;
    }

    .point_txt {
        padding-left: 0;
        padding-bottom: 12.432vw;
    }

    .point {
        padding: 0 5.676vw;
        margin-bottom: 60px;
        background-image: url(../../img/ishihara/point01_bg_top_sp.png), url(../../img/ishihara/point_bg_bottom_sp.png), url(../../img/ishihara/point_bg_middle_sp.png);
    }

    .point:last-child {
        background-image: url(../../img/ishihara/point02_bg_top_sp.png), url(../../img/ishihara/point02_bg_bottom_sp.png), url(../../img/ishihara/point_bg_middle_sp.png);
        margin: auto auto 0 auto;
    }



    .otsuka .content {
        margin-bottom: 42px;
    }

    .point h2 {
        padding-top: 54.324vw;
    }

    .point::before {
        background-image: url(../../img/ishihara/point_sp.png);
        left: 11.216vw;
        right: auto;
        margin: auto;
        width: 49.595vw;
        height: 39.865vw;
        bottom: auto;
        top: 8.378vw;
    }

    .prof .right_contents>p:first-of-type,
    .prof .right_contents h2,
    .question dt {
        text-align: center;
    }

    .prof_bottom {
        margin-bottom: 71px;
    }

    .prof .right_contents>p:first-of-type {
        font-size: 1.875rem;
        line-height: 1.412;
    }

    .prof .right_contents .prof_txt p {
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .prof .right_contents h2 {
        margin-bottom: 28px;
        font-size: 3.125rem;
    }

    .prof .left_contents {
        margin: auto;
    }

    .present_catch h2,
    .quiz_list dd.hint {
        font-size: 9.054vw;
    }

    .present_catch p,
    .quiz_list {
        font-size: 1.0625em;
        width: 100%;
        max-width: 100%;
    }

    .present_catch p {
        margin-bottom: 72px;
    }

    .qa {
        background-image: url(../../img/ishihara/qa_bg_top_sp.png), url(../../img/ishihara/pattern.png);
        background-size: 100% 139.73vw, 8.649vw 8.649vw;
    }





    .prof_bottom li,
    .qa_catch,
    .question {
        padding-left: 0;
    }

    .qa_catch h2 {
        padding-left: 28.784vw;
    }

    .question {
        padding-top: 27.027vw;
        margin-bottom: 7.432vw;
        text-align: center;
    }

    .question dt img {
        margin: auto;
        width: 5.8125rem;
        height: 2.75rem;

    }

    .question::before {
        top: 0;
        right: 0;
        margin: auto;
        width: 27.027vw;
        height: 27.027vw;
    }

    .answer {
        padding-right: 0;
    }

    .question dd {
        font-size: 1.125rem;
    }

    .answer p {
        padding-right: 23.919vw;
        margin-bottom: 15.541vw;
        min-height: 56.757vw;
    }

    .answer p::before {
        content: "";
        position: absolute;
        background-image: url(../../img/ishihara/answer.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 20.541vw;
        height: 56.757vw;
        right: 0;
    }

    .answer::before {
        display: none;
    }

    .present_catch {
        padding-top: 127px;
    }

    .present::before,
    .present::after {
        width: 36.351vw;
        height: 17.297vw;
    }

    .theme_main_only #main {
        width: 100%;
    }


    .present .wrap::before,
    .present .wrap::after {
        width: 20.676vw;
        height: 16.081vw;
        bottom: 0;
    }

    .present .wrap {
        padding-bottom: 100px;
    }

    a.button {
        font-size: 1.25rem;
    }

    .quiz_list img {
        width: 80%;
    }





}