@charset "UTF-8";
.fs10 {
  font-size: 10px;
}

.outer {
  width: 95%;
  margin: 0 auto;
  border-radius: 40px 0 40px 0;
}

body {
  background: #f8f8f8;
}

@media only screen and (max-width: 1024px) {
  .flex {
    max-width: none;
    margin: 0;
  }
  .flex.inner {
    margin-left: auto;
    margin-right: auto;
  }
  .flexc {
    max-width: none;
  }
  .flexs {
    max-width: none;
  }
  .flexb {
    max-width: none;
  }
  .inner {
    max-width: none;
  }
}

.rpic {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#header {
  position: absolute;
  top: 30px;
  left: 3%;
  right: 3%;
  z-index: 50;
  margin-top: 20px;
  padding: 10px 0;
}

#header .add {
  display: none;
}

#gnav ul li a {
  display: block;
  color: #000;
  text-align: left;
  padding: 10px 15px;
  border: none;
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  font-weight: bold;
  color: #79bbc7;
}

#gnav li {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0;
}

#gnav {
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  background: #fff;
  z-index: 1000;
  width: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: ease .5s;
  transition: ease .5s;
}

#gnav > ul {
  height: calc(100% - 60px);
  overflow: auto;
  padding-bottom: 100px;
}

#gnav.action {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#gnav ul ul li {
  border-top: 1px solid #ddd;
  border-bottom: none;
}

#gnav ul ul li a {
  color: #c7b379;
}

#gnav p {
  text-align: right;
}

#gnav p .n {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

#gnav p .n:before {
  content: "";
  display: block;
  background: #666;
  height: 2px;
  width: 26px;
  text-indent: -9999px;
  padding: 0;
  top: 50%;
  left: 11px;
  margin-top: -1px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#gnav p .n:after {
  display: block;
  content: "";
  background: #666;
  height: 2px;
  width: 26px;
  position: absolute;
  top: 50%;
  left: 11px;
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.gnav-shop-list .name {
  color: #c7b379;
  margin-bottom: 5px;
}

.gnav-shop-list .name img {
  width: 20px;
}

.gnav-shop-list .tel a {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  color: #79bbc7;
}

#hnav p {
  width: 46px;
  height: 46px;
  background: #a7cdd8;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin-left: auto;
}

#hnav p.fixed {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 90;
}

#hnav p .n {
  display: block;
  background: #fff;
  height: 1px;
  width: 15px;
  text-indent: -9999px;
  padding: 0;
  top: calc(50% - 3px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: -1px;
  position: absolute;
}

#hnav p .n:before {
  display: block;
  content: "";
  background: #fff;
  height: 1px;
  width: 15px;
  position: absolute;
  top: 8px;
  left: 0;
}

#hnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  flex-grow: 1;
  max-width: 768px;
  margin-left: 30px;
}

#hnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 10%;
  flex-grow: 1;
  margin-right: 20px;
}

#hnav ul ul {
  display: block;
}

#hnav li {
  position: relative;
  font-family: 'Poppins', sans-serif;
  /* padding: 13px 23px 0 0; */
}

#hnav li a {
  display: inline-block;
  color: #fff;
  padding-bottom: 7px;
}

#hnav li.st a {
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
}

#hnav .g-item a + div {
  position: absolute;
  -webkit-transform: translateX(-35px);
  transform: translateX(-35px);
  width: 125px;
  padding-top: 6px;
  display: none;
  z-index: 50;
}

[data-element-id] #hnav .g-item a + div {
  display: block;
}

#hnav div:before {
  content: "";
  border: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#hnav div ul {
  background: #fff;
  width: 100%;
  border-radius: 10px;
  padding: 8px 0;
}

#hnav div ul li {
  text-align: center;
  padding: 5px 2.5%;
}

#hnav div ul li:nth-child(1) a {
  color: #c7b379;
  padding: 0;
}

#hnav div ul li:nth-child(2) a {
  color: #79bbc7;
  padding: 0;
}

#hnav li:hover div {
  display: block;
}

#header .h1 {
  width: auto;
}

#header .h1 img {
  vertical-align: middle;
}

#header .h1 .e {
  display: inline-block;
  color: #fff;
  font-size: 9px;
  font-family: 'Poppins', sans-serif;
  padding-left: 8px;
}

#header .flexb {
  max-width: 1180px;
  margin: 0 auto;
}
#header > .flexb {
  flex-wrap: nowrap;
}

#header.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

#header.fixed #hnav > ul > li > a {
  color: #555;
}

#header.fixed #hnav li.st > a {
  border-color: #555;
}

#header.fixed .h1 .e {
  color: #555;
}

@media only screen and (max-width: 1024px) {
  #header ul {
    display: none;
  }
  #header .flexb {
    max-width: 98%;
  }
  .outer {
    border-radius: 30px 0 30px 0;
  }
}

#footer .conav li {
  width: 48.5%;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}

#footer .conav li a {
  display: block;
  color: #c7b379;
  font-family: 'Kiwi Maru', serif;
  padding: 35px 0;
}

#footer .conav li a .e {
  font-family: 'Poppins', sans-serif;
  display: block;
  color: #a7cdd8;
  padding-bottom: 10px;
}

#footer .conav li img {
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

#footer .conav li .i {
  display: inline-block;
  margin-right: 14px;
  width: 41px;
  height: 38px;
  vertical-align: middle;
}

#footer .outer {
  background: #fff;
  margin-bottom: 30px;
}

.totop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 47px;
  height: 46px;
  z-index: 50;
}

.totop img {
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
}

#footer .outer .box {
  width: 48.5%;
  margin-bottom: 30px;
}

#footer .outer .box .img {
  padding-bottom: 67%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}

#footer .outer .box .img img,
#footer .outer .box .img iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
}

#footer .outer .box:first-child .logo {
  max-width: 84px;
  margin: 0 auto 20px auto;
}

#footer .outer .box:first-child .logo div {
  width: 84px;
  height: 41px;
}

#footer .outer .box .logo img {
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

#footer .outer .box:nth-child(2n) .logo {
  max-width: 187px;
  margin: 0 auto 20px auto;
}

#footer .outer .box:nth-child(2n) .logo div {
  width: 187px;
  height: 41px;
}

#footer .outer .box .h4 {
  text-align: center;
  color: #c7b379;
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  margin-bottom: 15px;
}

#footer .outer .box .insta {
  text-align: center;
  padding: 0 0 20px 0;
}

#footer .outer .box .insta a {
  display: inline-block;
  width: 46px;
  height: 46px;
}

#footer .outer .box .insta a img {
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

#footer .outer .box li {
  text-align: center;
  padding: 0 0 3px 0;
}

#footer .outer .box li a {
  color: #79bbc7;
}

#footer .outer .box dt {
  text-align: center;
  padding: 0 0 3px 0;
}

#footer .outer .box dd {
  text-align: center;
  padding: 0 0 3px 0;
}

#footer .outer .box dl {
  padding: 0 0 15px 0;
}

#footer .outer .box .tel {
  text-align: center;
  font-family: 'Poppins', sans-serif;
  color: #79bbc7;
  padding: 0 0 20px 0;
}

#footer .outer .box .tel a {
  color: #79bbc7;
}

#footer .outer .box .book {
  text-align: center;
  padding: 0 0 20px 0;
}

.book a {
  background: #e7b5c0;
  color: #fff;
  border-radius: 5px 0 5px 0;
  font-family: 'Poppins', sans-serif;
  padding: 10px 2em;
}

#footer .copy {
  text-align: center;
  padding: 100px 0 0 0;
  color: #a7cdd8;
}

.h2h {
  text-align: center;
  font-size: 12px;
}

.h2h .e {
  display: block;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  line-height: 120%;
  margin-bottom: 5px;
}

#footer .h2h .e {
  color: #e7b5c0;
}

#footer .h2h {
  color: #a7cdd8;
}

  .bottm_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }
  .bottm_nav li {
    width: 40%;
    text-align: center;
    line-height: 120%;
    background: #fff;
  }
  .bottm_nav dl {
    display: inline-block;
  }
  .bottm_nav dt {
    float: left;
    color: #c7b379;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 120%;
  }
  .bottm_nav dd a {
    color: #79bbc7;
  }
  .bottm_nav dd {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding: 0 0 0 70px;
    line-height: 120%;
    white-space: nowrap;
  }
  .bottm_nav li .i {
    width: 41px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 30px;
    height: 28px;
  }
  .bottm_nav li:nth-child(1) {
    padding: 4px 0;
    width: 60%;
  }
  .bottm_nav li:nth-child(2) a {
    display: block;
    padding: 10px 0;
    font-family: 'Poppins', sans-serif;
    color: #79bbc7;
    font-size: 16px;
  }

.bottm_nav {
  display: none;
}

@media only screen and (max-width: 599px) {
  .bottm_nav {
    display: flex;
  }
  .book a {
    padding: 10px 1em;
  }
  #footer .outer .box:nth-child(2n) .logo div {
    width: 120px;
    height: 26px;
    margin: 0 auto;
  }
  #footer .outer .box:first-child .logo div {
    width: 54px;
    height: 26px;
    margin: 0 auto;
  }
  #footer .conav li .i {
    margin-right: 5px;
    width: 30px;
    height: 28px;
  }

  .totop {
    bottom: 60px;
  }
  .outer {
    border-radius: 24px 0 24px 0;
  }
  .h2h .e {
    font-size: 28px;
  }
  #footer .outer .box .insta a {
    display: inline-block;
    width: 30px;
    height: 30px;
  }
  #footer .outer .box {
    width: 100%;
  }
}

/*下層共通*/
.sub_main {
  margin-top: 30px;
  margin-bottom: 70px;
  position: relative;
  z-index: 0;
}

.sub_main .in {
  padding-bottom: 39%;
  position: relative;
  overflow: hidden;
  border-radius: 40px 0 40px 0;
}

.sub_main .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.sub_main .img img {
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
}

.sub_main .inner {
  max-width: 350px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #9abfca;
  border-radius: 10px;
  padding: 20px 2.5%;
}

.sub_main .h2 {
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-family: 'Kiwi Maru', serif;
}

.sub_main .h2 .e {
  display: block;
  font-size: 40px;
  line-height: 120%;
  font-family: 'Poppins', sans-serif;
}

.side_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 20;
  left: 100%;
  top: 130px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.side_nav li {
  min-width: 140px;
  text-align: center;
}

.side_nav li a {
  display: block;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  background: #a7cdd8;
  padding: 8px 0;
  border-radius: 0 0 5px 5px;
}

.side_nav li:first-child a {
  background: #e7b5c0;
}
.side_nav li a.ab-test {
  background-color: #CCB883;
}

.side_nav li + li {
  margin-left: 10px;
}

.rou {
  border-radius: 24px 0 24px 0;
}

.h2h.c1 {
  color: #e7b5c0;
}

.h2h.c1 .e {
  color: #9abfca;
}

@media only screen and (max-width: 1024px) {
  .side_nav li {
    min-width: 100px;
  }
  #header {
    padding-top: 10px;
  }
  .side_nav {
    top: 60px;
    left: calc(100% + 2.5%);
  }
  .sub_main .h2 .e {
    font-size: 34px;
  }
  .sub_main .in {
    border-radius: 30px 0 30px 0;
  }
}

@media only screen and (max-width: 599px) {
  .sub_main .inner {
    top: auto;
    -webkit-transform: translate(0) translateX(-50%);
    transform: translate(0) translateX(-50%);
    bottom: 10%;
    padding: 10px 0;
    max-width: 260px;
  }
  .sub_main .h2 .e {
    font-size: 24px;
    line-height: 110%;
  }
  .sub_main .h2 {
    line-height: 110%;
  }
  .side_nav {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 0;
    right: 0;
    top: 100%;
  }
  .sub_main .in {
    border-radius: 24px 0 24px 0;
  }
}

/*color*/
.color1 {
  background: #fff;
  padding-left: 3%;
  padding-right: 3%;
  margin-bottom: 125px;
}

.color1 .txt {
  max-width: 770px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.color1 .txt p {
  text-align: center;
  font-weight: bold;
  padding: 0 0 20px 0;
}

.color1 .txt .txt2 p {
  text-align: left;
  font-weight: 500;
}

.color1 .txt .txt2 {
  max-width: 600px;
}

.color1 ul {
  padding: 30px 0 40px 15%;
  position: relative;
  z-index: 1;
}

.color1 li {
  position: relative;
  padding-top: 43px;
  padding-bottom: 43px;
  color: #9abfca;
  font-family: 'Kiwi Maru', serif;
}

.color1 li:before {
  content: "";
  width: 153px;
  height: 153px;
  border-radius: 50%;
  position: absolute;
  background: #ebf2f3;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -68px;
}

.color1 li .w {
  display: inline-block;
  background: #fff;
  position: relative;
  padding: 0 15px;
}

.color1 li:nth-child(2n) {
  margin-left: 20%;
  color: #e9b5bc;
}

.color1 li:nth-child(2n):before {
  background-color: #f6edee;
}

span.g {
  color: #c7b379;
}

.pink {
  position: relative;
}

.pink:after {
  content: "";
  width: 453px;
  height: 203px;
  background: url(/import/tenant_1/160.16.199.205/html/images/pinku_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -93px;
  right: -170px;
}

@media only screen and (max-width: 599px) {
  .pink:after {
    width: 200px;
    height: 90px;
    bottom: -30px;
    right: -90px;
  }
}

.color2 .inner {
  background: #e6eef1;
  margin-bottom: 50px;
  overflow: hidden;
}

.color2 .clearfix {
  max-width: 800px;
  width: 95%;
  margin: 0 auto;
}

.color2 .clearfix .img {
  float: left;
  width: 27%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 4% 20px 0;
  position: relative;
}

.color2 .clearfix .img:before {
  content: "";
  width: 453px;
  height: 203px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  left: -60px;
  top: -40px;
}

.color2 .clearfix .img div {
  padding-bottom: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.color2 .inner:nth-child(2n) .clearfix .img {
  float: right;
  margin: 0 0 20px 4%;
}

.color2 .inner:nth-child(2n) {
  background: #f4ecee;
}

.color2 .inner:nth-child(2n) .clearfix .img:before {
  background-image: url(/import/tenant_1/160.16.199.205/html/images/pinku_cloud2.png);
  left: 40px;
  top: 75px;
  width: 480px;
  height: 249px;
}

.imga {
  position: relative;
}

.imga img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

.jp {
  font-family: 'Kiwi Maru', serif;
  font-weight: normal;
}

.color2 .h4 {
  margin-bottom: 20px;
  color: #5b7782;
  position: relative;
  z-index: 1;
}

.color2 .h4 .s {
  display: block;
  line-height: 120%;
}

.color2 .inner:nth-child(2n) .h4 {
  color: #b9838f;
}

.color2 p {
  padding: 0 0 20px 0;
  color: #80a0ac;
  position: relative;
  z-index: 1;
}

.color2 .inner:nth-child(2n) p {
  color: #c795a0;
}

.color3 .imgs {
  width: 26%;
  margin-bottom: -20px;
  position: relative;
}

.color3 .imgs div {
  padding-bottom: 150%;
  border-radius: 10px;
  overflow: hidden;
}

.color3 .imgs div:nth-child(2n) {
  position: absolute;
  width: 100%;
  top: -10%;
  left: 73%;
  z-index: 2;
}

.color3 .tbox {
  width: 57%;
  background: #fff;
}

.color3 .tbox .in {
  padding: 35px 3% 0 12.5%;
  max-width: 370px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  z-index: 1;
}

.color3 .tbox .h4 {
  margin-bottom: 20px;
}

.color3 .tbox p {
  padding: 0 0 20px 0;
}

.color3 {
  margin-bottom: 30px;
}

.color4 li {
  width: 29%;
  margin: 0 6.5% 55px 0;
  position: relative;
}

.color4 li:nth-child(3n) {
  margin-right: 0;
}

.color4 li a {
  display: block;
  position: relative;
  padding-bottom: 100%;
  border-radius: 20px 0 20px 0;
  overflow: hidden;
}

.color4 li a img {
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.color4 li:nth-child(6n+3):before {
  content: "";
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 66px;
  z-index: -1;
}

.color4 li:nth-child(6n+4):before {
  content: "";
  width: 453px;
  height: 203px;
  background: url(/import/tenant_1/160.16.199.205/html/images/pinku_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -60px;
  z-index: -1;
}

@media only screen and (max-width: 599px) {
  .color4 li {
    width: 46%;
    margin-left: 2%;
    margin-right: 2% !important;
  }
  .color4 li:nth-child(6n+3):before {
    content: "";
    width: 479px;
    height: 249px;
    background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: -20px;
    left: 66px;
    z-index: -1;
  }
  .color4 li:nth-child(6n+4):before {
    content: "";
    display: none;
  }
  .color4 li:nth-child(6n+5):before {
    content: "";
    width: 453px;
    height: 203px;
    background: url(/import/tenant_1/160.16.199.205/html/images/pinku_cloud.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: 20%;
    right: -60px;
    z-index: -1;
  }
  .color3 .imgs {
    width: 50%;
    margin-left: 7%;
  }
  .color3 .tbox {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 30px;
  }
  .color3 .tbox .in {
    padding: 35px 5% 0 5%;
  }
}

/*PERM*/
.tpin {
  display: inline-block;
  background-color: #e7b5c0;
  border-radius: 5px 0 5px 0;
  padding: 7px 0;
  min-width: 145px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-family: 'Kiwi Maru', serif;
  font-weight: bold;
  margin: 15px 15px 15px 0;
}

.h4fs13 {
  display: block;
  line-height: 200%;
}

@media only screen and (max-width: 599px) {
  .tpin {
    font-size: 12px;
    min-width: 30%;
    margin: 5px 2% 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 2%;
  }
}

/*HAIR CARE*/
.haircare1 {
  background: #fff;
  padding-left: 3%;
  padding-right: 3%;
  margin-bottom: 125px;
}

.haircare1.inner {
  padding-bottom: 100px;
}

.haircare1 p {
  padding-bottom: 20px;
}

.haircare1 .txt {
  max-width: 770px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.haircare1 .txt p {
  text-align: center;
  font-weight: bold;
  padding: 0 0 20px 0;
}

.haircare1 .txt2 p {
  text-align: left;
  font-weight: 500;
}

.haircare1 .txt2 {
  max-width: 600px;
}

.haircare1 .img {
  float: left;
  width: 27%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 4% 20px 0;
  position: relative;
}

.haircare1 .img div {
  padding-bottom: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.txtpink {
  color: #e7b5c0;
}

.haircare1 .h4 {
  margin-bottom: 20px;
  color: #9abfca;
  position: relative;
  z-index: 1;
}

.pdb70 {
  padding-bottom: 70px;
}

.haircare1 ul {
  padding-bottom: 30px;
}

.haircare1 .clearfix {
  max-width: 800px;
  width: 95%;
  margin: 0 auto;
}

.color2.haircare2 .img {
  width: 23%;
}

.color2.haircare2 .img p {
  text-align: center;
  padding: 10px 0;
}

.color2.haircare2 .clearfix .img div {
  z-index: 10;
}

.color2.haircare2 .clearfix .img:before {
  z-index: 0;
}

@media only screen and (max-width: 599px) {
  .pdb70 {
    padding-bottom: 0px;
  }
  .haircare1 .img {
    width: 100%;
  }
  .color2.haircare2 .img {
    width: 46%;
  }
}

/*GALLERY*/
.galleryouter {
  max-width: 1240px;
  width: 94%;
  margin: -100px auto 0 auto;
  background-color: #fff;
  border-radius: 60px;
  padding-top: 40px;
}

.gallery1.inner {
  max-width: 1000px;
}

.gallerymenu {
  max-width: 1000px;
  margin: 0 auto 0 auto;
  width: 94%;
}

.gallerymenu li {
  width: 130px;
  margin: 0 1% 20px 1%;
}

.gallerymenu li:nth-of-type(even) {
  margin-top: 30px;
}

.gallerymenu li:nth-of-type(even) a {
  background-color: #f6edee;
  color: #e9b5bc;
}

.gallerymenu li a {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #ebf2f3;
  text-align: center;
  color: #9abfca;
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  font-family: 'Kiwi Maru', serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 15px;
}

.gallerymenu li a:after {
  content: "∨";
  display: block;
  font-weight: bold;
  -webkit-transform: scale(2, 1);
  transform: scale(2, 1);
  font-size: 12px;
}

/* .gallery1 .gabox {
  width: 31%;
  margin-bottom: 60px;
} */

.gallery1 .gabox .img {
  display: block;
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.gallery1 .gabox .img .imga {
  display: block;
  padding-bottom: 66%;
}

.gallery1 .gabox dt a {
  display: block;
  color: #9abfca;
  font-family: 'Kiwi Maru', serif;
  padding-bottom: 10px;
}
.newsblog .gallery1 .gabox dt a {
  display: inline;
}

.pagenav {
  width: 100%;
  text-align: center;
}

.pagenav li {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding-bottom: 15px;
  margin: 0 15px !important;
}


.pagenav li a {
  background-color: #a7cdd8;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px 0 5px 0;
  border: 1px solid #a7cdd8;
}

.pagenav .current a {
  color: #a7cdd8;
  background-color: #fff;
}

@media only screen and (max-width: 1024px){
  .gallerymenu li:nth-of-type(even) {
    margin-top: 0;
  }
  .galleryouter {
    margin: -50px auto 0 auto;
  }
}

@media only screen and (max-width: 599px) {
  .gallerymenu li {
    width: 30%;
    min-width: 110px;
  }
  .gallerymenu li:nth-of-type(even) {
    margin: 0 2% 20px 2%;
  }
  .gallerymenu li a {
    font-size: 14px;
    width: 110px;
    height: 110px;
  }
  .pagenav li {
    margin: 0 3px!important;
  }
  .pagenav li a {
    padding: 6px 10px;
  }
/*   .gallery1 .gabox {
  width: 48%;
} */
}

/*GALLERY詳細*/
.galleryouter.gallerydetail {
  margin-top: 0;
  padding-top: 50px;
}

.gallerydetail1 .gdleft {
  width: 73%;
}

.gallerydetail1 .imga {
  padding-bottom: 66%;
  border-radius: 10px;
  overflow: hidden;
}

.gallerydetail1 ul {
  width: 22%;
}

.gallerydetail1 li {
  margin-bottom: 15px;
}

.gallerydetail1 {
  padding-bottom: 30px;
}

.gallerydetail2 .box {
  width: 31%;
  padding-right: 30px;
}

.gallerydetail2 .box dl {
  padding-bottom: 25px;
}

.gallerydetail2 .box dl dl {
  padding-bottom: 0px;
}

.gallerydetail2 .box dt {
  padding-bottom: 5px;
}

.gallerydetail2 .dl1 dd {
  color: #9abfca;
  font-family: 'Poppins', sans-serif;
}

.gallerydetail2 .dl3 dd dd .bb {
  color: #9abfca;
}

.gallerydetail2 .dl3 dd dt {
  min-width: 150px;
  margin-right: 10px;
}

.gallerydetail2 .box .bb {
  font-weight: bold;
}

.gallerydetail2 p {
  padding-bottom: 5px;
}

.gallerydetail2 .box + .box {
  width: 69%;
  padding-left: 30px;
}

.gallerydetail2 .dl4 p {
  padding-bottom: 15px;
}

.gallerydetail2 .dl4 dt {
  padding-bottom: 15px;
}

.gallerydetail2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}

.gallerydetail2:before {
  content: "";
  display: block;
  width: 1px;
  height: 200%;
  background-color: #bfbfbf;
  position: absolute;
  top: 0;
  left: 31%;
}

@media only screen and (max-width: 599px) {
  .gallerydetail2 .box {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .gallerydetail2 .box + .box {
    width: 100%;
    padding: 0;
  }
  .gallerydetail2:before {
    display: none;
  }
  .gallerydetail1 .gdleft {
    width: 100%;
  }
  .gallerydetail1 ul {
    width: 100%;
    text-align: center;
  }
  .gallerydetail1 li {
    display: inline-block;
    width: 30%;
    margin: 10px 1%;
  }
}

/*PRODUCT*/
.product1.gallery1 .gabox dt a {
  font-family: 'Poppins', sans-serif;
}

/*PRODUCT詳細*/
.gallerydetail2.productdetail2 .dl4 {
  padding-bottom: 0;
}

.gallerydetail2.productdetail2 .dl4 dd {
  background: #e6eef1;
  overflow: hidden;
  position: relative;
  padding: 40px 30px;
  min-height: 260px;
}

.gallerydetail2.productdetail2 .dl4 dd:before {
  content: "";
  width: 325px;
  height: 169px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  left: 30px;
  top: 0px;
  z-index: 0;
}

.gallerydetail2.productdetail2 .dl4 dd p {
  position: relative;
  z-index: 5;
}

.back {
  text-align: center;
}

.back a {
  display: inline-block;
  width: 150px;
  color: #fff;
  background-color: #a7cdd8;
  text-align: center;
  border-radius: 5px 0 5px 0;
  line-height: 50px;
  font-weight: bold;
}

/*MENU*/
.menu1 li {
  margin: 0 5%;
  width: 36%;
}

.menu1 li a {
  display: block;
  padding-bottom: 28%;
  border-radius: 5px;
  overflow: hidden;
}

.menu1 {
  padding-bottom: 100px;
}

.menu2 .inner {
  position: relative;
}

.menu2 .inner .menubox {
  background-color: #e6eef1;
  position: relative;
  padding: 70px 5%;
  z-index: 5;
}

.menu2.tab-B .inner .menubox {
  background-color: #f6edee;
}

.menu2 .inner:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: -10px;
  left: 40px;
  width: 100%;
  height: 90%;
  border-radius: 24px 0 24px 0;
  background-color: #f4ecee;
  -webkit-transform: scale(0.94);
  transform: scale(0.94);
}

.menu2.tab-B .inner:after {
  background-color: #e6eef1;
}

.menu2 .inner .in1 {
  position: relative;
  padding-bottom: 60px;
}

.menu2 .in1:before {
  content: "";
  width: 480px;
  height: 248px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: -50px;
  z-index: -1;
}

.menu2.tab-B .in1:before {
  width: 453px;
  height: 203px;
  background: url(/import/tenant_1/160.16.199.205/html/images/pinku_cloud.png) 0 0 no-repeat;
}

.menu2 .inner .in1 .img {
  width: 14%;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}

.menu2 .inner .in1 .img .imga {
  padding-bottom: 100%;
}

.menu2 .h3 {
  font-family: 'Poppins', sans-serif;
  color: #9abfca;
  font-size: 50px;
  position: relative;
  z-index: 5;
  margin-bottom: 20px;
  width: 60%;
}

.menu2.tab-B .h3 {
  color: #e7b5c0;
}

.menu2 .in2 dt {
  color: #9abfca;
  font-size: 18px;
  font-family: 'Kiwi Maru', serif;
  width: 26%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-bottom: 10px;
}

.menu2.tab-B .in2 dt {
  color: #e7b5c0;
}

.menu2 .in2 dd {
  font-size: 16px;
  padding-bottom: 10px;
}

.menu2 .in2 dd.txt {
  width: 40%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}

.menu2 .in2 dd.price {
  width: 18%;
  text-align: right;
  font-weight: bold;
}

.menu2 .in2 dl {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}

.hide {
  display: none;
}

@media only screen and (max-width: 599px) {
  .menu1 {
    padding-bottom: 30px;
  }
  .menu2 .in2 dt {
    width: 100%;
    font-size: 14px;
  }
  .menu2 .in2 dd {
    font-size: 14px;
  }
  .menu2 .in2 dd.txt {
    width: 100%;
    padding-right: 0;
  }
  .menu2 .in2 dd.price {
    width: 100%;
  }
  .menu2 .inner .in1 .img {
    width: 100%;
  }
  .menu2 .h3 {
    font-size: 40px;
    width: 100%;
    text-align: left;
  }
  .menu2 .inner .in1 {
    padding-bottom: 0;
  }
}

/*STAFF*/
.staff1 .box {
  /* width: 32%; */
  position: relative;
  padding-bottom: 70px;
  border-radius: 20px 0 20px 0;
}
.staff1.staffdetail1 .box {
  width: 32%;
}
.staff1 ul li:nth-of-type(3n + 1) .box:before {
  content: "";
  width: 200vw;
  height: 70%;
  background-color: #e6eef1;
  position: absolute;
  left: 15px;
  bottom: 20px;
  z-index: 0;
}
.staff1.staff2 ul li:nth-of-type(3n + 1) .box:before {
  background-color: #f4ecee;
}

.staff1 .box .tenpo {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

.staff1 .img.tenpologo {
  width: 26%;
}

.staff1 .img.tenpologo .imga {
  padding-bottom: 49%;
}

.gold {
  color: #c7b379;
  font-weight: bold;
}

.staff1 .box .img.staffimg {
  border-radius: 20px 0 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 5;
  margin-bottom: 20px;
}

.staff1 .box .staffimg .imga {
  display: block;
  padding-bottom: 100%;
}

.staff1 .box dt {
  text-align: center;
  font-weight: bold;
}

.staff1 .box dd {
  text-align: center;
}

.staff1 .inner {
  position: relative;
  padding-bottom: 20px;
}

.staff1 {
  position: relative;
}

.staff1.staffdetail1:before {
  content: "";
  width: 50%;
  height: 70%;
  background-color: #e6eef1;
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 0;
  border-radius: 24px 0 24px 0;
} 

.staff1.staffdetail1 .inner:before {
  content: "";
  width: calc(100% - 15px);
  height: 70%;
  background-color: #e6eef1;
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 0;
}

.staff1.staff2:before {
  background-color: #f4ecee;
}

.staff1.staff2 .inner:before {
  background-color: #f4ecee;
}

@media only screen and (max-width: 599px) {
  /* .staff1 .box {
    width: 48%;
  } */
  .staff1 ul li:nth-of-type(3n + 1) .box:before {
    content: none;
  }
  .staff1 ul li:nth-of-type(2n + 1) .box:before {
    content: "";
    width: 200vw;
    height: 70%;
    background-color: #e6eef1;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 0;
  }
  .staff1.staff2 ul li:nth-of-type(2n + 1) .box:before {
    background-color: #f4ecee;
  }
  .staff1 .box {
    padding-bottom: 30px;
  }
/*   .staff1 .box:nth-of-type(12n + 7):before,
.staff1 .box:nth-of-type(12n + 10):before {
  content: none;
}
.staff1 .box:nth-of-type(8n + 5):before,
.staff1 .box:nth-of-type(8n + 7):before {
 content: "";
  width: 200vw;
  height: 70%;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 0;
  background-color: #f4ecee;
} */
  
}

/*STAFF詳細*/
.stafftxt {
  position: relative;
  z-index: 5;
  width: 47%;
  margin-left: 6%;
  margin-bottom: 40px;
  padding-top: 30px;
}

.stafftxt .staffname1 {
  padding-bottom: 70px;
}

.staffprof {
  position: relative;
}

.staffname2sub {
  display: block;
  padding-bottom: 15px;
}

.staffname2 .h3 {
  margin-bottom: 10px;
}

.staffname2 .stfnp {
  display: inline-block;
  padding-right: 20px;
}

.staffname2 .stfnp.insta img {
  vertical-align: middle;
  padding-right: 5px;
  margin-top: -3px;
}

.staffname2 {
  padding-bottom: 50px;
}

.staffprof {
  max-width: 837px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.staffprof .h4 {
  margin-bottom: 10px;
}

.staffprof .p {
  color: #80a0ac;
}

.staffmessage {
  max-width: 837px;
  width: 90%;
  margin: 20px auto 50px auto;
  position: relative;
  z-index: 6;
  border: 1px solid #a7cdd8;
  padding: 35px 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}

.staffmessage .h4 {
  color: #5b7782;
  margin-bottom: 15px;
}

.staffmessage .p {
  color: #80a0ac;
}

.staff1.staffdetail1:before {
  height: 100%;
}

.staff1.staffdetail1 .inner:before {
  height: 100%;
}

.staff1.staffdetail1:after {
  content: "";
  width: 100%;
  height: 160px;
  background-color: #f8f8f8;
  position: absolute;
  top: 0;
  z-index: 2;
}

.staffdetail2 {
  margin-top: 50px;
}

.staffdetail2 .inner {
  background: #f4ecee;
  margin-bottom: 50px;
  overflow: hidden;
}

.staffdetail2 .inner .in {
  max-width: 837px;
  margin: 0 auto;
  width: 94%;
}

.staffdetail2 .staffdetail2tit .lbox {
  width: 67%;
  margin-right: 8%;
  position: relative;
}

.staffdetail2 .staffdetail2tit .lbox:after {
  content: "";
  width: 480px;
  height: 249px;
  background-image: url(/import/tenant_1/160.16.199.205/html/images/pinku_cloud2.png);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.staffdetail2 .staffdetail2tit .h4 {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  margin-bottom: 0px;
  line-height: 110%;
  position: relative;
  z-index: 1;
}

.staffdetail2 .staffdetail2tit .h5 {
  color: #b9838f;
  font-family: 'Kiwi Maru', serif;
  position: relative;
  z-index: 2;
}

.staffdetail2 .staffdetail2tit .rbox {
  width: 25%;
}

.staffdetail2 .staffdetail2tit .rbox .li {
  width: 100%;
  margin-right: 7%;
  margin-bottom: 20px;
}

.staffdetail2 .staffdetail2tit .rbox .imga {
  padding-bottom: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.staffdetail2 .staffdetail2tit {
  margin-bottom: 20px;
}

.staffdetail2 .staffdetail2txt {
  position: relative;
  z-index: 3;
}

.staffdetail2 .staffdetail2txt .p {
  color: #c795a0;
  padding-bottom: 20px;
}

.pagenav .back {
  width: 100%;
  margin: 0!important;
}

.pagenav .back a {
  max-width: 253px;
  width: 90%;
  padding: 0;
  position: relative;
}

.pagenav .back a:before {
  content: "";
  width: 7px;
  height: 12px;
  background: url(/import/tenant_1/160.16.199.205/html/images/back_list_icon.gif) no-repeat;
  position: absolute;
  left: 10px;
  top: 18px;
}

@media only screen and (max-width: 599px) {
  .staffdetail1.staff1 .box {
    width: 100%;
    padding-bottom: 0;
  }
  .staff1.staffdetail1 .inner:before {
    width: 98%;
  }
  .staff1.staffdetail1:before {
    border-radius: 12px 0 12px 0;
  }
  .stafftxt .staffname1 {
    padding-bottom: 30px;
  }
  .staffname2 {
    padding-bottom: 0;
  }
  .stafftxt {
    width: 80%;
    margin: 0 auto 40px auto;
  }
  .staffdetail2 .staffdetail2tit .lbox {
    width: 100%;
    margin-right: 0;
  }
  .staffdetail2 .staffdetail2tit .rbox {
    width: 100%;
  }
  .staffdetail2 .staffdetail2tit .rbox .li {
    margin: 0 3% 20px 3%;
  }
  .staffprof {
    width: 80%;
  }
  .staffmessage {
    width: 80%;
  }
}

/*ABOUT*/
.about1 .ul.inner {
  text-align: center;
  background-color: #e6eef1;
  border-radius: 10px;
  padding: 20px 0 0 0;
  position: relative;
  z-index: 1;
}

.about1 .ul.inner .li {
  padding: 0 5%;
  margin-bottom: 20px;
}

.about1 .ul.inner .li a {
  display: block;
  color: #9abfca;
  font-family: 'Kiwi Maru', serif;
  font-weight: bold;
  position: relative;
  text-align: center;
  line-height: 110%;
}

.about1 .ul.inner .li a:after {
  content: url(/import/tenant_1/160.16.199.205/html/images/about/a_icon.gif);
  display: block;
  text-align: center;
  line-height: 100%;
  height: 12px;
}

.about1 .about1bg {
  width: 100%;
  margin-top: -35px;
  position: relative;
  z-index: 0;
}

.about1 .about1bg .imga {
  padding-bottom: 21%;
}

.about2 {
  position: relative;
  z-index: 3;
  margin-top: -60px;
}

.about2 .txt .txt2 {
  margin: 0 auto;
}

.about2 .txt .txt2 p {
  text-align: center;
}

.about3 .h2h {
  text-align: left;
}

.about3 .h4 {
  font-family: 'Kiwi Maru', serif;
  padding-top: 43px;
  padding-bottom: 26px;
  color: #9abfca;
  position: relative;
  margin-bottom: 0;
}

.about3 .h4 .num {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  position: absolute;
  z-index: 3;
  display: inline-block;
  left: -60px;
}

.about3 .h4:before {
  content: "";
  width: 153px;
  height: 153px;
  border-radius: 50%;
  position: absolute;
  background: #ebf2f3;
  top: 60px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -68px;
}

.about3 .box:nth-of-type(2n) .h4:before {
  background: #f6edee;
}

.about3 .box:nth-of-type(2n) .h4 {
  color: #e9b5bc;
}

.about3 .h4 .w {
  display: inline-block;
  background: #fff;
  position: relative;
  padding: 0 15px;
}

.about3 .box {
  width: 53%;
  margin-left: 9%;
}

.about3 .box:nth-of-type(2n) {
  width: 38%;
  margin-left: 0;
  margin-top: 100px;
}

.about3 .box .p {
  max-width: 355px;
  position: relative;
  z-index: 5;
}

.about3 .box .imgw {
  max-width: 284px;
  width: 90%;
  margin-top: 20px;
}

.about3 .box .imgw .imga {
  padding-bottom: 100%;
  border-radius: 20px 0 20px 0;
  overflow: hidden;
}

.about4 {
  max-width: 1240px;
  width: 94%;
  margin: 0 auto 0 auto;
  background-color: #fff;
  border-radius: 60px 0 60px 0;
  padding-top: 80px;
}

.about4 .outer {
  position: relative;
  padding-top: 0;
}

.about4 .outer:before {
  content: "";
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: -230px;
  left: 30%;
  z-index: 1;
}

.about4 .inner {
  position: relative;
  z-index: 2;
}

.about4 .h2h {
  color: #a7cdd8;
}

.about4 .h2h .e {
  color: #e7b5c0;
}

.ASSISTANT.about4 .h2h .e {
  color: #a7cdd8;
}

.about4 .outer .box .imgw {
  width: 48.5%;
  margin-bottom: 30px;
}

.about4 .outer .box .imgw .img {
  padding-bottom: 67%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}

.about4 .outer .box .imgw .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
}

.about4 .outer .box .in {
  height: 46px;
  margin-bottom: 20px;
}

.about4 .outer .box:first-of-type .logo {
  max-width: 84px;
}

.about4 .outer .box:first-of-type .logo div {
  width: 84px;
  height: 41px;
}

.about4 .outer .box .logo img {
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

.about4 .outer .box:nth-of-type(even) .logo {
  max-width: 187px;
}

.about4 .outer .box:nth-of-type(even) .logo div {
  width: 187px;
  height: 41px;
}

.about4 .outer .box .tbox {
  width: 47%;
}

.about4 .outer .box .tbox .in .logo,
.about4 .outer .box .tbox .in h4,
.about4 .outer .box .tbox .in .insta {
  display: inline-block;
}

.about4 .outer .box .h4 {
  color: #c7b379;
  font-family: 'Kiwi Maru', serif;
  font-weight: 500;
  margin-bottom: 25px;
  vertical-align: bottom;
  padding-right: 15px;
  padding-left: 10px;
}

.about4 .outer .box .h4 .h4in {
  padding-top: 30px;
}

.about4 .outer .box .insta {
  padding: 0 0 20px 0;
}

.about4 .outer .box .insta a {
  display: inline-block;
  width: 46px;
  height: 46px;
}

.about4 .outer .box .insta a img {
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

.about4 .outer .box li {
  padding: 0 0 3px 0;
}

.about4 .outer .box li a {
  color: #79bbc7;
}

.about4 .outer .box dt {
  padding: 0 0 3px 0;
}

.about4 .outer .box dd {
  padding: 0 0 3px 0;
}

.about4 .outer .box dl {
  padding: 0 0 15px 0;
}

.about4 .outer .box .tel {
  font-family: 'Poppins', sans-serif;
  color: #79bbc7;
  padding: 0 0 20px 0;
}

.about4 .outer .box .tel a {
  color: #79bbc7;
}

.about4 .outer .box .book {
  padding: 0 0 20px 0;
}

@media only screen and (max-width: 599px) {
  .about1 .ul.inner {
    margin-bottom: 20px;
  }
  .about1 .about1bg {
    margin-top: 0;
  }
  .about2 {
    margin-top: 20px;
  }
  .about3 .box {
    width: 100%;
  }
  .about3 .box:nth-of-type(2n) {
    width: 100%;
    margin-top: 50px;
    margin-left: 9%;
  }
  .about3 .h4 .num {
    position: relative;
    left: 0;
  }
  .about3 .h4:before {
    top: 80px;
  }
  .about4 .outer:before {
    width: 200px;
    height: 104px;
    top: -100px;
    left: 20%;
  }
  .about4 .outer .box .imgw {
    width: 100%;
    margin-bottom: 0;
  }
  .about4 .outer .box .tbox {
    width: 100%;
  }
  .about4 .outer .box {
    margin-bottom: 20px;
  }
  .about4 .outer .box .in {
    height: auto;
    margin-bottom: 0;
  }
  .about4 .outer .box .tbox .in .logo,
  .about4 .outer .box .tbox .in h4,
  .about4 .outer .box .tbox .in .insta {
    display: block;
  }
  .about4 .outer .box .h4 {
    margin-bottom: 10px;
  }
  .about2 .txt .txt2 p {
    text-align: left;
  }
  .about3 .h4 .w {
    display: block;
  }
}

/*NEWSBLOG*/
.galleryouter.newsblog {
  margin-top: 0;
}

.galleryouter.newsblog .gallery1 .gabox .img {
  border: 1px solid #bfbfbf;
}

.newsblog .gallery1 .gabox dt a {
  font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  color: #555;
}

.newsblog .nbdate {
  font-weight: bold;
  padding-bottom: 10px;
}

.newsblog .nbdate .d {
  color: #a7cdd8;
  padding-right: 10px;
}

.newsblog .nbdate .cate {
  color: #e7b5c0;
}

.newsblog2 {
  max-width: 1240px;
  width: 94%;
  margin: 100px auto 0 auto;
  border-radius: 60px 0 60px 0;
  padding: 80px 0 60px 0;
  background-color: #f4ecee;
}

.newsblog2 .catebox {
  background-color: #fff;
  width: 47%;
  -webkit-box-shadow: 0px 0px 16px -6px rgba(159, 149, 159, 0.6);
  box-shadow: 0px 0px 16px -6px rgba(159, 149, 159, 0.6);
  border-radius: 10px;
  display: inline-block;
  margin-right: 2%;
  vertical-align: top;
}

.newsblog2 .catebox:nth-of-type(even) {
  margin-right: 0;
  margin-left: 2%;
}

.newsblog2 .catebox .dt {
  color: #e7b5c0;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  padding: 50px 0 40px 0;
  position: relative;
}

.newsblog2 .catebox .dt:hover {
  cursor: pointer;
}

.newsblog2 .catebox .dt:before {
  content: "";
  width: 12px;
  height: 7px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blognews/mk.jpg) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 24px;
  top: 48%;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}

.newsblog2 .catebox .dt.active:before {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.newsblog2 .catebox .dd {
  max-width: 353px;
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #bfbfbf;
  padding: 40px 0;
  display: none;
}

.newsblog2 .catebox .li {
  padding-bottom: 30px;
}

@media only screen and (max-width: 1024px){
  .newsblog .nbdate .d {
    display: block;
    width: 100%;
  }
  .newsblog .nbdate .cate {
    width: 100%;
    display: block;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 599px) {
  .newsblog2 .catebox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .newsblog2 .catebox:nth-of-type(even) {
    margin-left: 0;
    margin-bottom: 0;
  }
  .newsblog2 .catebox .dt:before {
    right: 10px;
  }
  .newsblog2 .catebox .dt {
    padding: 30px 0 20px 0;
  }
}

/*NEWSBLOG詳細*/
.newsblogdetail .imga {
  padding-bottom: 70%;
  border-radius: 20px;
  overflow: hidden;
}

.newsblogdetail .imgw {
  margin-bottom: 25px;
}

.newsblogdetail .nbdtxt .h3 {
  padding-bottom: 20px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 30px;
}

.newsblogdetail .nbdtxt .in .p {
  line-height: 250%;
}

/*FAQ*/
.faq .faqbox {
  border-radius: 20px 0 20px 0;
  background-color: #fff;
  padding: 35px 7% 10px 7%;
  margin-bottom: 30px;
}

.faq .faqbox .qb {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  border-radius: 10px 0 10px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.faq .faqbox .qb.q {
  background-color: #a7cdd8;
}

.faq .faqbox .qb.a {
  background-color: #e7b5c0;
}

.faq .faqbox .dt {
  position: relative;
  padding: 10px 30px 0 70px;
  color: #5b7782;
  min-height: 50px;
  margin-bottom: 20px;
  cursor: pointer;
}

.faq .faqbox .dd {
  position: relative;
  padding: 8px 0 50px 70px;
  display: none;
}

.faq .faqbox .dt:before {
  content: "";
  width: 20px;
  height: 3px;
  background: #a7cdd8;
  position: absolute;
  right: 14px;
  top: 23px;
}

.faq .faqbox .dt:after {
  content: "";
  width: 20px;
  height: 3px;
  background: #a7cdd8;
  position: absolute;
  right: 14px;
  top: 23px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: ease .5s;
  transition: ease .5s;
}

.faq .faqbox .dt.active:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

@media only screen and (max-width: 599px) {
  .faq .faqbox .qb {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
  }
  .faq .faqbox .dt {
    padding-left: 50px;
    padding-right: 40px;
  }
  .faq .faqbox .dd {
    padding-left: 50px;
    padding-bottom: 20px;
  }
}

/*RECRUIT*/
.recruit2 .imgw {
  width: 48%;
}

.recruit2 .imgw .imga {
  padding-bottom: 83%;
  border-radius: 40px 0 40px 0;
  overflow: hidden;
}

.recruit2 .txtbox {
  width: 46%;
}

.recruit2 .txtbox .signbox {
  padding-top: 20px;
  text-align: right;
}

.recruit2 .txtbox .p {
  padding-bottom: 20px;
}

.recruit2 .txtbox .signbox .logo,
.recruit2 .txtbox .signbox .sign {
  display: inline-block;
}

.recruit2 .txtbox .signbox .logo {
  width: 19%;
  margin-right: 20px;
}

.recruit2 .txtbox .signbox .logo .imga {
  padding-bottom: 49%;
}

.recruit2 .txtbox .signbox .sign .state {
  display: block;
  padding-bottom: 5px;
}

.recruit2 .txtbox .signbox .name {
  display: block;
  font-weight: bold;
}

.recruit3 .box2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 50px;
}

.recruit3 .box2:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.recruit3 .box2:nth-of-type(even) .h4:before {
  background: #f6edee;
}

.recruit3 .box2:nth-of-type(even) .h4 {
  color: #e9b5bc;
}

.recruit3 .box2 .imgw {
  width: 48%;
  margin-bottom: 20px;
}

.recruit3 .box2 .imgw .imga {
  padding-bottom: 66%;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
}

.recruit3 .box2 .txtbox {
  width: 50%;
  margin-bottom: 20px;
}

.recruit3 .box2 .txtbox .in {
  padding-left: 9%;
  position: relative;
  z-index: 3;
}

.recruit3 .box2 .txtbox .in .p {
  padding-bottom: 20px;
}

.recruit3.about3 .h2h {
  text-align: center;
}

.recruit3.about3 .h4 {
  padding-top: 12px;
}

.recruit3.about3 .h4:before {
  top: 35px;
  left: 0;
}

.recruit3.about3 .h4 .num {
  width: 20%;
  padding-left: 4%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  left: 0;
  display: inline-block;
  padding-bottom: 50px;
}

.recruit3.about3 .h4 .ww {
  width: 78%;
  display: inline-block;
  vertical-align: top;
}

.recruit4 .h2h {
  text-align: left;
  margin-bottom: 0;
}

.recruit4 .inner.inner2 {
  padding-bottom: 0;
}

.recruit4 .inner .box {
  background: #e6eef1;
  padding: 25px 8% 20px 2%;
  margin-bottom: 48px;
}

.recruit4 .inner .box:nth-child(2n) {
  background: #f4ecee;
}

.recruit4 .inner .box:nth-child(2n) .rbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.recruit4 .inner .box .num {
  width: 8%;
}

.recruit4 .inner .box .rbox {
  width: 92%;
}

.recruit4 .inner .box .num .p {
  font-family: 'Poppins', sans-serif;
  color: #fff;
}

.recruit4 .inner .box .imgw {
  width: 46%;
  padding-top: 80px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}

.recruit4 .inner .box .imgw:before {
  content: "";
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  left: -60px;
  top: 0px;
}

.recruit4 .inner .box:nth-child(2n) .imgw:before {
  background: url(/import/tenant_1/160.16.199.205/html/images/pinku_cloud2.png);
}

.recruit4 .inner .box .imgw .li {
  width: 38%;
  margin: 0 3%;
}

.recruit4 .inner .box .imgw .imga {
  display: block;
  padding-bottom: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.recruit4 .inner .box .txtbox {
  width: 47%;
  padding-top: 60px;
  position: relative;
  z-index: 3;
}

.recruit4 .inner .box .txtbox .h4 {
  color: #5b7782;
  margin-bottom: 20px;
}

.recruit4 .inner .box .txtbox .h5,
.recruit4 .inner .box .txtbox .p {
  color: #80a0ac;
}

.recruit4 .inner .box:nth-child(2n) .txtbox .h4 {
  color: #b9838f;
}

.recruit4 .inner .box:nth-child(2n) .txtbox .h5,
.recruit4 .inner .box:nth-child(2n) .txtbox .p {
  color: #c795a0;
}

.recruit4 .inner .box .txtbox .h5 {
  margin-bottom: 10px;
}

.recruit4 .inner .box .txtbox .h5 {
  border-bottom: 1px solid #a0b2b9;
}

.recruit4 .inner .box:nth-child(2n) .txtbox .h5 {
  border-bottom: 1px solid #d6b7be;
}

.recruit4 .inner .box .txtbox .in {
  padding-bottom: 30px;
}

.recruit5 .box {
  width: 48%;
}

.recruit5 .box a {
  display: block;
  background-color: #e8dddf;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.recruit5 .box:nth-of-type(even) a {
  background-color: #ccdde3;
}

.recruit5 .box a .txtbox {
  display: block;
  width: 100%;
  text-align: center;
  padding: 25% 0 0 0;
  font-weight: bold;
  position: absolute;
  top: 0;
  z-index: 2;
}

.recruit5 .box a .txtbox .t1 {
  font-size: 50px;
  color: #b9838f;
  display: block;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 30px;
}

.recruit5 .box:nth-of-type(even) .txtbox .t1 {
  color: #5f8391;
}

.recruit5 .box a .txtbox .t2 {
  color: #fff;
  display: block;
}

.recruit5 .box a .txtbox .imgw1 {
  text-align: right;
  display: block;
  padding-right: 10px;
}

.recruit5 .box a .imgw2 {
  display: block;
  width: 100%;
  z-index: 0;
  opacity: 0.2;
}

.recruit5 .box a .imgw2 .img {
  display: block;
}

.recruit5 .box a .imgw2 .imga {
  display: block;
  padding-bottom: 63%;
  border-radius: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .recruit5 .box a .txtbox {
    padding-top: 20%;
  }
  .recruit5 .box a .txtbox .t1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .recruit2 .imgw {
    width: 100%;
    margin-bottom: 20px;
  }
  .recruit2 .txtbox {
    width: 100%;
  }
  .recruit5 .box a .txtbox .t1 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .recruit3 .box2 .imgw {
    width: 100%;
    margin-bottom: 0;
  }
  .recruit3 .box2 .txtbox {
    width: 100%;
  }
  .recruit3.about3 .h4 .num {
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
  }
  .recruit3.about3 .h4 .ww {
    width: 100%;
  }
  .recruit3.about3 .h4:before {
    top: 50px;
  }
  .recruit3 .box2 .txtbox .in {
    padding-left: 0%;
  }
  .recruit4 .inner .box {
    padding-right: 2%;
  }
  .recruit4 .inner .box .num {
    width: 100%;
  }
  .recruit4 .inner .box .imgw {
    width: 100%;
    padding-right: 0;
    padding-top: 0;
  }
  .recruit4 .inner .box .imgw .li {
    width: 44%;
  }
  .recruit4 .inner .box .txtbox {
    width: 100%;
  }
}

/*ASSISTANT*/
.assistant1 .h4 .w {
  line-height: 130%;
  margin-left: 5%;
}

.assistant1.about3 .h4:before {
  top: 70px;
  left: 0;
}

.assistant1 .flexb .imgw {
  width: 29%;
  margin: 0 6% 20px 0;
  position: relative;
  z-index: 1;
}

.assistant1 .flexb .imgw:before {
  content: "";
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: -400px;
  z-index: 0;
}

.assistant1 .flexb .imgw .img {
  width: 100%;
}

.assistant1 .flexb .imgw .imga {
  padding-bottom: 100%;
  border-radius: 20px 0 20px 0;
  overflow: hidden;
}

.assistant1 .flexb .txtbox {
  width: 46%;
  margin-bottom: 20px;
}

.assistant1 .txtbox {
  margin-left: 5%;
  position: relative;
  z-index: 3;
}

.assistant1 .txtbox p {
  padding-bottom: 20px;
}

.assistant2.recruit3 .box2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.assistant2.recruit3 .box2:nth-of-type(even) .h4 {
  color: #9abfca;
}

.assistant2.recruit3 .box2:nth-of-type(even) .h4:before {
  background: #ebf2f3;
}

.assistant3 {
  margin-top: 100px;
}

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

.assistant3 .h3:after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  background-color: #7d7d7d;
  margin: 5px auto 0 auto;
}

.assistant3 .table dt {
  width: 16%;
  padding: 0 1% 20px 0;
  color: #9abfca;
  font-weight: bold;
  font-family: 'Kiwi Maru', serif;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.assistant3 .table dd {
  width: 84%;
  padding: 1px 0 20px 0;
  font-size: 16px;
  font-weight: bold;
}

.assistant3 .table dd .more  {
  margin: 0;
}

.assistant3 .table dl {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}

.assistant3 .table {
  padding-bottom: 10px;
}

.assistant3 .h4 {
  margin-bottom: 20px;
}

.assistant3 .imga {
  padding-bottom: 25%;
}

.assistant3 .img {
  margin-bottom: 20px;
}

@media only screen and (max-width: 599px) {
  .assistant1 .flexb .imgw {
    margin: 0 auto 20px auto;
  }
  .assistant1 .flexb .txtbox {
    width: 100%;
  }
  .assistant3 .table dt {
    width: 100%;
    font-size: 14px;
  }
  .assistant3 .table dd {
    width: 100%;
    font-size: 14px;
  }
  .assistant1 .flexb .imgw {
    width: 70%;
  }
  .assistant3 .table dd .more  {
    margin: 0 auto;
  }
}

/*STYLIST*/
.STYLIST.sub_main .inner {
  background-color: #e7b5c0;
}

.stylist1.about3 .h4 {
  color: #e9b5bc;
}

.STYLIST.about3 .h4:before {
  background: #f6edee;
}

.assistant1.STYLIST .flexb .imgw:before {
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/stylist/pinkbk.png) 0 0 no-repeat;
}

.STYLIST.about4 .outer:before {
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/stylist/pinkbk.png) 0 0 no-repeat;
}

.STYLIST.about4 .h2h {
  color: #e9b5bc;
}

.STYLIST.about3 .h4 {
  color: #e9b5bc;
}

.STYLIST.about3 .h4:before {
  background: #f6edee;
}

.STYLIST.assistant2.recruit3 .box2:nth-of-type(even) .h4 {
  color: #e9b5bc;
}

.STYLIST.assistant2.recruit3 .box2:nth-of-type(even) .h4:before {
  background: #f6edee;
}

.STYLIST.assistant3 .table dt {
  color: #e9b5bc;
}

/*SALON*/
.salon1.about1 .ul.inner {
  background-color: #f6edee;
}

.salon1.about1 .ul.inner .li a {
  color: #e7b5c0;
}

.salon1.about1 .ul.inner .li a:after {
  content: url(/import/tenant_1/160.16.199.205/html/images/salon/a_icon.gif);
}

.salon2 .salon2logo {
  margin-top: -70px;
}

.salon2 .salon2logo .imgw {
  width: 9%;
  margin-right: 10px;
}

.salon2 .salon2logo .imga {
  padding-bottom: 50%;
}

.salon2 .salon2logo .gold {
  display: inline-block;
  padding-top: 18px;
}

.salon2 .salonimgbox .imga {
  border-radius: 40px 0 40px 0;
  overflow: hidden;
}

.salon2 .salonimgbox .left {
  width: 70%;
}

.salon2 .salonimgbox .left .imga {
  padding-bottom: 56%;
}

.salon2 .salonimgbox .right {
  width: 28%;
}

.salon2 .salonimgbox .right .imga {
  padding-bottom: 66%;
}

.salon2 .innerin {
  max-width: 754px;
  margin: 0 auto;
  width: 100%;
}

.salon2 .ptxt {
  padding-bottom: 30px;
}

.salon2.assistant3 .table dt {
  width: 20%;
}

.salon2.assistant3 .table dd {
  width: 80%;
}

.salon2 .h32 {
  margin: 20px 0 30px 0;
}

.salon3 {
  position: relative;
}

.salon3:before {
  content: "";
  width: 480px;
  height: 248px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  left: -230px;
  bottom: -100px;
  z-index: -1;
}

.salon3 .h2h {
  text-align: left;
}

.salon3 .box {
  padding: 0 10px;
}

.salon3 .box .imga {
  display: block;
  padding-bottom: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.salon3 .box .img {
  display: block;
}

.salon3 .box .imgw {
  display: block;
  margin-bottom: 10px;
}

.salon3 .box .state,
.salon3 .box .dt,
.salon3 .box .state,
.salon3 .box .dd {
  text-align: center;
}

.salon4 .dl {
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}

.salon4 .gmap {
  position: relative;
  z-index: 2;
}

.salon4 .dl:before {
  content: "";
  width: 153px;
  height: 153px;
  border-radius: 50%;
  position: absolute;
  background: #ebf2f3;
  top: 60px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -68px;
  z-index: -1;
}

.salon4 .dt {
  color: #9abfca;
  font-family: 'Poppins', sans-serif;
  padding: 0 20px 0 0;
}

.salon4 .dd {
  padding: 8px 0 0 0;
}

.salon5 .h2h {
  text-align: left;
}

.salon5 .h2h.c1 {
  color: #c7b379;
}

.salon5 .ptxt {
  padding-bottom: 20px;
}

.salon5 .box {
  width: 48%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  padding: 40px 3% 25px 3%;
  border-radius: 10px;
  margin-bottom: 20px;
}

.salon5 .box .dt {
  text-align: center;
  font-weight: bold;
  color: #a7cdd8;
  padding-bottom: 10px;
}

.salon5 .box .dd {
  text-align: center;
}

.salon5 .box .tel {
  font-weight: bold;
}

.salon5 .box .tel img {
  vertical-align: middle;
  margin-right: 15px;
  margin-top: -10px;
}

.salon5 .box .mail {
  display: block;
  max-width: 327px;
  width: 90%;
  margin: 0 auto;
  background-color: #a7cdd8;
  color: #fff;
  font-weight: bold;
  border-radius: 10px 0 10px 0;
  padding: 13px 0 13px 0;
}

.salon5 .box .mail img {
  vertical-align: middle;
  margin: 0 20px 0 0;
}

.salon5 {
  padding-bottom: 100px;
}

.salon6 .imga {
  padding-bottom: 30%;
}

.salon6 {
  margin-bottom: 100px;
}

.salon7 .tenponame {
  color: #a7cdd8;
  padding: 0 20px 0 10px;
}

.salon7 .color1 {
  margin-bottom: 50px;
}

@media only screen and (max-width: 599px) {
  .salon2 .salon2logo .gold {
    padding-top: 10px;
  }
  .salon2 .salon2logo .imgw {
    width: 20%;
  }
  .salon2.assistant3 .table dt {
    width: 100%;
  }
  .salon2.assistant3 .table dd {
    width: 100%;
  }
/*   .salon3 .box {
  width: 30%;
  margin-bottom: 20px;
} */
  .salon5 .box {
    width: 100%;
  }
  
  .salon2 .salonimgbox .left {
    width: 100%;
  }
  .salon2 .salonimgbox .right {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .salon2 .salonimgbox .right .img {
    width: 48%;
  }
}

/*CONTACT*/
.contact1 .in {
  max-width: 676px;
  width: 100%;
  margin: 0 auto;
}

.contact1 .in .dl {
  width: 48%;
  border: 1px solid #bfbfbf;
  border-radius: 10px;
  padding: 30px 3% 20px 3%;
}

.contact1 .in .dt,
.contact1 .in .dd {
  text-align: center;
}

.contact1 .in .dd .img {
  width: 26%;
}

.contact1 .in .dd .imga {
  padding-bottom: 50%;
}

.contact1 .in .logo .txt1 {
  color: #a7cdd8;
}

.contact1 .in .logo {
  margin-bottom: 10px;
}

.contact1 .in .dt {
  padding-bottom: 10px;
}

.contact1 .in .tel a {
  color: #a7cdd8;
}

.contact1 .in .tel {
  margin-bottom: 10px;
}

.contact1.inner {
  padding-bottom: 100px;
}

.contact2 table {
  max-width: 670px;
  width: 90%;
  margin-left: 5%;
}

.contact2 table th {
  width: 25%;
  padding-right: 1%;
  text-align: left;
  color: #5b7782;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 17px;
}

.contact2 table td {
  padding-bottom: 17px;
  font-size: 16px;
  width: 75%;
}

.contact2 table .size1 {
  border: 1px solid #bfbfbf;
  border-radius: 10px;
  padding: 10px;
  font-size: 16px;
  width: 100%;
}

.contact2 table textarea.size1 {
  width: 95.5%;
}

.contact2 table .formcate th,
.contact2 table .formcate td {
  padding: 20px 0 30px 0;
}

.contact2 table .formcate td label {
  margin: 0 20px 0 10px;
}

.contact2.color1 .formbtn li:before {
  display: none;
}

.contact2.color1 .formbtn {
  width: 100%;
  text-align: center;
  padding-left: 0;
}

.contact2.color1 li {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
}

.contact2.color1 li .btn {
  width: 142px;
  height: 35px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #e7b5c0;
  border-radius: 10px 0 10px 0;
  border: none;
  font-weight: normal;
  cursor: pointer;
}

.contact2.color1 li .btn:hover {
  opacity: 0.6;
}

.contact2 {
  position: relative;
}

.contact2:before {
  content: "";
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -100px;
  left: -200px;
  z-index: 1;
}

.contact2.inner {
  padding-bottom: 0;
}

.contact2.color1 {
  margin-bottom: 200px;
}

.contact3 {
  background: #fff;
  padding-left: 6%;
  padding-right: 10%;
  margin-bottom: 125px;
  position: relative;
}

.contact3:before {
  content: "";
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -100px;
  left: -200px;
  z-index: 0;
}

.contact3 dt {
  color: #9abfca;
  font-weight: bold;
  padding-bottom: 10px;
}

.contact3 dl {
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}

.contact3.inner {
  padding-top: 70px;
  padding-bottom: 150px;
}

.contact3 dd ul {
  padding-top: 20px;
}

.contact3.pink:after {
  bottom: auto;
  top: -100px;
}

.contact3 .h2h {
  text-align: left;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 599px) {
  .contact1 .in .dl {
    width: 100%;
    margin-bottom: 20px;
  }
  .contact2 table th {
    font-size: 14px;
    width: 100%;
    display: block;
  }
  .contact2 table td {
    width: 100%;
    display: block;
  }
  .contact2 table .formcate th,
  .contact2 table .formcate td {
    padding: 0 0 17px 0;
  }
  .contact2.color1 .formbtn {
    padding-left: 0;
  }
  .contact2.color1 li:nth-child(2n) {
    margin-left: 10px;
  }
}

/*HOME*/
.home_main {
  margin-top: 30px;
  margin-bottom: 70px;
  position: relative;
  z-index: 0;
}

.home_main .in {
  position: relative;
  overflow: hidden;
  border-radius: 40px 0 40px 0;
}

.home_main .img {
  position: relative;
  padding-top: 54%;
}

.home_main .img .uk-slidenav-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home_main .img ul {
  height: 100% !important;
}

.home_main .img ul * {
  height: 100% !important;
}

.home_main .img li > div {
  position: relative;
  display: block;
  width: 100%;
}

.home_main .img li img {
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.home_main .inner {
  max-width: 500px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 20px 2.5%;
}

.home_main .inner .h2 {
  color: #fff;
  font-weight: normal;
}

.home_main .inner .h2 .e {
  font-size: 60px;
  line-height: 100%;
  font-family: 'Poppins', sans-serif;
}

.home_main .inner .p {
  text-align: center;
  color: #fff;
}

.home1 .gallery1.inner {
  max-width: 976px;
  padding-top: 0;
  padding-bottom: 0;
}

/* .home1 .gallery1 .gabox {
  width: 23%;
} */

.top-slider {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.top-slider ul {
  padding: 0 60px;
}

.top-slider .picture {
  border-radius: 10px;
  overflow: hidden;
}

.top-slider .name {
  font-family: 'Poppins', sans-serif;
  color: #9abfca;
}

.top-slider li {
  padding: 0 10px;
}

.btn-slick {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(154, 191, 202, 0.5);
  z-index: 5;
  font-size: 18px;
}

.btn-slick:hover {
  cursor: pointer;
}

.btn-slick:before {
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-slick.btn-back {
  left: 0;
}

.btn-slick.btn-back:before {
  content: "\f053";
}

.btn-slick.btn-next {
  right: 0;
}

.btn-slick.btn-next:before {
  content: "\f054";
}

.staff-slider {
	padding-bottom: 40px;
}

.btn-slick02 {
  display: inline-block;
  border-radius: 5px 0 5px 0;
  background-color: #a7cdd8;
  color: #fff;
  padding: 10px 15px;
  border: 1px solid #a7cdd8;
  position: absolute;
  bottom: 0;
}

.btn-slick02:hover {
  cursor: pointer;
}

.btn-slick02:before {
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.btn-slick02.btn-back {
  background-color: #e0ebee;
  left: 50%;
  -webkit-transform: translate(-110%, 100%);
  transform: translate(-110%, 100%);
}

.btn-slick02.btn-back:before {
  content: "\f053";
}

.btn-slick02.btn-next {
  right: 50%;
  -webkit-transform: translate(110%, -100%);
  transform: translate(110%, 100%);
}

.btn-slick02.btn-next:before {
  content: "\f054";
}

.hmore.more {
  max-width: 142px;
}

.hmore.more a {
  background-color: #a7cdd8;
  font-weight: bold;
  border-radius: 5px 0 5px 0;
  padding: 9px 10px 7px 10px;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
}

.hmore.more {
  margin-top: 0;
}

.home1 {
  padding-bottom: 80px;
}

.home2 .h2h {
  text-align: left;
  margin-bottom: 20px;
  margin-top: -60px;
}

.home3.about3 .box:nth-of-type(3) {
  margin-left: 18%;
  margin-top: -70px;
  position: relative;
  z-index: 1;
}

.home3.about3 .box:nth-of-type(3):before {
  content: "";
  width: 479px;
  height: 249px;
  background: url(/import/tenant_1/160.16.199.205/html/images/blue_cloud.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 30%;
  z-index: -1;
}

.home4 .inner2 .txt {
  padding-top: 20px;
  font-family: 'Kiwi Maru', serif;
}

.home4 .inner2 .txt .w {
  background-color: #fff;
  padding: 2px 10px;
  margin-left: 30px;
  color: #9abfca;
}

.home4.recruit4 .inner2 .h2h {
  color: #e7b5c0;
}

.home4.recruit4 .h2h {
  margin-bottom: 20px;
  color: #5b7782;
}

.home4.recruit4 .inner .box .txtbox {
  padding-top: 30px;
}

.home4 .inner3 .hmore.more {
  margin-left: 0;
}

.home4.recruit4 .inner .box {
  padding-bottom: 50px;
  overflow: hidden;
}

.home4.recruit4 .inner .box:nth-child(2n) .h2h {
  color: #b9838f;
}

.home4.recruit4 .inner .box:nth-child(2n) .hmore.more a {
  background-color: #e7b5c0;
}

.home4.recruit4 .inner .box .imgw .li2 {
  width: 62%;
}

.home4.recruit4 .inner .box .imgw .li2 .imga {
  padding-bottom: 75%;
}

.home4 .inner.inner3 {
  padding-top: 30px;
  padding-bottom: 0;
}

.home4 .inner.inner4 {
  padding-top: 0;
}

.home4 .inner4 .p2 {
  text-align: center;
  color: #79bbc7;
  font-family: 'Kiwi Maru', serif;
  margin-bottom: 30px;
}

.hmore.more.viewall {
  max-width: 253px;
}

.hmore.more.viewall a img {
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -3px;
}

.hmore.more.viewall a {
  padding-top: 15px;
  padding-bottom: 13px;
}

.home5 .pagenav li {
  margin: 0 3px !important;
}

.home5 .pagenav a img {
  vertical-align: middle;
  margin-top: -3px;
}

.home5 .pagenav .vial a {
  background: none;
  color: #79bbc7;
  font-family: 'Poppins', sans-serif;
}

.home5 .pagenav li.ro a {
  background-color: #e0ebee;
}

.home6 .h2h {
  text-align: left;
}

/* .home6 .ul .imgw {
  width: 23%;
  margin-bottom: 20px;
} */

.home6 .ul .img {
  display: block;
  margin-top: 13px;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}

.home6 .ul .img .imga {
  display: block;
  padding-bottom: 133%;
  border-radius: 10px;
  overflow: hidden;
}

.home6 .ul .img:hover {
  margin-top: 0;
  -webkit-box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
}

.home7.galleryouter {
  margin-top: 70px;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 100px;
  border-radius: 60px 0 60px 0;
}

.home7 .slide-wrap {
  position: relative;
}

.home7 .slide-wrap .prev {
  width: 41px;
  height: 42px;
  background: url(/import/tenant_1/160.16.199.205/html/images/top/h_product_slider_left.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 25%;
  left: 4%;
  cursor: pointer;
  z-index: 10;
}

.home7 .slide-wrap .next {
  width: 41px;
  height: 42px;
  background: url(/import/tenant_1/160.16.199.205/html/images/top/h_product_slider_right.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  top: 25%;
  right: 4%;
  cursor: pointer;
  z-index: 10;
}

.home7 .slide-wrap .out {
  max-width: 910px;
  margin: 0 auto;
  overflow: hidden;
}

.home7 .slider {
  width: 305px;
  margin: 0 auto;
}

.home7 .gallery1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* .home7 .gallery1 .gabox {
  min-width: 285px;
} */

.home7 .gallery1 .gabox .in {
  width: 94%;
  margin: 0 auto;
}

.home8.galleryouter {
  background-color: #e8eef0;
}

.home8 .box a {
  display: block;
  background-color: #ccdde3;
  border-radius: 20px;
  overflow: hidden;
  max-height: 295px;
}

.home8 .box a .imgw {
  display: block;
  width: 43%;
  float: left;
  position: relative;
  z-index: 1;
}

.home8 .box a .img {
  display: block;
}

.home8 .box a .imga {
  display: block;
  padding-bottom: 70%;
}

.home8 .box a .txt {
  display: inline-block;
  width: 36%;
  padding: 80px 10% 0 10%;
  vertical-align: top;
  float: right;
}

.home8 .box a .txt .h4 {
  display: block;
  color: #5f8391;
  font-size: 50px;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 40px;
  position: relative;
}

.home8 .box a .txt .h4:before {
  content: "";
  width: 184px;
  height: 88px;
  background: url(/import/tenant_1/160.16.199.205/html/images/recruit/recuirt8mk2.png) no-repeat top left;
  background-size: cover;
  position: absolute;
  right: -30px;
  bottom: -60px;
  z-index: 0;
}

.home8 .box a .txt .pp {
  color: #fff;
}

.home8 .con .p3 {
  text-align: center;
  color: #5f8391;
  font-weight: bold;
  padding: 30px 0;
}

.home8 .con {
  margin-bottom: 20px;
}

.home8 .con:nth-of-type(even) .box a {
  background-color: #e8dddf;
}

.home8 .con:nth-of-type(even) .box a .imgw {
  float: right;
}

.home8 .con:nth-of-type(even) .box a .txt {
  float: left;
}

.home8 .con:nth-of-type(even) .box a .txt .h4 {
  color: #b9838f;
}

.home8 .con:nth-of-type(even) .p3 {
  color: #b9838f;
}

.home8 .con:nth-of-type(even) .box a .txt .h4:before {
  background: url(/import/tenant_1/160.16.199.205/html/images/recruit/recuirt8mk.png) no-repeat top left;
}

@media only screen and (max-width: 1024px) {
  .home8 .box a .txt {
    padding-top: 50px;
  }
  .home8 .box a .txt .h4 {
    font-size: 36px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .home_main .img {
    padding-top: 70%;
  }
  .home_main .inner {
    top: 60%;
  }
  .home_main .inner h2.h2 .e {
    font-size: 24px;
  }
  .home_main .inner h2.h2 {
    line-height: 0.8em;
  }
  /* .home1 .gallery1 .gabox {
    width: 48%;
  } */
  .home3.about3 .box:nth-of-type(3) {
    margin-left: 9%;
    margin-top: 50px;
  }
  .home4 .inner2 .txt {
    text-align: center;
  }
  .home4 .inner2 .txt .w {
    margin-left: 0;
  }
  /* .home6 .ul .imgw {
    width: 48%;
  } */
  .home8 .box a .txt {
    padding-top: 30px;
    padding-right: 0;
    width: 46%;
  }
  .home8 .box a .txt .h4 {
    font-size: 24px;
    padding-bottom: 10px;
  }
  .home8 .con .box a .txt .h4:before {
    right: auto;
    left: 0;
  }
  .home8 .con .box a .txt .fs18 {
    font-size: 14px;
  }
  .top-slider ul {
    padding: 0 40px;
  }
  .top-slider .btn-slick {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .top-slider li {
    padding: 0 5px;
  }
}
/*# sourceMappingURL=base.css.map */

[data-element-id] .side_nav {
  position: absolute;
}
[data-element-id] #gnav {
    position: static;
    -webkit-transform: none;
    transform: none;
}
[data-element-id] #gnav .close {
  display: none;
}
[data-element-id] .bottm_nav {
  position: static;
    display: flex;
    width: 400px;
}
[data-element-id] .recruit4 .inner .box .num {
  position: relative;
  z-index: 3;
}
[data-element-id] .salon3.home5 .box {
  width: 20%;
  margin-bottom: 20px;
}
[data-element-id] .staff-slider > div {
    display: flex;
    flex-wrap: wrap;
}

[data-element-id] .top-slider ul > div {
    display: flex;
    flex-wrap: wrap;
}
[data-element-id] .top-slider li {
    width: 30%;
    margin-bottom: 20px;
}
[data-element-id] .newsblog2 .catebox .dd {
  display: block;
}
[data-element-id] .menu2.tab-B.hide {
  display: block;
  margin-top: 40px;
}

[data-element-id] .faq .faqbox .dd {
  display: block;
}