@charset "UTF-8";
.iblock {
  display: inline-block;
}

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

@media screen and (min-width: 769px) {
  .under_pad {
    display: none !important;
  }
}

.swiper-container {
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.swiper-container.swiper-initialized {
  opacity: 1;
}

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* 基本 */
body {
  margin: 0;
  background-color: #ffffff;
  color: #474747;
  overflow-x: hidden;
}

/* ページ内リンクをなめらかにスクロール */
html {
  scroll-behavior: smooth;
}

/* ヘッダー */
.header {
  /* height: 105px; */
}

.head {
  /* flex-direction: column; */
  /* text-align: left; */
}

/* PC サイト共通 */
@media screen and (min-width: 769px) {
  .gray-back {
    background: -webkit-gradient(linear, left top, right top, color-stop(23.7%, #F5F5F5), color-stop(23.7%, #ffffff));
    background: linear-gradient(to right, #F5F5F5 23.7%, #ffffff 23.7% 100%);
  }
  /* --------------------
		ページヘッダー
	-------------------- */
  .mainimg img {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding-left: 10%;
    margin-top: 88px;
  }
  .spmainimg img {
    display: none !important;
  }
  .mainimg2 img {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding-left: 10%;
  }
  .spmainimg2 img {
    display: none !important;
  }
}

/* SP サイト共通 */
@media screen and (max-width: 768px) {
  .gray-back {
    background: -webkit-gradient(linear, left top, right top, color-stop(32%, #F5F5F5), color-stop(32%, #ffffff));
    background: linear-gradient(to right, #F5F5F5 32%, #ffffff 32% 100%);
  }
  /* --------------------
		ページヘッダー
	-------------------- */
  .mainimg img {
    display: none !important;
  }
  .spmainimg img {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding-left: 10%;
    padding-top: 117px;
  }
  .mainimg2 img {
    display: none !important;
  }
  .spmainimg2 img {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding-left: 10%;
    padding-top: 49px;
  }
}

/* ヘッダーPC */
@media screen and (min-width: 769px) {
  /* --------------------
		ヘッダー 
	-------------------- */
  /* ハンバーガーメニュー */
  .menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    width: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 90;
    background-color: #474747;
    cursor: pointer;
  }
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
  }
  .menu-btn span:before {
    bottom: 8px;
  }
  .menu-btn span:after {
    top: 8px;
  }
  #menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
    /*メニューオープン時は真ん中の線を透明にする*/
  }
  #menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #menu-btn-check {
    display: none;
  }
  /* グロナビメニュー */
  .menu-content {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 768px;
    min-height: 100vh;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: -105%;
    /*メニューを画面外へ*/
    z-index: 80;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /*アニメーション設定*/
  }
  .menu-content ul {
    margin: 0 15% 10%;
    padding: 80px 0 0 0;
  }
  .menu-content ul li {
    border-bottom: solid 1px #ffffff;
    padding-bottom: 30px;
    list-style: none;
  }
  .menu-content .ig {
    padding: 10px 0;
  }
  .menu-content .ig a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
  }
  .menu-content .ig .size2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
  }
  .menu-content .ig .txt {
    display: block;
    padding-left: 10px;
    font-size: 15px;
    line-height: 1;
    color: #474747;
    text-decoration: none;
  }
  .menu-content .btn {
    max-width: 400px;
    padding: 10px 0 0 0;
    margin-bottom: 0;
  }
  .menu-content img {
    display: block;
    width: 100%;
  }
  .menu-content ul li a {
    display: block;
  }
  .menu-content .size1 {
    max-width: 320px;
  }
  #menu-btn-check:checked ~ .menu-content {
    right: 0;
    /*メニューを画面内へ*/
  }
  /* --------------------
		右下固定のボタン 
	-------------------- */
  .headbtns {
    z-index: 50;
    position: fixed;
    right: 14px;
    bottom: 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .button_1,
  .button_30,
  .button_12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 222px;
            flex: 0 0 222px;
    margin: 0 10px;
  }
  .button_1 img,
  .button_30 img,
  .button_12 img {
    display: block;
    width: 100%;
  }
  /* --------------------
		上部固定のボタン 
	-------------------- */
  .logo {
    max-width: 155px;
  }
  .logo a,
  .logo img {
    display: block;
    width: 100%;
  }
  .in-icon,
  .in-icon2 {
    display: block;
    position: fixed;
    top: 25px;
    margin-right: 10px;
    z-index: 100;
    text-align: center;
  }
  .in-icon a,
  .in-icon2 a {
    display: block;
    width: 36px;
  }
  .in-icon img,
  .in-icon2 img {
    display: block;
    width: 100%;
  }
  .in-icon {
    right: 120px;
  }
  .in-icon2 {
    right: 175px;
  }
  /* .fb-icon {
		position: fixed;
		top: 28px;
		right: 130px;
		z-index: 100;
	} */
}

/* ヘッダーSP */
@media screen and (max-width: 768px) {
  /* --------------------
		ヘッダー 
	-------------------- */
  /* ハンバーガーメニュー */
  .menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 90;
    background-color: #474747;
    cursor: pointer;
  }
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
  }
  .menu-btn span:before {
    bottom: 8px;
  }
  .menu-btn span:after {
    top: 8px;
  }
  #menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
    /*メニューオープン時は真ん中の線を透明にする*/
  }
  #menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #menu-btn-check {
    display: none;
  }
  /* グロナビメニュー */
  .menu-content {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: -105%;
    /*メニューを画面外へ*/
    z-index: 80;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /*アニメーション設定*/
  }
  .menu-content ul {
    width: 90%;
    max-width: 309px;
    margin: 0 auto 20%;
    padding: 60px 0 0 0;
  }
  .menu-content ul li {
    padding-bottom: 25px;
    border-bottom: solid 1px #ffffff;
    list-style: none;
  }
  .menu-content .ig {
    padding: 10px 0;
  }
  .menu-content .ig a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
  }
  .menu-content .ig .size2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
  }
  .menu-content .ig .txt {
    display: block;
    padding-left: 10px;
    font-size: 15px;
    line-height: 1;
    color: #474747;
    text-decoration: none;
  }
  .menu-content .btn {
    padding: 10px 0 0 0;
    margin-bottom: 0;
  }
  .menu-content img {
    display: block;
    width: 100%;
  }
  .menu-content ul li a {
    display: block;
  }
  #menu-btn-check:checked ~ .menu-content {
    right: 0;
    /*メニューを画面内へ*/
  }
  /* --------------------
		右下固定のボタン 
	-------------------- */
  .headbtns {
    z-index: 50;
    position: fixed;
    right: 0;
    bottom: 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .button_1,
  .button_30,
  .button_12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
    max-width: 260px;
    margin: 0 1%;
  }
  .button_1 img,
  .button_30 img,
  .button_12 img {
    display: block;
    width: 100%;
  }
  .button_30 {
    display: none;
  }
  /* --------------------
		上部固定のボタン 
	-------------------- */
  .logo {
    margin-top: 10px;
    max-width: 100px;
  }
  .logo a,
  .logo img {
    display: block;
    width: 100%;
  }
  .in-icon {
    position: fixed;
    z-index: 100;
    top: 15px;
    right: 75px;
    margin-right: 10px;
  }
  .in-icon img {
    width: 28px;
  }
  /* .fb-icon {
		position: fixed;
		z-index: 100;
		top: 18px;
		right: 85px;
	}
	.fb-icon img {
		width: 31px;
	} */
}

/* フッターPC */
@media screen and (min-width: 769px) {
  .main11 {
    position: relative;
  }
  .main111 {
    display: none;
  }
  .main11 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .main11-wrap {
    position: absolute;
    top: 47.5%;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 71%;
    margin: 0 auto;
  }
  .button_t,
  .button_c,
  .button_l {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
  }
  .button_t a,
  .button_c a,
  .button_l a {
    display: block;
    cursor: pointer;
  }
  /* addR ロゴ */
  .main12 {
    display: block;
    position: relative;
    width: 100%;
  }
  .main12 img {
    display: block;
    width: 100%;
  }
  .main112 {
    display: none;
  }
}

/* フッターSP */
@media screen and (max-width: 768px) {
  .main11 {
    display: none;
  }
  .main111 {
    position: relative;
  }
  .main111 img {
    display: block;
    position: relative;
    width: 100%;
  }
  .main11-wrap {
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95%;
    margin: 0 auto;
  }
  .button_t,
  .button_c,
  .button_l {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: -10%;
  }
  .button_t a,
  .button_c a,
  .button_l a {
    display: block;
    cursor: pointer;
  }
  /* addR ロゴ */
  .main12 {
    display: none;
  }
  .main112 {
    display: block;
    position: relative;
    width: 100%;
  }
  .main112 img {
    display: block;
    width: 100%;
  }
}

/* --------------------
	TOPページ 
-------------------- */
/* 共通 TOPページ */
@media screen and (min-width: 0px) {
  /* メインビュー */
  .mainvw #mvslider {
    z-index: 1;
    position: relative;
  }
  .mainvw-wrap {
    position: relative;
    margin-left: auto;
    overflow: hidden;
  }
  .mainvw-logo {
    opacity: 0;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .mainvw-logo img {
    display: block;
    width: 100%;
  }
  .mainvw .swiper-wrapper {
    height: auto;
  }
  .mainvw .swiper-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mainvw .swiper-slide {
    position: relative;
  }
  .mainvw .swiper-slide.swiper-slide-active .mainvw-logo {
    -webkit-animation: fadeInOut 3.6s ease-in-out 2.4s forwards;
            animation: fadeInOut 3.6s ease-in-out 2.4s forwards;
  }
}

/* PC TOPページ */
@media screen and (min-width: 769px) {
  /* メインビュー */
  .mainvw {
    padding-bottom: 16.8%;
  }
  .mainvw-wrap {
    width: 89%;
    aspect-ratio: 1723 / 855;
  }
  .mainvw-logo {
    width: 23%;
  }
  /* MENU ページ内ナビ */
  .title3 {
    width: 13%;
    margin: 0 auto 32px;
  }
  .title3 img {
    display: block;
    width: 100%;
    cursor: default;
  }
  .topanchor {
    margin-top: -10%;
  }
  .topanchor-menu {
    background-color: #fff;
  }
  .topanchor-menu_sp {
    display: none;
  }
  .topanchor ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80%;
    max-width: 1140px;
    padding: 70px 0 100px;
    margin: 0 auto -72px;
  }
  .topanchor ul li {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    list-style: none;
    padding: 0 1.7%;
    margin-bottom: 72px;
  }
  .topanchor ul li a {
    display: block;
    cursor: pointer;
  }
  .topanchor ul li a img {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  .topanchor ul li:nth-child(3n-1)::before,
  .topanchor ul li:nth-child(3n-1)::after {
    content: '';
    opacity: .5;
    position: absolute;
    top: 20px;
    bottom: 20px;
    display: block;
    margin: auto;
    height: 100%;
    width: 1px;
    background-color: #C59C9C;
  }
  .topanchor ul li:nth-child(3n-1)::before {
    left: 0;
  }
  .topanchor ul li:nth-child(3n-1)::after {
    right: 0;
  }
  /* ネイル */
  .main3 {
    position: relative;
  }
  .main3 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_3 {
    position: absolute;
    top: 67%;
    left: 72%;
    width: 11%;
  }
  .button_3 a {
    display: block;
    cursor: pointer;
  }
  .main103 img {
    display: none !important;
  }
  /* 眉毛 */
  .main13 {
    position: relative;
  }
  .main13 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_13 {
    position: absolute;
    top: 72%;
    left: 30%;
    width: 11%;
  }
  .button_13 a {
    display: block;
    cursor: pointer;
  }
  .main113 img {
    display: none !important;
  }
  /* スクール */
  .main7 {
    position: relative;
  }
  .main7 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_7 {
    position: absolute;
    top: 71%;
    left: 72%;
    width: 11%;
  }
  .button_7 a {
    display: block;
    cursor: pointer;
  }
  .main107 img {
    display: none !important;
  }
  .title7 img {
    cursor: default;
  }
  .title7 {
    width: 23.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 18%;
    left: 9.9%;
  }
  /* 脱毛 */
  .main5 {
    position: relative;
  }
  .main5 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_5 {
    position: absolute;
    top: 70%;
    left: 30%;
    width: 11%;
  }
  .button_5 a {
    display: block;
    cursor: pointer;
  }
  .main105 img {
    display: none !important;
  }
  /* エステ */
  .main4 {
    position: relative;
  }
  .main4 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_4 {
    position: absolute;
    top: 73%;
    left: 72%;
    width: 11%;
  }
  .button_4 a {
    display: block;
    cursor: pointer;
  }
  .main104 img {
    display: none !important;
  }
  /* ホワイトニング */
  .main6 {
    position: relative;
  }
  .main6 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_6 {
    position: absolute;
    top: 73%;
    left: 30%;
    width: 11%;
  }
  .button_6 a {
    display: block;
    cursor: pointer;
  }
  .main106 img {
    display: none !important;
  }
  /* インスタ */
  .main8 {
    position: relative;
  }
  .main8 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .main108 img {
    display: none !important;
  }
  .title8 img {
    cursor: default;
  }
  .title8 {
    width: 20.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 44%;
    left: 39.65%;
  }
  /* CONCEPT */
  .main2 {
    position: relative;
  }
  .main2 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_2 a {
    display: block;
    cursor: pointer;
  }
  .button_2 {
    width: 13.5%;
    position: absolute;
    top: 52%;
    left: 27%;
  }
  .button_2 a {
    display: block;
    cursor: pointer;
  }
  .title2 {
    width: 21.5%;
    position: absolute;
    top: 0;
    left: 13%;
  }
  .title2 img {
    display: block;
    cursor: default;
  }
  .main102 img {
    display: none !important;
  }
  /* メッセージ */
  .main9 {
    position: relative;
  }
  .main9 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .main109 img {
    display: none !important;
  }
  .title9 img {
    cursor: default;
  }
  .title9 {
    width: 29.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 14%;
    left: 47%;
  }
  /* 店舗情報 */
  .main10 {
    position: relative;
  }
  .main10 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .main110 img {
    display: none !important;
  }
  .main10-map {
    position: relative;
    display: block;
    margin-top: -11%;
  }
  .main10-map iframe {
    width: 70%;
    aspect-ratio: 840/320;
  }
  .center {
    text-align: center;
  }
  .main10_2 {
    position: relative;
  }
  .main10_2 img {
    display: block !important;
    position: relative;
    max-width: 100%;
  }
  .button_10 {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 30%;
    left: 61.5%;
  }
  .main110_2 img {
    display: none !important;
  }
}

/* SP TOPページ */
@media screen and (max-width: 768px) {
  /* メインビュー */
  .mainvw .mainvw-wrap {
    width: 90.6%;
    aspect-ratio: 340 / 542;
  }
  .mainvw .mainvw-logo {
    width: 54.1%;
  }
  /* MENU ページ内ナビ */
  .title3 {
    width: 30%;
    margin: 0 auto;
    padding: 60px 0 20px;
  }
  .title3 img {
    display: block;
    width: 100%;
    cursor: default;
  }
  .topanchor-menu {
    display: none;
  }
  .topanchor-menu_sp {
    background-color: #fff;
  }
  .topanchor ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 87.5%;
    max-width: 480px;
    padding: 20px 0 40px;
    margin: 0 auto;
  }
  .topanchor ul li {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
            flex: 0 0 46%;
    list-style: none;
    margin-bottom: 0;
  }
  .topanchor ul li a {
    display: block;
    padding: 22px 0;
    cursor: pointer;
  }
  .topanchor ul li a img {
    display: block;
    width: 100%;
  }
  .topanchor ul li::after {
    content: '';
    opacity: .5;
    position: absolute;
    bottom: 0;
    display: block;
    margin: auto;
    width: 100%;
    height: 2px;
    background-color: #C59C9C;
  }
  .topanchor ul li:nth-last-of-type(2)::after,
  .topanchor ul li:last-of-type::after {
    background-color: transparent;
  }
  /* ネイル */
  .main3 img {
    display: none !important;
  }
  .main103 {
    position: relative;
  }
  .main103 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_3 {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 3.7%;
    right: 17%;
  }
  /* 眉毛 */
  .main13 img {
    display: none !important;
  }
  .main113 {
    position: relative;
  }
  .main113 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_13 {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 3.5%;
    right: 17%;
  }
  /* スクール */
  .main7 img {
    display: none !important;
  }
  .main107 {
    position: relative;
  }
  .main107 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_7 {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 3.5%;
    right: 17%;
  }
  .title7 img {
    cursor: default;
  }
  .title7 {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 4.2%;
    left: 7%;
  }
  /* 脱毛 */
  .main5 img {
    display: none !important;
  }
  .main105 {
    position: relative;
  }
  .main105 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_5 {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 5.7%;
    right: 17%;
  }
  /* エステ */
  .main4 img {
    display: none !important;
  }
  .main104 {
    position: relative;
  }
  .main104 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_4 {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 3.7%;
    right: 17%;
  }
  /* ホワイトニング */
  .main6 img {
    display: none !important;
  }
  .main106 {
    position: relative;
  }
  .main106 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_6 {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 5.7%;
    right: 17%;
  }
  /* インスタ */
  .main108 {
    position: relative;
  }
  .main8 img {
    display: none !important;
  }
  .main108 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .title8 img {
    cursor: default;
  }
  .title8 {
    width: 42.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 21.5%;
    left: 29%;
  }
  /* CONCEPT */
  .main2 img {
    display: none !important;
  }
  .main102 {
    position: relative;
  }
  .main102 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_2 {
    width: 34%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 56%;
    left: 52.5%;
  }
  .title2 img {
    cursor: default;
  }
  .title2 {
    width: 44%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: .25%;
    left: 11%;
  }
  /* メッセージ */
  .main109 {
    position: relative;
  }
  .main9 img {
    display: none !important;
  }
  .main109 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .title9 img {
    cursor: default;
  }
  .title9 {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 1.5%;
    left: 32.5%;
  }
  /* 店舗情報 */
  .main10 img {
    display: none !important;
  }
  .main110 {
    position: relative;
  }
  .main110 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  /* アクセス */
  .center {
    text-align: center;
  }
  .main10-map iframe {
    width: 88%;
    aspect-ratio: 520/350;
  }
  .main10_2 img {
    display: none !important;
  }
  .main110_2 {
    position: relative;
  }
  .main110_2 img {
    display: block !important;
    position: relative;
    width: 100%;
  }
  .button_10 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: absolute;
    top: 30%;
    left: 45%;
  }
}

/* --------------------
	下層ページ 
-------------------- */
/* 共通 下層ページ */
@media screen and (min-width: 0px) {
  .pagecont {
    line-height: 2;
    letter-spacing: .05em;
  }
  .pagecont .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pagecont .description-inner {
    margin: 0;
    text-align: left;
  }
  .pagecont .description-inner strong {
    font-weight: 700;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(20%, #B17D7D));
    background-image: linear-gradient(transparent 80%, #B17D7D 20%);
  }
  .pagecont .price-table table {
    width: 100%;
    margin: 0;
  }
  .pagecont .price-table table thead tr th {
    text-align: center;
    line-height: 1;
    color: #B17D7D;
    border: 1px solid #d2d2d2;
  }
  .pagecont .price-table table tbody tr td {
    border: 1px solid #d2d2d2;
  }
  .pagecont .price-table table tbody tr td.name {
    font-weight: 500;
  }
  .pagecont .price-table table tbody tr td.name small {
    font-size: inherit;
    font-weight: 400;
  }
  .pagecont .price-table table tbody tr td.price {
    text-align: center;
    font-weight: 400;
  }
  /* よくある質問 */
  #faq input {
    display: none;
  }
  #faq label {
    cursor: pointer;
  }
  .faq_ttl {
    width: 25.6%;
    max-width: 192px;
    margin: 0 auto 40px;
  }
  .faq_ttl img {
    display: block;
    width: 100%;
  }
  .faq_item {
    overflow: hidden;
    width: 55.26%;
    margin: 28px auto 0;
    background-color: #F6F2F2;
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.15);
  }
  .faq_item:last-of-type {
    margin-bottom: 20px;
  }
  .faq_item_q,
  .faq_item_a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    font-size: clamp(13px, 4vw, 18px);
    letter-spacing: .05em;
    line-height: 1.6;
  }
  .faq_item_q {
    padding: 20px 22px 20px 72px;
    font-weight: 500;
  }
  .faq_item_a {
    /* CLOSE時 */
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    padding: 0 72px;
    font-weight: 400;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .faq_item input:checked ~ .faq_item_a {
    /* OPEN時 */
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 0 72px 17px;
  }
  .faq_item_q::before,
  .faq_item_a::before {
    content: '';
    position: absolute;
    left: 22px;
    display: block;
    width: 30px;
    height: 49px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .faq_item_q::before {
    top: 12px;
    background-image: url("../img/page/faq_Q.png");
  }
  .faq_item_a::before {
    background-image: url("../img/page/faq_A.png");
  }
  .faq_item_q::after {
    /* CLOSE時 */
    content: '';
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    height: 18px;
    margin-top: 7px;
    margin-left: auto;
    background: url("../img/page/faq_tri.png") no-repeat right/contain;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .faq_item input:checked + .faq_item_q::after {
    /* OPEN時 */
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
  }
  /* ジャンル別よくある質問 */
  .allfaq_input:checked + .faq_subttl::after {
    /* OPEN時 */
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1);
  }
  .faqcont {
    /* CLOSE時 */
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    font-weight: 400;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .allfaq_input:checked ~ .faqcont {
    /* OPEN時 */
    opacity: 1;
    visibility: visible;
    height: auto;
  }
  .faq_subttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 55.26%;
    padding: 16px 24px;
    margin: 35px auto 0;
    font-size: clamp(14px, 4vw, 22px);
    font-weight: 500;
    color: #fff;
    background-color: #B17D7D;
  }
  .faq_subttl::after {
    /* CLOSE時 */
    content: '';
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    height: 18px;
    margin-top: 7px;
    margin-left: auto;
    background: url("../img/page/contact_faq_tri.png") no-repeat right/contain;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .allfaq .faq_item:last-of-type {
    margin-bottom: 35px;
  }
  /* ホットペッパーへのボタン */
  main.Page .hotpepper {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  main.Page .hotpepper a {
    display: block;
    width: 100%;
    cursor: pointer;
  }
  /* PDFダウンロード */
  .pdfdownload {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .pdfdownload a {
    display: block;
    width: 100%;
    cursor: pointer;
  }
}

/* PC 下層ページ */
@media screen and (min-width: 769px) {
  main.Page .img_pc {
    position: relative;
  }
  main.Page .img_pc img {
    display: block;
    position: relative;
    max-width: 100%;
  }
  main.Page .img_sp {
    display: none;
  }
  /* ホットペッパーへのボタン */
  main.Page .hotpepper {
    width: 23%;
  }
  /* PDFダウンロード */
  .pdfdownload {
    width: 21%;
  }
  .pdfdownload a {
    margin-top: 9%;
  }
  .pagecont {
    font-size: 1.04vw;
    letter-spacing: .05em;
  }
  .pagecont .description {
    padding: 4.68% 0;
  }
  .pagecont .description-inner {
    width: 37%;
    font-size: .8333vw;
  }
  .pagecont .price-table {
    width: 55.3125%;
    margin: auto;
  }
  .pagecont .price-table table thead tr th {
    padding: 3.72% 0;
    font-size: 1.25vw;
  }
  .pagecont .price-table table tbody tr td {
    padding: 3.72% 1.77vw;
  }
  .pagecont .price-table table tbody tr td.name {
    width: 75.8%;
  }
  .pagecont .price-table table tbody tr td.price {
    width: 24.2%;
  }
  /* --------------------
		ネイル 
	-------------------- */
  .nail8 .hotpepper {
    bottom: 15.5%;
  }
  /* --------------------
		エステ 
	-------------------- */
  .esthetic4 .hotpepper {
    bottom: 9%;
  }
  /* --------------------
		スクール 
	-------------------- */
  .sclfotter .main11-wrap {
    top: 33.5%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 43%;
  }
  .sclfotter .button_t,
  .sclfotter .button_c,
  .sclfotter .button_l {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  /* --------------------
		脱毛 
	-------------------- */
  .hairremoval3 .pdfdownload {
    bottom: 3.8%;
  }
  .hairremoval4 .pdfdownload {
    bottom: 15.8%;
  }
  .hairremoval4 .hotpepper {
    bottom: 8.5%;
  }
  /* --------------------
		ホワイトニング 
	-------------------- */
  .white3 .hotpepper {
    bottom: 16%;
  }
  /* --------------------
		お問い合わせ 
	-------------------- */
  .contact_ttl,
  .contact_subttl,
  .contact3 .form {
    display: block;
    width: 55.26%;
    margin: 0 auto;
  }
  #faq .contact_ttl img {
    display: block;
    max-width: 348px;
  }
  .contact3 .contact_ttl {
    margin: 5.8% auto 2.8%;
  }
  .contact3 .contact_ttl img {
    display: block;
    max-width: 482px;
  }
  .contact3 .form {
    width: 100%;
    max-height: 1080px;
    margin-bottom: 12.3%;
    aspect-ratio: 822 / 1100;
  }
  .contact3 iframe {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
}

/* SP 下層ページ */
@media screen and (max-width: 768px) {
  main.Page .img_sp {
    position: relative;
  }
  main.Page .img_sp img {
    position: relative;
    display: block;
    max-width: 100%;
  }
  main.Page .img_pc {
    display: none;
  }
  /* PDFダウンロード */
  .pdfdownload {
    width: 70%;
  }
  .pdfdownload a {
    margin-top: 4%;
  }
  /* ホットペッパーへのボタン */
  main.Page .hotpepper {
    width: 70%;
  }
  /* よくある質問 */
  .faq_ttl {
    margin: 0 auto 14px;
  }
  .faq_item {
    width: 90.4%;
    margin: 16px auto 0;
  }
  .faq_item:last-of-type {
    margin-bottom: 20px;
  }
  .faq_item_q {
    padding: 14px 14px 14px 52px;
  }
  .faq_item_a {
    /* CLOSE時 */
    padding: 0 30px 0 52px;
  }
  .faq_item input:checked ~ .faq_item_a {
    /* OPEN時 */
    padding: 0 30px 17px 52px;
  }
  .faq_item_q::before,
  .faq_item_a::before {
    left: 15px;
    width: 24px;
    height: 38px;
  }
  .faq_item_q::before {
    top: 9px;
  }
  .faq_item_q::after {
    /* CLOSE時 */
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13px;
            flex: 0 0 13px;
    height: 13px;
  }
  /* ジャンル別よくある質問 */
  .faq_subttl {
    width: 90.4%;
    padding: 8px 15px;
    margin: 15px auto 0;
  }
  .faq_subttl::after {
    /* CLOSE時 */
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13px;
            flex: 0 0 13px;
    height: 13px;
    margin-top: 4px;
  }
  .allfaq .faq_item:last-of-type {
    margin-bottom: 15px;
  }
  .pagecont {
    font-size: 2.66vw;
  }
  .pagecont .description {
    padding: 11.7% 0;
  }
  .pagecont .description-inner {
    width: 72.8%;
    font-size: 3.733vw;
  }
  .pagecont .price-table {
    width: 90.4%;
    margin: auto;
  }
  .pagecont .price-table table thead tr {
    height: 80px;
  }
  .pagecont .price-table table thead tr th {
    padding: 0;
    font-size: 4.266vw;
  }
  .pagecont .price-table table tbody tr {
    height: 60px;
  }
  .pagecont .price-table table tbody tr td {
    padding: 2.5% 2.93vw;
  }
  .pagecont .price-table table tbody tr td.name {
    width: 81.4%;
  }
  .pagecont .price-table table tbody tr td.price {
    width: 18.6 0.4%;
  }
  /* --------------------
		ネイル 
	-------------------- */
  .nail108 .hotpepper {
    bottom: 8.5%;
  }
  /* --------------------
		エステ 
	-------------------- */
  .esthetic104 .hotpepper {
    top: 0;
  }
  /* --------------------
		スクール 
	-------------------- */
  .sclfotter .main11-wrap {
    top: 27.5%;
  }
  /* --------------------
		脱毛 
	-------------------- */
  .hairremoval103 .pdfdownload {
    bottom: 1.8%;
  }
  .hairremoval104 .pdfdownload {
    bottom: 14%;
  }
  .hairremoval104 .hotpepper {
    bottom: 8%;
  }
  /* --------------------
		ホワイトニング 
	-------------------- */
  .white103 .hotpepper {
    bottom: 11%;
  }
  /* --------------------
		お問い合わせ 
	-------------------- */
  .contact_ttl,
  .contact_subttl,
  .contact3 .form {
    display: block;
    width: 90.4%;
    margin: 0 auto;
  }
  #faq .contact_ttl img {
    display: block;
    width: 65.4%;
  }
  .contact3 .contact_ttl {
    margin: 18.9% auto 2.8%;
  }
  .contact3 .contact_ttl img {
    display: block;
    width: 91.2%;
  }
  .contact3 .form {
    width: 100%;
    height: 1300px;
    aspect-ratio: 822 / 1100;
  }
  .contact3 iframe {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
}

/* 下から */
.fadeUpTrigger {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  /*1秒後にアニメーション開始*/
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
.fadeUpTrigger {
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */