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


/* ========　ヘッダー　======== */

header {
    height: auto;
    width: 100%;
    min-width: 100%;
    background-color: #f1c115;
}
#header {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 14px;
}
#header-sub {
    height: auto;
}

#header_top {
    display: none;
}
#header_top_smart {
    display: block;
}

#header-sub
    #header_top_smart_1 {
        height: auto;
        margin: 0 auto;
        text-align: center;
        padding: 16px 10px 0 10px;
    }

#header-sub
    #header_top_smart_1 .tel {
        width: 100%;
        padding: 0 0 16px 0;
    }
#header-sub
    #header_top_smart_1 .tel img {
        width: 70%;
        max-width: 564px;
    }

#header-sub
    #header_top_smart_1 .reserve {
        float: left;
        width: 48%;
        text-align: right;
    }
#header-sub
    #header_top_smart_1 .reserve img {
        width: 100%;
        max-width: 139px;
    }
#header-sub
    #header_top_smart_1 .facebook {
        float: right;
        width: 48%;
        text-align: left;
    }
#header-sub
    #header_top_smart_1 .facebook img {
        width: 100%;
        max-width: 139px;
    }
#header-sub
    #header_top_smart_2 {
        float: none;
        margin: 50px auto 0 auto;
        padding: 5px 0 20px 0;
        text-align: center;
    }

#header
    #header_top_smart_1 {
        float: left;
        margin: 0 auto;
        padding-bottom: 20px;
        height: 50px;
        width: 100%;
    }
#header
    #header_top_smart_1 .reserve {
        padding: 0 0 0 6px;
        float: right;
        width: 30%;
        max-width: 100px;
    }
#header
    #header_top_smart_1 .reserve img {
        width: 100%;
        max-width: 100px;
    }
#header
    #header_top_smart_1 .facebook {
        float: right;
        width: 30%;
        max-width: 100px;
    }
#header
    #header_top_smart_1 .facebook img {
        width: 100%;
        max-width: 100px;
    }
#header
    #header_top_smart_1 .tel {
        padding: 10px 0 0 10px;
        width: 30%;
    }
#header
    #header_top_smart_1 .tel img {
        width: 100%;
        max-width: 333px;
    }
#header
    #header_top_smart_2 {
        float: none;
        margin: 0 auto;
        text-align: center;
    }


/* ======== ヘッダー画像 ======== */

#header_img {
    background-color: #f1c115;
    position: static;
}
#header_img
    #header_text {
        display: none;
    }
#header_img
    #header_text_smart {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
#header_img
    #header_text_smart img {
        width: 90%;
        max-width: 650px;
    }

#header_img-sub {
    background-color: #40210f;
    line-height: 0;
}
#header_img-sub
    #header_text {
        display: none;
    }
#header_img-sub
    #header_text_smart {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 30px 0 30px 0;
    }
#header_img-sub
    #header_text_smart img {
        width: 100%;
    }
#header_img-sub
    .header_back_menu img {
        max-width: 138px;
    }
#header_img-sub
    .header_back_faq img {
        max-width: 124px;
    }
#header_img-sub
    .header_back_practitioner img {
        max-width: 325px;
    }

#header_campaign {
    padding: 16px 0 16px 0;
    margin: 0 auto;
    text-align: center;
    position: static;
}
#header_campaign img {
    width: 80%;
    max-width: 346px;
}


/* ======== メニュー ======== */

#menu {
    min-width: 100%;
    height: auto;
    border-bottom: 6px solid #40210f;
}
#menu-sub {
    width: 100%;
    height: auto;
    border-bottom: 0px solid #40210f;
}
#menu_area {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#menu_area #menu_link {
    display: none;
}
#menu_area #menu_link_smart {
    display: block;
    width:100%;
    background-color: #684430;
}
#menu_area #menu_link_smart dt{
    width:auto;
    height:50px;
    line-height:50px;
    padding: 0 0 0 5%;
    text-align: left;
    border:#666 1px solid;
    cursor:pointer;
    color: #fff;
}
#menu_area #menu_link_smart dd {
    width:auto;
    height:50px;
    line-height:50px;
    padding: 0 0 0 13%;
    text-align: left;
    border:#666 1px solid;
    display:none;
    color: #fff;
}
#menu_area #menu_link_smart dd a {
    height:50px;
}


/* ========　バナーリンク　======== */
#banner_link {
    width: 100%;
    background: #fff5e1;
}
#banner_link_area {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}
#banner_link_area ul {
    padding: 0px;
}
#banner_link_left,
#banner_link_right {
    float: none;
}
#banner_link_area img {
    width: 300px;
}


/* ========　フッター　======== */
footer {
    min-width: 100%;
    height: auto;
    width: 100%;
    padding-bottom: 40px;
}
#footer {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px; 
}
.footer-area {
    height: 100%;
    padding-bottom: 30px;
}
.footer-left {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.footer-left img {
    width: 100%;
    max-width: 300px;
}
.footer-center {
    float: none;
    width: 100%;
    padding-left: 0px;
    text-align: center;
    margin-bottom: 20px;
}
.footer-center iframe {
    width: 100%;
    max-width: 300px;
}
.footer-right {
    float: none;
    margin: 0 auto;
    padding-left: 20px;
    width: 90%;
    max-width: 300px;
}
#footer_con {
    width: 100%;
}


/* ======================= */
/* ========　HOME　======== */
/* ======================= */

/* -- HOME コンセプト -- */
#concept {
    min-width: 100%;
    background-color: #fff;
}
#concept_area {
    margin: 0 auto;
    background-color: #f1c115;
    border-bottom: 6px solid #40210f;
}
#concept_word {
    display: none;
}
#concept_word_smart {
    display: block;
    text-align: center;
    padding: 20px 0 36px 0;
}
#concept_word_smart img {
    width: 90%;
    max-width: 565px;
}

#concept_link {
}
#concept_index_head {
    text-align: center;
    margin: 0 auto;
    padding: 18px 0 12px 0;
}
#concept_index_head img {
    width: 80%;
    max-width: 483px;
}
#concept_link ul {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 10px;
}
#concept_link li {
    float: none;
    width: 100%;
    min-width: 100%;
    padding-right: 0px;
    text-align: center;
    padding-bottom: 20px;
}
#concept_link li:first-child {
    padding-left: 0px;
}
#concept_link li:last-child {
    padding-right: 0px;
}
#concept_text1 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
#concept_text2 {
    float: none;
    font-size: small;
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #40210f;
    padding: 0 0 20px 0;
}

/* -- HOME 新着情報 -- */
#topix {
    height: auto;
    width: 100%;
    min-width: 100%;
    background-image: none;
}
#topix
    #topix_area {
        padding-top: 25px;
        width: 100%;
        margin: 0 auto;
    }

#topix_left,
#topix_right {
    float: none;
}
#topix_left {
    padding-top: 12px;
    margin: 0 auto;
}
#topix_left #facebook_pc{
    display: none;
}
#topix_left #facebook_smart{
    display: block;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    max-width: 300px;
}
#topix_left #facebook_smart iframe {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
#topix_right {
    padding-left: 0px;
    text-align: center;
}
#topix_right li {
    width: 100%;
    max-width: 300px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
#topix_right li:first-child {
    padding-top: 0px;
}
#topix_right img {
    width: 100%;
    max-width: 300px;
}

#topix-sub {
    height: auto;
    min-width: 100%;
    background-color: #f2f2f2;
}
#topix-sub
    #topix_area {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0 10px 0;
    }
#topix-sub
    #topix_link {
    }
#topix-sub
    #topix_link li {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
        padding: 0 0 20px 0;
    }
#topix-sub
    #topix_link li img {
        width: 100%;
        height: auto;
        max-width: 300px;
    }


/* =========================== */
/* ========　料金コース　======== */
/* =========================== */
#course_area {
    width: 95%;
    margin: 0 auto;
}
#course_area img {
    width: auto;
    max-width: 100%;
}
.course_text {
}
.course_text img {
}

.course_supplement {
}


/* =========================== */
/* ========　よくある質問　======== */
/* =========================== */
#faq_area {
    min-width: 100%;
}
#faq_area ul {
    width: 95%;
}


/* =========================== */
/* ========　お客様の声　======== */
/* =========================== */
#practitioner {
}
.practitioner_area {
    width: 75%;  /* add */
    /*width: 446px;*/
}



}