@charset "utf-8";

/* Queen's Garden css */
/* TLIC:2022/10/26 */

/* PC Page */

/* base css */
body {
    font-family: 'Noto Sans', 'Lora', 'Zen Old Mincho', serif, Meiryo, メイリオ, sans-serif;
    background-image: url("../img/bg.png");
    max-width: 1500px;
    margin: auto;
    font-size: 18px;
}

h2 {
    margin-bottom: 30px;
}

h3 {
    background-color: #40958A;
    padding: 5px;
    margin-top: 40px;
    margin-bottom: 27px;
}

p {
    margin-bottom: 30px;
    line-height: 2.5;
}

select {
    width: 100%;
    font-family: 'Lora', serif, Meiryo, メイリオ;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #604C35;
}

.br_sp {
    display: none;
}

.br_pc {
    display: block;
}

.tel_sp {
    display: none;
}

.tel_pc {
    display: inline;
}

.space_sp {
    display: none;
}

.zen_old {
    font-family: 'Zen Old Mincho', serif, Meiryo, メイリオ;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #604C35;
}

.zen_old_22 {
    font-family: 'Zen Old Mincho', serif, Meiryo, メイリオ;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #604C35;
}

.noto_sans {
    font-family: 'Noto Sans', Meiryo, メイリオ, sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    color: #604C35;
}

.lola {
    font-family: 'Lora', serif, Meiryo, メイリオ;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 8px;
    color: #40958A;
}

.text_section {
    width: min(80%, 750px);
    margin: 20px auto 120px auto;
}

/* header */

.title_logo {
    margin-left: 6.2%;
    margin-top: 23px;
    margin-bottom: 27px;
}

.title_logo img {
    width: 220px;
    height: 100px;
}

#humberger {
    display: none;
}

#close_btn {
    display: none;
}

.gnav_inner {
    position: relative;
}

.gnav {
    width: 39.8%;
    position: fixed;
    top: 58px;
    left: 53.5%;
    z-index: 10;
}

.gnav_menu {
    list-style: none;
    display: flex;
    margin: auto;
    justify-content: space-between;
    padding-left: 0;
    font-size: 15px;
    letter-spacing: 2px;
}

.gnav_menu > li {
    padding-top: 3px;
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    color: #604C35;
    letter-spacing: 2px;
    font-weight: bold;
}

.gnav_menu > li:first-child {
    margin-left: 0;
}

.gnav_menu > li:last-child {
    text-align: right;
    margin-right: 0;
    padding-top: 0;
    width: 100%;
    color: #604C35;
}

.gnav_menu a {
    text-decoration: none;
    color: #604C35;
}

.insta_icon {
    display: inline;
}

.insta_icon_white {
    display: none;
}

.drop_down_menu {
    width: calc(100% + 140px);
    padding: 16px 0 22px 16px;
    list-style: none;
    background: #A38D73;
    display: none;
    font-size: 14px;
    letter-spacing: 2px;
}

.drop_down_menu a {
    color: #ffffff;
}

.drop_down_school {
    width: calc(100% + 220px);
}

.drop_down_menu li {
    padding: 10px 0;
}

.drop_down_menu li:first-child {
    padding-top: 0;
}

.drop_down_menu li:last-child {
    padding-bottom: 0;
}

.drop_down_menu li a {
    text-decoration: none;
}

.js-reservation-btn {
    position: fixed;
    bottom: 40px;
    left: auto;
    z-index: 10;
    margin-left: 1290px;
}

/* footer */

#footer {
    background-color: #A38D73;
}

.footer {
    display: flex;
    height: 200px;
}

.footer_logo{
    margin-top: 58px;
    margin-left: 6.6%;
}

.footer_inner {
    width: min(100%, 827px);
    margin-left: auto;
}

.footer_menu {
    width: min(100%, 673px);
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-top: 63px;
    margin-right: 16.1%;
    padding: 0;
    letter-spacing: 1px;
}

.footer_menu li a {
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 1px;
    text-decoration: none;
}

.copyright {
    font-size: 11px;
    color: #ffffff;
    letter-spacing: 1px;
    margin-top: 39px;
    margin-right: 12.1%;
    text-align: right;
}

.top_btn {
    position: relative;
    text-align: right;
    top: -30px;
    right: 40px;
    height: 0;
}

/* common page */

#common_page ul {
    color: #40958A;
}

#common_page li {
    margin-bottom: 20px;
}

#common_page span {
    color: #604C35;
}

.common_page_banner {
    display: table;
    width: 100%;
    margin-bottom: 70px;
}

.common_page_label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 450px;
    background-image: url(../img/header_banner.png);
}

.common_page_label h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 10px;
}

.common_page_h2 {
    background-color: #A38D73;
    padding: 8px 10px;
}

.common_page_h3 {
    font-family: 'Noto Sans', Meiryo, メイリオ, sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #ffffff;
    background-color: #A38D73;
    padding: 14px 19px;
}

.common_page_h4 {
    font-family: 'Noto Sans', Meiryo, メイリオ, sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #604C35;
    background-color: unset;
    border-left: 4px solid #40958A;
    padding-left: 19px;
}

.letter {
    text-align: center;
}

.letter img {
    width: min(100%, 650px);
}

/* top page */
/* main visual */

.main_visual_wrap {
    position: relative;
}

.catch_copy_wrap {
    position: relative;
}

.catch_copy {
    position: relative;
    padding-top: 193px;
    margin-bottom: 100px;
    z-index: 2;
}

.bird {
    position: absolute;
    top: 127px;
    left: 7.6vw;
}

.catch_img {
    margin-left: 13.3%;
}

.catch_img p {
    margin-bottom: 17px;
}

.copy_text {
    margin-left: 13.3%;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.catch_copy span {
    font-size: 28px;
    color: #ffffff; 
    background-color: #40958A;
    padding-left: 5px;
}

.slider {
    width: 73.3%;
    overflow: hidden;
    position: absolute !important;
    top: 0;
    right: 0;
    z-index: 1;
  }

.slick-item img {
    width: 100%;
}

.slick-item .pc {
    display: inline;
}

.slick-item .sp {
    display: none;
}

@keyframes zoomUp {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.15);
    }
}

.add-animation {
    animation: zoomUp 10s linear 0s normal both;
}

.tree_image {
    position: relative;
    margin-left: 4.1%;
    z-index: 2;
}

/* ABOUT */

#about {
    margin-top: 90px;
}

.about_wrap {
    margin-top: 100px;
}

.section_head_about {
    text-align: center;
    margin-bottom: 70px;
}

.about_label {
    margin-bottom: 30px;
}

.section_text {
    margin-bottom: 10px;
    line-height: 2;
}

.reception_wrap {
    display: flex;
    margin-bottom: 100px;
}

.about_img {
    width: min(100%, 750px);
}

.reception {
    width: min(35%,390px);
    margin-top: 71px;
    margin-left: 5.3%;
}

.about_QG p {
    line-height: 2.5;
}

.about_QG img {
    display: block;
    margin: 70px auto 0 auto;
}

.support {
    text-align: center;
    margin: auto;
}

.support_label {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    letter-spacing: 3px;
    color: #A38D73;
}

.support_label:before, .support_label:after {
    border-top: 1px solid;
    content: "";
    width: min(20%, 200px);
}

.support_label:before {
    margin-right: 1em;
}

.support_label:after {
    margin-left: 1em;
}

.trouble {
    width: 619px;
    position: relative;
    margin: 50px auto 0 auto;
}

.bottle_flower {
    position: absolute;
    bottom: 0;
    right: -123px;
}

/* MENU */

#menu {
    margin-top: 120px;
}

.menu_wrap {
    width: min(100%, 1100px);
    margin: auto;
}

.section_head_menu {
    text-align: center;
    margin-bottom: 72px;
}

.menu_info_wrap {
    display: flex;
    justify-content: space-between;
}

.menu_item {
    width: 500px;
}

.menu_image {
    width: 100%;
    margin: 0 auto 25px auto;
    text-align: center;
}

.menu_label {
    margin-bottom: 30px;
    text-align: center;
}

.information {
    max-width: 500px;
    margin: 0 auto 40px auto;
    height: 100px;
    line-height: 2.5;
}

.see_menu {
    text-align: center;
    margin-bottom: 60px;
}

.school {
    margin: 60px auto 0 auto;
    border-radius: 20px;
    max-width: 1100px;
    height: 500px;
    background-image: radial-gradient(rgba(100, 59, 4, .4) 0%, rgba(100, 59, 4, .4) 100%), url(../img/aromatherapy-table.png);
}

.leaf {
    text-align: center;
    padding-top: 47px;
}

.school_label {
    text-align: center;
    font-size: 36px;
    letter-spacing: 6px;
    color: #ffffff;
    margin-top: 4.4px;
}

.school_text{
    margin-top: 49px;
}

.school_text p {
    text-align: center;
    color: #ffffff;
    line-height: 2.3;
    margin-bottom: 5px;
}

.see_more {
    margin-top: 40px;
    text-align: center;
}

/* Instagram */

#instagram {
    margin-top: 120px;
}

.instagram_label {
    margin-bottom: 20px;
}

.instagram_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: min(100%, 1100px);
    margin: auto;
}

.instagram_feed {
    display: block;
    width: 240px;
    height: 240px;
    object-fit: cover;
    margin-bottom: 46px;
}

.user_name {
    font-size: 20px;
    letter-spacing: 3px;
    color: #A38D73;
}

.section_head_instagram {
    margin-bottom: 60px;
    text-align: center;
}

.section_head_instagram a {
    text-decoration: none;
}

#read_more {
    text-align: center;
    margin-top: 50px;
}

.fade_in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    margin: auto;
}

/* ACCESS */

#access {
    margin-top: 120px;
}

#access iframe {
    width: 100%;
    height: 500px;
}

.section_head_access {
    margin-bottom: 70px;
    text-align: center;
}

.address {
    margin-top: 47px;
    text-align: center;
}

/* RESERVATION */

#reservation {
    margin-top: 120px;
    background: rgba(255, 255, 255, .4);
    padding-bottom: 91px;
}

.reservation_wrap {
    display: flex;
    width: min(80%,1100px);
    margin-left: 16.5%;
    margin-right: 13.3%;
}

.reservation_title {
    text-align: center;
    width: min(45.4%, 360px);
    margin-right: 5.1%;
}

.reservation_label {
    color: #604C35;
    margin-top: 210px;
    margin-bottom: 20px;
}

.reservation_text {
    font-size: 20px;
    color: #604C35;
    letter-spacing: 2px;
}

.reservation_area {
    width: min(82%, 600px);
    margin: auto;
}

.tel_line {
    margin: 70px auto 0 auto;
    padding-bottom: 30px;
    display: flex;
    border-bottom: 0.8px solid #574230;
}

.tel_line_border {
    margin-left: auto;
    width: min(100%, 332px);
    border-right: 0.8px solid #574230;
}

.tel {
    width: 332px;
    margin: auto;
}

.tel .reservation_text {
    width: 278px;
    margin: 0 auto 17px auto;
}

.tel_no {
    text-align: center;
    width: min(100%, 278px);
    margin: auto;
}

.line_line_border {
    margin-right: auto;
}

.line {
    width: 268px;
    margin: auto;
}

.line .reservation_text {
    width: 201px;
    margin: 0 auto 11px auto;
}

.line_qr {
    display: flex;
    justify-content: space-between;
    width: 201px;
    margin: auto;
}

.line_qr p {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 2.5;
    margin-bottom: 0;
}

.qr_code img {
    width: 70px;
    height: 70px;
}

.lumix {
    display: table;
    width: min(100%, 540px);
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: space-between;
}

.online_mail_text {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: 20px;
}

.reservation_btn {
    text-align: right;
}

.mail {
    display: table;
    width: 540px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: space-between
}

.lumix_mail_wrap {
    border-bottom: 0.8px solid #574230;
}

/* contact form */

.contact_title {
    margin-top: 20px;
    margin-bottom: 30px;
}

#mail {
    margin: 0 auto 100px auto;
    width: 83%;
    max-width: 750px;
    color: #604C35;
}

.mail_form {
    margin-top: 50px;
}

.success {
    font-family: 'Noto Sans', Meiryo, メイリオ, sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #604C35;
}

.required {
    display: inline-block;
    padding: 2px 5px;
    background-color: #eb3b54;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    margin-left: 5px;
}

.validate {
    color: red;
    font-weight: bold;
    margin-bottom: 0;
}

.table_block {
    display: table;
    font-size: 15px;
    letter-spacing: 1px;
    width: 100%;
}

.table_block tbody {
    display: table-row-group;
}

.table_block tr {
    display: table-row;
}

.table_block th {
    display: table-cell;
    text-align: left;
    padding: 5px;
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.table_block td {
    display: table-cell;
    text-align: left;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #ddd;
}

.text_box {
    width: 60%;
}

.table_block textarea {
    min-height: 100px;
    width: 100%;
    vertical-align: top;
}

.send {
    text-align: center;
    margin-top: 20px;
}

.send_btn {
    background-color: #A38D73;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 25px;
    padding: 10px 20px;
    border: none;
}

.send_btn:hover {
    color: #ffffff;
}

/* ABOUT page */

.about_banner {
    display: table;
    width: 100%;
}

.about_banner h2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    height: 450px;
    background-image: url('../img/about_banner.png');
}

.about_image_wrap {
    width: 50%;
    min-width: 700px;
}

.about_image_text {
    margin-top: 120px;
    display: flex;
    width: 100%;
}

.salon_image {
    width: 100%;
}

.faicial_aloma {
    position: relative;
}

.faicial_image {
    position: relative;
    top: 150;
}

.aloma_stone {
    position: absolute;
    top: 60px;
    right: 0;
}

.about_text_area {
    width: 26%;
    min-width: 270px;
    margin-top: 30px;
    margin-left: 80px;
}

#profile {
    margin-top: 210px;
    background: rgba(255, 255, 255, .4);
    padding-bottom: 120px;
}

.profile_wrap {
    padding-top: 120px;
    display: flex;
}

.profile_information {
    text-align: center;
    width: min(36.6%, 550px);
    margin-left: 18.3%;
}

.profile_information h2 {
    margin-bottom: 20px;
}

.owner_name {
    font-size: 28px;
    letter-spacing: 3px;
    margin-bottom: 17px;
}

.plofile_title {
    font-size: 16px;
    color: #A38D73;
    letter-spacing: 3px;
    margin-bottom: 59px;
}

.profile_text {
    text-align: left;
}

.profile_text p {
    line-height: 2.5;
}

.profile_image {
    margin-left: 75px;
    margin-right: auto;
    margin-bottom: 60px;
}

.lisence_wrap {
    width: min(80%, 1100px);
    margin-left: auto;
    margin-right: auto;
    background: rgba(163, 141, 115, .1);
    border-radius: 30px;
    border: 1px solid #CEBDAE;
}

.lisence_title {
    text-align: center;
    padding-top: 60px;
    margin-bottom: 50px;
}

.lisence_list {
    display: flex;
    margin-bottom: 75px;
}

.lisence_image {
    margin-left: 75px;
    margin-right: 60px;
}

.lisence_image img {
    width: max(33vw, 200px);
}

.lisences {
    display: table;
    margin-right: 20px;
}

.lisences ul {
    vertical-align: middle;
    display: table-cell;
}

.lisences li {
    color: #40958A;
    margin-bottom: 10px;
}

.flow_wrap {
    text-align: center;
    width: min(80%, 750px);
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
}

.flow_wrap h2 {
    margin-bottom: 30px;
}

.flow_banner {
    position: relative;
    background: url('../img/salon_image2.png');
    background-size: cover;
    height: 650px;
    padding-top: min(100vh, 75%);
}

.salon_image_pc {
    display: block;
}

.salon_image_sp {
    display: none;
}

.flow_text_area {
    margin-bottom: 50px;
}

.flow_item {
    display: flex;
    align-items: center;
}

.flow_text {
    width: 500px;
    margin-left: 50px;
    text-align: left;
}

.flow_text p {
    line-height: 2.5;
}

.flow_icon {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 92px;
}

.circle {
    display: table;
    text-align: center;
    background: rgba(222, 192, 174);
    border-radius: 50%;
    min-width: 200px;
    height: 200px;
}

.flow {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
}

.cancel_polycy {
    margin-top: 67px;
    width: min(75%, 750px);
    margin-left: auto;
    margin-right: auto;
}

.flow_title {
    text-align: center;
    background-color: unset;
    color: #40958A;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 0;
    margin-bottom: 47px;
}

.cancel_text_area {
    margin-bottom: 48px;
}

.cancel_text p {
    margin-bottom: 10px;
    line-height: 2.5;
}

.cancel_line {
    display: flex;
    border-top: 2px dotted #574230;
    font-weight: bold;
}

.cancel_line:last-child {
    border-bottom: 2px dotted #574230;
}

.vertical {
    display: table-cell;
    vertical-align: middle;
}

.cancel_label {
    display: table;
    width: 262px;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.cancel_info {
    width: 468px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 20px;
    margin-left: 50px;
}

.disease_control {
    text-align: center;
    margin-top: 35px;
}

/* MENU page */

.menu_page_banner {
    display: table;
    width: 100%;
}

.menu_page_label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 450px;
    background-image: url(../img/menu_banner.png);
}

.menu_page_label h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 10px;
}

.menu_page_label div {
    letter-spacing: 5px;
    color: #ffffff;
}

.menu_epilation_information {
    margin-top: 120px;
    display: flex;
}

.machine_image img {
    width: min(50vw, 750px);
}

.machine_information {
    width: min(75%, 400px);
    margin-top: 36px;
    margin-left: 80px;
    margin-right: 30px;
}

.lumix_a9 {
    color: #40958A;
    font-weight: bold;
}

#feature {
    margin-top: 120px;
    width: min(100%, 1100px);
    margin-left: auto;
    margin-right: auto;
}

.feature_title {
    text-align: center;
    margin-bottom: 70px;
}

.feuture_information {
    font-size: 25px;
    letter-spacing: 2px;
}

.feature_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.feature_item {
    position: relative;
    margin-bottom: 80px;
    width: min(48%, 500px);
}

.leaf2 {
    position: absolute;
    top: -32px;
}

.feature_text_wrap {
    width: 100%;
    height: 310px;
    border-radius: 13px;
    background: rgba(255, 255, 255, .4);
}

.feature_label {
    text-align: center;
    padding-top: 50px;
    margin-bottom: 40px;
}

.feature_text {
    width: 80%;
    line-height: 2.5;
    margin-left: auto;
    margin-right: auto;
}

.shr_title {
    text-align: center;
    background-color: unset;
    color: #40958A;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 50px;
}

.student_title {
    text-align: center;
    background-color: unset;
    color: #40958A;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0;
    margin-top: 26px;
    margin-bottom: 47px;
}

.shr_area {
    width: min(80%, 750px);
    margin: 0 auto;
}

.shr_information {
    margin: 0 auto 87px auto;
    line-height: 2.5;
}

.shr_image {
    text-align: center;
}

.shr_image img {
    width: min(100%, 750px);
}

.ladies_title{
    text-align: center;
    width: min(100%, 750px);
    margin: 120px auto 0 auto;
}

.ladies_text_area {
    margin-bottom: 70px;
}

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

.ladies_wrap {
    width: min(90%, 750px);
    margin: 69px auto 0 auto;
}

.sml {
    width: 320px;
}

.s-parts {
    height: 221px;
    margin-bottom: 30px;
    background-color: #E5B9CD;
    border-radius: 20px;
}

.m-parts {
    height: 129px;
    margin-bottom: 30px;
    background-color: #A8C5E2;
    border-radius: 20px;
}

.l-parts {
    height: 159px;
    background-color: #AFD5A1;
    border-radius: 20px;
}

.sml_label {
    text-align: center;
    padding-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
}

.sml_text {
    margin: 0 30px;
}

.h3_line {
    width: 50px;
    margin: auto;
    border-bottom: 3px solid #2D8A7F;
    margin-top: 100px;
}

.epilation_image {
    float: right;
}

.epilation_image img {
    width: min(100%, 375px);
}

.epilation_text {
    text-align: center;
}

.epilation_menu_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: min(98%, 1100px);
    margin: 45px auto 0 auto;
}

.item_upper {
    border-top: 2px dotted #574230;
}

.epilation_item {
    display: flex;
    justify-content: space-between;
    width: min(80%, 520px);
    padding: 20px;
    border-bottom: 2px dotted #574230;
}

.doui_text {
    margin: 0 50px;
    padding-bottom: 50px;
}

.doui_text div {text-align: center;margin-top: 40px;}

.kids_text_area {
    margin-bottom: 70px;
}

.kids_information {
    width: min(80%, 750px);
    margin: 48px auto 50px auto;
    background: rgba(255, 255, 255, .4);
    border-radius: 20px;
}

.kids_label {
    text-align: center;
    padding-top: 47px;
    padding-bottom: 37px;
    font-size: 18px;
    font-weight: bold;
}

.kids_text {
    margin-left: 21.4%;
    padding-bottom: 48px;
    margin-bottom: 0;
}

.kids_text li {
    color: #40958A;
    margin-bottom: 16px;
}


#coupon {
    margin-top: 100px;
}

.coupon_outer {
    width: min(90%, 750px);
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    background: rgba(170, 132, 89, .7);
    border-radius: 20px;
}

.coupon_label {
    text-align: center;
    margin-bottom: 40px;
    color: #ffffff;
}

.coupon_innner {
    width: min(100%, 650px);
    margin: auto;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 50px;
}

.coupon_text {
    margin-bottom: 35px;
    line-height: 2.5;
}

.coupon_btn {
    text-align: center;
}

/* Body care menu */

.body_page_label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 450px;
    background-image: url(../img/body_banner.png);
}

.body_page_label h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 10px;
}

.body_page_label div {
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 5px;
}

.body_title {
    text-align: center;
    background-color: unset;
    color: #40958A;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0;
    margin-top: 26px;
    margin-bottom: 47px;
}

.body_rinpa_info {
    text-align: center;
    margin-bottom: 45px;
}

.menu_body_information {
    width: min(80%, 750px);
    margin: 120px auto 0 auto;
}

.menu_body_information p {
    line-height: 2.5;
}

.menu_item_information {
    font-size: 13px;
    margin-top: 12px;
}

.body_menu_item:first-child {
    border-top: 2px dotted #574230;
}

.body_menu_item {
    width: 520px;
    padding: 20px;
    border-bottom: 2px dotted #574230;
}

.body_item_upper {
    display: flex;
    justify-content: space-between;
}

/* Facial care page */

.faicial_page_label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 450px;
    background-image: url(../img/faicial_banner.png);
}

.faicial_page_label h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 10px;
}

.faicial_page_label div {
    color: #ffffff;
    letter-spacing: 5px;
}

/* yomogi menu page */

.yomogi_page_label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 450px;
    background-image: url(../img/yomogi_banner.png);
}

.yomogi_page_label h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 10px;
}

.yomogi_page_label div {
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 5px;
}

.yomogi_title {
    width: min(75%, 390px);
    margin-top: 21px;
    margin-left: 80px;
    margin-bottom: 30px;
    line-height: 2;
}

.yomogi_wrap {
    margin-bottom: 97px;
}

.feateure_yomogi_item {
    position: relative;
    width: min(80%, 750px);
    height: 350px;
    margin: 30px auto 80px auto;
    background: rgba(255, 255, 255, .4);
    border-radius: 20px;
}

.feature_yomogi_text {
    width: 380px;
    line-height: 2.5;
    margin-left: 50px;
}

.yomogi_image {
    float: right;
    margin-right: 50px;
    margin-left: 30px;
}

.yomogi_osusume {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #40958A;
    background-color: unset;
    padding: 0;
    margin-bottom: 47px;
}

.onayami_area {
    display: flex;
    width: 750px;
    margin: auto;
    justify-content: center;
}

.yajirushi {
    margin: 40px 0;
    text-align: center;
}

.kouka_list {
    margin-bottom: 100px;
    text-align: center;
}

.onayami_image {
    margin-right: 38px;
}

.onayami_list {
    margin-bottom: 0;
}

.onayami_list li {
    color: #40958A;
    margin-bottom: 20px;
}

.onayami_list span {
    color: #604C35;
}

.yomogi_menu_wrap {
    width: min(80%, 750px);
    margin-left: auto;
    margin-right: auto;
}

.yomogi_menu_item {
    padding: 20px;
    border-bottom: 2px dotted #574230;
}

.yomogi_item_upper {
    display: flex;
    justify-content: space-between;
}

.yomogi_label {
    font-size: 23px;
}

.yomogi_label span {
    font-size: 18px;
    letter-spacing: 1px;
}

.yomogi_price {
    font-size: 20px;
    padding-top: 4px;
}

/* School menu page */

.school_page_label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 450px;
    background-image: url(../img/school_banner.png);
}

.school_page_label h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 10px;
}

.school_page_label div {
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 5px;
}

.menu_school_information {
    width: min(80%, 750px);
    margin: 120px auto 118px auto;
}

.school_item {
    position: relative;
    width: min(80%, 750px);
    margin: 30px auto 80px auto;
    background: rgba(255, 255, 255, .4);
    border-radius: 20px;
}

.school_study_list {
    margin: 10px 30px 0 50px;
    padding-left: 15px;
    padding-bottom: 45px;
}

.school_study_list li {
    color: #40958A;
    margin-bottom: 20px;
}

.school_study_list span {
    color: #604C35;
}

.school_wrap {
    margin-bottom: 80px;
}

.mail_form_text {
    text-align: center;
}

/* Seminar menu page */

.seminar_midle {
    align-items: center;
    display: flex;
}

.seminar_information {
    width: min(75%, 390px);
    margin-left: 80px;
}
    
.seminar_img {
    margin-top: 120px;
    margin-bottom: 80px;
    text-align: center;
}
    
.seminar_img img {
    width: min(80%, 640px);
}

.seminar_information_group {
    margin-top: 120px;
    margin-bottom: 120px;
    display: flex;
}

/* Access page */

.access_page_label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 450px;
    background-image: url(../img/access_banner.png);
}

.access_page_label h2 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 10px;
}

#google_map iframe {
    width: 100%;
    height: 500px;
    margin-top: 88px;
}

.section_head_google_map {
    text-align: center;
    margin-top: 120px;
}

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

    .js-reservation-btn {
        left: unset;
        right: 30px;
        margin-left: unset;
    }
}

/* Responsive */

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

    .gnav {
        left: 45%;
        width: 50%;
    }
}

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

    .gnav {
        left: 40%;
        width: 50%;
    }

    /* RESERVATION */
    
    .reservation_wrap {
        margin-left: 8.8vw;
        margin-right: 6.6vw;
    }

    .reservation_title {
        margin-right: 3.6vw;
    }
}

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

    .title_logo img {
        width: 176px;
        height: 80px;
    }

    .gnav {
        left: 32%;
        width: 50%;
    }

    .gnav_menu > li {
        margin-left: 8px;
        margin-right: 8px;
    }

    .footer_inner {
        width: min(100%, 400px);
        margin-right: auto;
    }

    .footer_menu {
        flex-wrap: wrap;
        width: 50vw;
        margin-right: 40px;
        min-width: unset;
    }

    .footer_menu li {
        width: 50%;
    }

    .reservation_label {
        padding-top: 70px;
        margin-top: unset;
    }
    
    /* main visual */
    
    .bird {
        top: 38px;
    }
    
    .catch_img {
        position: relative;
        top: -63px;
    }
    
    .copy_text {
        position: relative;
        top: -61px;
    }
    
    .tree_image {
        top: -140px;
    }
    
    .tree_image img {
        width: 400px;
    }

    /* ABOUT */

    .about_img {
        width: 700px;
    }
    
    .about_image_wrap {
        width: 55%;
        min-width: 420px;
    }
    
    .about_text_area {
        width: 30%;
        margin-left: 40px;
    }

    .salon_image img {
        width: max(43vw, 358px);
    }

    .faicial_image img {
        width: max(27vw, 225px);
    }

    .aloma_stone img {
        width: max(9vw, 158px);
    }

    .profile_image img {
        width: max(26.6vw, 200px);
    }
    
    .lisence_image {
        margin-left: 40px;
        margin-right: 35px;
    }
    
    .reception_wrap {
        display: block;
        text-align: center;
        margin-bottom: 70px;
    }
    
    .flow_wrap {
        width: 75%;
    }
    
    .reception {
        width: 50vw;
        margin: 70px auto 0 auto;
    }

    .about_QG p {
        text-align: left;
        margin-bottom: 40px;
    }
    
    .about_QG img {
        margin: auto;
    }

    .bottle_flower {
        position: static;
    }

    /* MENU */

    .menu_info_wrap {
        display: block;
        justify-content: center;
    }

    .menu_item {
        margin: auto;
    }

    #feature {
        width: 85%;
    }
    
    .feature_text_wrap {
        height: 450px
    }

    .school {
        margin-left: 40px;
        margin-right: 40px;
    }

    .epilation_menu_wrap {
        display: block;
        width: 100%;
        margin: 35px auto 0 auto;
    }

    .epilation_item {
        margin: auto;
        width: min(80%, 650px);
    }

    .epilation_item:first-child {
        border-top: 2px dotted #574230;
    }

    .item_upper {
        border-top: none;
    }

    .body_menu_item {
        width: min(80%, 650px);
        margin: auto;
    }
    
    .yomogi_menu_item:first-child {
        border-top: 2px dotted #574230;
    }

    /* RESERVATION */
    
    .reservation_wrap {
        display: block;
        margin: auto;
    }

    .reservation_title {
        margin: auto;
    }

    /* INSTAGRAM */
    
    .instagram_wrap {
        max-width: 600px;
    }
}

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

    .about_image_text {
        margin-top: 70px;
        display: block;
    }

    .about_text_area {
        margin: 146px auto 0 auto;
        width: 84%;
    }

    .about_image_wrap {
        width: 100%;
        min-width: unset;
    }

    .salon_image img {
        width: max(86vw, 391px);
    }

    .faicial_image img {
        width: max(54vw, 246px);
    }

    .aloma_stone img {
        width: max(37vw, 168px);
    }
    
    .lisence_list {
        display: block;
    }

    .lisence_image {
        text-align: center;
        margin-bottom: 50px;
    }

    .lisences {
        margin-left: auto;
        margin-right: auto;        
    }

    .epilation_image {
        float: unset;
        margin-bottom: 42px;
        text-align: center;
    }

    .epilation_image img {
        width: min(100%, 375px);
    }

    .sml {
        width: 100%;
        margin: auto;
    }

    .yomogi_image {
        float: none;
        text-align: center;
    }

    .feature_yomogi_text {
        width: 90%;
        margin: 30px auto;
    }
    
    .feateure_yomogi_item {
        height: 500px;
    }

    .yomogi_title {
        margin-left: 40px;
        margin-bottom: 20px;
        font-size: 21px;
    }

    .machine_information {
        margin-left: 40px;
        margin-right: 20px;
    }

    .seminar_information {
        margin-left: 40px;
    }
}

@media screen and (max-width: 700px) {
    /* base css */

    select {
        font-size: 14px;
    }
    .br_sp {
        display: block;
    }

    .br_pc {
        display: none;
    }

    .tel_sp {
        display: inline;
    }

    .tel_pc {
        display: none;
    }

    .zen_old {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .zen_old_22 {
        font-size: 18px;
        letter-spacing: 2px;
    }
    
    .noto_sans {
        font-size: 14px;
        letter-spacing: 2px;
    }
    
    .lola {
        font-size: 30px;
        letter-spacing: 5px;
    }

    .text_section {
        width: max(80%, 315px);
        margin-bottom: 70px;
    }

    /* Humberger menu */

    #humberger {
        display: block;
        text-align: right;
        position: relative;
        margin-right: 25px;
        top: -65px;
    }

    #close_btn {
        display: none;
        position: fixed;
        top: 25px;
        right: 30px;
        z-index: 12;
    }

    .gnav_inner {
        position: relative;
    }

    .gnav{
        position:fixed;
        z-index: -1;
        opacity: 0;
        top:0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #40958A;
        transition: all 0.3s;
    }

    .gnav.panelactive{
        opacity: 1;
        z-index: 11;
        display: flex;
        align-items: center;
    }

    .gnav ul {
        display: none;
    }

    .gnav.panelactive ul {
        display: block;
    }

    .gnav_menu {
        text-align: center;
        justify-content: unset;
        font-size: 18px;
    }

    .gnav_menu > li {
        margin-bottom: 30px;
        color: #ffffff;
    }

    .gnav.panelactive li {
        margin-left: auto;
        margin-right: auto;
    }

    .gnav.panelactive li {
        text-align: center;
    }

    .gnav_menu a {
        color: #ffffff;
    }

    .insta_icon {
        display: none;
    }

    .insta_icon_white {
        display: inline;
    }

    .drop_down_menu {
        background-color: #40958A;
        padding: 0;
        width: 100%;
        font-size: 16px;
    }

    .drop_down_menu li {
        padding: 0;
        margin: 18px;
    }

    .js-reservation-btn {
        right: 10px;
    }

    .js-reservation-btn img {
        width: 140px;
    }
    
    /* footer */

    .footer {
        display: block;
        height: 425px
    }

    .footer_logo {
        padding-top: 60px;
        margin: auto;
        text-align: center;
    }

    .footer_logo img {
        width: 150px;
        height: 65px;
    }

    .footer_menu {
        display: block;
        margin-top: 37px;
        margin-left: auto;
        margin-right: auto;
        width: min(100%, 375px);
    }

    .footer_menu li {
        text-align: center;
        margin: 0 auto 21px auto;
    }

    .copyright {
        margin: 49px auto 50px auto;
        text-align: center;
        font-size: 11px;
    }

    .top_btn {
        text-align: center;
        right: 0;
    }

    /* main visual */
    
    .bird {
        top: 18px;
    }
    
    .bird img {
        width: 100px;
    }
    
    .catch_img {
        position: relative;
        top: -96px;
    }
    
    .catch_img p {
        margin-bottom: 14px;
    }
    
    .catch_img img {
        width: 400px;
    }
    
    .copy_text {
        position: relative;
        top: -103px;
    }

    .catch_copy span {
        font-size: 20px;
    }
    
    .tree_image {
        top: -165px;
    }
    
    .tree_image img {
        width: 350px;
    }

    /* ABOUT */

    .about_img {
        width: 500px;
    }

    .section_head_about {
        margin-bottom: 40px;
    }

    .about_label {
        margin-bottom: 20px;
    }
    
    .reception {
        width: 60vw;
        margin: 70px auto 0 auto;
    }
    
    .trouble {
        width: 100%;
    }
    
    .trouble img {
        width: min(100%, 375px);
        height: 375px;
    }

    .bottle_flower img {
        width: auto;
        height: auto;
    }
    
    .school_text{
        margin: 40px auto 0 auto;
    }

    .school_text p {
        text-align: left;
        margin-left: 40px;
        margin-right: 40px;
    }

    /* Instagram */

    .user_name {
        font-size: 18px;
        letter-spacing: 3px;
    }
    
    /* RESERVATION*/

    #reservation {
        margin-top: 70px;
        padding-bottom: 100px;
    }

    .reservation_wrap {
        display: block;
    }

    .reservation_title {
        width: auto;
    }

    .reservation_label {
        font-size: 30px;
        padding-top: 50px;
        margin-top: 0;
    }

    .reservation_text {
        font-size: 18px;
    }

    .reservation_area {
        width: auto;
    }

    .tel_line {
        display: block;
        border-bottom: none;
        padding-bottom: 0;
        margin-top: 34px;
    }

    .tel_line_border {
        margin: auto;
        width: 315px;
        border-right: none;
        border-top: 0.8px solid #574230;
        border-bottom: 0.8px solid #574230;
    }

    .tel {
        width: 315px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tel .reservation_text {
        text-align: center;
        margin-bottom: 17px;
    }

    .line_line_border{
        margin: 40px auto 0 auto;
        padding-bottom: 40px;
        width: 315px;
        border-bottom: 0.8px solid #574230;
    }

    .line {
        text-align: center;
    }

    .line .reservation_text {
        margin: 0 auto 30px auto;
    }

    .line_qr {
        display: block;
    }

    .line_qr p {
        font-size: 14px;
        margin-top: 20px;
    }

    .qr_code img {
        width: 150px;
        height: 150px;
    }

    .lumix {
        display: block;
        text-align: center;
        width: 315px;
        padding-top: 40px;
        padding-bottom: 40px;
        border-bottom: 0.8px solid #574230;
    }

    .online_mail_text {
        display: block;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .reservation_btn {
        text-align: center;
    }

    .mail {
        display: block;
        text-align: center;
        width: 315px;
    }

    .lumix_mail_wrap {
        border-bottom: none;
    }

    /* Tokutei shoutorihiki */

    .table_block {
        display: block;
        font-size: 14px;
        width: 100%;
    }
    
    .table_block tbody {
        display: block;
        width: 100%;
    }
    
    .table_block tr {
        display: block;
        width: 100%;
    }
    
    .table_block th {
        display: block;
        width: 100%;
    }
    
    .table_block td {
        display: block;
        width: 100%;
    }

    /* ABOUT */

    .salon_image_pc {
        display: none;
    }

    .salon_image_sp {
        display: block;
        background-image: url('../img/salon_image2_sp.png');
        background-position: center;
        background-size: cover;
        height: 300px;
    }

    /* MENU page */

    .menu_page_label {
        background-image: url(../img/menu_banner_sp.png);
        height: 300px;
        background-position: center;
        background-size: cover;
    }

    /* BODY CARE page */

    .body_page_label {
        background-image: url(../img/body_banner_sp.png);
        height: 300px;
        background-position: center;
        background-size: cover;
    }

    .body_title {
        margin-top: 27px;
        margin-bottom: 37px;
    }

    .body_rinpa_info {
        text-align: left;
    }

    /* FAICIAL CARE page */
    
    .faicial_page_label {
        background-image: url(../img/faicial_banner_sp.png);
        background-position: center;
        background-size: cover;
        height: 300px;
    }

    .faicial_page_label h2 {
        font-size: 35px;
    }

    /* YOMOGI page */
    
    .yomogi_image_page_label {
        background-image: url(../img/yomogi_banner_sp.png);
        background-position: center;
        background-size: cover;
    }

    .yajirushi {
        margin: 20px 0;
    }
    
    .kouka_list {
        margin-bottom: 70px;
    }
    
    .kouka_list img {
        width: 300px;
    }

    .school_wrap {
        margin-bottom: 40px;
    }

    /* ACCESS page */

    .access_page_label {
        background-image: url(../img/access_banner_sp.png);
        height: 300px;
        background-position: center;
        background-size: cover;
    }

    /* contact form */

    #mail {
        margin-bottom: 70px;
        width: 83%;
    }

    .success {
        font-size: 16px;
    }

    /* ABOUT page */

    .about_banner h2 {
        font-size: 35px;
        letter-spacing: 7px;
        height: 300px;
        background-image: url(../img/about_banner_sp.png);
        background-position: center;
        background-size: cover;
    }

    .faicial_image {
        top: 76px;
    }

    .aloma_stone {
        top: 30px;
    }

    #profile {
        margin-top: 70px;
        padding-bottom: 70px;
    }

    .profile_wrap {
        display: block;
        padding-top: 70px;
    }

    .profile_information {
        margin-right: auto;
        margin-left: auto;
        width: 83%;
        margin-bottom: 72px;
    }

    .profile_information h2 {
        margin-bottom: 22px;
    }

    .owner_name {
        font-size: 22px;
        margin-bottom: 22px;
    }

    .plofile_title {
        font-size: 14px;
        margin-bottom: 60px;
    }

    .profile_image {
        margin-left: auto;
        text-align: center;
        margin-bottom: 51px;
    }

    .profile_image img {
        width: 255px;
    }

    .lisence_wrap {
        width: 83%;
    }

    .lisence_title {
        padding-top: 40px;
        margin-bottom: 40px;
    }

    .lisence_list {
        display: block;
        margin-bottom: 73px;
    }

    .lisence_image {
        text-align: center;
        margin: 40px auto;
    }

    .lisence_image img {
        width: 255px;
    }

    .lisences {
        width: 87%;
        margin: auto;
    }

    .lisences span {
        font-size: 14px;
    }

    .flow_wrap {
        margin-top: 70px;
        width: min(100%, 315px);
        margin-bottom: 100px;
    }

    .flow_wrap h2 {
        margin-bottom: 20px;
    }

    .flow_banner {
        background: url('../img/salon_image2_sp.png');
        background-size: cover;
        height: 300px;
    }

    .flow_text_area {
        margin-bottom: 40px;
    }

    .flow_item {
        display: block;
    }

    .flow_text {
        font-size: 14px;
        margin: 30px auto 0 auto;
        width: 98%;
    }

    .flow_icon {
        text-align: center;
        margin: 40px auto 40px auto;
    }

    .circle {
        min-width: 160px;
        height: 160px;
        margin: auto;
    }

    .flow {
        font-size: 18px;
    }

    .cancel_polycy {
        width: 83%;
    }

    .flow_title {
        margin-bottom: 37px;
        font-size: 18px;
    }

    .cancel_text_area {
        margin-bottom: 70px;
    }

    .cancel_text {
        font-size: 14px;
    }

    .cancel_line {
        display: block;
    }

    .cancel_label {
        padding: 0;
        width: 100%;
        margin-top: 27px;
        margin-bottom: 23px;
    }

    .cancel_info {
        padding: 0;
        margin-bottom: 30px;
        margin-left: unset;
        width: 100%;
    }

    /* MENU page */

    .menu_page_label h2 {
        font-size: 35px;
        letter-spacing: 7px;
    }

    .menu_page_label div {
        font-size: 20px;
    }

    .menu_epilation_information {
        display: block;
        margin-top: 70px;
    }

    .machine_image img {
        width: 100%
    }

    .machine_information {
        margin: 30px auto 0 auto;
        width: 83%;
    }

    #feature {
        margin-top: 70px;
        width: 83%;
    }

    .feature_title {
        margin-bottom: 55.8px;
    }

    .feature_wrap {
        display: block;
        flex-wrap: unset;
        margin-bottom: 66px;
    }

    .feature_item {
        width: 100%;
        margin-bottom: 51.8px;
    }

    .feature_text_wrap {
        height: 355px;
    }

    .feature_label {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .shr_title {
        margin-bottom: 37px;
        font-size: 18px;
    }

    .shr_area {
        width: 100%;
    }

    .shr_information {
        font-size: 14px;
        margin-bottom: 70px;
    }

    .shr_image img {
        width: max(100%,315px);
    }

    #ladies {
        width: 83%;
        margin: auto;
    }

    .ladies_title{
        width: 100%;
        margin-top: 70px;
    }

    .ladies_text_area {
        margin-bottom: 40px;
    }

    .ladies_wrap {
        display: block;
        width: 100%;
        margin-top: 73px;
    }

    .epilation_image img {
        width: min(100%, 280px);
    }

    .sml_label {
        font-size: 17px;
    }

    .sml_text {
        font-size: 14px;
    }

    .h3_line {
        margin-top: 70px;
    }

    .student_title {
        font-size: 18px;
        margin-top: 27px;
        margin-bottom: 37px;
    }

    .epilation_text {
        text-align: left;
        font-size: 14px;
        line-height: 2.5;
    }

    .epilation_item {
        width: 100%;
        padding: 21px 10px;
    }

    .doui_text {
        margin: 0 25px;
    }

    #kids {
        width: 83%;
        margin: auto;
    }

    .kids_information {
        width: 100%;
    }

    .kids_label {
        font-size: 17px;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .kids_text {
        margin: auto;
        width: 91%;
        padding-bottom: 30px;
    }

    .kids_text span {
        font-size: 14px;
    }

    #mens {
        width: 83%;
        margin: auto;
    }

    #coupon {
        margin-top: 70px;
    }

    .coupon_outer {
        width: 84%;
        padding: 30px 0 30px 0;
    }

    .coupon_label {
        margin-bottom: 30px;
    }

    .coupon_innner {
        width: 90%;
        padding: 25px 25px 30px 25px;
    }

    .coupon_text {
        margin-bottom: 25px;
        font-size: 14px;
    }

    .coupon_btn img {
        width: 235px
    }

    /* Body care menu */


    .body_page_label h2 {
        font-size: 35px;
        letter-spacing: 7px;
    }

    .body_page_label div {
        font-size: 20px;
        letter-spacing: 4px;
    }

    .menu_body_information {
        width: 83%;
        margin: 70px auto 0 auto;
    }

    .menu_body_information p {
        font-size: 14px;
    }

    .menu_item_information {
        font-size: 12px;
        margin-top: 0;
    }

    .body_menu_item {
        width: 100%;
        padding: 21px 10px;
    }

    /* Facial care page */


    /* yomogi menu page */

    .yomogi_page_label {
        height: 300px;
    }

    .yomogi_page_label h2 {
        font-size: 35px;
    }

    .yomogi_page_label div {
        font-size: 20px;
    }

    .yomogi_title {
        width: 100%;
        margin: 70px auto 0 auto;
        text-align: center;
    }

    .yomogi_wrap {
        width: 100%;
        margin: auto;
    }

    .feateure_yomogi_item {
        width: 100%;
        height: auto;
        padding-bottom: 70px;
    }

    .feature_yomogi_text {
        width: 83%;
        margin: auto;
        font-size: 14px;
    }

    .yomogi_image {
        float: none;
        margin: 0 auto 30px auto;
        text-align: center;
    }

    .yomogi_osusume {
        font-size: 18px;
        letter-spacing: 3px;
        margin-bottom: 30px;
    }

    .onayami_area {
        display: block;
        width: 100%;
    }

    .onayami_image {
        margin: 0 auto 30px auto;
        text-align: center;
    }

    .onayami_list {
        font-size: 14px;
    }

    .yomogi_menu_wrap {
        width: 100%;
    }

    .yomogi_menu_item {
        font-size: 14px;
        padding: 20px 10px;
    }

    .yomogi_menu_item:first-child {
        border-top: 2px dotted #574230;
    }

    .yomogi_label {
        font-size: 16px;
    }

    .yomogi_label span {
        font-size: 12px;
    }

    .yomogi_price {
        font-size: 16px;
    }

    /* School menu page */

    .school_page_label {
        height: 300px;
        background-image: url(../img/school_banner_sp.png);
    }

    .school_page_label h2 {
        font-size: 35px;
    }

    .school_page_label div {
        font-size: 20px;
    }

    .menu_school_information {
        width: 83%;
        margin: 70px auto 58px auto;
    }

    .menu_school_information p {
        font-size: 14px;
    }

    .school_item{
        width: 83%;
        height: auto;
        margin: 30px auto 58px auto;
        padding-bottom: 40px;
    }

    .school_study_list {
        margin: auto;
        width: 83%;
        padding-bottom: 0;
    }

    /* Seminar menu page */

    .seminar_midle {
        margin-top: 30px;
    }
    
    .seminar_img {
        margin-top: 70px;
        margin-bottom: 40px;
    }

    .seminar_information {
        margin: auto;
    }

    .seminar_information_group {
        display: block;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    /* Access page */

    .access_page_label h2 {
        font-size: 35px;
    }

    #google_map iframe {
        margin-top: 40px;
    }

    .section_head_google_map {
        margin-top: 70px;
    }
}

/*  */

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

    /* TOP */
    body {
        font-size: 16px;
    }

    h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    h3 {
        font-size: 20px;
    }

    .space_sp {
        display: inline;
    }

    /* common page */

    .common_page_label {
        height: 300px;
        background-image: url(../img/header_banner_sp.png);
    }

    .common_page_label h2 {
    	font-size: 35px;
    }

    /* header */

    header {
        height: 90px;
    }

    .title_logo {
        text-align: center;
        margin: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .title_logo img {
        width: 132px;
        height: 60px;
    }

    /* main visual */

    .main_visual_wrap {
        height: 480px;
    }

    .catch_copy {
        padding-top: 0;
    }

    .bird {
        position: static;
        padding-top: 16px;
        margin-left: 30px;
    }

    .bird img {
        width: 86px;
        height: 62px;
    }

    .catch_img {
        position: static;
        margin-top: 9px;
        margin-left: 30px;
    }

    .catch_img img {
        width: 315px;
        height: 26px;
    }

    .copy_text {
        position: static;
        margin-left: 30px;
    }

    .catch_copy span {
        font-size: 17px;
    }

    .slider {
        width: 315px;
        height: 480px;
    }

    .slick-item .pc {
        display: none;
    }
    
    .slick-item .sp {
        display: inline;
    }

    .tree_image {
        margin-left: 11px;
        top: 155px;
    }

    .tree_image img {
        width: 243px;
        height: 128px;
    }
    
    /* ABOUT */

    #about {
        margin-top: 168px;
    }

    .section_label {
        font-size: 30px;
    }

    .section_text {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .reception_wrap {
        display: block;
    }

    .about_img {
        width: min(100%, 375px);
        height: 225px;
    }

    .reception {
        width: 315px;
        margin: 40px auto;
    }

    .about_QG p {
        font-size: 14px;
    }

    .support {
        width: 315px;
    }

    .support_label {
        font-size: 20px;
        letter-spacing: 3px;
        margin-bottom: 20px;
    }

    .support_label:before, .support_label:after {
        width: 12%;
    }   

    .trouble {
        width: 100%;
        margin-top: 40px;
    }

    .trouble img {
        width: 315px;
        height: 315px;
    }

    .bottle_flower {
        position: relative;
        top: -5px;
        right: 0;
    }

    .bottle_flower img {
        width: auto;
        height: auto;
    }

    /* ABOUT */

    .salon_image img {
        width: 326px;
    }

    .faicial_image img {
        width: 205px;
    }

    .aloma_stone img {
        width: 140px;
    }

    /* MENU */

    #menu {
        margin-top: 65px;
    }

    .section_head_menu {
        margin-bottom: 40px;
    }

    .menu_info_wrap {
        display: block;
        justify-content: unset;
    }

    .menu_item {
        width: 315px;
        margin: auto;
    }

    .menu_image {
        margin-bottom: 20px;
    }

    .menu_image img {
        width: 315px;        
    }

    .menu_label {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .information {
        height: 160px;
        font-size: 14px;
    }

    .see_menu {
        margin-bottom: 70px;
    }

    .school {
        margin: 70px 30px 0 30px;
    }

    .leaf {
        padding-top: 40px;
    }

    .leaf img {
        width: 130px;
    }

    .school_label {
        font-size: 30px;
        margin-top: 4px;
    }

    .school_text{
        margin: 40px 33px 0 33px;
    }

    .school_text p {
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .see_more {
        margin-top: 50px;
    }

    /* Instagram */

    #instagram {
        margin-top: 70px;
    }

    .instagram_wrap {
        width: 315px;
    }

    .instagram_feed {
        width: 150px;
        height: 150px;
        margin-bottom: 15px;
    }

    .section_head_instagram {
        margin-bottom: 40px;
    }

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

    #read_more {
        margin-top: 40px;
    }

    /* ACCESS */

    #access {
        margin-top: 70px;
    }

    #access iframe {
        width: 100%;
        height: 400px;
    }

    .section_head_access {
        margin-bottom: 40px;
    }

    .address {
        margin-top: 30px;
        font-size: 14px;
    }

    /* MAIL form */

    .mail_form {
        font-size: 13px;
    }

    .required {
        font-size: 11px;
    }

    .send_btn {
        font-size: 14px;
    }
}