@charset "UTF-8";
/******** タブレット *********/
@media screen and (min-width: 769px) and (max-width: 1300px) {
  /* ----------------------------- 共通 */
  .wrap {
    width: 90%;
  }
  .wrap1100 {
    width: 90%;
  }
  .wrap1000 {
    width: 90%;
  }
  .wrap900 {
    width: 90%;
  }
  .wrap800 {
    width: 90%;
  }
  .wrap700 {
    width: 90%;
  }
  .top_block1 .box2 ul li .txt {
    padding: 3vw 0 5.6vw;
  }
  .top_block3 {
    padding-top: 20px;
  }
  .top_block3 .treatment_area {
    margin-top: -90px;
  }
}

/******** スマホ *********/
@media screen and (max-width: 768px) {
  /* ----------------------------- 全体 */
  html {
    scroll-padding-top: 60px;
  }
  body {
    font-size: 1.3rem;
    -webkit-text-size-adjust: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .inline_pc {
    display: none;
  }
  .inline_sp {
    display: inline;
  }
  img, .bx-wrapper img {
    max-width: 100%;
    height: auto;
  }
  /* ----------------------------- 共通 */
  .wrap {
    width: 90%;
  }
  .wrap1100 {
    width: 90%;
  }
  .wrap1000 {
    width: 90%;
  }
  .wrap900 {
    width: 90%;
  }
  .wrap800 {
    width: 90%;
  }
  .wrap700 {
    width: 90%;
  }
  /* ----------------------------- タイトル */
  .c_tit1 {
    font-size: 2.4rem;
    letter-spacing: 0.05em;
  }
  .c_tit1 small {
    font-size: 1.1rem;
  }
  /* ----------------------------- ボタン */
  .btn1 {
    width: 240px;
  }
  .btn1 a {
    font-size: 1.5rem;
  }
  /* ----------------------------- ヘッダー */
  .header {
    padding: 15px 3%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .logo {
    width: 50%;
    position: static;
  }
  .header .logo a {
    padding: 0;
  }
  .floating {
    top: auto;
    bottom: 0;
    width: 100%;
  }
  .floating ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .floating ul li {
    width: 33.33%;
    margin-bottom: 0;
  }
  .floating ul li a {
    display: block;
    border-radius: 10px 10px 0 0;
    padding: 15px 0;
    font-size: 1.4rem;
    text-align: center;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
  /* ----------------------------- ナビ */
  .nav_btn {
    width: 30px;
    height: 20px;
    position: relative;
    z-index: 9999;
  }
  .nav_btn span {
    display: block;
    width: 100%;
    height: 2px;
    background: #e00d5b;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .nav_btn .line1 {
    top: 0;
  }
  .nav_btn .line2 {
    top: 9px;
  }
  .nav_btn .line3 {
    bottom: 0;
  }
  .nav_btn.close_btn .line1 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 9px;
  }
  .nav_btn.close_btn .line2 {
    opacity: 0;
  }
  .nav_btn.close_btn .line3 {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 10px;
  }
  .menu {
    display: none;
  }
  .nav {
    position: absolute;
    top: 99%;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 3%;
    background: #fff;
  }
  .nav ul {
    display: block;
  }
  .nav ul li {
    margin-right: 0;
    margin-bottom: 2em;
    text-align: center;
  }
  .nav ul li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .nav ul li a {
    font-size: 1.6rem;
  }
  /* ----------------------------- メインビジュアル */
  .mv h2 {
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.8em;
    height: auto;
    left: 3%;
    top: auto;
    bottom: 50px;
  }
  .mv h2 span {
    display: block;
  }
  .mv h2 span:nth-child(2) {
    padding-left: 1.1em;
  }
  .mv h2 span:nth-child(3) {
    padding-left: 4.5em;
  }
  .mv .mv_slider li {
    height: 95vh;
  }
  .mv .mv_slider .slider1 {
    background-image: url(images/common/mv_slider1_sp.jpg);
  }
  .mv .mv_slider .slider3 {
    background-image: url(images/common/mv_slider3_sp.jpg);
  }
  .main {
    padding: 120px 0 60px;
  }
  .main h2 {
    font-size: 2.4rem;
    letter-spacing: 0;
  }
  .main .sub {
    letter-spacing: 0.1em;
    margin-top: 10px;
  }
  /* ----------------------------- パンくずリスト */
  .pan {
    margin-top: 10px;
  }
  .pan .box span:after {
    margin: 0 0.5em;
  }
  .pan .home img {
    width: 20px;
  }
  /* ----------------------------- 18歳未満の方へ */
  .u18 {
    background-size: 5%;
    border-radius: 20px;
    padding: 25px 5% 20px;
  }
  .u18 h4 {
    font-size: 2.6rem;
  }
  .u18 p {
    text-align: left;
    margin-top: 10px;
  }
  .u18 .inner {
    border-radius: 20px;
    padding: 0 5% 10px;
    margin-top: 40px;
  }
  .u18 .inner h5 {
    font-size: 1.7rem;
    width: 220px;
  }
  .u18 .inner p {
    margin-top: 10px;
  }
  .u18 .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-top: 10px;
  }
  .u18 .inner ul li {
    font-size: 1.6rem;
  }
  /* ----------------------------- お支払い方法 */
  .payment {
    background-size: 5%;
    border-radius: 20px;
    padding: 25px 5% 20px;
  }
  .payment h4 {
    font-size: 2.6rem;
  }
  .payment p {
    text-align: left;
    margin-top: 10px;
  }
  /* ----------------------------- トップ */
  .top_block1 {
    padding: 40px 0;
  }
  .top_block1 .box1 .inner {
    display: block;
  }
  .top_block1 .box1 .inner .txt {
    width: auto;
  }
  .top_block1 .box1 .inner .txt h3 {
    font-size: 2rem;
  }
  .top_block1 .box1 .inner .txt p {
    margin-top: 10px;
    text-align: justify;
  }
  .top_block1 .box1 .inner .txt .btn1 {
    margin: 30px auto 0;
  }
  .top_block1 .box1 .inner .img {
    width: 65%;
    margin-top: 20px;
  }
  .top_block1 .box1 .pic {
    width: 75%;
    margin: 15px 0 0 auto;
    display: none;
  }
  .top_block1 .box1 .pic span.pic1 {
    width: 61%;
  }
  .top_block1 .box1 .pic span.pic2 {
    width: 33%;
    margin-top: -80px;
  }
  .top_block1 .box1 .detail {
    width: 88%;
    margin: 0 auto 30px;
  }
  .top_block1 .box1 .detail .pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .top_block1 .box2 {
    margin-top: 40px;
  }
  .top_block1 .box2 ul {
    display: block;
  }
  .top_block1 .box2 ul li {
    width: 250px;
    margin: 0 auto 20px;
  }
  .top_block1 .box2 ul li:last-child {
    margin-bottom: 0;
    margin-right: auto;
  }
  .top_block1 .box2 ul li .txt {
    padding: 30px 0 50px;
  }
  .top_block1 .box2 ul li .txt h4 {
    font-size: 1.8rem;
  }
  .top_block1 .box2 .btn1 {
    margin-top: 30px;
  }
  .top_block2 {
    padding: 40px 0 80px;
  }
  .top_block2 .box {
    padding: 0 8%;
  }
  .top_block2 .recommended_slider {
    margin-top: 30px;
  }
  .top_block2 .bx-wrapper .bx-viewport {
    overflow: visible !important;
  }
  .top_block3 {
    padding-top: 60px;
  }
  .top_block3 .treatment_area {
    margin-top: -105px;
  }
  .top_block4 {
    padding: 40px 0;
  }
  .top_block4 .line_reservation {
    margin-top: 30px;
  }
  .top_block5 {
    padding: 40px 0;
  }
  .top_block5 h3 {
    font-size: 2rem;
  }
  .top_block5 ul {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top_block5 ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 40px;
  }
  .top_block5 ul li:nth-child(3n) {
    margin-right: 4%;
  }
  .top_block5 ul li:nth-child(2n) {
    margin-right: 0;
  }
  .top_block5 ul li .txt {
    margin-top: 10px;
  }
  .top_block5 .btn1 {
    width: 340px;
    margin-top: 0;
  }
  .top_block5 .btn {
    margin-top: 20px;
  }
  .top_block6 {
    padding: 40px 0;
  }
  .top_block6 .box {
    margin-top: 30px;
    display: block;
  }
  .top_block6 .box .txt {
    width: auto;
    margin-top: 40px;
    padding: 0 4%;
  }
  .top_block6 .box .txt ul li {
    margin-bottom: 30px;
  }
  .top_block6 .box .txt ul li a {
    padding: 0 5% 15px 0;
    font-size: 1.6rem;
  }
  .top_block6 .box .txt .btn1 {
    margin: 40px auto 0;
  }
  .top_block6 .box .img {
    width: auto;
  }
  .web_reservation {
    padding: 30px 0;
    background-size: 30%;
  }
  .web_reservation h3 {
    font-size: 2.2rem;
  }
  .web_reservation p {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .web_reservation .btn1 {
    margin-top: 20px;
  }
  .line_reservation {
    padding: 30px 0;
    background-size: 30%;
  }
  .line_reservation h3 {
    font-size: 2.2rem;
  }
  .line_reservation p {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .line_reservation .btn1 {
    margin-top: 20px;
  }
  /* ----------------------------- エマクリニックについて */
  .about_block1 {
    padding: 40px 0;
  }
  .about_block1 ul {
    display: block;
    margin-top: 30px;
  }
  .about_block1 ul li {
    width: 90%;
    margin: 0 auto 40px;
  }
  .about_block1 ul li:last-child {
    margin-bottom: 0;
  }
  .about_block1 ul li .img:before {
    width: 90%;
    height: 90%;
    left: 60px;
  }
  .about_block1 ul li .txt {
    margin-top: 20px;
  }
  .about_block1 ul li .txt h4 {
    font-size: 2rem;
  }
  .about_block1 ul li .txt p {
    margin-top: 10px;
  }
  .about_block2 {
    padding: 40px 0;
  }
  .about_block2 .box {
    margin-top: 20px;
    display: block;
  }
  .about_block2 .box .img {
    width: auto;
  }
  .about_block2 .box .txt {
    width: auto;
    margin-top: 20px;
  }
  .about_block2 .box .txt h4 {
    font-size: 2rem;
  }
  .about_block2 .box .txt p {
    margin-top: 0;
  }
  .about_block2 .box .txt .inner {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .about_block2 .box .txt .inner h5 {
    font-size: 1.6rem;
    padding-right: 10px;
    margin-right: 10px;
  }
  .about_block3 {
    padding: 40px 0;
  }
  .about_block3 .box1 {
    margin-top: 30px;
  }
  .about_block3 .box1 .read {
    text-align: left;
  }
  .about_block3 .box1 ul {
    margin-top: 10px;
  }
  .about_block3 .box1 ul li {
    display: block;
    padding: 20px 0;
  }
  .about_block3 .box1 ul li .icon {
    width: auto;
  }
  .about_block3 .box1 ul li .txt {
    width: auto;
    margin-top: 20px;
  }
  .about_block3 .box1 ul li .txt .tit {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .about_block3 .box1 ul li .txt .tit .step {
    font-size: 1.7rem;
  }
  .about_block3 .box1 ul li .txt .tit h4 {
    font-size: 2.4rem;
  }
  .about_block3 .box1 ul li .txt p {
    margin-top: 10px;
  }
  .about_block3 .box2 {
    margin-top: 40px;
  }
  .about_block4 {
    padding: 40px 0 60px;
  }
  .about_block4 .box {
    margin-top: 30px;
  }
  .about_block4 .box ul li {
    border-radius: 20px;
  }
  .about_block4 .box ul li .txt {
    padding: 20px 5%;
  }
  .about_block4 .box ul li .txt h4 {
    font-size: 1.8rem;
  }
  .about_block4 .box ul li .txt p {
    margin-top: 10px;
  }
  .about_block4 .box .bx-wrapper .bx-pager.bx-default-pager {
    bottom: -30px;
  }
  .about_block4 .box .bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0 10px;
  }
  .about_block4 .box .bx-wrapper .bx-controls-direction a {
    width: 20px;
    height: 20px;
  }
  .about_block4 .box .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -15px;
  }
  .about_block4 .box .bx-wrapper .bx-controls-direction a.bx-next {
    right: -15px;
  }
  /* ----------------------------- 診療時間・アクセス */
  .access_block1 {
    padding: 40px 0;
  }
  .access_block1 .txt {
    margin-top: 20px;
    display: block;
  }
  .access_block1 .txt h4 {
    width: 100px;
    font-size: 1.7rem;
  }
  .access_block1 .txt p {
    margin-left: 0;
    margin-top: 10px;
  }
  .access_block1 .map {
    margin-top: 20px;
  }
  .access_block1 .map iframe {
    height: 250px;
  }
  .access_block1 ul {
    margin-top: 30px;
    padding: 0;
    display: block;
  }
  .access_block1 ul li {
    width: auto;
  }
  .access_block1 ul li:last-child {
    margin-top: 30px;
  }
  .access_block1 ul li h4 {
    font-size: 2rem;
    padding-bottom: 10px;
  }
  .access_block1 ul li p {
    display: block;
    margin-top: 10px;
  }
  .access_block1 .note {
    margin-top: 40px;
    text-align: left;
  }
  .access_block1 .note span {
    display: block;
  }
  .access_block2 {
    padding: 40px 0;
  }
  .access_block2 ul {
    margin-top: 20px;
    display: block;
  }
  .access_block2 ul li {
    margin-right: 0;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .access_block2 ul li:last-child {
    margin-top: 10px;
  }
  .access_block2 ul li h4 {
    width: 100px;
    font-size: 1.7rem;
  }
  .access_block2 ul li p {
    font-size: 1.7rem;
    margin-left: 1em;
  }
  .access_block2 .calendar {
    margin-top: 20px;
  }
  .access_block2 .calendar iframe {
    height: 450px;
  }
  /* ----------------------------- 料金表 */
  .price {
    margin-top: -35px;
  }
  .price_block1 {
    padding: 80px 0 40px;
  }
  .price_block1 .anchor_link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .price_block1 .anchor_link ul li {
    width: 49.5%;
    margin-bottom: 2%;
  }
  .price_block1 .anchor_link ul li a {
    padding: 15px 0;
    font-size: 1.3rem;
    letter-spacing: -0.1em;
  }
  .price_block1 .box {
    padding-top: 80px;
  }
  .price_block1 .box h3 {
    font-size: 2.2rem;
  }
  .price_block1 .box .inner {
    margin-top: 20px;
    padding: 5% 3%;
  }
  .price_block1 .box .inner h4 {
    font-size: 2.2rem;
    margin-bottom: 10px;
  }
  .price_block1 .box .inner h4 small {
    font-size: 60%;
    display: block;
    margin-left: 0;
  }
  .price_block1 .box .inner ul li {
    padding: 10px;
    display: block;
    font-size: 1.7rem;
  }
  .price_block1 .box .inner ul li .treatment.col3 {
    width: auto;
  }
  .price_block1 .box .inner ul li .treatment small {
    font-size: 70%;
  }
  .price_block1 .box .inner ul li .cubic span {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .price_block1 .box .inner ul li .cubic span small {
    font-size: 70%;
  }
  .price_block1 .box .inner ul li .amount {
    width: auto;
    text-align: left;
  }
  .price_block1 .box .inner ul li .amount span {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .price_block1 .box .inner ul li .amount span small {
    font-size: 70%;
  }
  .price_block1 .box .inner .note {
    margin-top: 10px;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
  }
  .price_block1 .box .btn1 {
    width: 340px;
    margin-top: 30px;
  }
  .price_block1 .box5 .inner ul li .treatment {
    width: auto;
  }
  .price_block1 .box5 .inner ul li .cubic {
    width: auto;
    text-align: left;
  }
  .price_block1 .box6 .inner ul li .treatment {
    width: auto;
  }
  .price_block1 .box6 .inner ul li .cubic {
    width: auto;
    text-align: left;
  }
  .price_block1 .box6 .inner2 ul .kinds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .price_block1 .box6 .inner2 ul .kinds .treatment {
    width: 100% !important;
  }
  .price_block1 .box6 .inner2 ul .kinds .cubic {
    margin-right: 1em;
  }
  .price_block1 .box8 .inner2 ul li .treatment {
    width: auto;
  }
  .price_block1 .box8 .inner2 ul li .cubic {
    width: auto;
    text-align: left;
  }
  .price_block2 {
    padding: 40px 0;
  }
  .price_block2 .payment {
    margin-top: 30px;
  }
  /* ----------------------------- 施術メニュー共通 */
  .treatment_menu_block1 {
    padding: 40px 0;
  }
  .treatment_menu_block1 .read {
    margin: 30px auto 0;
  }
  .treatment_menu_block1 .anchor_link {
    margin-top: 30px;
  }
  .treatment_menu_block1 .anchor_link li {
    width: 49% !important;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .treatment_menu_block1 .anchor_link li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .treatment_menu_block1 .anchor_link li a {
    padding: 15px 0;
    font-size: 1.6rem;
    letter-spacing: -0.1em;
  }
  .treatment_menu_block1 .anchor_link.column3 li:nth-child(3n) {
    margin-right: 2%;
  }
  .treatment_menu_block .box {
    padding: 40px 0;
  }
  .treatment_menu_block .box h4 {
    font-size: 2.3rem;
  }
  .treatment_menu_block .box .inner {
    display: block;
  }
  .treatment_menu_block .box .inner .txt {
    width: auto;
  }
  .treatment_menu_block .box .inner .txt p {
    margin-top: 20px;
  }
  .treatment_menu_block .box .inner .img {
    width: auto;
    margin-top: 20px;
  }
  .treatment_menu_block .box .detail {
    margin-top: 30px;
  }
  .treatment_menu_block .box .detail h5 {
    font-size: 2rem;
    padding: 10px 0;
  }
  .treatment_menu_block .box .detail p {
    padding: 20px 3%;
    text-align: left;
  }
  .treatment_menu_block .box .recommendation {
    margin-top: 40px;
  }
  .treatment_menu_block .box .recommendation ul {
    margin: 20px auto;
    display: block;
    padding: 0 5%;
  }
  .treatment_menu_block .box .recommendation ul li {
    width: auto;
    margin-right: 0;
    font-size: 1.5rem;
  }
  .treatment_menu_block .box .pricelist h5 {
    padding: 15px 0;
  }
  .treatment_menu_block .box .pricelist ul {
    margin: 0 3% 4%;
  }
  .treatment_menu_block .box .pricelist ul li {
    padding: 10px;
    display: block;
    font-size: 1.7rem;
  }
  .treatment_menu_block .box .pricelist ul li .treatment {
    width: auto;
  }
  .treatment_menu_block .box .pricelist ul li .treatment.col3 {
    width: auto;
  }
  .treatment_menu_block .box .pricelist ul li .treatment small {
    font-size: 70%;
  }
  .treatment_menu_block .box .pricelist ul li .cubic {
    width: auto;
    text-align: left;
  }
  .treatment_menu_block .box .pricelist ul li .cubic span {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .treatment_menu_block .box .pricelist ul li .cubic span small {
    font-size: 70%;
  }
  .treatment_menu_block .box .pricelist ul li .amount {
    width: auto;
    text-align: left;
  }
  .treatment_menu_block .box .pricelist ul li .amount span {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .treatment_menu_block .box .pricelist ul li .amount span small {
    font-size: 70%;
  }
  .treatment_menu_block .box .pricelist .inside {
    margin-bottom: 30px;
  }
  .treatment_menu_block .box .pricelist .inside h6 {
    font-size: 2rem;
    margin-bottom: 10px;
    padding: 0 5%;
  }
  .treatment_menu_block .box .pricelist .note {
    margin-bottom: 20px;
    text-align: left;
  }
  .treatment_menu_reservation {
    padding: 40px 0;
  }
  .treatment_menu_reservation .line_reservation {
    margin-top: 30px;
  }
  /* ----------------------------- 二重 */
  /* ----------------------------- 目元 */
  /* ----------------------------- くま */
  /* ----------------------------- 肌 */
  .skin_block1 .anchor_link {
    display: block;
  }
  .skin_block1 .anchor_link.column3 li {
    width: auto !important;
    margin-right: 0;
  }
  .skin_block3 .box1 .pricelist ul .kinds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .skin_block3 .box1 .pricelist ul .kinds .treatment {
    width: 100%;
  }
  .skin_block3 .box1 .pricelist ul .kinds .cubic {
    margin-right: 1em;
  }
  .skin_block7 .box .inner .txt .inside {
    margin-top: 20px;
  }
  .skin_block7 .box .inner .txt .inside h5 {
    font-size: 2rem;
  }
  .skin_block7 .box .inner .txt .inside h5:before {
    font-size: 1.5rem;
  }
  .skin_block7 .box .inner .txt .inside p {
    margin-top: 10px;
  }
  .skin_block7 .box1 .treatmentdetails .treatmentdetails_list {
    padding: 20px 3%;
  }
  .skin_block7 .box1 .treatmentdetails .treatmentdetails_list li {
    margin-bottom: 20px;
  }
  .skin_block7 .box1 .treatmentdetails .treatmentdetails_list li h6 {
    font-size: 1.4rem;
  }
  /* ----------------------------- 二の腕 */
  .upperarm_block2 {
    margin-top: -33px;
    padding-top: 33px;
  }
  /* ----------------------------- 脱毛 */
  .hairloss_block1 .inner {
    margin-top: 40px;
    display: block;
  }
  .hairloss_block1 .inner .txt {
    width: auto;
    margin-top: 20px;
  }
  .hairloss_block1 .inner .img {
    width: auto;
  }
  .hairloss_block2 .box .commitment {
    margin-top: 20px;
  }
  .hairloss_block2 .box .commitment li {
    width: auto;
    display: block;
    margin-bottom: 40px;
  }
  .hairloss_block2 .box .commitment li:last-child {
    margin-bottom: 0;
  }
  .hairloss_block2 .box .commitment li .img {
    width: 70%;
    margin: 0 auto;
  }
  .hairloss_block2 .box .commitment li .img:before {
    width: 90%;
    height: 90%;
    top: 40px;
    left: 80px;
  }
  .hairloss_block2 .box .commitment li .txt {
    width: auto;
    margin-left: 0;
    margin-top: 10px;
  }
  .hairloss_block2 .box .commitment li .txt h4 {
    font-size: 2.2rem;
    text-align: center;
  }
  .hairloss_block2 .box .commitment li .txt p {
    margin-top: 5px;
  }
  .hairloss_block2 .box .commitment li:nth-child(2n) .img:before {
    right: 80px;
  }
  .hairloss_block2 .box .commitment li:nth-child(2n) .txt {
    margin-right: 0;
  }
  .hairloss_block2 .box .pricelist .inside1 {
    margin-top: 10px;
  }
  .hairloss_block2 .box .pricelist .inside1 h6 small {
    display: block;
  }
  /* ----------------------------- コラム */
  .column {
    padding: 40px 0;
  }
  .column ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .column ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 40px;
  }
  .column ul li .txt {
    margin-top: 10px;
  }
  .column ul li .txt .date {
    font-size: 1.7rem;
  }
  .column ul li .txt .title {
    font-size: 1.7rem;
    margin-top: 5px;
  }
  /* ----------------------------- コラム詳細 */
  .single_column_block1 {
    padding: 40px 0;
  }
  .single_column_block1 .date {
    font-size: 1.6rem;
  }
  .single_column_block1 .title {
    font-size: 2.2rem;
    margin-top: 5px;
  }
  .single_column_block1 .content {
    margin-top: 20px;
  }
  .single_column_block2 {
    padding: 40px 0;
  }
  .single_column_block2 h3 {
    font-size: 2.4rem;
  }
  .single_column_block2 ul {
    margin-top: 30px;
  }
  .single_column_block2 ul li {
    width: 48%;
    margin-right: 4%;
  }
  .single_column_block2 ul li:nth-child(2) {
    margin-right: 0;
  }
  .single_column_block2 ul li:last-child {
    display: none;
  }
  .single_column_block2 ul li .txt {
    margin-top: 10px;
  }
  .single_column_block2 ul li .txt .date {
    font-size: 1.7rem;
  }
  .single_column_block2 ul li .txt .title {
    font-size: 1.7rem;
    margin-top: 5px;
  }
  .single_column_block3 {
    padding: 40px 0;
  }
  /* ----------------------------- お問い合わせ */
  .contact_block1 {
    padding: 40px 0;
  }
  .contact_block1 .read {
    font-size: 1.8rem;
    text-align: left;
  }
  .contact_block1 .tel_reservation {
    background-size: 25%;
    background-position: bottom left 3%;
    border-radius: 20px;
    padding: 20px 0;
    margin-top: 40px;
  }
  .contact_block1 .tel_reservation h4 {
    font-size: 2rem;
  }
  .contact_block1 .tel_reservation .number {
    font-size: 4rem;
    margin-top: 10px;
  }
  .contact_block1 .tel_reservation p {
    font-size: 1.6rem;
  }
  .contact_block1 .box {
    max-width: 900px;
    margin: 60px auto 0;
  }
  .contact_block1 .box ul li h5 {
    font-size: 1.8rem;
  }
  .contact_block1 .box ul li h5 .required {
    width: 60px;
    font-size: 1.4rem;
  }
  .contact_block1 .box ul li p {
    margin-top: 5px;
  }
  .contact_block1 .box ul li p input, .contact_block1 .box ul li p textarea {
    padding: 15px;
    font-size: 1.5rem;
  }
  .contact_block1 .box ul li p textarea {
    height: 150px;
  }
  .contact_block1 .box .contact_btn {
    margin-top: 30px;
  }
  /* ----------------------------- フッター */
  #footer_reservation {
    padding-top: 0;
    margin-top: 0;
  }
  .footer_reservation {
    margin-bottom: 0;
  }
  .footer_reservation .box {
    padding: 40px 0;
    position: static;
  }
  .footer_reservation .box ul {
    display: block;
    margin-top: 40px;
  }
  .footer_reservation .box ul li {
    width: auto;
    margin-bottom: 20px;
  }
  .footer_reservation .box ul li:last-of-type {
    margin-bottom: 0;
  }
  .footer_reservation .box ul li .btn1 {
    width: 260px;
    margin: 0 auto;
  }
  .footer_reservation .box ul li .btn1 a {
    font-size: 1.8rem;
    padding: 20px 10%;
  }
  .footer_reservation .box ul li.tel .btn1 a {
    color: #334665;
  }
  .footer_reservation .box ul li.tel .btn1 a:after {
    border-color: #334665;
  }
  .footer_reservation .box ul li.tel p {
    margin-top: 15px;
    font-size: 1.6rem;
  }
  .footer_reservation .box ul li.tel p small {
    font-size: 1.3rem;
  }
  .footer_reservation .box .inner {
    margin-top: 40px;
    padding: 20px 0;
  }
  .footer_reservation .box .inner h4 {
    font-size: 1.6rem;
  }
  .calendar {
    padding: 40px 0;
    margin-top: 0;
  }
  .calendar h3 {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .footer {
    padding: 40px 0 20px;
    margin-bottom: 45px;
  }
  .footer .box {
    display: block;
  }
  .footer .box .intelligence {
    width: auto;
    text-align: center;
  }
  .footer .box .intelligence .logo {
    width: 250px;
    margin: 0 auto;
  }
  .footer .box .intelligence p {
    margin-top: 20px;
  }
  .footer .box .sitemap {
    width: auto;
    display: none;
  }
  .footer .box .sitemap .inner h4:before {
    width: 8px;
  }
  .footer .box .sitemap .inner ul {
    padding-left: 1em;
  }
  .footer .box .sitemap .inner1 .detail {
    margin-bottom: 10px;
  }
  .footer .box .sitemap .inner2 h4 {
    margin-bottom: 10px;
  }
  .footer .box .btn {
    width: 200px;
    margin: 20px auto 0;
  }
  .footer .box .btn ul li {
    margin-bottom: 10px;
  }
  .footer .box .btn ul li a {
    padding: 20px 10%;
    font-size: 1.5rem;
  }
  .footer .copy {
    text-align: center;
    margin-top: 40px;
  }
  .grecaptcha-badge {
    bottom: 80px !important;
  }
  .pagetop {
    bottom: 80px;
  }
}
/*# sourceMappingURL=style-sp.css.map */