@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

@media only screen and (max-width: 667px) {
    #container {
        overflow: hidden;
    }

    .hanakoromo_container img {
        max-width: 100% !important;
    }

    .cmn_content {
        width: 88%;
        padding: 5px 0;
    }

    .pc_only {
        display: none;
    }

    .sp_only {
        display: block;
    }

    .hanakoromo_container p {
        font-size: 12px;
        line-height: 1.7;
    }

    .hanakoromo_container .fs_one {
        font-size: 12px;
    }

    .hanakoromo_container .fs_two {
        font-size: 10px;
        text-align: left;
    }







    div#fv_main_txt_wrap {
        width: 220px;
        height: 220px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        margin: 0 0 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .fv_main_txt {
        font-size: 13px;
        margin-bottom: 20px;
    }

    h1#fv_main_h1 {
        font-size: 25px;
        line-height: 33px;
        font-weight: 300;
    }

    img.fv_main_img {
        display: none;
    }











    /*============================
mv
============================*/
    .hanakoromo_mv_bg {
        background: none;
    }

    .hanakoromo_mv_header {
        padding: 0;
        background: none;
    }

    .hanakoromo_mv_header_logo {
        padding: 0;
        align-items: flex-end;
    }

    .hanakoromo_mv_header_logo_a {
        margin-right: 20px;

    }


    .hanakoromo_mv_header_merry {
        width: 40.6%;
        max-width: 128px;
    }

    .hanakoromo_mv_header_duskin img:nth-child(1) {
        height: 35px;
    }

    .hanakoromo_mv_header_duskin img:nth-child(2) {
        height: 35px;
        padding-right: 0;
    }



    .hanakoromo_mv_header_nav {
        width: 90%;
        height: 100%;
        max-height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        will-change: transform;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        color: #424242;
        overflow: visible;
        overflow-y: auto;
        z-index: 30003;
        margin: 0;
        background: #fff;
        -webkit-overflow-scrolling: touch;
    }

    .hanakoromo_mv_header_nav.is_visible {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0);
        position: fixed;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
        z-index: 998;
        visibility: hidden;
        -webkit-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        overflow-y: hidden;
    }

    .hanakoromo_container.is_visible ~ .mdl-layout__obfuscator {
        //background-color: rgba(255, 255, 255, .5);
        visibility: visible;
        height: 100%;
        z-index: 30002;
    }

    .hanakoromo_mv_header_nav ul {
        flex-wrap: wrap;
        background: #FDF5F5;
    }

    .hanakoromo_mv_header_nav ul li {
        width: 100%;
    }

    .hanakoromo_mv_header_nav ul li:not(:last-of-type) {
        margin: 0;
    }

    .hanakoromo_mv_header_nav ul li:not(:first-of-type) {
        border-top: dotted 1px #707070;
    }

    .hanakoromo_mv_header_nav ul li a {
        display: block;
        padding: 30px 35px;
    }

    .hanakoromo_mv_header_nav ul li img {
        max-width: 208px;
    }

    .hanakoromo_mv_header_nav_close {
        padding: 20px 35px 15px;
    }

    .hanakoromo_mv_header_nav_close > div {
        width: 32px;
        margin: 0 0 0 auto;
        cursor: pointer;
    }

    .hanakoromo_mv_header_add {
        z-index: 15;
        width: 100%;
        padding: 8px 0;
        top: 40px;
        //margin-top:20px;
    }

    .hanakoromo_mv_header_add_inner {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 88%;
        min-height: 40px;
        margin: 0 auto;
    }

    .hanakoromo_mv_header_add_img {
        width: 48.8%;
        max-width: 161px;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hanakoromo_mv_header_add_menu {
        position: absolute;
        width: 44px;
        height: 44px;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        cursor: pointer;
    }

    .hanakoromo_mv_header_add_menu div {
        padding-top: 100%;
    }

    .hanakoromo_mv_img_content {
        padding: 18px 0 450px;
    }

    .hanakoromo_mv_img {
        background: url(../images/sp/mv_img_1_sp.png) no-repeat left top;
        background-size: cover;
        padding: 0;
        margin-top: 55px;
    }

    .hanakoromo_mv_img_head {
        position: relative;
        z-index: 3;
        width: 205px;
        margin: 0 0 0 auto;
    }

    .hanakoromo_mv_img_cloud {
        width: 118px;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_cloud:nth-of-type(1) {
        top: auto;
        right: auto;
        left: 0;
        bottom: 33%;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_cloud:nth-of-type(2) {
        bottom: auto;
        top: 29%;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_cloud:nth-of-type(3) {
        right: 0;
        bottom: 4%;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_flower:nth-of-type(4) {
        top: 5%;
        left: 32%;
        width: 25px;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_flower:nth-of-type(5) {
        top: auto;
        right: auto;
        bottom: 44%;
        left: 42%;
        width: 25px;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_flower:nth-of-type(6) {
        right: 0;
        bottom: 35%;
        width: 20px;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_flower:nth-of-type(8) {
        left: 6%;
        bottom: 23%;
        width: 25px;
    }

    .hanakoromo_mv_img_content .hanakoromo_mv_img_flower:nth-of-type(9) {
        left: 45%;
        bottom: 3%;
        width: 25px;
    }

    .hanakoromo_mv_bottom_inner {
        width: 100%;
    }

    .hanakoromo_mv_bottom_inner > p {
        width: 47.2%;
    }

    .hanakoromo_mv_header_nav_fixed {
        display: none !important;
    }

    .hanakoromo_mv_header_duskin {
        height: auto;
        max-width: 180px;
        display: flex;
    }

    /*============================
campaign
============================*/

    /*============================
review
============================*/



    .hanakoromo_review_wrap {
        display: block;
    }

    .hanakoromo_review {
        padding: 25px 0 42px;
    }

    .hanakoromo_review_box {
        width: 100%;
    }

    .hanakoromo_review_head {
        margin: 0 0 20px;
        font-size: 19px;
        letter-spacing: 0.1em;
        font-weight: normal;
    }

    .hanakoromo_review_voice {
        display: flex;
        justify-content: space-evenly;
    }

    .hanakoromo_review_voice img {
        width: 50%;
    }

    .hanakoromo_review_box_head {
        padding: 12px;
        font-size: 22px;
    }


    /*============================
pointone
============================*/
    .hanakoromo_pointone {
        padding: 32px 0 560px;
    }

    .hanakoromo_pointone_wraphead {
        width: 80.8%;
        top: -4%;
    }

    .hanakoromo_pointone_no {
        width: 74px;
        margin: 0 auto 30px;
    }

    .hanakoromo_pointone_detail {
        padding: 1200px 0 0;
        max-width: 330px;
        margin: 0 auto;
    }



    .cmn_content .hanakoromo_pointtwo_no img {
        margin-top: -60px;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(2) {
        width: 38px;
        height: 38px;
        top: 4%;
        right: auto;
        left: 0;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(3) {
        width: 38px;
        height: 38px;
        top: 18%;
        left: auto;
        right: 5%;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(4) {
        width: 25px;
        height: 25px;
        top: 33%;
        left: 0;
        right: auto;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(5) {
        width: 38px;
        height: 38px;
        top: 53%;
        right: 0;
        left: auto;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(6) {
        width: 25px;
        height: 25px;
        top: 68%;
        left: 10%;
        right: auto;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(7) {
        width: 38px;
        height: 38px;
        top: 75%;
        left: 0;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(8) {
        width: 25px;
        height: 25px;
        top: auto;
        bottom: 14%;
        right: 15%;
        left: auto;
        display: block;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(9) {
        width: 38px;
        height: 38px;
        top: auto;
        bottom: 7%;
        left: auto;
        right: 10%;
        display: block;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(10) {
        width: 38px;
        height: 38px;
        top: auto;
        bottom: -1%;
        right: auto;
        left: 5%;
        display: block;
    }

    .hanakoromo_pointone .cmn_content .hanakoromo_pointone_bubble:nth-of-type(11) {
        width: 25px;
        height: 25px;
        top: auto;
        bottom: -25%;
        left: 20%;
        right: auto;
        display: block;
    }

    .hanakoromo_pointone_circle {
        width: 220px;
        height: 220px;
        padding: 30px;
        justify-content: center;
    }

    .hanakoromo_pointone_circle img {
        width: 30px;
        margin: 0 auto;
    }

    .hanakoromo_pointone_circle.circle_06 {
        width: 280px;
        height: 280px;
        cursor: initial;
    }

    .hanakoromo_pointone_subhead {
        margin: 0 0 13px;
        font-size: 20px;
        line-height: 1.8em;
        font-weight: normal;
    }

    .hanakoromo_pointone_cirimg,
    .hanakoromo_pointone_cirlink {
        width: 140px;
        height: 140px;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(1) {
        top: 3%
            /* top: 9.5vw; */
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(2) {
        left: 0;
        top: 40%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(3) {
        top: 21.5%;
        /* top: 69vw; */
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(4) {
        left: auto;
        right: 0;
        top: 58.5%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(5) {
        right: auto;
        left: 0;
        top: 77%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(6) {
        right: 0;
        left: auto;
        top: 95.5%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_img:nth-of-type(7) {
        right: 0;
        top: 114%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_cirlink:nth-of-type(8) {
        top: 100%;
    }

    .hanakoromo_pointone_cirlink {
        width: 164px;
        height: 164px;
        top: 1385px;
        left: 0;
    }

    .hanakoromo_pointone .hanakoromo_pointone_subhead {
        margin: 0;
        font-size: 20px;
        line-height: 1.4em
    }

    .hanakoromo_pointone .hanakoromo_pointone_subhead span img {
        padding: 4px 0 0 10px;
    }


    .hanakoromo_container p.hanakoromo_pointone_txt,
    .hanakoromo_pointone_txt span,
    .hanakoromo_pointone_cirlink a {
        font-size: 13px;
    }

    .hanakoromo_pointone_cirlink a {
        padding: 0 0 0 14px;
    }

    .hanakoromo_pointone_img {
        bottom: 0;
        right: 0;
        width: 60%;
        z-index: 10;
    }

    .hanakoromo_pointone_img img {
        width: 280px;
    }


    .modalArea {
        display: none;
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .modalWrapper {
        background: #fff;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 92%;
        padding: 0;
        transform: translate(-50%, -50%);
    }

    .closeModal {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        font-size: 40px;
    }

    .hanakoromo_pointone_modalArea {
        padding: 58px 41px;
        z-index: 99;
        display: none;
    }

    .modalContents.hanakoromo_pointone_modalContents {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .hanakoromo_pointone_modalContents_left {
        padding: 27px 20px;
        width: 100%;
    }

    p.hanakoromo_pointone_modal_txt_large {
        font-size: 24px !important;
        color: #D76E61;
        margin-bottom: 15px;
    }

    p.hanakoromo_pointone_modal_txt {
        font-size: 14px !important;
        text-align: justify;
    }

    .hanakoromo_pointone_modalContents_right {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 20px;
    }

    .hanakoromo_pointone_modalContents_right_block {
        width: 100%;
    }

    .hanakoromo_pointone_modalContents_right_block p {
        background: #E18088;
        color: #fff;
        font-size: 12px;
    }

    .hanakoromo_pointone_modalContents_right img {
        width: 100%;
    }

    .modalContents.hanakoromo_pointone_modalContents02 {
        display: flex;
        flex-direction: column;
    }

    .hanakoromo_pointone_modalContents_left02 {
        margin-bottom: 0px;
        text-align: center;
        padding: 40px 20px 0;
    }

    .hanakoromo_pointone_modalContents_left img {
        width: 100%;
    }

    .hanakoromo_pointone_modalContents_right02 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 10px;
        gap: 10px;
    }

    .hanakoromo_pointone_modalContents_right02_block {
        width: 100%;
        padding: 0px;
    }

    .hanakoromo_pointone_modalContents_right02_block p {
        background: #E18088;
        color: #fff;
        padding: 5px 0 !important;
        position: initial;
    }

    .hanakoromo_pointone_modalContents_right02_block:nth-child(1) p {
        padding: 0;
    }

    .hanakoromo_pointone_modalContents_right02_block:nth-child(3) p {
        padding: 0;
    }

    .hanakoromo_pointone_modalContents_right02_block img {
        width: 100%;
    }

    /*============================
movie
============================*/
    .hanakoromo_movie {
        padding: 30px 0 44px;
    }

    .hanakoromo_movie::before {
        top: -20px;
        height: 20px;
        background-image: url(../images/sp/movie_bg_1_sp.png);
        z-index: 12;
    }

    .hanakoromo_movie_head {
        margin: 0 0 20px;
        display: flex;
        justify-content: center;
    }

    img.movie_ico {
        width: 89px;
        height: 66px !important;
    }

    .movie_txt.sp_only {}

    .hanakoromo_movie_voice_box_wrap {
        position: relative;
        z-index: 3;
        background: #FFFFE0;
        padding: 0 30px;
        border-radius: 30px;
        border: solid 1px #E18088;
    }

    .hanakoromo_movie_voice_box {
        background: none;
        width: 100%;
        border: none;
        border-radius: 0;
        padding: 34px 0;
        margin: 0;
    }

    .hanakoromo_movie_voice .hanakoromo_movie_voice_box:nth-of-type(2) {
        width: 100%;
        margin: 0;
        border-top: dotted 2px #707070;
    }

    .hanakoromo_movie_voice_head {
        width: 72.7%;
        left: 0;
        right: 0;
        top: -25vw;
        bottom: auto;
        margin: auto;
    }

    .hanakoromo_movie_embed {
        margin: 0 0 110px;
    }

    .hanakoromo_container p.hanakoromo_movie_voice_txt {
        margin: 0 0 10px;
    }

    /*============================
pointtwo
============================*/
    .hanakoromo_pointtwo {
        padding: 80px 0 90px;
    }

    .hanakoromo_pointtwo::before {
        width: 67.4%;
        padding-top: 22%;
        height: 0;
        top: -3.0%;
    }

    .hanakoromo_pointtwo_head {
        width: 78.8%;
        margin: 0 auto 27px;
    }

    .hanakoromo_pointtwo_head + p {
        font-size: 14px;
        text-align: left;
        line-height: 17px;
        max-width: 327px;
        margin: 0 auto 40px;
    }

    .hanakoromo_pointtwo_no {
        width: 74px;
        top: -2.5%;
    }

    .hanakoromo_pointtwo_flow {
        flex-wrap: wrap;
    }

    .hanakoromo_pointtwo_flow_child,
    .hanakoromo_pointtwo_flow_pic {
        width: 100%;
    }

    .hanakoromo_pointtwo_flow_ribbon {
        width: 84px;
    }

    .hanakoromo_pointtwo_flow_arrow {
        justify-content: center;
        margin: 14px 0;
        width: 100%;
        height: 32%;
        font-size: 16px;
    }

    .hanakoromo_pointtwo_flow_arrow div {
        border-width: 28px 22px 0 22px;
        border-color: #e07f87 transparent transparent transparent;
    }

    .hanakoromo_pointtwo_detail {
        //margin: 0 0 15px;
        //padding: 30px;
        border: solid;
        padding: 48px 34px 34px;
        border-image: url(/merrymaids/hanakoromo/images/hanakoromo_pointtwo_detail_bg.png?11) 8% / 80px 80px repeat;
        box-sizing: border-box;
        margin-bottom: 32px;
        position: relative;
    }





    .hanakoromo_pointtwo_detail_inner {
        padding: 0;
    }

    .hanakoromo_pointtwo_detail_contents {
        display: block;
        margin-bottom: 20px;
    }

    .hanakoromo_pointtwo_detail_left {
        width: 100%;
        margin-bottom: 20px;
    }

    .hanakoromo_pointtwo_detail_right {
        width: 100%;
    }

    .hanakoromo_pointtwo_detail_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        list-style: none;
        padding: 0;
        gap: 5px;
    }

    .hanakoromo_container .hanakoromo_pointtwo_detail_list li p {
        font-size: 13px;
        padding: 5px;
    }

    .hanakoromo_pointtwo_detail_list li {
        width: 32%;
        border-radius: 5px;
    }

    .hanakoromo_pointtwo_detail_list li:nth-of-type(5) {
        flex-grow: 1;
    }

    .hanakoromo_pointtwo_detail_list_inner {
        padding: 5px;
    }

    .hanakoromo_container .hanakoromo_pointtwo_detail_list li p {
        font-size: 13px;
    }

    .hanakoromo_container p.hanakoromo_pointtwo_detail_txt {
        margin: 0 0 20px;
        font-size: 18px;
        text-align: center;
    }

    p.hanakoromo_pointtwo_detail_txt_1 {
        margin-bottom: 20px;
    }


    .hanakoromo_pointtwo_voice {
        width: 100%;
        flex-wrap: wrap;
        margin: 0;
    }

    .hanakoromo_pointtwo_voice_head {
        width: 74%;
        margin: 0 auto;
    }

    .hanakoromo_pointtwo_voice_box {
        width: 100%;
        background-image: none;
        background-color: #fff;
        border: solid 1px #E18088;
        border-radius: 30px;
        padding: 26px 29px;
    }

    .hanakoromo_container p.hanakoromo_pointtwo_detail_note {
        width: 100%;
        font-size: 14px;
    }

    .hanakoromo_container p.hanakoromo_pointtwo_voice_txt {
        margin: 0 0 10px;
    }

    .hanakoromo_pointtwo_flow_ballon {
        left: 13.3%;
        top: 35%;
        width: 32%;
    }

    .hanakoromo_pointtwo_flow_pic {
        padding: 0 2%;
    }

    .hanakoromo_pointtwo_detail_dec {
        display: block;
    }

    .hanakoromo_pointtwo_detail_dec div img {
        margin-bottom: 10px
    }

    .hanakoromo_pointtwo_detail_dec div p {
        margin-bottom: 20px;
    }

    .hanakoromo_pointtwo_detail_dec div {
        width: 100%;
    }



    /*============================
pointthree
============================*/
    .hanakoromo_pointthree {
        padding: 90px 0 30px;
    }

    .hanakoromo_pointthree::before {
        width: 67.4%;
        padding-top: 20%;
        height: 0;
        top: -6%;
    }

    img.hanakoromo_pointthree_img {
        position: initial;
        width: 180px;
        margin: 20px auto;
    }

    .hanakoromo_pointthree_no {
        width: 74px;
        top: -17%;
    }

    .hanakoromo_pointthree_head {
        width: 161px;
        margin: 0 auto 20px;
    }




    .hanakoromo_pointthree_box {
        display: block;
    }

    .hanakoromo_pointthree_box_txt {
        width: 100%;
        margin: 0 0 13px;
        font-size: 22px;
        color: #595757;
    }

    .hanakoromo_pointthree_box .hanakoromo_pointthree_box_img:nth-of-type(1) {
        display: none;
    }

    .hanakoromo_pointthree_box .hanakoromo_pointthree_box_img:nth-of-type(2) {
        order: 3;
        width: 78px;
    }

    .hanakoromo_pointthree_box_cont {
        order: 4;
        max-width: 243px;
        margin: 15px auto 0;
    }

    .hanakoromo_pointthree_voice {
        position: relative;
        display: block;
        width: 100%;
    }

    .hanakoromo_pointthree_voice_box {
        position: relative;
        z-index: 2;
        width: 100%;
        background-image: none;
        background-color: #fff;
        border: solid 1px #E18088;
        border-radius: 30px;
        padding: 26px 29px;
    }

    .hanakoromo_pointthree_voice_head {
        position: absolute;
        width: 74%;
        left: 0;
        right: 0;
        top: -27vw;
        bottom: auto;
        margin: auto;
    }

    .hanakoromo_container p.hanakoromo_pointthree_voice_txt {
        margin: 0 0 10px;
    }

    .hanakoromo_pointthree_box_txt span {
        background: linear-gradient(transparent 50%, #FFF8A5 40%);
    }

    /*============================
step
============================*/
    .hanakoromo_step {
        padding: 35px 0;
    }

    .hanakoromo_step_head {
        width: 235px;
        margin: 0 auto 15px;
    }

    /*============================
price
============================*/
    .hanakoromo_price {
        padding: 30px 0;
    }

    .hanakoromo_price_head {
        width: 96px;
        margin: 0 auto 28px;
    }

    .hanakoromo_price_subhead {
        width: 80%;
        margin: 0 auto 22px;
        font-size: 18px;
    }

    .hanakoromo_price_block,
    .hanakoromo_price_regular .hanakoromo_price_block {
        flex-wrap: wrap;
        grid-template-columns: 1fr;
        width: 95%;
        margin: 0 auto 41px;
    }

    .hanakoromo_price_block_child {
        width: 100%;
        position: relative;
    }

    .hanakoromo_price_block .hanakoromo_price_block_child:not(:first-of-type) {
        margin: 20px 0 0;
    }

    .hanakoromo_price_txtbox {
        width: 100%;
        font-size: 15px;
    }

    .hanakoromo_price_block_quantity {
        width: 100%;
        max-width: 238px;
        /* position:relative; */
    }

    .hanakoromo_price_block_quantity_ico {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 88px;
        height: 86px;
    }

    .hanakoromo_price_block_quantity_ico_new {
        position: absolute;
        left: 0;
        top: 0;
        width: 88px;
        height: 86px;
    }

    .hanakoromo_price_block_btn {
        width: 100%;
        max-width: 246px;
    }

    /*============================
point
============================*/
    .hanakoromo_point {
        padding: 37px 0 33px;
    }

    .hanakoromo_point_head {
        font-size: 22px;
    }

    .hanakoromo_point_block {
        flex-wrap: wrap;
    }

    .hanakoromo_point_block_child {
        width: 100%;
    }

    .hanakoromo_point_block .hanakoromo_point_block_child:not(:first-of-type) {
        margin: 30px 0 0;
    }

    .hanakoromo_point_img {
        margin: 0 0 15px;
    }

    /*============================
note
============================*/
    .hanakoromo_note {
        padding: 32px 0 30px;
    }

    .hanakoromo_note_phase_two,
    .hanakoromo_note_phase_three {
        margin: 0 0 20px;
    }

    /*============================
qa
============================*/
    .hanakoromo_qa {
        padding: 30px 0 50px;
    }

    .hanakoromo_qa_head {
        width: 160px;
        margin: 0 auto 13px;
    }

    .hanakoromo_qa_box {
        padding: 28px 24px;
    }

    .hanakoromo_qa .hanakoromo_qa_box:not(:last-of-type) {
        margin: 0 0 20px;
    }

    .hanakoromo_qa .hanakoromo_qa_box:not(:last-of-type).js-active {
        margin: 0 0 40px;
    }

    .hanakoromo_qa_box_child {
        margin: 25px 0 0;
    }

    .hanakoromo_qa_box_head > div {
        display: inline-block;
    }

    .hanakoromo_qa_box_head_arrow {
        right: -10%;
    }

    .hanakoromo_qa .hanakoromo_qa_box:nth-of-type(1) .hanakoromo_qa_box_head img {
        max-width: 139px !important;
    }

    .hanakoromo_qa .hanakoromo_qa_box:nth-of-type(2) .hanakoromo_qa_box_head img {
        max-width: 108px !important;
    }

    .hanakoromo_qa .hanakoromo_qa_box:nth-of-type(3) .hanakoromo_qa_box_head img {
        max-width: 183px !important;
    }

    .hanakoromo_qa .hanakoromo_qa_box:nth-of-type(4) .hanakoromo_qa_box_head img {
        max-width: 107px !important;
    }

    .hanakoromo_qa .hanakoromo_qa_box:nth-of-type(5) .hanakoromo_qa_box_head img {
        max-width: 139px !important;
    }

    .hanakoromo_container .hanakoromo_qa_box_child dt {
        background-size: 19px auto;
        background-position: 15px center;
        padding: 11px 40px;
        font-size: 15px;
    }

    .hanakoromo_container .hanakoromo_qa_box_child dt:not(:first-of-type) {
        margin: 20px 0 0;
    }

    .hanakoromo_qa_box_line {
        width: 18px;
        height: 18px;
        right: 15px;
    }

    .hanakoromo_qa_box_line::before,
    .hanakoromo_qa_box_line::after {
        top: 8px;
        width: 12px;
        height: 12px;
    }

    .hanakoromo_qa_box_line::after {
        top: 2px;
    }

    .hanakoromo_container .hanakoromo_qa_box_child dd {
        padding: 11px 15px 0;
    }

    .hanakoromo_container .hanakoromo_qa_box_child dd p {
        font-size: 13px;
    }

    /*============================
voice
============================*/
    .hanakoromo_voice {
        padding: 23px 0 35px;
    }

    .hanakoromo_voice_block {
        width: 100%;
    }

    .hanakoromo_voice_head {
        width: 95px;
        margin: 0 auto 35px;
    }

    .hanakoromo_voice_box {
        padding: 0;
    }

    .hanakoromo_voice_box_child {}

    .hanakoromo_container p.hanakoromo_voice_box_txt {
        margin: 0 0 10px;
        font-size: 13px !important;
    }

    .hanakoromo_voice_box_img {
        width: 20%;
        right: 6vw;
        top: -25vw;
    }

    .hanakoromo_voice_btn {
        margin: 0 0 24px;
    }

    .hanakoromo_voice_note {
        text-align: left;
    }

    .hanakoromo_border {
        background-image: url(../images/sp/border_bg_1_sp.jpg);
    }



    .swiper-container {
        width: 100%;
        margin-bottom: 50px !important;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next,
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        display: none !important;
    }




    /*============================
cleaning
============================*/
    .hanakoromo_cleaning {
        padding: 30px 0;
    }

    .hanakoromo_cleaning_head {
        width: 277px;
        margin: 0 auto 15px;
    }

    .hanakoromo_cleaning_baloon {
        padding: 28px;
        margin: 0 0 64px;
    }

    .hanakoromo_cleaning_baloon_head {
        margin: 0 0 23px;
    }

    .hanakoromo_cleaning_baloon_list {
        flex-wrap: wrap;
    }

    .hanakoromo_cleaning_baloon_list li {
        width: 32% !important;
    }

    .hanakoromo_cleaning_baloon_list li img {
        max-width: 90px !important;
    }

    .hanakoromo_cleaning_baloon_list li:nth-of-type(2) img {
        max-width: 88px !important;
    }

    .hanakoromo_cleaning_baloon_list li:nth-of-type(3) img {
        max-width: 89px !important;
    }

    .hanakoromo_cleaning_baloon_list li:nth-of-type(4) img {
        max-width: 88px !important;
    }

    .hanakoromo_cleaning_baloon_list li:nth-of-type(5) img {
        max-width: 90px !important;
    }

    .hanakoromo_cleaning_baloon_list li:nth-of-type(6) img {
        max-width: 84px !important;
    }

    .hanakoromo_cleaning_baloon::after {
        border-width: 30px;
        margin-left: -30px;
    }

    .hanakoromo_cleaning_course .hanakoromo_price_subhead {
        margin: 0 auto 22px;
        padding: 10px 20px;
    }

    .hanakoromo_cleaning .hanakoromo_price_block {
        margin: 0 auto 32px;
    }


    /*============================
footer
============================*/
    .hanakoromo_footer_child {
        padding: 0;
    }

    .hanakoromo_container p.hanakoromo_footer_txt {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        background-image: none;
        text-align: center;
    }

    .hanakoromo_footer_tel {
        width: 100%;
        margin: 0;
    }

    .hanakoromo_container p.hanakoromo_footer_day {
        width: 100%;
        margin: 10px 0 0;
        text-align: center;
    }

    /*============================
copy
============================*/
    .hanakoromo_pagetop {
        width: 50px;
        z-index: 10;
        right: 6%;
    }



}

@media only screen and (max-width: 374px) {
    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(2) {
        left: -6%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(3) {
        right: -6%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_circle:nth-of-type(5) {
        left: -6%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_cirimg:nth-of-type(6) {
        left: -6%;
        top: 21%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_cirimg:nth-of-type(7) {
        right: -6%;
        top: 40%;
    }

    .hanakoromo_pointone_detail .hanakoromo_pointone_cirlink:nth-of-type(8) {
        top: 89%;
        right: -6%;
    }

    .hanakoromo_container .hanakoromo_pointtwo_detail_list li p {
        font-size: 10px;
    }



}