@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
}

.loader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  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;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  align-items: center;
  z-index: 10000;
  overflow: hidden;
  pointer-events: none;
  background: #414141;
  background: radial-gradient(#232323, #000000);
  -webkit-transition: all 1000ms cubic-bezier(0.705, -0.015, 0, 1.02);
  transition: all 1000ms cubic-bezier(0.705, -0.015, 0, 1.02);
  -webkit-transition-timing-function: cubic-bezier(0.705, -0.015, 0, 1.02);
          transition-timing-function: cubic-bezier(0.705, -0.015, 0, 1.02);
  will-change: opacity, transform;
  z-index: 40000;
}
.loader span {
  font-size: 3vw;
  font-weight: bold;
  color: white;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 2vw;
  line-height: 160%;
}
.loader img {
  width: 20vw;
  max-width: 80px;
  height: auto;
  position: relative;
  z-index: 40001;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  will-change: opacity, transform;
}
.loader .logo {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.loader .logo.active {
  opacity: 1;
}
.loader.active {
  opacity: 0;
}

.doc2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
  pointer-events: none;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: 2s;
  transition: 2s;
  height: 100vh;
  width: 100vw;
}
.doc2:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform-origin: top;
          transform-origin: top;
  background: #202020;
  height: 50vh;
  width: 100vw;
  -webkit-transition: all 2000ms cubic-bezier(0.23, 0.755, 0.25, 1.03);
  transition: all 2000ms cubic-bezier(0.23, 0.755, 0.25, 1.03);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.755, 0.25, 1.03);
          transition-timing-function: cubic-bezier(0.23, 0.755, 0.25, 1.03);
  /* custom */
  will-change: transform;
}
.doc2:after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: all 2000ms cubic-bezier(0, 1.1, 0.335, 0.99);
  transition: all 2000ms cubic-bezier(0, 1.1, 0.335, 0.99);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0, 1.1, 0.335, 0.99);
          transition-timing-function: cubic-bezier(0, 1.1, 0.335, 0.99);
  /* custom */
  will-change: transform;
  background: #202020;
  height: 50vh;
  width: 100vw;
}
.doc2.active:before {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.doc2.active:after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.line {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: #ffffff;
  width: 100vw;
  height: 1px;
  -webkit-animation: shutterOpen 1.6s forwards;
          animation: shutterOpen 1.6s forwards;
  z-index: 50000;
  will-change: transform;
  -webkit-transform-origin: left;
          transform-origin: left;
}

.docloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(#232323, #000000);
  z-index: 50000;
  pointer-events: none;
}
.docloader.active {
  -webkit-animation: shutter 2.6s forwards;
          animation: shutter 2.6s forwards;
}
.docloader.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: #000000;
  width: 0;
  height: 1px;
  -webkit-animation: shutterOpen 2.6s forwards;
          animation: shutterOpen 2.6s forwards;
}

@-webkit-keyframes reveal {
  from {
    -webkit-transform: scale(0.001);
            transform: scale(0.001);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes reveal {
  from {
    -webkit-transform: scale(0.001);
            transform: scale(0.001);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes slide {
  to {
    -webkit-transform: translateX(1.5em);
            transform: translateX(1.5em);
  }
}
@keyframes slide {
  to {
    -webkit-transform: translateX(1.5em);
            transform: translateX(1.5em);
  }
}
@-webkit-keyframes shutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes shutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes shutterOpen {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    height: 1px;
  }
  99% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes shutterOpen {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    height: 1px;
  }
  99% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 0;
  }
}
.dot1 {
  -webkit-animation-name: reveal;
          animation-name: reveal;
}

.dot2,
.dot3 {
  -webkit-animation-name: slide;
          animation-name: slide;
}

.dot4 {
  -webkit-animation-name: reveal;
          animation-name: reveal;
  animation-direction: reverse;
  /* thx @HugoGiraudel */
}

body,
html {
  position: relative;
  caret-color: transparent;
}
body.TOP,
html.TOP {
  overflow-x: hidden;
}
body.active,
html.active {
  overflow: hidden;
}
body.menu_open,
html.menu_open {
  cursor: url(../images/SVG/closs.svg), auto;
  overflow: hidden;
}

body.active {
  overflow: hidden;
}
body.active .main {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

a {
  text-decoration: none;
}

#SP_LOGO {
  width: 75px;
  height: auto;
  position: absolute;
  left: 7vw;
  top: 15vw;
  pointer-events: none;
  display: none;
  z-index: 29999;
}
#SP_LOGO a {
  -webkit-tap-highlight-color: rgba(29, 17, 17, 0);
}

.scrolldown {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 16vh;
  z-index: 26999;
  text-align: center;
  width: 50px;
}
.scrolldown a {
  padding-top: 60px;
}
.scrolldown a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.scrolldown a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.scrolldown a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 44px;
  height: 44px;
  -webkit-box-shadow: 0 0 0 0 rgba(160, 233, 233, 0.1);
          box-shadow: 0 0 0 0 rgba(160, 233, 233, 0.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb 3s infinite;
          animation: sdb 3s infinite;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-box-shadow: 0 0 0 60px rgba(160, 233, 233, 0.1);
            box-shadow: 0 0 0 60px rgba(160, 233, 233, 0.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    -webkit-box-shadow: 0 0 0 60px rgba(160, 233, 233, 0.1);
            box-shadow: 0 0 0 60px rgba(160, 233, 233, 0.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#main {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.more_btn {
  width: 17vw;
  min-width: 240px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: white;
  text-decoration: none;
  padding: 20px 0;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 100px;
  margin: 30px auto;
  text-align: center;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#09cfcf), to(#468efc));
  background: linear-gradient(90deg, #09cfcf, #468efc);
  z-index: 3;
  -webkit-transition: all 400ms cubic-bezier(0.705, -0.015, 0, 1.02);
  transition: all 400ms cubic-bezier(0.705, -0.015, 0, 1.02);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.705, -0.015, 0, 1.02);
          transition-timing-function: cubic-bezier(0.705, -0.015, 0, 1.02);
  /* custom */
}
.more_btn:before {
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(#468efc), to(#09cfcf));
  background: linear-gradient(90deg, #468efc, #09cfcf);
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100px;
  opacity: 0;
  z-index: 2;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.more_btn span {
  width: 100%;
  height: 100%;
  position: relative;
  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;
  z-index: 3;
}
.more_btn span:after {
  content: "";
  width: 20px;
  height: 10px;
  background-image: url(../images/arrrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.more_btn:hover, .more_btn:active {
  -webkit-animation-name: btnhov;
          animation-name: btnhov;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 2, 0.6, 0.6);
          animation-timing-function: cubic-bezier(0.2, 2, 0.6, 0.6);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.more_btn:hover:before, .more_btn:active:before {
  opacity: 1;
}
.more_btn:hover span span:after, .more_btn:active span span:after {
  right: 7.5%;
}
@-webkit-keyframes btnhov {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes btnhov {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

#pagetop {
  width: 60px;
  height: 60px;
  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;
  background-color: black;
  background-image: url(../images/SVG/scroll.svg);
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: center;
  position: fixed;
  z-index: 29999;
  right: 0;
  bottom: 0;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
  -webkit-transition: all 400ms cubic-bezier(0.705, -0.015, 0, 1.02);
  transition: all 400ms cubic-bezier(0.705, -0.015, 0, 1.02);
  -webkit-transition-timing-function: cubic-bezier(0.705, -0.015, 0, 1.02);
          transition-timing-function: cubic-bezier(0.705, -0.015, 0, 1.02);
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
}
#pagetop.active {
  opacity: 0.65;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
#pagetop.active:hover {
  opacity: 1;
  background-position: center calc(50% - 10px);
}
#pagetop .pcnon {
  display: none;
}

.attnsion {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #212529;
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 0;
  z-index: 150000;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  font-size: 14px;
}
.attnsion.active {
  opacity: 1;
}
.attnsion img {
  width: 20vh;
  margin-bottom: 25px;
}
.attnsion span {
  display: block;
  width: 100%;
  color: white;
  text-align: center;
  font-size: 12px;
  line-height: 160%;
}

.eye {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  position: relative;
  z-index: 1000;
}
.eye h2 {
  font-size: 18px;
  color: #414141;
  font-family: "Didact Gothic", sans-serif;
  font-weight: normal;
  letter-spacing: 3px;
  display: inline-block;
  line-height: 0%;
  position: relative;
  width: 70%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  position: relative;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: translateX(-99%);
          transform: translateX(-99%);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: all 1500ms cubic-bezier(0.17, 1.02, 0.645, 0.92);
  transition: all 1500ms cubic-bezier(0.17, 1.02, 0.645, 0.92);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.17, 1, 0.645, 0.92);
          transition-timing-function: cubic-bezier(0.17, 1, 0.645, 0.92);
  /* older webkit */
}
.eye h2.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.eye h2:after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #9dad7f;
  display: block;
  -webkit-transform: skewX(-30deg) scaleX(1.1);
          transform: skewX(-30deg) scaleX(1.1);
  -webkit-transform-origin: right;
          transform-origin: right;
}
.eye h2 span {
  position: relative;
  z-index: 1000;
}
.eye .caps {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  font-style: oblique;
  color: #414141;
}

.pcnon {
  display: none;
}

.spnon {
  display: inline;
}

.contains {
  width: 100%;
  height: auto;
  padding: 80px 30px;
  position: relative;
  background: #212529;
}
.contains:after {
  content: "";
  border: 14px solid transparent;
  border-top: 20px solid #212529;
  position: absolute;
  right: 50%;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  top: 0px;
}
.contains .inner {
  max-width: 1000px;
  margin: 0 auto;
}
.contains .inner small {
  display: block;
  font-size: 12px;
  color: white;
  text-align: right;
  margin-top: 5px;
}
.contains.tsudoie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.contains.tsudoie img {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.contains.tsudoie img.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.contains.tsudoie .hex {
  width: 65%;
}
.contains.tsudoie .tex {
  width: 30%;
  -webkit-filter: drop-shadow(0px 0px 20px #fefbe4);
          filter: drop-shadow(0px 0px 20px #fefbe4);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.contains.wht {
  background-color: white;
}

.morelinkbtn {
  font-size: 22px;
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border: 1px solid white;
  border-radius: 100px;
  padding: 1.5vw 5vw;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
}
.morelinkbtn:hover {
  background-color: rgba(0, 0, 0, 0.418);
}

.contactbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 60vw;
  padding: 15px 30px;
  background: black;
  color: white;
  text-decoration: none;
  border-radius: 50px;
  font-size: 18px;
  -webkit-filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.1));
          filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.1));
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.contactbtn.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

header {
  width: 126px;
  height: 126px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 31000;
  z-index: 39997;
  padding: 0px;
  background: transparent;
  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;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Open Sans", sans-serif;
}
header .inner {
  width: 100%;
  height: 100%;
  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;
  background: transparent;
}
header h1, header .headlogo {
  width: 126px;
  height: 100%;
  display: block;
  background-image: url(../images/SVG/logo_isea.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
header h1 a, header .headlogo a {
  display: block;
  width: 100%;
  height: 100%;
}
header .topmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80vw;
  height: 50px;
  top: 60px;
  top: 3vw;
  left: 10vw;
  opacity: 1;
  z-index: 1000;
  position: fixed;
}
header .topmenu li {
  border-radius: 30px;
  width: auto;
  height: 30px;
  padding: 0 20px;
  opacity: 1;
  cursor: pointer;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: block;
  pointer-events: all;
  background: transparent;
  color: white;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 18px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid transparent;
}
header .topmenu li:after {
  content: "●";
  display: block;
  font-size: 5px;
  text-align: center;
  color: transparent;
  margin-top: 10px;
  border-radius: 30px;
  text-align: center;
  text-shadow: none;
}
header .topmenu li.active:after {
  color: white;
}
header .topmenu.darkmode li {
  color: #414141;
  text-shadow: none;
}
header .topmenu.darkmode li.active:after {
  color: #414141;
}

.fixmenu {
  display: none;
}
.fixmenu .topmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80vw;
  top: 60px;
  top: 3vw;
  left: 10vw;
  opacity: 1;
  z-index: 1000;
  position: fixed;
}
.fixmenu .topmenu li {
  font-family: "Noto Sans JP", sans-serif;
  width: auto;
  height: 30px;
  padding: 0 20px;
  opacity: 1;
  cursor: pointer;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: block;
  pointer-events: all;
  background: transparent;
  color: white;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 18px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid transparent;
}
.fixmenu .topmenu li:after {
  content: "●";
  display: block;
  font-size: 5px;
  text-align: center;
  color: transparent;
  margin-top: 10px;
  border-radius: 30px;
  text-align: center;
  text-shadow: none;
}
.fixmenu .topmenu li.active:after {
  color: white;
}
.fixmenu .topmenu.darkmode li {
  color: #414141;
  text-shadow: none;
}
.fixmenu .topmenu.darkmode li.active:after {
  color: #414141;
}
#gnav {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 39999;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  cursor: default;
  height: auto;
  max-height: 100vh;
  background: rgba(33, 37, 41, 0.8);
  will-change: transform;
  -webkit-animation-name: slideout;
          animation-name: slideout;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.07, 0.78, 0.77, 0.645);
          animation-timing-function: cubic-bezier(0.07, 0.78, 0.77, 0.645);
}
#gnav * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#gnav.active {
  -webkit-animation-name: slidein;
          animation-name: slidein;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.12, 0.66, 0.26, 0.94);
          animation-timing-function: cubic-bezier(0.12, 0.66, 0.26, 0.94);
}
@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes slideout {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
  }
}
@keyframes slideout {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
  }
}
#gnav ul {
  width: 330px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  color: white;
  display: block;
  margin-bottom: 20px;
  text-align: left;
}
#gnav ul li {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#gnav ul li + li{margin-top: 15px;}
#gnav ul li a {
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
}
#gnav ul li.active, #gnav ul li.active a {
  pointer-events: none;
}
#gnav ul.topmenu {
  margin-bottom: 60px;
}
#gnav ul.topmenu:hover li:nth-of-type(2) {
  opacity: 1;
}
#gnav ul.topmenu, #gnav ul.bottommenu {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#gnav ul.topmenu:hover li, #gnav ul.bottommenu:hover li {
  opacity: 0.3;
}
#gnav ul.topmenu li:hover, #gnav ul.bottommenu li:hover {
  opacity: 1;
}
#gnav ul.topmenu:before, #gnav ul.bottommenu:before {
  content: "TOP";
  font-size: 28px;
  display: block;
  color: white;
  margin-bottom: 25px;
}
#gnav ul.topmenu li, #gnav ul.bottommenu li {
  font-size: 20px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  margin-bottom: 20px;
  cursor: pointer;
}
#gnav ul.bottommenu {
  margin-top: 50px;
}
#gnav ul.bottommenu::before {
  content: "";
}
#gnav ul.submenu {
  border-bottom: 1px solid white;
  margin-bottom: 0;
}
#gnav ul.submenu li {
  height: auto;
  font-size: 32px;
  display: block;
  color: white;
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  overflow: hidden;
}
#gnav ul.submenu li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.557);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
}
#gnav ul.submenu li:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#gnav ul.submenu li a {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
#gnav ul.doctorlist {
  position: relative;
}
#gnav ul.doctorlist li button {
  font-family: "Noto Sans JP", sans-serif;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  color: white;
  cursor: pointer;
  position: relative;
  font-weight: 100;
  line-height: 80%;
  z-index: 2;
}
#gnav ul.doctorlist li button:before, #gnav ul.doctorlist li button:after {
  content: "";
  width: 15px;
  height: 1px;
  background-color: #fff;
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#gnav ul.doctorlist li button:after {
  -webkit-transform: translateY(1px) rotate(-90deg);
          transform: translateY(1px) rotate(-90deg);
}
#gnav ul.doctorlist li button.active:after {
  -webkit-transform: translateY(1px) rotate(0deg);
          transform: translateY(1px) rotate(0deg);
  opacity: 0;
}
#gnav ul.doctors {
  border-bottom: 0px;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 0px;
  -webkit-transition: all 2000ms cubic-bezier(0.61, 0.155, 0.36, 0.9);
  transition: all 2000ms cubic-bezier(0.61, 0.155, 0.36, 0.9);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.61, 0.155, 0.36, 0.9);
          transition-timing-function: cubic-bezier(0.61, 0.155, 0.36, 0.9);
  /* custom */
  -webkit-transition: 0s;
  transition: 0s;
}
#gnav ul.doctors li {
  text-align: left;
  /* margin-bottom: 0; */
  margin: 0 auto;
  border-top: 0 white solid;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: border-top 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
  transition: border-top 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
  border-bottom: 0px solid rgba(255, 255, 255, 0.39);
}
#gnav ul.doctors li a {
  font-size: 20px;
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: line-height 0.3s ease-out, opacity 0.1s linear, visibility 0.1s linear;
  transition: line-height 0.3s ease-out, opacity 0.1s linear, visibility 0.1s linear;
}
#gnav ul.doctors.active {
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-transition: border-top 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
  transition: border-top 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
}
#gnav ul.doctors.active li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
  padding: 15px 0;
  cursor: pointer;
}
#gnav ul.doctors.active a {
  line-height: 1.5;
  opacity: 1;
  visibility: visible;
  -webkit-transition: line-height 0.3s ease-out, opacity 0.1s linear 0.1s, visibility 0.1s linear 0.1s;
  transition: line-height 0.3s ease-out, opacity 0.1s linear 0.1s, visibility 0.1s linear 0.1s;
}
#gnav .mainmenu {
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
  padding: 130px;
  padding: 8vw;
  position: relative;
  z-index: 1;
}
#gnav .mainmenu::-webkit-scrollbar {
  width: 1px;
}
#gnav .mainmenu::-webkit-scrollbar-track {
  background: #303030;
}
#gnav .mainmenu::-webkit-scrollbar-thumb {
  background: black;
}
#gnav .mainmenu .topmenu,
#gnav .mainmenu .submenu,
#gnav .mainmenu .contactbtns,
#gnav .mainmenu .bottommenu {
  opacity: 0;
  -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  will-change: opacity;
}
#gnav .mainmenu .topmenu {
  -webkit-transition-delay: calc(0.1s + 0.5s);
          transition-delay: calc(0.1s + 0.5s);
}
#gnav .mainmenu .submenu:nth-of-type(1) {
  -webkit-transition-delay: calc(0.1s + 0.6s);
          transition-delay: calc(0.1s + 0.6s);
}
#gnav .mainmenu .submenu:nth-of-type(2) {
  -webkit-transition-delay: calc(0.1s + 0.7s);
          transition-delay: calc(0.1s + 0.7s);
}
#gnav .mainmenu .submenu:nth-of-type(3) {
  -webkit-transition-delay: calc(0.1s + 0.8s);
          transition-delay: calc(0.1s + 0.8s);
}
#gnav .mainmenu .submenu:nth-of-type(4) {
  -webkit-transition-delay: calc(0.1s + 0.9s);
          transition-delay: calc(0.1s + 0.9s);
}
#gnav .mainmenu .submenu:nth-of-type(5) {
  -webkit-transition-delay: calc(0.1s + 1s);
          transition-delay: calc(0.1s + 1s);
}
#gnav .mainmenu .submenu:nth-of-type(6) {
  -webkit-transition-delay: calc(0.1s + 1.1s);
          transition-delay: calc(0.1s + 1.1s);
}
#gnav .mainmenu .submenu:nth-of-type(7) {
  -webkit-transition-delay: calc(0.1s + 1.2s);
          transition-delay: calc(0.1s + 1.2s);
}
#gnav .mainmenu .submenu:nth-of-type(8) {
  -webkit-transition-delay: calc(0.1s + 1.3s);
          transition-delay: calc(0.1s + 1.3s);
}
#gnav .mainmenu .submenu:nth-of-type(9) {
  -webkit-transition-delay: calc(0.1s + 1.4s);
          transition-delay: calc(0.1s + 1.4s);
}
#gnav .mainmenu .submenu.doctors {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
#gnav .mainmenu .contactbtns {
  -webkit-transition-delay: calc(0.1s + 1.3s);
          transition-delay: calc(0.1s + 1.3s);
}
#gnav .mainmenu .bottommenu {
  -webkit-transition-delay: calc(0.1s + 1.4s);
          transition-delay: calc(0.1s + 1.4s);
}
#gnav.active .mainmenu .topmenu,
#gnav.active .mainmenu .submenu,
#gnav.active .mainmenu .contactbtns,
#gnav.active .mainmenu .bottommenu {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
#gnav .access_win {
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  width: 70%;
  text-align: left;
  height: auto;
  height: 100vh;
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 10vh;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.95);
  padding: 5vw;
  -webkit-animation-name: slideout;
          animation-name: slideout;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.07, 0.78, 0.77, 0.645);
          animation-timing-function: cubic-bezier(0.07, 0.78, 0.77, 0.645);
  /* custom */
}
#gnav .access_win::-webkit-scrollbar {
  width: 1px;
}
#gnav .access_win::-webkit-scrollbar-track {
  background: #303030;
}
#gnav .access_win::-webkit-scrollbar-thumb {
  background: black;
}
#gnav .access_win h4 {
  font-size: 32px;
  display: block;
  color: white;
  margin-bottom: 25px;
  font-weight: 100;
}
#gnav .access_win .textarea {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
#gnav .access_win .textarea p {
  font-weight: 100;
  font-size: 14px;
  line-height: 180%;
}
#gnav .access_win .textarea p strong,
#gnav .access_win .textarea p span {
  font-weight: 100;
  display: block;
}
#gnav .access_win .textarea p span {
  margin-bottom: 2vw;
}
#gnav .access_win .maparea {
  width: 100%;
}
#gnav .access_win .maparea .map_inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 64.5%;
  overflow: hidden;
}
#gnav .access_win .maparea .map_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#gnav .access_win .maparea a {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  text-decoration: underline;
  color: white;
  font-size: 1vw;
  display: block;
  margin-top: 2vw;
  text-align: right;
}
#gnav .access_win.active {
  -webkit-animation-name: slidein;
          animation-name: slidein;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.12, 0.66, 0.26, 0.94);
          animation-timing-function: cubic-bezier(0.12, 0.66, 0.26, 0.94);
  /* custom */
}

.contactbtns {
  width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 60px;
}
.contactbtns a {
  text-decoration: none;
  color: white;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  font-weight: 500;
  font-size: 20px;
  height: 67px;
  border: 1px solid white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  overflow: hidden;
}
.contactbtns a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.557);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 67px;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
}
.contactbtns a:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.contactbtns a span {
  position: relative;
  z-index: 2;
}
.contactbtns a.hfbtn {
  width: 330px;
  margin-bottom: 40px;
}
.contactbtns a.fbtn {
  width: 100%;
}

.infoicon {
  width: auto;
  height: auto;
  right: 50px;
  bottom: 8vw;
  position: fixed;
  z-index: 39996;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
}
.infoicon.darkmode a,
.infoicon.darkmode > span {
  color: #808080;
}
.infoicon.darkmode a span:hover,
.infoicon.darkmode > span span:hover {
  background-color: rgba(68, 68, 68, 0.59);
}
.infoicon.top a,
body.gnav_white .infoicon a,
.infoicon.top > span,
body.gnav_white .infoicon > span{
  color: white;
}
.infoicon.top.darkmode a,
.infoicon.top.darkmode > span {
  color: #808080;
}
.infoicon a,
.infoicon > span {
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #b0b0b0;
  font-size: 10px;
  margin-bottom: 30px;
  cursor: pointer;
  white-space: nowrap;
}
.infoicon a span,
.infoicon > span span {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: rgba(167, 167, 167, 0.624);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.infoicon a span:hover,
.infoicon > span span:hover {
  background-color: rgba(167, 167, 167, 0.9);
}
.infoicon .reservebtn > span {
  background-image: url(../images/SVG/reserve_icon.svg);
}
.infoicon .instagrambtn > span {
  background-image: url(../images/SVG/insta.svg);
}
.infoicon .doctorbtn > span {
  background-image: url(../images/SVG/doctor_icon.svg);
}
.infoicon .clinicbtn > span {
  background-image: url(../images/SVG/clinic_icon.svg);
}
.infoicon .casebtn > span {
  background-image: url(../images/SVG/case_icon.svg);
}
.fixmodal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 40000;
  pointer-events: none;
  font-family: "Noto Sans JP", sans-serif;
}
.fixmodal .modaltitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  font-size: 43px;
  color: white;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}
.fixmodal .modaltitle:after {
  content: attr(data-caps);
  font-size: 30%;
  color: white;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1vw;
}
.fixmodal .modal {
  position: absolute;
  width: 80vw;
  max-height: 80vh;
  height: auto;
  padding: 10vh 6vw;
  top: 50%;
  left: 50%;
  cursor: default;
  pointer-events: all;
  z-index: 39999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  background-color: rgba(34, 38, 42, 0.9);
  will-change: transform, opacity;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotateY(20deg);
          transform: translateX(-50%) translateY(-50%) rotateY(20deg);
  pointer-events: none;
  -webkit-box-shadow: 0 0 15px #807471;
          box-shadow: 0 0 15px #807471;
}
.fixmodal .modal .modalwrap {
  width: 100%;
  max-height: calc(55vh - 50px);
  margin-top: 50px;
  overflow: hidden;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.fixmodal .modal .modalwrap::-webkit-scrollbar {
  width: 1px;
}
.fixmodal .modal .modalwrap::-webkit-scrollbar-track {
  background: #303030;
}
.fixmodal .modal .modalwrap::-webkit-scrollbar-thumb {
  background: black;
}
.fixmodal .modal.messagewin {
  overflow-y: scroll;
  height: auto;
  z-index: 39998;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: rgba(34, 38, 42, 0.9);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  pointer-events: none;
  padding: 10vh 10vw;
  -webkit-box-shadow: 0 0 15px #807471;
          box-shadow: 0 0 15px #807471;
}
.fixmodal .modal.messagewin .messagetitle {
  margin-bottom: 30px;
}
.fixmodal .modal.messagewin .messagetitle img {
  width: 200px;
}
.fixmodal .modal.messagewin p {
  font-size: 13px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  color: white;
  line-height: 180%;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.fixmodal .modal.messagewin p .pcnon {
  display: none;
}
.fixmodal .modal.messagewin .modal_inner {
  margin-top: 0;
}
.fixmodal .modal.doctorwin, .fixmodal .modal.instagramwin {
  width: 80vw;
}
.fixmodal .modal .modalclosebtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: white;
  position: absolute;
  right: 60px;
  top: 60px;
  width: 26px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.fixmodal .modal .modalclosebtn:hover {
  -webkit-transform: scale3d(120%, 120%, 100%);
          transform: scale3d(120%, 120%, 100%);
}
.fixmodal .modal.active {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%) rotateY(0deg);
          transform: translateX(-50%) translateY(-50%) rotateY(0deg);
  pointer-events: all;
}
.fixmodal .coverglass {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 39997;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  pointer-events: none;
  background-color: rgba(34, 38, 42, 0.9);
  opacity: 0;
}
.fixmodal .coverglass.active {
  opacity: 0.5;
  pointer-events: all;
  cursor: url(../images/SVG/closs.svg), auto;
}
.fixmodal .modal_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 80%;
  height: 80%;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
.fixmodal .modal_inner::-webkit-scrollbar {
  width: 1px;
}
.fixmodal .modal_inner::-webkit-scrollbar-track {
  background: #303030;
}
.fixmodal .modal_inner::-webkit-scrollbar-thumb {
  background: black;
}
.fixmodal .modal_inner ul.instaicons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 800px;
}
.fixmodal .modal_inner ul.instaicons li {
  width: 25%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 2vw 0;
  font-size: 1vw;
  position: relative;
}
.fixmodal .modal_inner ul.instaicons li.smalltxt {
  font-size: 0.7vw;
}
.fixmodal .modal_inner ul.instaicons li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
.fixmodal .modal_inner ul.instaicons li a span {
  width: 100%;
  display: block;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  text-align: center;
}
.fixmodal .modal_inner ul.instaicons li a:hover img {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: icondance;
          animation-name: icondance;
  -webkit-animation-timing-function: cubic-bezier(0.2, 2, 0.6, 0.6);
          animation-timing-function: cubic-bezier(0.2, 2, 0.6, 0.6);
}
.fixmodal .modal_inner ul.instaicons li img {
  width: 85px;
  height: auto;
  border-radius: 8vw;
  margin-bottom: 1vw;
  position: relative;
}
.fixmodal .modal_inner ul.reserves {
  width: 100%;
  max-width: 680px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.fixmodal .modal_inner ul.reserves li {
  width: 100%;
  max-width: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: auto;
  padding: 2vw 60px;
  border-bottom: 1px solid white;
  position: relative;
  overflow: hidden;
}
.fixmodal .modal_inner ul.reserves li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.557);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  z-index: 1;
}
.fixmodal .modal_inner ul.reserves li:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fixmodal .modal_inner ul.reserves li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  position: relative;
  z-index: 2;
  color: white;
  font-size: 1.5vw;
  font-size: 24px;
  font-weight: 100;
}
.fixmodal .modal_inner ul.reserves li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.fixmodal .modal_inner ul.reserves li a span small {
  font-size: 50%;
  display: block;
  margin-left: 2vw;
}
.fixmodal .modal_inner ul.reserves li a img {
  width: 2.6vw;
  height: auto;
  margin-right: 2vw;
  margin-right: 25px;
}
.fixmodal .modal_inner ul.doctors {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.fixmodal .modal_inner ul.doctors li {
  width: 49%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 40px;
  text-align: left;
}
.fixmodal .modal_inner ul.doctors li dl {
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.fixmodal .modal_inner ul.doctors li dl dt {
  line-height: 120%;
  line-height: 2.4vw;
}
.fixmodal .modal_inner ul.doctors li dl dt .job {
  font-size: 14px;
  font-size: 1.2vw;
  display: block;
  width: 100%;
  line-height: 18px;
  white-space: nowrap;
}
.fixmodal .modal_inner ul.doctors li dl .name {
  font-size: 1.6vw;
  display: block;
  width: 100%;
}
.fixmodal .modal_inner ul.doctors li dd {
  width: 100%;
  font-size: 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.fixmodal .modal_inner ul.doctors li dd .instalink {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 10px;
  line-height: 1vw;
  width: 100%;
}
.fixmodal .modal_inner ul.doctors li dd .instalink span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 1vw;
}
.fixmodal .modal_inner ul.doctors li dd .instalink:before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-image: url(../images/SVG/insta.svg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}
.fixmodal .modal_inner ul.doctors li dd .morebtn {
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border: 1px solid white;
  height: 24px;
  padding: 0 10px;
  color: white;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}
.fixmodal .modal_inner ul.doctors li dd .morebtn span {
  position: relative;
  z-index: 2;
}
.fixmodal .modal_inner ul.doctors li dd .morebtn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.557);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  z-index: 1;
}
.fixmodal .modal_inner ul.doctors li dd .morebtn:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fixmodal .modal_inner ul.doctors .imgarea {
  width: 35%;
  height: 100%;
  width: auto;
  height: auto;
}
.fixmodal .modal_inner ul.doctors .imgarea img {
  width: 100%;
  height: 100%;
}
.fixmodal .modal_inner ul.doctors .imgarea img {
  width: 110px;
  height: auto;
}
.fixmodal .modal_inner ul.doctors .textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 55%;
  width: calc(100% - 180px);
}
@-webkit-keyframes boyon {
  100% {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
    opacity: 1;
  }
}
@keyframes boyon {
  100% {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
    opacity: 1;
  }
}
@-webkit-keyframes poyon {
  0% {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(0.98);
            transform: translateX(-50%) scale(0.98);
    opacity: 1;
  }
}
@keyframes poyon {
  0% {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(0.98);
            transform: translateX(-50%) scale(0.98);
    opacity: 1;
  }
}
@-webkit-keyframes icondance {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes icondance {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.main {
  width: 100vw;
  height: auto;
  min-height: 100vh;
}
.main.active {
  overflow-y: hidden;
}
.main .contentwrap {
  width: 100%;
  height: auto;
}
.main .contentwrap .contentarea {
  position: relative;
}
.main .contentwrap .contentarea .swiper-wrapper.maincontentslide {
  -webkit-transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
}
.main .contentwrap .contentarea .swiper-slide.two {
  width: 100%;
  height: auto;
  overflow: hidden;
  height: auto;
  width: 100vw;
  position: relative;
}
.main .contentwrap .contentarea .swiper-slide.three {
  max-height: 600vh;
}
.main .contentwrap .contentarea .swiper-slide.three.active {
  max-height: 999999px;
}
.main .hero {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .hero .textarea {
  position: absolute;
  left: 6.5vw;
  bottom: 22vh;
  bottom: 180px;
  z-index: 15000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 27vw;
  width: 34vw;
}
.main .hero .textarea h2 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.main .hero .textarea h2 img,
.main .hero .textarea h2 svg {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
.main .hero .textarea .morebtn {
  font-size: 1.5vw;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  text-decoration: none;
  height: 3.5vw;
  padding: 0 3vw;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 80px;
  border: 1px solid white;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main .hero .textarea .morebtn:hover {
  background-color: rgba(34, 38, 42, 0.9);
}
.main .hero:after {
  content: "";
  display: block;
  width: 100%;
  height: 30vh;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(13%, black), color-stop(69%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, black 13%, rgba(0, 0, 0, 0) 69%);
  position: absolute;
  bottom: -5px;
  z-index: 10000;
  pointer-events: none;
}
.main .coverglass {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 39997;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  pointer-events: none;
  background-color: rgba(34, 38, 42, 0.9);
  opacity: 0;
}
.main .coverglass.active {
  opacity: 0.5;
  pointer-events: all;
  cursor: url(../images/SVG/closs.svg), auto;
}
.main .mvplay {
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  cursor: pointer;
  opacity: 0.66;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main .mvplay img {
  width: 100%;
}
.main .mvplay:hover {
  opacity: 1;
}
.main .mvplay.active {
  opacity: 0;
  pointer-events: none;
}
.main .soundbtn {
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 25%;
  cursor: pointer;
  -webkit-transform: translate3d(-50%, 0%, 0);
          transform: translate3d(-50%, 0%, 0);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-image: url(../images/SVG/mute.svg);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 40001;
}
.main .soundbtn:hover {
  opacity: 1;
}
.main .soundbtn.mute {
  background-image: url(../images/SVG/on.svg);
}
.main .soundbtn.active {
  opacity: 0.66;
  pointer-events: all;
}
.main .stopbtn {
  width: 100px;
  height: 100px;
  display: block;
  background-image: url(../images/SVG/closs.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: calc(50% - 120px);
  bottom: 25%;
  cursor: pointer;
  -webkit-transform: translate3d(-50%, 0%, 0);
          transform: translate3d(-50%, 0%, 0);
  opacity: 0;
  pointer-events: none;
  z-index: 40001;
}
.main .stopbtn.active {
  opacity: 0.66;
  pointer-events: all;
}

.mvfader {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  z-index: 1;
}
.mvfader .swiper {
  width: 100%;
  height: 100%;
  display: block;
}
.mvfader .swiper-slide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}
.mvfader .swiper-slide.slide1 {
  background-image: url(../images/mv/mv_1.jpg);
}
.mvfader .swiper-slide.slide2 {
  background-image: url(../images/mv/mv_2.jpg);
}
.mvfader .swiper-slide.slide3 {
  background-image: url(../images/mv/mv_3.jpg);
}
.mvfader .swiper-slide.slide4 {
  background-image: url(../images/mv/mv_4.jpg);
}


.mvfader .swiper-slide.slide5 {
  background-image: url(../images/mv/mv_5.jpg);
}
.mvfader .swiper-slide img {
  display: block;
  width: 100%;
}

.hero .videobox {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 15001;
  pointer-events: none;
}
.hero .videobox .video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

#top_movie {
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#top_movie.active {
  opacity: 1;
  pointer-events: all;
  z-index: 15001;
}

#top_movie_sp {
  opacity: 0;
  position: absolute;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#top_movie_sp.active {
  z-index: 15001;
}

.doctor_cont {
  width: 100%;
  height: auto;
  padding: 0 126px 290px;
  padding: 0 6.5vw 15vw;
  background: #000;
  background-image: url(../images/doctor_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
.doctor_cont h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  padding-top: 260px;
  padding-top: 13.5vw;
  margin-bottom: 200px;
  margin-bottom: 10vw;
  font-size: 60px;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
}
.doctor_cont h3.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.doctor_cont h3:after {
  content: "ドクター紹介";
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
}
.doctor_cont p {
  font-size: 43px;
  font-size: 2.2vw;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  line-height: 180%;
  margin-left: 10vw;
}
.doctor_cont p span {
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
  display: block;
}
.doctor_cont p span.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.doctor_cont p span:nth-of-type(1) {
  -webkit-transition-delay: calc(0.1s *1);
          transition-delay: calc(0.1s *1);
}
.doctor_cont p span:nth-of-type(2) {
  -webkit-transition-delay: calc(0.1s *2);
          transition-delay: calc(0.1s *2);
}
.doctor_cont p span:nth-of-type(3) {
  -webkit-transition-delay: calc(0.1s *3);
          transition-delay: calc(0.1s *3);
}

.doctor_slide_wrap {
  width: 100%;
  height: auto;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.doctor_slide_wrap .docslider {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.doctor_slide_wrap .docslider .swiper-wrapper {
  height: 100vh;
  -webkit-transition: all 500ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 500ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition: all 800ms cubic-bezier(0.34, 0.15, 0.265, 1.01);
  transition: all 800ms cubic-bezier(0.34, 0.15, 0.265, 1.01);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.15, 0.265, 1.01);
          transition-timing-function: cubic-bezier(0.34, 0.15, 0.265, 1.01);
  /* custom */
}
.doctor_slide_wrap .docslider .swiper-wrapper .swiper-slide {
  min-height: 100vh;
}
.doctor_slide_wrap .docslider .docsliderinner {
  width: 100vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
.doctor_slide_wrap .docslider .doctorimgs {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
}
.doctor_slide_wrap .docslider .doctorimgs .swiper-slide {
  width: 100vw;
  height: 100vh;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.doctor_slide_wrap .docslider .doctorimgs .swiper-slide img {
  width: 100%;
}
.doctor_slide_wrap .docslider .doctorimgs.yoshitane .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.yoshitane-slide .swiper-slide:nth-of-type(1) {
  background-image: url(../images/doctorpic/doctor_top_bg/yoshitane_1.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.yoshitane .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.yoshitane-slide .swiper-slide:nth-of-type(2) {
  background-image: url(../images/doctorpic/doctor_top_bg/yoshitane_2.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.ohyama .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.ohyama-slide .swiper-slide:nth-of-type(1) {
  background-image: url(../images/doctorpic/doctor_top_bg/ohyama_1.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.ohyama .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.ohyama-slide .swiper-slide:nth-of-type(2) {
  background-image: url(../images/doctorpic/doctor_top_bg/ohyama_2.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.sakai .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.sakai-slide .swiper-slide:nth-of-type(1) {
  background-image: url(../images/doctorpic/doctor_top_bg/sakai_1.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.sakai .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.sakai-slide .swiper-slide:nth-of-type(2) {
  background-image: url(../images/doctorpic/doctor_top_bg/sakai_2.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.suzuki .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.suzuki-slide .swiper-slide:nth-of-type(1) {
  background-image: url(../images/doctorpic/doctor_top_bg/suzuki_1.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.suzuki .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.suzuki-slide .swiper-slide:nth-of-type(2) {
  background-image: url(../images/doctorpic/doctor_top_bg/suzuki_2.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.wada .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.wada-slide .swiper-slide:nth-of-type(1) {
  background-image: url(../images/doctorpic/doctor_top_bg/wada_1.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.wada .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.wada-slide .swiper-slide:nth-of-type(2) {
  background-image: url(../images/doctorpic/doctor_top_bg/wada_2.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.gondo .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.gondo-slide .swiper-slide:nth-of-type(1) {
  background-image: url(../images/doctorpic/doctor_top_bg/gondo_1.jpg);
}
.doctor_slide_wrap .docslider .doctorimgs.gondo .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.gondo-slide .swiper-slide:nth-of-type(2) {
  background-image: url(../images/doctorpic/doctor_top_bg/gondo_2.jpg);
}
.doctor_slide_wrap .docslider .txtarea {
  width: auto;
  margin-top: 120px;
  margin-right: 15vw;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  margin-bottom: 300px;
  margin-bottom: 17vw;
  position: relative;
  z-index: 5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.doctor_slide_wrap .docslider .txtarea h4 {
  font-size: 90px;
  font-size: 5vw;
  font-weight: 100;
  color: white;
  margin-bottom: 4.5vw;
  margin-bottom: 4vh;
}
.doctor_slide_wrap .docslider .txtarea .jobtitle {
  font-size: 28px;
  font-size: 1.5vw;
  font-weight: 100;
  line-height: 1.4;
  display: block;
}
.doctor_slide_wrap .docslider .txtarea .characters {
  font-size: 2.5vw;
  font-weight: 100;
  display: block;
  margin-bottom: 3.5vw;
  margin-bottom: 4vh;
}
.doctor_slide_wrap .docslider .txtarea .disc {
  font-size: 20px;
  font-size: 1.1vw;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  line-height: 180%;
  margin-bottom: 50px;
}
.doctor_slide_wrap .docslider .txtarea .morebtn {
  font-size: 16px;
  font-size: 1vw;
  font-weight: 100;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 20px 4vw;
  background-color: rgba(64, 64, 64, 0.612);
  border-radius: 100px;
  color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.doctor_slide_wrap .docslider .txtarea .morebtn:hover {
  background-color: #414141;
}
.doctor_slide_wrap .docslider .imgarea {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: block;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.doctor_slide_wrap .slider-thumbnail {
  height: auto;
  width: 64vw;
  left: 18vw;
  width: 76vw;
  left: 12vw;
  /* width: 86.5375vw;
  left: 6.73125vw; */
  bottom: 8vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  z-index: 39990;
}
.doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}
.doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail {
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 12%;
  height: auto;
  cursor: pointer;
}
.doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail img {
  width: 100%;
}
.doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail.active, .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail:hover {
  opacity: 1;
}

.contentarea .about_cont {
  width: 100%;
  min-height: 100vh;
  background-image: url(../images/about_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.contentarea .about_cont .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  padding-top: 160px;
  margin-bottom: 200px;
  margin-bottom: 20vh;
  font-size: 60px;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
}
.contentarea .about_cont .title.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.contentarea .about_cont .title:after {
  content: "日本形成外科学会認定施設";
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
  margin-top: 1.5vw;
}
.contentarea .about_cont .inner {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
  margin-bottom: 200px;
}
.contentarea .about_cont .inner.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.contentarea .about_cont .inner img {
  width: 12vw;
  margin-right: 8vw;
  margin-left: 12vw;
}
.contentarea .about_cont .inner p {
  font-size: 24px;
  font-weight: 100;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  line-height: 260%;
}
.contentarea .about_cont2 {
  width: 100%;
  min-height: 100vh;
  background-image: url(../images/about2_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.contentarea .about_cont2 .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  padding-top: 160px;
  margin-bottom: 200px;
  margin-bottom: 20vh;
  font-size: 60px;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
}
.contentarea .about_cont2 .title.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.contentarea .about_cont2 .title:after {
  content: "顧問/指導医";
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
  margin-top: 1.5vw;
}
.contentarea .about_cont2 .inner {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
  margin-bottom: 200px;
}
.contentarea .about_cont2 .inner.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.contentarea .about_cont2 .inner .about_cont2_box.textArea{
  width: 50%;
}
.contentarea .about_cont2 .inner .about_cont2_box .about_cont2_doctor h3{
  font-size: 38px;
	font-weight: 100;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
	text-align: left;
}
.contentarea .about_cont2 .inner .about_cont2_box .about_cont2_doctor h3 span{
	display: block;
  font-size: 180%;
	font-weight: 100;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
	text-align: left;
	padding-bottom: 15px;
}
.contentarea .about_cont2 .inner .about_cont2_box .about_cont2_doctor h4{
  font-size: 22px;
	font-weight: 100;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
	text-align: left;
	padding-top: 15px;
}
.contentarea .about_cont2 .inner .about_cont2_box.textArea ul{padding-top: 30px;}
.contentarea .about_cont2 .inner .about_cont2_box.textArea ul li{
	font-size: 16px;
	font-weight: 100;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
	line-height: 1.7;
}

.contentarea .about_cont2 .inner .about_cont2_box.photoArea{
  width: 50%;
}
.contentarea .about_cont2 .inner .about_cont2_box.photoArea figure{
  margin: 0 auto;
}
.contentarea .about_cont2 .inner .about_cont2_box.photoArea img{
  width: 100%;
}
@media screen and (max-width: 834px) {
	.contentarea .about_cont2 .title{
    font-size: 26px;
	}
	.contentarea .about_cont2 .title:after {
    font-size: 12px;
    margin-top: 15px;
	}
	.contentarea .about_cont2 .inner .about_cont2_box.textArea{
		width: 100%;padding: 30px 15px 0;order: 2;
	}
	.contentarea .about_cont2 .inner .about_cont2_box.photoArea{
		width: 100%;padding: 0 15px;order: 1;
	}
	.contentarea .about_cont2 .inner .about_cont2_box .about_cont2_doctor h3{
		font-size: 24px;
	}
	.contentarea .about_cont2 .inner .about_cont2_box .about_cont2_doctor h4{
		font-size: 16px;
	}
	.contentarea .about_cont2 .inner .about_cont2_box.textArea ul li{
		font-size: 12px;
	}
}

.facility_cont {
  width: 100vw;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-image: url(../images/facility_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 180%;
  font-weight: 100;
  position: relative;
}
.facility_cont h5 {
  font-size: 38px;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 180%;
  font-weight: 100;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 80px;
}
.facility_cont figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  z-index: 2;
}

.case_cont {
  width: 100vw;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  /* background-image: url(../images/facility_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  font-family: "Noto Sans JP", sans-serif;
  line-height: 180%;
  font-weight: 100;
  position: relative;
}
.case_cont h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: auto;
  padding-top: 260px;
  padding-top: 13.5vw;
  margin-bottom: 200px;
  margin-bottom: 10vw;
  font-size: 60px;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
  opacity: 0;
}
.case_cont h4::after {
  content: "症例写真集";
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
}
.case_cont h4.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.case_cont p {
  font-size: 38px;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 180%;
  font-weight: 100;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 80px;
}
.case_cont_inner {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  z-index: 2;
}

.bgmoviebox {
  position: absolute;
  overflow: hidden;
  width: 100%;
  /* height: 100vh; */
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.bgmoviebox .video, .bgmoviebox .video_s {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bgmoviebox .video_s {
  display: none;
}

.facility_slide_wrap {
  position: relative;
  display: block;
}
.facility_slide_wrap:before {
  content: "";
  background: -webkit-gradient(linear, left top, right top, color-stop(13%, #212529), color-stop(69%, rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, #212529 13%, rgba(0, 0, 0, 0) 69%);
  width: 25vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.facility_slide_wrap:after {
  content: "";
  background: -webkit-gradient(linear, right top, left top, color-stop(13%, #212529), color-stop(69%, rgba(0, 0, 0, 0)));
  background: linear-gradient(-90deg, #212529 13%, rgba(0, 0, 0, 0) 69%);
  width: 25vw;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.facility_slide,
.facility_slide2 {
  width: 100vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 20px 0;
  background-color: #212529;
}
.facility_slide .swiper-wrapper,
.facility_slide2 .swiper-wrapper {
  -webkit-transition: all 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.facility_slide .swiper-wrapper .swiper-slide img,
.facility_slide2 .swiper-wrapper .swiper-slide img {
  width: 100%;
  border-radius: 10px;
}

.facility_slide2 {
  padding: 0 0 80px;
}
.facility_slide2 .swiper-wrapper {
  margin-bottom: 40px;
  margin-bottom: 80px;
}

.infowrap {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-image: url(../images/info_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding-bottom: 16vw;
}
.infowrap:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.571);
  pointer-events: none;
  z-index: 1;
}
.infowrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  padding-top: 160px;
  margin-bottom: 200px;
  margin-bottom: 15vh;
  font-size: 60px;
  font-size: 3vw;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.infowrap .title.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.infowrap .title:after {
  content: attr(data-caption) "";
  display: block;
  width: 100%;
  font-size: 24px;
  font-size: 1.25vw;
  text-align: center;
  margin-top: 30px;
  margin-top: 1.5vw;
}

.access_cont,
.news_cont {
  width: 100vw;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 2;
}

.access_cont .inner {
  width: 80vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.access_cont .maparea {
  width: 50%;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.access_cont .maparea.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.access_cont .maparea .map_inner {
  position: relative;
  width: 85%;
  height: 0;
  padding-bottom: 64.5%;
  overflow: hidden;
}
.access_cont .maparea .map_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.access_cont .textarea {
  width: 40%;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.access_cont .textarea.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.access_cont .textarea h5 {
  font-size: 2vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  color: white;
  margin-bottom: 2vw;
  display: block;
}
.access_cont .textarea dl {
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  font-size: 1.6vw;
  margin-bottom: 2vw;
  line-height: 180%;
}

.news_cont ul {
  width: 100%;
  max-width: 80vw;
  height: auto;
  display: block;
}
.news_cont ul li {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-bottom: 1px solid #707070;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.news_cont ul li.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.news_cont ul li:nth-of-type(1) {
  -webkit-transition-delay: calc(0.1s *1);
          transition-delay: calc(0.1s *1);
}
.news_cont ul li:nth-of-type(2) {
  -webkit-transition-delay: calc(0.1s *2);
          transition-delay: calc(0.1s *2);
}
.news_cont ul li:nth-of-type(3) {
  -webkit-transition-delay: calc(0.1s *3);
          transition-delay: calc(0.1s *3);
}
.news_cont ul li:nth-of-type(4) {
  -webkit-transition-delay: calc(0.1s *4);
          transition-delay: calc(0.1s *4);
}
.news_cont ul li:nth-of-type(5) {
  -webkit-transition-delay: calc(0.1s *5);
          transition-delay: calc(0.1s *5);
}
.news_cont ul li:nth-of-type(6) {
  -webkit-transition-delay: calc(0.1s *6);
          transition-delay: calc(0.1s *6);
}
.news_cont ul li:nth-of-type(7) {
  -webkit-transition-delay: calc(0.1s *7);
          transition-delay: calc(0.1s *7);
}
.news_cont ul li a {
  color: white;
  font-size: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  padding: 10px 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.news_cont ul li a span {
  display: block;
  line-height: 160%;
}
.news_cont ul li a .date {
  margin-right: 15px;
}
.news_cont ul li:hover a {
  background-color: rgba(0, 0, 0, 0.301);
}

.newslist_new {
  width: 80vw;
  max-width: 1100px;
  height: auto;
  display: block;
  margin-top: 50px;
}
.newslist_new li {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-bottom: 1px solid #707070;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.newslist_new li a {
  color: #4a4a4a;
  font-size: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  padding: 10px 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.newslist_new li a span {
  display: block;
  line-height: 160%;
}
.newslist_new li a .date {
  margin-right: 15px;
}
.newslist_new li:hover a {
  background-color: rgba(0, 0, 0, 0.301);
}

.menucont_mv {
  width: 100%;
  height: 100vh;
  background-image: url(../images/menu/mv_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.menucont_mv h3 {
  font-size: 4.6vw;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.menucont_mv h3:after {
  content: attr(data-caps);
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
}

.swiper-slide-active h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.menuwrap {
  width: 100vw;
  height: 100%;
  background-image: url(../images/menu/menu_bg.webp);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover;
  position: relative;
}

.menu_title {
  font-family: "Yu Mincho", "YuMincho";
  font-size: 20vw;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  opacity: 0.33;
  z-index: 1;
  text-transform: uppercase;
  display: block;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.menusec {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 30vw 0;
  position: relative;
}
.menusec:not(:nth-of-type(1)) {
  margin-top: 10vw;
}
.menusec:after {
  content: "MENU";
  font-family: "Yu Mincho", "YuMincho";
  font-size: 20vw;
  font-weight: 100;
  position: absolute;
  right: 0;
  bottom: 5vw;
  color: white;
  opacity: 0.33;
  z-index: 1;
}
.menusec:before {
  content: "";
  width: 40vw;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.33);
  position: absolute;
  left: 10vw;
  bottom: 0vw;
}
.menusec ul {
  width: 80vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  z-index: 2;
}
.menusec ul li {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 100px;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.menusec ul li.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.menusec ul li:nth-of-type(1) {
  -webkit-transition-delay: calc(0.1s *1);
          transition-delay: calc(0.1s *1);
}
.menusec ul li:nth-of-type(2) {
  -webkit-transition-delay: calc(0.1s *2);
          transition-delay: calc(0.1s *2);
}
.menusec ul li:nth-of-type(3) {
  -webkit-transition-delay: calc(0.1s *3);
          transition-delay: calc(0.1s *3);
}
.menusec ul li:nth-of-type(4) {
  -webkit-transition-delay: calc(0.1s *4);
          transition-delay: calc(0.1s *4);
}
.menusec ul li:nth-of-type(5) {
  -webkit-transition-delay: calc(0.1s *5);
          transition-delay: calc(0.1s *5);
}
.menusec ul li:nth-of-type(6) {
  -webkit-transition-delay: calc(0.1s *6);
          transition-delay: calc(0.1s *6);
}
.menusec ul li:nth-of-type(7) {
  -webkit-transition-delay: calc(0.1s *7);
          transition-delay: calc(0.1s *7);
}
.menusec ul li:nth-of-type(8) {
  -webkit-transition-delay: calc(0.1s *8);
          transition-delay: calc(0.1s *8);
}
.menusec ul li:nth-of-type(9) {
  -webkit-transition-delay: calc(0.1s *9);
          transition-delay: calc(0.1s *9);
}
.menusec ul li:nth-of-type(10) {
  -webkit-transition-delay: calc(0.1s *10);
          transition-delay: calc(0.1s *10);
}
.menusec ul li:nth-of-type(11) {
  -webkit-transition-delay: calc(0.1s *11);
          transition-delay: calc(0.1s *11);
}
.menusec ul li:nth-of-type(12) {
  -webkit-transition-delay: calc(0.1s *12);
          transition-delay: calc(0.1s *12);
}
.menusec ul li a {
  line-height: 1.5;
  color: white;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 80px;
  background-color: #646059;
  font-size: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.menusec ul li a:hover {
  background-color: #333230;
}
.menusec ul.facemenulist:after, .menusec ul.facemenulist:before, .menusec ul.othermenulist:after, .menusec ul.othermenulist:before {
  content: "";
  display: block;
  /* width: 24%; */
  width: 32%;
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.menusec ul.bodymenulist:before {
  content: "";
  display: block;
  width: 32%;
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.pickupmenucont_mv {
  width: 100%;
  height: 100vh;
  background-image: url(../images/pickup/pickupmenu_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  padding: 0 0 7vw 7vw;
}
.pickupmenucont_mv h3 {
  font-size: 4.6vw;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.pickupmenucont_mv h3:after {
  content: attr(data-caps);
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
}

.swiper-slide-active .pickupmenucont_mv h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.pickuplist {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  overflow-x: hidden;
}
.pickuplist .picktitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  padding-top: 260px;
  padding-top: 13.5vw;
  margin-bottom: 200px;
  margin-bottom: 10vw;
  font-size: 60px;
  font-family: "Noto Sans JP", sans-serif;
  color: black;
  font-weight: 100;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
}
.pickuplist .picktitle.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.pickuplist .picktitle:after {
  content: attr(data-caps);
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
}
.pickuplist .pickupmenus {
  width: 80vw;
  max-width: 900px;
  height: auto;
  display: block;
}
.pickuplist .pickupmenus:hover li {
  opacity: 0.4;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.pickuplist .pickupmenus:hover li:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.pickuplist .pickupmenus li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-bottom: 60px;
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  /* ease (default) */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  /* ease (default) */
  position: relative;
}
.pickuplist .pickupmenus li:before {
  content: "";
  width: 30%;
  display: block;
  height: 3px;
  background-color: white;
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: 50;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 800ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 800ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
}
.pickuplist .pickupmenus li:after {
  content: "";
  width: calc(80% - 60px);
  display: block;
  height: 1px;
  background-color: #707070;
  position: absolute;
  bottom: -30px;
  right: 0;
  z-index: 49;
}
.pickuplist .pickupmenus li:hover:before {
  -webkit-transform: translateX(500%);
          transform: translateX(500%);
}
.pickuplist .pickupmenus li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.pickuplist .pickupmenus li a img {
  width: 20%;
  height: auto;
  border-radius: 20px;
}
.pickuplist .pickupmenus li span {
  width: calc(80% - 60px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  font-size: 28px;
  color: black;
  word-break: keep-all;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.pickuplist .pickupmenus li span:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  background-image: url(../images/SVG/arrow.svg);
  background-size: auto 40px;
  background-repeat: no-repeat;
  background-position: right center;
}
.pickuplist .pickupmenus li span .pcnon {
  display: none;
}
.pickuplist .topics {
  width: 100%;
  max-width: 70vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.pickuplist .topics li {
  width: 44%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 100px;
}
.pickuplist .topics li .imgbox {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.pickuplist .topics li .imgbox a {
  display: block;
}
.pickuplist .topics li .imgbox img {
  width: 100%;
}
.pickuplist .topics li .imgbox p {
  width: calc(100% - 40px);
  display: block;
  position: absolute;
  left: 20px;
  bottom: 40px;
  font-size: 1.3vw;
  z-index: 2;
  line-height: 160%;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
}
.pickuplist .topics li .imgbox a:after {
  content: "";
  width: 100%;
  height: 60%;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(13%, black), color-stop(69%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, black 13%, rgba(0, 0, 0, 0) 69%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.pickuplist .topics li .btn {
  /*min-width: 80%;
  width: auto;*/
	width: 100%;
  /* height: auto; */
  min-height: 55px;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 13px;
  color: white;
  background-color: #414141;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 50px;
  /* padding: 20px 20px; */
  padding: 10px 20px;
  margin: 0 0 15px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 1.5;
  text-align: center;
}
.pickuplist .topics li .btn:hover {
  background-color: #353535;
}
.pickuplist .topics li .btn.youtube span {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}
.pickuplist .topics li .btn.youtube span::before {
  content: "";
  width: 20px;
  height: 15px;
  display: block;
  background-image: url(../images/SVG/youtube_icon.svg);
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
/* .pickuplist .topics li .btn.youtube:before {
  content: "";
  width: 20px;
  height: 15px;
  display: block;
  background-image: url(../images/SVG/youtube_icon.svg);
  background-size: auto 20px;
  background-repeat: no-repeat;
  margin-right: 5px;
  background-position: center;
} */
.pickuplist .bnrArea{width: 100%;margin-top: 30px;}
.pickuplist .bnrArea .bnrList{width: 80vw;margin: 0 auto;}
.pickuplist .bnrArea .bnrList li{max-width: 535px;margin: 0 auto;}
.pickuplist .bnrArea .bnrList li a{transition: .3s;}
.pickuplist .bnrArea .bnrList li a:hover{opacity: 0.8;}
.pickuplist .bnrArea .bnrList li + li{margin-top: 30px;}
.pickuplist .bnrArea .bnrList img{width: 100%;}
body#docyoshitane {
  position: relative;
}
body#docyoshitane:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/yoshitane/doc_about_bg.jpg);
}

body#docohyama {
  position: relative;
}
body#docohyama:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/ohyama/doc_about_bg.jpg);
}

body#docsuzuki {
  position: relative;
}
body#docsuzuki:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/suzuki/doc_about_bg.jpg);
}

body#docsakai {
  position: relative;
}
body#docsakai:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/sakai/doc_about_bg.jpg);
}

body#docyuzaki {
  position: relative;
}
body#docyuzaki:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/yuzaki/doc_about_bg.jpg);
}

body#doclan {
  position: relative;
}
body#doclan:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/lan/doc_about_bg.jpg);
}

body#docwada {
  position: relative;
}
body#docwada:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/wada/doc_about_bg.jpg);
}
body#docgondo {
  position: relative;
}
body#docgondo:before {
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/doctorpic/indivisual/gondo/doc_about_bg.jpg);
}
.sectitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  margin-top: 7vw;
  margin-bottom: 7vw;
  font-size: 60px;
  font-family: "Noto Sans JP", sans-serif;
  color: white;
  font-weight: 100;
  -webkit-transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 1200ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
}
.sectitle.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.sectitle:after {
  content: attr(data-caps);
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
}

.spacer {
  width: 100%;
  display: block;
  height: 20vh;
}

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

#drlistpagewrap {
  position: relative;
  width: 100vw;
  height: auto;
}
#drlistpagewrap:before {
  content: "";
  background-image: url(../images/doctorpic/doctor_top_bg/doctor_top_bg.jpg);
  width: 100%;
  height: 100vh;
  display: block;
  background-size: cover;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
}

.drsmv {
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
}
.drsmv * {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.drsmv *.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.drsmv.doctor h2 span {
  width: 100%;
  display: block;
  text-align: left;
}
.drsmv.doctor h2 span.firstname {
  text-align: left;
}
.drsmv.yoshitane {
  background-image: url(../images/doctorpic/indivisual/yoshitane/mv_1.jpg);
}
.drsmv.ohyama {
  background-image: url(../images/doctorpic/indivisual/ohyama/mv_1.jpg);
}
.drsmv.sakai {
  background-image: url(../images/doctorpic/indivisual/sakai/mv.jpg);
}
.drsmv.suzuki {
  background-image: url(../images/doctorpic/indivisual/suzuki/mv.jpg);
}
.drsmv.wada {
  background-image: url(../images/doctorpic/indivisual/wada/mv.jpg);
}
.drsmv.gondo {
  background-image: url(../images/doctorpic/indivisual/gondo/mv.jpg);
}
.drsmv.yoshitane_ind {
  background-image: url(../images/doctorpic/indivisual/yoshitane/mv_1.jpg);
}
.drsmv.ohyama_ind {
  background-image: url(../images/doctorpic/indivisual/ohyama/mv_1.jpg);
}
.drsmv.sakai_ind {
  background-image: url(../images/doctorpic/indivisual/sakai/mv.jpg);
}
.drsmv.suzuki_ind {
  background-image: url(../images/doctorpic/indivisual/suzuki/mv.jpg);
}
.drsmv.wada_ind {
  background-image: url(../images/doctorpic/indivisual/wada/mv.jpg);
}
.drsmv.gondo_ind {
  background-image: url(../images/doctorpic/indivisual/gondo/mv.jpg);
}
.drsmv h2 {
  color: white;
  font-size: 6.5vw;
  font-weight: 100;
  display: block;
  width: 75vw;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-shadow: 0 0 17px gray;
}
.drsmv h2 .pcnon {
  display: none;
}
.drsmv h2 span {
  text-transform: uppercase;
}
.drsmv h2 span.title {
  margin-right: 3vw;
  width: 100%;
  text-align: left;
}
.drsmv h2 span.firstname {
  margin-right: 3vw;
  width: auto;
  text-align: right;
}
.drsmv h2 span.lastname {
  margin-left: 3vw;
  width: auto;
  text-align: left;
}
.drsmv h2 span.job {
  font-size: 1.4vw;
  width: 100%;
  display: block;
  text-align: left;
  margin-top: 3vw;
	line-height: 1.4;
}
.drsmv h2 span.name {
  font-size: 3vw;
  margin-top: 1vw;
  width: 100%;
  text-align: left;
}
.drsmv .morebtn {
  font-size: 16px;
  font-size: 1vw;
  font-weight: 100;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 20px 4vw;
  background-color: rgba(64, 64, 64, 0.612);
  border-radius: 100px;
  color: white;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  position: absolute;
  left: 50%;
  bottom: 18vh;
  -webkit-transform: translateX(-50%) translateY(20px);
          transform: translateX(-50%) translateY(20px);
}
.drsmv .morebtn:hover {
  background-color: #414141;
}
.drsmv .morebtn.active {
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
  opacity: 1;
}


/* ドクターページABテスト用↓↓↓ */
.drsmv .keywordLabels {
  color: #fff;
  font-size: 1.3vw;
  font-weight: 100;
  display: block;
  width: 75vw;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  text-shadow: 0 0 17px gray;
  margin-top: 30px;
}

.drsmv .keywordLabels__item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #414141;
  padding: 8px 20px;
  box-sizing: border-box;
  border-radius: 30px;
}

/* .drsmv .keywordLabels__item:nth-of-type(n+1) {
  padding-right: 30px;
}

.drsmv .keywordLabels__item:nth-of-type(n+3) {
  padding-right: 0px;
} */

/* .drsmv .keywordLabels__item::before {
  content: '';
  display: block;
  width: 2px;
  height: 1.5vw;
  background: #fff;
  text-shadow: 0 0 17px gray;
  margin-right: 10px;
} */
.drsmv .keywordLabels__item + .keywordLabels__item {
  margin-left: 15px;
}
.drsmv .catchBlock {
  color: #fff;
  font-size: 1.5vw;
  font-weight: 100;
  display: block;
  width: 75vw;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  text-shadow: 0 0 17px gray;
  margin-top: 10px;
}
.drsmv .catchBlock__txt {
  color: #fff;
  font-size: 1.4vw;
  font-weight: 100;
  line-height: 1.5em;
  display: block;
  width: 75vw;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  text-shadow: 0 0 17px gray;
}
/* ドクターページABテスト用↑↑↑ */


.itemstickwrap {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.profile_doctor {
  width: 100vw;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  padding-top: 80px;
}
.profile_doctor.yoshitane {
  background-image: url(../images/doctorpic/indivisual/yoshitane/society_bg.jpg);
}
.profile_doctor.ohyama {
  background-image: url(../images/doctorpic/indivisual/ohyama/society_bg.jpg);
  background-position: right -10vw center;
}
.profile_doctor.suzuki {
  background-image: url(../images/doctorpic/indivisual/suzuki/society_bg.jpg);
}
.profile_doctor.sakai {
  background-image: url(../images/doctorpic/indivisual/sakai/society_bg.jpg);
  background-position: right -5vw center;
}
.profile_doctor.wada {
  background-image: url(../images/doctorpic/indivisual/wada/society_bg.jpg);
}
.profile_doctor.gondo {
  background-image: url(../images/doctorpic/indivisual/gondo/society_bg.jpg);
}
.profile_doctor .textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 38vw;
  height: auto;
  max-height: 80vh;
  overflow-y: scroll;
  overflow: hidden;
  margin-left: 10vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  color: white;
  position: sticky;
  top: 80px;
  margin-bottom: 80px;
}
.profile_doctor .textarea h3,
.profile_doctor .textarea h4 {
  font-size: 3vw;
  font-weight: 100;
  width: 100%;
  text-align: center;
  display: block;
}
.profile_doctor .textarea h3:after,
.profile_doctor .textarea h4:after {
  content: attr(data-caps);
  font-size: 1.2vw;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1.2vw;
  margin-bottom: 25px;
}
.profile_doctor .textarea ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 3vw;
}
.profile_doctor .textarea ul li {
  width: 100%;
  text-align: center;
  line-height: 160%;
  font-size: 18px;
}
.profile_doctor .textarea dl {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 20px;
}
.profile_doctor .textarea dl dt {
  /* width: 20%; */
  width: 78px;
  line-height: 180%;
  font-size: 18px;
}
.profile_doctor .textarea dl dd {
  /* width: 80%; */
  width: calc(100% - 78px);
  line-height: 180%;
  font-size: 18px;
  padding-left: 1.4vw;
}
.profile_doctor .textarea .textarea_inner {
  max-height: 80vh;
  overflow-y: scroll;
  padding: 10px 20px 10px 10px;
}
.profile_doctor .textarea .textarea_inner::-webkit-scrollbar {
  width: 4px;
}
.profile_doctor .textarea .textarea_inner::-webkit-scrollbar-track {
  background: #c3beba;
}
.profile_doctor .textarea .textarea_inner::-webkit-scrollbar-thumb {
  background: #7E7B79;
}
.profile_doctor .spacer {
  display: block;
  width: 100%;
  height: 40vh;
}

.about_dr {
  width: 100vw;
  height: auto;
  padding-bottom: 7vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
.about_dr .sectitle {
  position: sticky;
  top: 7vw;
}
.about_dr .stickbox {
  width: 100%;
  height: auto;
  padding-bottom: 7vw;
  display: block;
}
.about_dr .stickbox .stickinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  height: 100vh;
  position: sticky;
  top: 0;
}
.about_dr .imgarea {
  width: 70vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  position: sticky;
  top: 80px;
}
.about_dr .imgarea img {
  width: 100%;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.about_dr .imgarea img.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.about_dr .imgarea .left,
.about_dr .imgarea .right {
  width: 45%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.about_dr .imgarea .left {
  margin-top: 10vw;
}
.about_dr .imgarea img.three {
  width: 80%;
  margin-top: 10vw;
}
.about_dr .imgarea_sp {
  display: none;
}

.moviepart {
  width: 100vw;
  padding-bottom: 15vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  padding-top: 20vh;
}
.moviepart .inner {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 887px;
  padding: 0 10vw;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.moviepart .inner.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.moviepart .morebtn {
  font-size: 16px;
  width: 16.5vw;
  height: 3.8vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #414141;
  border-radius: 100px;
  color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-top: 60px;
}
.moviepart .morebtn:hover {
  background-color: #777777;
}
.moviepart .movbox {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.moviepart .movbox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.casepart {
  width: 100vw;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
.casepart .sectitle {
  position: sticky;
  top: 0;
  top: 7vw;
  margin-bottom: 7vw;
}
.casepart .imgbox {
  width: 54vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: sticky;
  top: 300px;
}
.casepart .imgbox img {
  width: 12vw;
  margin-bottom: 1.8vw;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.casepart .imgbox img.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.casepart .imgbox .comingsoon {
  width: 100%;
  height: 30px;
  font-size: 18px;
  color: white;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
}

.casepart .imgbox .imgboxsec {
  width: 54vw;
}
.casepart .imgbox .imgboxsec + .imgboxsec {
  margin-top: 50px;
}
.casepart .imgbox .imgboxsec h6 {
  font-size: 20px;
  font-weight: 100;
  line-height: 1.75;
  color: #fff;
  margin-bottom: 30px;
  font-family: "Noto Sans JP", sans-serif;
}
.casepart .imgbox .imgboxsec .imgboxseccaselist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; */
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.casepart .imgbox .imgboxsec .imgboxseccaselist li {
  /* width: calc((100% - 60px) / 4); */
  width: 12vw;
  margin-left: 1.8vw;
}
.casepart .imgbox .imgboxsec .imgboxseccaselist li:nth-of-type(4n+1) {
  margin-left: 0;
}
.casepart .imgbox .imgboxsec .imgboxseccaselist a {

}
.casepart .imgbox .imgboxsec .imgboxseccaselist a img {

}
.casepart .imgbox .imgboxsec .imgboxsecspecialcase {
  width: 54vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.casepart .imgbox .imgboxsec .imgboxsecspecialcase a img,
.casepart .imgbox .imgboxsec .imgboxsecspecialcase div img {
  width: 25.8vw;
}


.mediapart {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  padding-top: 0;
  padding-bottom: 7vw;
  margin-bottom: 20vh;
}

.bannerArea {
 margin: 140px auto 0;
 padding-bottom: 14vw;
}

.bannerArea img {
  width: 30vw;
 }

.mediapart .mediabtn {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.6vw;
  color: white;
  font-weight: 100;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  line-height: 0;
  width: 100%;
  -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.mediapart .mediabtn.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.mediapart .mediabtn:before {
  content: "";
  width: 4vw;
  height: 4vw;
  display: block;
  background-image: url(../images/SVG/insta.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1.3vw;
}
.mediapart .mediabtn.insta:not(:nth-of-type(1)) {
  margin-top: 50px;
}
.mediapart .mediabtn.youtube {
  margin-top: 50px;
}
.mediapart .mediabtn.youtube:before {
  content: "";
  background-image: url(../images/SVG/youtube_icon.svg);
}
.mediapart .mediabtn.twitter {
  margin-top: 50px;
}
.mediapart .mediabtn.twitter:before {
  content: "";
  background-image: url(../images/SVG/twitter.svg);
}
.mediapart .mediabtn.interview {
  margin-top: 65px;
}
.mediapart .mediabtn.interview:before {
  content: none;
}
.mediapart .sectitle {
  position: sticky;
  top: 7vw;
}

.doctor_slide_wrap.indivisuals .sectitle {
  top: 0;
  position: absolute;
  z-index: 5;
}


.p-floatMenuBlock {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
  z-index: 39998;
}
.p-floatMenuBlock.is-visible {
  opacity: 1;
}

.p-floatMenu {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: #ffffff44; */
  background-color: #00000022;
}
a.c-ctaBtn {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 30px);
  font-weight: 100;
  width: min(80vw, 600px);
  border-radius: min(8.53vw, 64px);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background-color: rgba(64, 64, 64, 0.612);
  background-color: #49484b;
  height: 70px;
  padding: 20px 35px;
  box-sizing: border-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
a.c-ctaBtn:hover {
  background-color: #414141;
}
/* a.c-ctaBtn::after {
  position: absolute;
  content: '';
  right: min(3.73vw, 28px);
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #ffffff;
  border-right: 0;
} */
.p-floatMenuRaisingBlock {
  height: 70px;
  background-color: #212529;
  position: relative;
}

footer {
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding: 100px 7.5vw 5vw;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #212529;
  background-repeat: no-repeat;
  background-size: 25%;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 2000;
}
footer .footer_inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #707070;
  padding-top: 100px;
  padding-left: 10vw;
  padding-right: 10vw;
}
footer .copy {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
footer .copy a img {
  width: 100px;
  height: auto;
}
footer .menugroup {
  width: 24%;
  height: auto;
}
footer .menugroup.small {
  width: 16%;
}
footer ul {
  width: 100%;
  height: auto;
  margin-bottom: 70px;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
}
footer ul:before {
  content: "";
  font-size: 32px;
  font-size: 1.6vw;
  color: white;
  font-weight: 100;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
footer ul.top:before {
  content: "TOP";
}
footer ul.case:before {
  content: "CASE";
}
footer ul.clinic:before {
  content: "CLINIC";
}
footer ul.price:before {
  content: "PRICE";
}
footer ul.doctor:before {
  content: "DOCTOR";
}
footer ul.staff:before {
  content: "STAFF";
}
footer ul.reserve:before {
  content: "RESERVE";
}
footer ul.other:before {
  content: "OTHER";
}
footer ul.recruit:before {
  content: "RECRUIT";
}
footer ul li {
  color: white;
  font-size: 20px;
  font-size: 1vw;
  display: block;
  margin-bottom: 25px;
  width: 100%;
  cursor: pointer;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
footer ul li a:link, footer ul li a:visited {
  color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}
footer ul li a:link:after, footer ul li a:visited:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #fff;
  position: absolute;
  bottom: -5px;
  left: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
          transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
}
footer ul li a:link:hover:after, footer ul li a:visited:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
footer .logo {
  width: auto;
  height: 20px;
  fill: white;
}
footer p {
  width: 100%;
  display: block;
  font-size: 11px;
  color: #434343;
  margin: 10px 0;
  line-height: 160%;
}
footer .infoicons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .infoicons svg {
  height: 40px;
  width: auto;
  fill: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
footer .infoicons a {
  margin: 0 0 0 10px;
  width: 40px;
}
footer .infoicons a:hover svg {
  fill: #748655;
}
footer small {
  width: auto;
  height: 100px;
  margin-left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 20px;
  font-size: 1vw;
  color: white;
  padding-bottom: 18px;
}

#burger {
  position: fixed;
  right: 140px;
  top: 40px;
  right: 3vw;
  top: 3vw;
  z-index: 40000;
  cursor: pointer;
  caret-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#burger.top .menu-trigger span,
body.gnav_white #burger .menu-trigger span{
  background-color: white;
}
#burger.darkmode .menu-trigger span {
  background-color: #a8a8a8;
}
#burger .menu-trigger {
  position: relative;
  width: 70px;
  height: 53px;
  padding: 0;
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#burger .menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70px;
  height: 1px;
  background-color: #b0b0b0;
  position: absolute;
}
#burger .menu-trigger span:nth-of-type(1) {
  top: 0;
}
#burger .menu-trigger span:nth-of-type(2) {
  top: 50%;
}
#burger .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
#burger .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(27px) rotate(-135deg);
          transform: translateY(27px) rotate(-135deg);
}
#burger .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
#burger .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-26px) rotate(135deg) scaleX(1);
          transform: translateY(-26px) rotate(135deg) scaleX(1);
  -webkit-transform-origin: center;
          transform-origin: center;
}

/* video caption css */
.caption {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5px 10px;
  color: #ddd;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  z-index: 1000000;
}

.control {
  width: 80vw;
  color: #ccc;
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 1000005;
  display: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  /* control bottom part */
  /* PROGRESS BAR CSS */
  /* Progress bar */
  /* VOLUME BAR CSS */
  /* volume bar */
}
.control.active {
  display: block;
}
.control .btnwrap {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
.control .btmControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  height: 100px;
  padding: auto;
  position: relative;
}
.control .btnPlay {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.control .btnclose,
.control .btnclose_facility {
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 80px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
}
.control .btnclose .icon-close,
.control .btnclose_facility .icon-close {
  background: url(../images/SVG/videoclose.svg);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
}
.control .btnclose:hover,
.control .btnclose_facility:hover {
  background-color: rgba(0, 0, 0, 0.664);
}
.control .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: auto;
}
.control .sound {
  margin-right: 50px;
}
.control .icon-play {
  background: url(../images/SVG/play.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  height: 100%;
}
.control .icon-pause {
  background: url(../images/SVG/pause.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.control .selected {
  font-size: 15px;
  color: #ccc;
}
.control .sound {
  width: 30px;
  height: 30px;
  border-left: none;
  cursor: pointer;
}
.control .icon-sound {
  background: url(../images/SVG/soundon.svg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.control .muted .icon-sound {
  background: url(../images/SVG/soundoff.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.control .btnFS {
  width: 30px;
  height: 30px;
  border-left: none;
}
.control .icon-fullscreen {
  background: url(../images/SVG/fullscreen.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.control .progress-bar {
  height: 10px;
  border-left: none;
  width: 100%;
  margin-bottom: 30px;
}
.control .progress {
  width: 240px;
  width: 100%;
  height: 6px;
  position: relative;
  cursor: pointer;
  background: rgba(162, 160, 160, 0.33);
  border-radius: 10px;
  /* fallback */
}
.control .progress span {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.control .timeBar {
  z-index: 10;
  width: 0;
  background: #ededed;
  border-radius: 10px;
}
.control .bufferBar {
  z-index: 5;
  width: 0;
  background: rgba(237, 237, 237, 0.4);
  border-radius: 10px;
}
.control .volume {
  position: relative;
  cursor: pointer;
  width: 70px;
  height: 10px;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}
.control .volumeBar {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #eee;
  z-index: 10;
}

.facilityhero h2 {
  font-size: 38px;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 180%;
  font-weight: 100;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 80px;
}
.facilityhero figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  z-index: 2;
}
.facilityhero .frontvideobox {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.facilityhero .frontvideobox .video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.facilityhero .bgmoviebox {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  left: 0;
  top: 0;
}
.facilityhero .morelinkbtn {
  cursor: pointer;
  border: 0px;
}
.facilityhero .morelinkbtn svg {
  border-radius: 80px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.facilityhero .morelinkbtn:hover {
  background: none;
}
.facilityhero .morelinkbtn:hover svg {
  border-radius: 80px;
  background-color: #414141;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.facilityhero .morelinkbtn .txt {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

#facility_movie {
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#facility_movie.active {
  opacity: 1;
  pointer-events: all;
  z-index: 15001;
}

#facility_movie_sp {
  opacity: 0;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
#facility_movie_sp.active {
  z-index: 15001;
}

.facility_contents {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  background-color: #414141;
  overflow: hidden;
}
.facility_contents .inner {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
.facility_contents h2 {
  font-size: 44px;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 7vw;
  position: relative;
  z-index: 7;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  font-weight: 100;
  color: white;
  -webkit-transition: all 2000ms cubic-bezier(0.74, 0.015, 0.15, 1);
  transition: all 2000ms cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
          transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  opacity: 0;
}
.facility_contents h2:after {
  content: attr(data-caps);
  font-size: 22px;
  color: white;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  display: block;
}
.facility_contents h2.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.facility_contents .imgbox {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 100vw;
  height: 100vh;
  display: block;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
  will-change: transform;
  -webkit-transition: 10s;
  transition: 10s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.facility_contents .imgbox.resize {
  -webkit-transition: 0s;
  transition: 0s;
}
.facility_contents .bgtxt .pcnon {
  display: none;
}
.facility_contents.hall .imgbox {
  background-image: url(../images/facility/clinic1.jpg);
}
.facility_contents.hall .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.hall .bgtxt {
  color: #ffedce;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
}
.facility_contents.entrans .imgbox {
  background-image: url(../images/facility/clinic2.jpg);
}
.facility_contents.entrans .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.entrans .bgtxt {
  color: #cea66e;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
}
.facility_contents.reception .imgbox {
  background-image: url(../images/facility/clinic3.jpg);
}
.facility_contents.reception .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.reception .bgtxt {
  color: #c0a08d;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
}
.facility_contents.skincare .imgbox {
  background-image: url(../images/facility/clinic4.jpg);
  -webkit-transform: scale3d(1.1, 1.1, 1) translateX(0%);
          transform: scale3d(1.1, 1.1, 1) translateX(0%);
}
.facility_contents.skincare .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.skincare .bgtxt {
  color: #ebc9a2;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
  font-size: 15vw;
}
.facility_contents.skincare2 .imgbox {

  background-image: url(../images/facility/clinic5.jpg);
}
.facility_contents.skincare2 .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.skincare2 .bgtxt {
  color: #ba6d12;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
  font-size: 15vw;
}
.facility_contents.ope .imgbox {
  background-image: url(../images/facility/clinic6.jpg);
}
.facility_contents.ope .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.ope .bgtxt {
  color: #ffffff;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
  font-size: 13.5vw;
}
.facility_contents.artmake .imgbox {
  background-image: url(../images/facility/clinic7.jpg);
  -webkit-transform: scale3d(1.1, 1.1, 1) translateX(0%);
          transform: scale3d(1.1, 1.1, 1) translateX(0%);
  -webkit-transition: 20s;
  transition: 20s;
}
.facility_contents.artmake .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.artmake .bgtxt {
  color: #fbe0c6;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
  font-size: 13.5vw;
}
.facility_contents.makeup .imgbox {
  background-image: url(../images/facility/clinic8.jpg);
}
.facility_contents.makeup .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.makeup .bgtxt {
  color: #e7be93;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
  font-size: 13.5vw;
}
.facility_contents.powder .imgbox {
  background-image: url(../images/facility/clinic9.jpg);
  -webkit-transform: scale3d(1.1, 1.1, 1) translateX(0%);
          transform: scale3d(1.1, 1.1, 1) translateX(0%);
  -webkit-transition: 20s;
  transition: 20s;
}
.facility_contents.powder .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: 20s;
  transition: 20s;
}
.facility_contents.powder .bgtxt {
  color: #d09f6a;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
  font-size: 15vw;
}
.facility_contents.counseling .imgbox {
  background-image: url(../images/facility/clinic10.jpg);
}
.facility_contents.counseling .imgbox.active {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.facility_contents.counseling .bgtxt {
  color: #ffffff;
  opacity: 0.3;
  font-size: 18vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  width: 100%;
  display: block;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
  z-index: 6;
  font-size: 15vw;
}

.pagenation {
  position: fixed;
  left: 10px;
  top: 20%;
  z-index: 10000;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.pagenation .topbtn {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  margin-top: 10px;
  background-image: url(../images/SVG/play-btn.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.pagenation .topbtn:hover {
  -webkit-transform: rotateZ(-90deg) scale(1.1);
          transform: rotateZ(-90deg) scale(1.1);
}

.pagenation span {
  width: 100%;
  list-style-type: none;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.pagenation span a {
  display: block;
  background-color: rgba(167, 167, 167, 0.3);
  height: 10px;
  width: 10px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pagenation span a:hover {
  background-color: #fff;
}

.pagenation a.active {
  background: white;
}

.c-punkuzu {
  display: none;
}

.l-wrap {
  padding-top: 0;
}

.p-treatmentData__itemTitle {
  color: black;
}

.p-treatmentData__itemIcon {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.c-head {
  width: 100%;
  height: 100vh;
  background-image: url(../images/menu_pages/h_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.c-head .c-head__inner {
  padding-top: 0;
  padding-bottom: 0;
}
.c-head .l-inner--pd {
  max-width: 1100px;
  margin: 0 auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 0px;
}
.c-head h1 {
  font-size: 1.5vw;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  color: black;
  display: block;
  border-bottom: 0px solid #000;
}
.c-head h1:before {
  content: attr(data-caps);
  font-size: 3.8vw;
  font-weight: 100;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  color: black;
  display: block;
  border-bottom: 1px solid black;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.c-head h1.c-head__title:after {
  display: none;
}

.c-middleTitle01--en,
.c-middleTitle01--jp {
  display: none;
}

#form button {
  color: white !important;
}

.c-pageTxtBox {
  background: none;
}
.c-pageTxtBox .c-pageTxtBox__txt {
  font-size: 18px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  text-align: left;
}
.c-pageTxtBox .c-pageTxtBox__txt .float_left {
  clear: both;
  width: auto;
}
.c-pageTxtBox .c-pageTxtBox__inner {
  padding: 0;
}

.c-pageTxtBox__title {
  font-size: 24px;
  color: black;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
}
.c-pageTxtBox__title:before {
  content: "";
  width: 60px;
  height: 1px;
  display: block;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateX(calc(-100% - 20px));
          transform: translateX(calc(-100% - 20px));
}
/* 汎用のCTAボタン */
.c-reserveBtnCatch {
	font-size: 20px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: .12em;
}
.c-reserveBtnBlock {
  margin-top: 50px;
}
.c-reserveBtnFrame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 100%;
}
.c-reserveBtnFrame li {
  width: 44%;
  max-width: 320px;
}
.c-reserveBtnFrame li + li {
  margin-left: 70px;
}
a.c-reserveBtnLinkAnc {
  background: #414141;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 5px;
  padding: 2px 10px 0;
  box-sizing: border-box;
}


.c-headLineTitle {
  font-size: 24px;
  color: black;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
}
.c-headLineTitle:before {
  content: "";
  width: 60px;
  height: 1px;
  display: block;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateX(calc(-100% - 20px));
          transform: translateX(calc(-100% - 20px));
}

.p-feeArea .c-headLineTitle:before, .p-casePhotoArea .c-headLineTitle:before {
  display: none;
}

.c-headLineTitle {
  font-size: 24px;
  color: black;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
  padding: 0;
}
.c-headLineTitle:after {
  display: none;
}
.c-headLineTitle:before {
  content: "";
  width: 60px;
  height: 1px;
  display: block;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateX(calc(-100% - 20px));
          transform: translateX(calc(-100% - 20px));
}

.p-otherTreatment__itemTitle {
  font-size: 18px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  font-weight: 500;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
}
.p-otherTreatment__itemTitle:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #bcbcbc;
  margin-top: 10px;
}

.p-otherTreatment__itemTxt {
  font-size: 18px;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  height: 50%;
  width: 100%;
}

.p-otherTreatment__item {
  width: 33.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  border: 0px;
}
.p-otherTreatment__item:nth-child(3n) {
  border: 0px;
}

.p-otherTreatment__itemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.p-otherTreatment__itemBtn {
  width: 100%;
}

a.c-btn02 {
  background: #414141;
  color: white;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 100px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
}
a.c-btn02 span {
  padding: 17px 23px 17px 23px;
}
a.c-btn02 span:before, a.c-btn02 span:after {
  display: none;
}

.p-topAboutEfforts {
  border-color: #707070;
}

.p-topAboutEfforts__title span {
  color: black;
}

.p-topAboutEfforts__boxIcon {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  width: 100px;
  height: 100px;
}

.c-priceTable th,
table.priceTB tr th {
  background-color: #212529 !important;
  color: white !important;
}

a.c-linkList__anc {
  color: #ffffff;
  background: #212529;
  border-radius: 50px;
}

.policy-img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.pcnon {
  display: none;
}
#form .inner > img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

#mainwrap {
  background-color: #212529;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
#mainwrap.active {
  pointer-events: all;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.main {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}
@media screen and (max-width: 767px) {
  .loader img {
    width: 60vw;
    margin-top: -50vw;
  }
  .loader span {
    font-size: 18px;
    margin-bottom: 0;
  }
  #SP_LOGO {
    display: block;
    top: 10px;
    pointer-events: all;
    width: 65px;
    height: auto;
  }
  .more_btn {
    width: 75vw;
    padding: 4.5vw 0;
    padding: 22px 0;
  }
  #pagetop {
    display: none;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    background-size: 25% auto;
    background-position: center calc(50% - 8px);
  }
  #pagetop .pcnon {
    display: inline;
  }
  .eye h2 {
    width: 60%;
    font-size: 10px;
    line-height: 160%;
    text-align: left;
    padding: 0 0 0 10px;
  }
  .eye .caps {
    width: 40%;
    font-size: 10px;
  }
  .pcnon {
    display: inline;
  }
  .spnon {
    display: none;
  }
  .contains {
    padding: 40px 20px;
  }
  header {
    width: 70px;
    height: 70px;
  }
  header h1 {
    width: 70px;
    height: 70px;
  }
  header .topmenu {
    display: none;
    width: 90vw;
    bottom: 0;
    top: auto;
    left: 5vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  header .topmenu li {
    font-size: 14px;
    height: auto;
    padding: 0;
    caret-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    display: block;
  }
  header .topmenu li .spnon {
    display: none;
  }
  .fixmenu {
    position: fixed;
    bottom: 0;
    left: 0;
    pointer-events: none;
    height: auto;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    height: 50px;
  }
  .fixmenu:after {
    content: "";
    display: block;
    width: 100%;
    height: 80px;
    background: black;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(6%, rgba(37, 37, 37, 0.651)), color-stop(69%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(37, 37, 37, 0.651) 6%, rgba(0, 0, 0, 0) 69%);
    position: absolute;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
  .fixmenu.scroll:after, .fixmenu.dispon:after {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .fixmenu.scroll .topmenu, .fixmenu.dispon .topmenu {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .fixmenu .topmenu {
    width: 100vw;
    top: auto;
    left: 0vw;
    padding: 0 5vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
    position: relative;
    z-index: 5;
    pointer-events: all;
  }
  .fixmenu .topmenu li {
    font-size: 14px;
    height: auto;
    padding: 0;
    caret-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    display: block;
  }
  .fixmenu .topmenu li .spnon {
    display: none;
  }
  .infoicon a,
.infoicon > span {
    width: 50px;
    word-break: keep-all;
    white-space: nowrap;
  }
  .infoicon a div,
.infoicon > span div {
    width: 40px;
    height: 40px;
  }
  #gnav {
    width: 100vw;
  }
  #gnav .mainmenu {
    padding: 15vh 30px 30px;
  }
  #gnav ul {
    width: 100%;
  }
  #gnav ul.topmenu:hover li {
    opacity: 0.3;
  }
  #gnav ul.topmenu:hover li:nth-of-type(2) {
    opacity: 1;
  }
  #gnav ul.topmenu li:hover {
    opacity: 1;
  }
  #gnav .access_win {
    width: calc(100% - 80px);
    height: auto;
    height: 100vh;
    overflow-y: scroll;
    padding: 30px;
  }
  #gnav .access_win h4 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 100;
  }
  #gnav .access_win .textarea {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  }
  #gnav .access_win .textarea p {
    font-size: 14px;
    line-height: 180%;
  }
  #gnav .access_win .textarea p span {
    margin-bottom: 2vw;
  }
  #gnav .access_win .maparea {
    margin-top: 20px;
  }
  #gnav .access_win .maparea a {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    text-decoration: underline;
    color: white;
    font-size: 14px;
    display: block;
    margin-top: 15px;
    text-align: right;
  }
  #gnav:after {
    content: "";
    display: block;
    width: 100%;
    height: 30vh;
    background: black;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(13%, black), color-stop(69%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, black 13%, rgba(0, 0, 0, 0) 69%);
    position: absolute;
    bottom: -5px;
    z-index: 10000;
    pointer-events: none;
  }

  .contactbtns {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-top: 30px;
  }
  .contactbtns a {
    text-decoration: none;
    color: white;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 16px;
    height: 67px;
    border: 1px solid white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    position: relative;
    overflow: hidden;
  }
  .contactbtns a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.557);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 100%;
    height: 67px;
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1;
    -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
            transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  }
  .contactbtns a:hover:before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .contactbtns a span {
    position: relative;
    z-index: 2;
  }
  .contactbtns a.hfbtn {
    width: 330px;
    margin-bottom: 20px;
  }
  .contactbtns a.fbtn {
    width: 100%;
  }

  .infoicon {
    position: fixed;
    top: 10px;
    left: 20px;
    right: auto;
    bottom: auto;
    height: 50px;
    width: 73vw;
    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;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .infoicon.top .reservebtn > span,
	body.gnav_white .infoicon .reservebtn > span{
    background-image: url(../images/SVG/reserve_icon.svg);
  }
  .infoicon.top .instagrambtn > span,
	body.gnav_white .infoicon .instagrambtn > span{
    background-image: url(../images/SVG/insta.svg);
  }
  .infoicon.top .doctorbtn > span,
	body.gnav_white .infoicon .doctorbtn > span{
    background-image: url(../images/SVG/doctor_icon.svg);
  }
  .infoicon.top .clinicbtn > span,
	body.gnav_white .infoicon .clinicbtn > span{
    background-image: url(../images/SVG/clinic_icon.svg);
  }
  .infoicon.top .casebtn > span,
	body.gnav_white .infoicon .casebtn > span{
    background-image: url(../images/SVG/case_icon.svg);
  }
  .infoicon.top.darkmode .reservebtn > span, .infoicon.darkmode .reservebtn > span {
    background-image: url(../images/SVG/reserve_icon_dark.svg);
  }
  .infoicon.top.darkmode .instagrambtn > span, .infoicon.darkmode .instagrambtn > span {
    background-image: url(../images/SVG/insta_dark.svg);
  }
  .infoicon.top.darkmode .doctorbtn > span, .infoicon.darkmode .doctorbtn > span {
    background-image: url(../images/SVG/doctor_icon_dark.svg);
  }
  .infoicon.top.darkmode .clinicbtn > span, .infoicon.darkmode .clinicbtn > span {
    background-image: url(../images/SVG/clinic_icon_dark.svg);
  }
  .infoicon.top.darkmode .casebtn > span, .infoicon.darkmode .casebtn > span {
    background-image: url(../images/SVG/case_icon_dark.svg);
  }
  .infoicon.top.darkmode a,
.infoicon.top.darkmode > span, .infoicon.darkmode a,
.infoicon.darkmode > span {
    color: gray;
  }
  .infoicon.top.darkmode a span,
.infoicon.top.darkmode > span span, .infoicon.darkmode a span,
.infoicon.darkmode > span span {
    background-color: transparent;
  }
  .infoicon.top.darkmode a span:hover,
.infoicon.top.darkmode > span span:hover, .infoicon.darkmode a span:hover,
.infoicon.darkmode > span span:hover {
    background-color: transparent;
  }
  .infoicon .reservebtn > span {
    background-image: url(../images/SVG/reserve_icon_dark.svg);
  }
  .infoicon .instagrambtn > span {
    background-image: url(../images/SVG/insta_dark.svg);
  }
  .infoicon .doctorbtn > span {
    background-image: url(../images/SVG/doctor_icon_dark.svg);
  }
  .infoicon .clinicbtn > span {
    background-image: url(../images/SVG/clinic_icon_dark.svg);
  }
  .infoicon .casebtn > span {
    background-image: url(../images/SVG/case_icon_dark.svg);
  }
  .infoicon a,
.infoicon > span {
    width: 50px;
    margin-bottom: 0;
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
    -webkit-transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    transition: all 1000ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
            transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .infoicon a span,
.infoicon > span span {
    width: 40px;
    height: 40px;
    margin-bottom: 0px;
    background-color: transparent;
    background-size: 70% 70%;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0);
  }
  .infoicon a span:hover,
.infoicon > span span:hover {
    background-color: transparent;
  }
  .infoicon a.reservebtn,
.infoicon > span.reservebtn {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .infoicon a.instagrambtn,
.infoicon > span.instagrambtn {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .infoicon a.doctorbtn,
.infoicon > span.doctorbtn {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .infoicon a.clinicbtn,
.infoicon > span.clinicbtn {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .infoicon a.casebtn,
.infoicon > span.casebtn {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .infoicon a:hover,
.infoicon > span:hover {
    background-color: transparent;
  }
  .infoicon.scroll a,
.infoicon.scroll > span {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .fixmodal .modaltitle {
    font-size: 8vw;
  }
  .fixmodal .modaltitle:after {
    font-size: 12px;
    margin-top: 4vw;
  }
  .fixmodal .modal {
    padding: 5vh 6vw;
    max-height: 100vh;
    height: 100vh;
    width: 100vw;
  }
  .fixmodal .modal .modalwrap {
    margin-top: 50px;
    max-height: 75vh;
  }
  .fixmodal .modal.instagramwin, .fixmodal .modal.reservewin {
    width: 100vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fixmodal .modal.messagewin {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
  }
  .fixmodal .modal.messagewin .messagetitle {
    margin-bottom: 20px;
  }
  .fixmodal .modal.messagewin .messagetitle img {
    width: 150px;
  }
  .fixmodal .modal.messagewin p {
    font-size: 10px;
  }
  .fixmodal .modal.messagewin p .pcnon {
    display: inline;
  }
  .fixmodal .modal.doctorwin {
    height: 100vh;
    max-height: 100vh;
    width: 100vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fixmodal .modal .modalclosebtn {
    right: 20px;
    top: 20px;
    width: 26px;
  }
  .fixmodal .modal_inner {
    max-width: 100%;
  }
  .fixmodal .modal_inner ul.instaicons {
    max-width: 100%;
  }
  .fixmodal .modal_inner ul.instaicons li {
    width: 50%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 10px 0;
    font-size: 1vw;
    position: relative;
    margin-bottom: 20px;
  }
  .fixmodal .modal_inner ul.instaicons li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    position: relative;
  }
  .fixmodal .modal_inner ul.instaicons li a span {
    width: 100%;
    display: block;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 100;
    text-align: center;
    font-size: 12px;
  }
  .fixmodal .modal_inner ul.instaicons li a:after {
    content: "";
    width: 85px;
    height: 85px;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 100px;
    border: 2px solid white;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    background-color: white;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-timing-function: cubic-bezier(0.2, 2, 0.6, 0.6);
            animation-timing-function: cubic-bezier(0.2, 2, 0.6, 0.6);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    z-index: -1;
  }
  .fixmodal .modal_inner ul.instaicons li img {
    width: 85px;
    height: auto;
    border-radius: 85px;
    margin-bottom: 10px;
    position: relative;
  }
  .fixmodal .modal_inner ul.doctors {
    width: 100%;
    max-width: 100%;
    max-height: 80%;
  }
  .fixmodal .modal_inner ul.doctors li {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-bottom: 20px;
  }
  .fixmodal .modal_inner ul.doctors li dl {
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .fixmodal .modal_inner ul.doctors li dl dt {
    line-height: 140%;
  }
  .fixmodal .modal_inner ul.doctors li dl dt .job {
    font-size: 12px;
    display: block;
    width: 100%;
    line-height: 18px;
    white-space: nowrap;
  }
  .fixmodal .modal_inner ul.doctors li dl .name {
    font-size: 18px;
    display: block;
    width: 100%;
  }
  .fixmodal .modal_inner ul.doctors li dd {
    width: 100%;
    font-size: 1vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .fixmodal .modal_inner ul.doctors li dd .instalink {
    display: none;
  }
  .fixmodal .modal_inner ul.doctors li dd .morebtn {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    border: 1px solid black;
    background-color: black;
    height: 24px;
    padding: 0 10px;
    color: white;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
  }
  .fixmodal .modal_inner ul.doctors li dd .morebtn span {
    position: relative;
    z-index: 2;
  }
  .fixmodal .modal_inner ul.doctors li dd .morebtn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.557);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1;
    -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
            transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
    z-index: 1;
  }
  .fixmodal .modal_inner ul.doctors li dd .morebtn:hover:before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .fixmodal .modal_inner ul.doctors .imgarea {
    width: 100px;
    height: 100%;
  }
  .fixmodal .modal_inner ul.doctors .imgarea img {
    width: 100%;
    height: auto;
  }
  .fixmodal .modal_inner ul.doctors .textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    width: 45%;
  }
  .bgmoviebox .video {
    display: none;
  }
  .bgmoviebox .video_s {
    display: block;
  }
  .menucont_mv {
    background-image: url(../images/menu/mv_bg_s.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
  }
  .pickupmenucont_mv {
    background-image: url(../images/pickup/pickupmenu_bg_s.jpg);
  }
  .sectitle {
    top: 15vh;
    font-size: 7vw;
  }
  .sectitle:after {
    font-size: 12px;
  }
  .spacer {
    height: 25vh;
  }
  .drsmv {
    background-size: cover;
    background-position: center top;
  }
  .drsmv h2 {
    font-size: 26px;
  }
  .drsmv h2 .pcnon {
    display: inline;
  }
  .drsmv h2 span.firstname {
    margin-right: 0vw;
    width: 100%;
    text-align: left;
  }
  .drsmv h2 span.lastname {
    margin-left: 0vw;
    width: 100%;
  }
  .drsmv h2 span.job {
    font-size: 4vw;
    /*line-height: 160%;*/
		margin-top: 4vw;
  }
  .drsmv h2 span.name {
    font-size: 8vw;
    margin-top: 1vw;
  }
  .drsmv .morebtn {
    font-size: 12px;
    padding: 20px 30px;
    padding: 0;
    width: 208px;
    height: 49px;
  }
  .drsmv .morebtn:hover {
    background-color: #414141;
  }
  .drsmv.doctor h2 {
    margin-top: 20vh;
    width: 90vw;
  }
  .drsmv.doctor h2 span {
    width: 100%;
    display: block;
    text-align: left;
    margin-top: 15px;
    font-size: 35px;
  }
  .drsmv.doctor h2 span.name {
    font-size: 18px;
  }
  .drsmv.yoshitane {
    background-image: url(../images/doctorpic/indivisual/yoshitane/mv_1_s.jpg);
  }
  .drsmv.ohyama {
    background-image: url(../images/doctorpic/indivisual/ohyama/mv_1_s.jpg);
  }
  .drsmv.sakai {
    background-image: url(../images/doctorpic/indivisual/sakai/mv_s.jpg);
  }
  .drsmv.suzuki {
    background-image: url(../images/doctorpic/indivisual/suzuki/mv_s.jpg);
  }
	.drsmv.wada {
    background-image: url(../images/doctorpic/indivisual/wada/mv_s.jpg);
  }
	.drsmv.gondo {
    background-image: url(../images/doctorpic/indivisual/gondo/mv_s.jpg);
  }
  .drsmv.yoshitane_ind {
    background-image: url(../images/doctorpic/indivisual/yoshitane/mv_1_s.jpg);
  }
  .drsmv.ohyama_ind {
    background-image: url(../images/doctorpic/indivisual/ohyama/mv_1_s.jpg);
  }
  .drsmv.sakai_ind {
    background-image: url(../images/doctorpic/indivisual/sakai/mv_s.jpg);
  }
  .drsmv.suzuki_ind {
    background-image: url(../images/doctorpic/indivisual/suzuki/mv_s.jpg);
  }
	.drsmv.wada_ind {
    background-image: url(../images/doctorpic/indivisual/wada/mv_s.jpg);
  }
	.drsmv.gondo_ind {
    background-image: url(../images/doctorpic/indivisual/gondo/mv_s.jpg);
  }


  /* ドクターページABテスト用↓↓↓ */
  .drsmv .keywordLabels {
    font-size: 3.6vw;
    margin-top: 6vw;
  }
  .drsmv .keywordLabels__item {
    align-items: center;
    padding: 7px 12px;
  }
  .drsmv .keywordLabels__item + .keywordLabels__item {
    margin-left: 10px;
  }
  /* .drsmv .keywordLabels__item:nth-of-type(n + 1) {
    padding-right: 0px;
    margin-top: 10px;
  }

  .drsmv .keywordLabels__item::before {
    display: block;
    height: 4vw;
    margin-right: 10px;
  } */
  .drsmv .catchBlock {
    font-size: 4vw;
    display: block;
    margin-top: 2vw;
  }
  .drsmv .catchBlock__txt {
    font-size: 3.5vw;
    display: block;
    width: 75vw;
    text-align: left;
  }
  /* ドクターページABテスト用↑↑↑ */
  

  .profile_doctor.yoshitane {
    background-image: url(../images/doctorpic/indivisual/yoshitane/society_bg_s.jpg);
  }
  .profile_doctor.ohyama {
    background-image: url(../images/doctorpic/indivisual/ohyama/society_bg_s.jpg);
  }
  .profile_doctor.suzuki {
    background-image: url(../images/doctorpic/indivisual/suzuki/society_bg_s.jpg);
  }
  .profile_doctor.sakai {
    background-image: url(../images/doctorpic/indivisual/sakai/society_bg_s.jpg);
  }
	.profile_doctor.wada {
    background-image: url(../images/doctorpic/indivisual/wada/society_bg_s.jpg);
  }
	.profile_doctor.gondo {
    background-image: url(../images/doctorpic/indivisual/gondo/society_bg_s.jpg);
  }
  .profile_doctor .textarea {
    width: 90vw;
    margin-left: 5vw;
    padding-top: 3vh;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .profile_doctor .textarea .textarea_inner {
    padding: 40px 4vw 3vh;
    padding-top: 40px;
  }
  .profile_doctor .textarea h3,
.profile_doctor .textarea h4 {
    font-size: 7vw;
  }
  .profile_doctor .textarea h3:after,
.profile_doctor .textarea h4:after {
    font-size: 12px;
    margin-top: 10px;
  }
  .profile_doctor .textarea ul {
    margin-bottom: 10vh;
  }
  .profile_doctor .textarea ul li {
    font-size: 12px;
    line-height: 260%;
  }
  .profile_doctor .textarea dl dt,
.profile_doctor .textarea dl dd {
    font-size: 12px;
  }
  .profile_doctor .textarea dl dt {
    width: 58px;
  }
  .profile_doctor .textarea dl dd {
    width: calc(100% - 58px);
  }
  .about_dr {
    height: 340vw;
    padding-top: 10vh;
  }
  .about_dr.about_dr--b { /* ABテストのBパターン用 */
    height: 420vw;
  }
  .about_dr .sectitle {
    top: 20vh;
  }
  .about_dr .imgarea {
    display: none;
  }
  .about_dr .imgarea img {
    position: absolute;
  }
  .about_dr .imgarea img.one {
    left: 0;
    top: 140vw;
    width: 70vw;
  }
  .about_dr .imgarea img.two {
    right: 5vw;
    top: 70vw;
    width: 75vw;
    margin-top: 0;
  }
  .about_dr .imgarea img.three {
    width: 50vw;
    right: 0;
    top: auto;
    top: 280vw;
    margin-top: 0;
  }
  .about_dr .imgarea_sp {
    display: block;
    width: 100vw;
    padding-top: 7vh;
    margin-bottom: 7vw;
  }
  .about_dr .imgarea_sp div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .about_dr .imgarea_sp div:nth-of-type(1), .about_dr .imgarea_sp div:nth-of-type(3) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .about_dr .imgarea_sp img {
    width: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
    transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
    -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
            transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  .about_dr .imgarea_sp img.active {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .about_dr .imgarea_sp img.one {
    width: 70vw;
    margin-bottom: 40px;
  }
  .about_dr .imgarea_sp img.two {
    width: 75vw;
    margin-bottom: 80px;
  }
  .about_dr .imgarea_sp img.three {
    width: 50vw;
  }
  .moviepart {
    padding-top: 25vh;
  }
  .moviepart .morebtn {
    width: 70vw;
    height: 13vw;
    font-size: 12px;
    font-weight: 100;
  }
  .casepart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    height: auto;
    padding-top: 20vh;
    padding-bottom: 15vh;
  }
  .casepart:before {
    height: 100%;
  }
  .casepart .imgbox {
    width: 80vw;
    height: auto;
  }
  .casepart .imgbox img {
    width: 36vw;
    margin-bottom: 8vw;
  }
  .casepart .sectitle {
    top: 20vh;
  }
  .casepart .imgbox .imgboxsec {
    width: 80vw;
  }
  .casepart .imgbox .imgboxsec + .imgboxsec {
    margin-top: 30px;
  }
  .casepart .imgbox .imgboxsec h6 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .casepart .imgbox .imgboxsec .imgboxseccaselist {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .casepart .imgbox .imgboxsec .imgboxseccaselist li {
    /* width: calc((100% - 60px) / 4); */
    width: 36vw;
    margin-left: 8vw;
  }
  .casepart .imgbox .imgboxsec .imgboxseccaselist li:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .casepart .imgbox .imgboxsec .imgboxseccaselist a {
  
  }
  .casepart .imgbox .imgboxsec .imgboxseccaselist a img {
  
  }
  .casepart .imgbox .imgboxsec .imgboxsecspecialcase {
    width: 80vw;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .casepart .imgbox .imgboxsec .imgboxsecspecialcase a img,
  .casepart .imgbox .imgboxsec .imgboxsecspecialcase div img {
    width: 80vw;
  }
  .mediapart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    min-height: 0;
    height: auto;
    margin-bottom: 20vh;
  }

  
.bannerArea {
  margin: 0px auto 0;
  padding-bottom: 15vh;
 }
 
 .bannerArea img {
   width: 60vw;
  }

  .mediapart .sectitle {
    position: sticky;
    top: 20vh;
  }
  .mediapart .mediabtn {
    min-width: 120px;
    font-size: 6.6vw;
    line-height: 160%;
    padding: 0 5vw;
    box-sizing: border-box;
  }
  .mediapart .mediabtn span {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .mediapart .mediabtn:before {
    width: 10vw;
    height: 10vw;
    margin-right: 0;
  }
  .mediapart .mediabtn.interview {
    margin-top: 20px;
  }
  .doctor_slide_wrap .sectitle {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 80px;
    margin-left: 40px;
  }
  .doctor_slide_wrap .sectitle:after {
    text-align: left;
  }

  .p-floatMenu {
    height: 70px;
  }
  a.c-ctaBtn {
      height: 50px;
      font-size: 20px;
      padding: 6px 35px;
      justify-content: center;
  }
  .p-floatMenuRaisingBlock {
    height: 70px;
  }

  footer {
    padding: 80px 30px 30px;
  }
  footer .footer_inner {
    padding-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
  footer ul {
    width: 100%;
    margin-bottom: 30px;
  }
  footer ul:before {
    font-size: 21px;
  }
  footer ul li a:link:after {
    display: none;
  }
  footer .menugroup {
    width: 100%;
  }
  footer .copy {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  footer .copy a img {
    width: 60px;
    height: auto;
  }
  footer small {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 15px;
    margin-left: 15px;
    font-size: 10px;
  }
  .control {
    bottom: 14vh;
  }
  .control .btmControl {
    width: 95vw;
    left: 2.5vw;
  }
  .control .btnFS {
    display: none;
  }
  .control .progress {
    width: 60vw;
  }
  .facilityhero .morelinkbtn .txt {
    margin-top: 7px;
  }
  .facility_contents h2 {
    font-size: 18px;
    padding-left: 11vw;
    position: absolute;
    bottom: 30vh;
  }
  .facility_contents h2:after {
    font-size: 19px;
  }
  .facility_contents .bgtxt .pcnon {
    display: inline;
  }
  .facility_contents.hall .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.entrans .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.reception .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.skincare .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.skincare2 .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.ope .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.artmake .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.makeup .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.powder .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .facility_contents.counseling .bgtxt {
    font-size: 26vw;
    top: auto;
    left: 0;
    bottom: 20vh;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .c-head h1 {
    max-width: 80vw;
    line-height: 160%;
  }
  a.c-btn02 {
    max-width: 100%;
  }
  .l-inner--pd {
    max-width: 100%;
  }

  .c-pageTxtBox {
    background: none;
    padding: 0;
  }
  .c-pageTxtBox .c-pageTxtBox__title {
    font-size: 16px;
  }
  .c-pageTxtBox .c-pageTxtBox__title:before {
    left: 15px;
  }
  .c-pageTxtBox .c-pageTxtBox__txt {
    font-size: 12px;
  }
  .c-pageTxtBox .c-pageTxtBox__txt .float_left {
    width: 100%;
    margin: 0;
  }

  .c-reserveBtnCatch {
    font-size: 16px;
  }
  .c-reserveBtnBlock {
    margin-top: 40px;
  }
  .c-reserveBtnFrame {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
  }
  .c-reserveBtnFrame li {
    width: 100%;
    max-width: 320px;
  }
  .c-reserveBtnFrame li + li {
    margin-left: 0;
    margin-top: 30px;
  }
  a.c-reserveBtnLinkAnc {
    background: #414141;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-radius: 5px;
    padding: 2px 10px 0;
    box-sizing: border-box;
  }

  .c-headLineTitle {
    font-size: 16px;
  }
  .c-headLineTitle:before {
    left: 15px;
  }

  .p-otherTreatment__item {
    width: 100%;
    margin-bottom: 20vw;
  }

  .p-otherTreatment__itemTitle {
    font-size: 13px;
  }

  .p-otherTreatment__itemTxt {
    font-size: 13px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .p-otherTreatment__itemInner {
    max-width: 100%;
  }

  .p-otherTreatment__itemBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: center;
  }

  a.c-btn02 {
    max-width: 63vw;
    height: 12vw;
    font-size: 12px;
  }

  .p-otherTreatment__item + .p-otherTreatment__item {
    border-top: 0 solid #000;
  }

  .p-otherTreatment__item + .p-otherTreatment__item {
    margin-top: 0;
    padding-top: 0;
  }

  .p-topAboutEfforts__title span {
    font-size: 18px;
    margin-bottom: 16vw;
  }

  .p-topAboutEfforts__boxIcon {
    width: 60px;
    height: 60px;
  }

  .p-topAboutEfforts__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .p-topAboutEfforts__box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    padding: 0;
  }

  .p-topAboutEfforts__boxTxt {
    width: calc(100% - 60px);
    padding-left: 10px;
  }
  .p-topAboutEfforts__boxTxt:before {
    right: 0;
  }

  .p-topAboutEfforts__box + .p-topAboutEfforts__box {
    border-top: #414141 1px solid;
    padding-top: 30px;
    margin-top: 30px;
  }
  .pcnon {
    display: inline;
  }

  table.priceTB tr td.price-cell span {
    font-size: 10px;
    display: block;
  }

  .c-head h1 {
    font-size: 15px;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    color: black;
    display: block;
    border-bottom: 0px solid #000;
  }
  .c-head h1:before {
    font-size: 36px;
  }
}

@media screen and (max-height: 500px) and (max-width: 767px) {
  .loader img {
    display: none;
  }
}

@media print {
  .loader {
    display: none;
  }
  html,
body {
    top: 0 !important;
    left: 0 !important;
    width: 200mm !important;
    overflow-x: hidden;
    size: A4;
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  .contactbtn {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  header {
    position: absolute;
  }
  .doctor_cont h3 {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .doctor_cont p span {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .contentarea .about_cont .title {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .contentarea .about_cont .inner {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .infowrap .title {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .access_cont .maparea {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .access_cont .textarea {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .news_cont ul li {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .menusec ul li {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .pickuplist .picktitle {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .sectitle {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .drsmv * {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .about_dr .imgarea img {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .moviepart .inner {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .casepart .imgbox img {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .mediapart .mediabtn {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .facility_contents h2 {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@media screen and (max-width: 768px) and (min-width: 415px) {
  .eye h2 {
    width: 60%;
    font-size: 18px;
  }
  .eye .caps {
    width: 40%;
    font-size: 10px;
  }
  footer {
    padding: 30px;
  }
  footer .inner {
    max-width: 100%;
  }
  footer .lbox {
    margin-bottom: 25px;
  }
  footer small {
    height: auto;
  }
}

@media screen and (max-width: 360px) {
  .contains {
    padding: 20px 15px;
  }
}

@media screen and (max-width: 834px) {
  .morelinkbtn {
    font-size: 12px;
    height: 49px;
    width: 208px;
    line-height: 180%;
  }
  header.scroll {
    pointer-events: none;
  }
  header.scroll h1, header.scroll .headlogo {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  #gnav ul.topmenu {
    margin-bottom: 30px;
  }
  #gnav ul.topmenu li, #gnav ul.bottommenu li {
    font-size: 18px;
  }
  #gnav ul.bottommenu {
    margin-top: 30px;
    margin-bottom: 100px;
  }
  #gnav ul.submenu li {
    font-size: 28px;
  }
  #gnav ul.doctorlist li button {
    /* font-size: 24px; */
    font-size: 28px;
  }
  .fixmodal .modal_inner ul.reserves li {
    padding: 30px 15px;
  }
  .fixmodal .modal_inner ul.reserves li a {
    font-size: 14px;
  }
  .fixmodal .modal_inner ul.reserves li a img {
    width: 30px;
    margin-right: 15px;
  }
  .fixmodal .modal_inner ul.reserves li a span small {
    font-size: 12px;
  }
  .fixmodal .modal_inner ul.reserves li:before {
    content: "";
    display: none;
  }
  .main .hero .textarea {
    width: 65vw;
    bottom: 12vh;
  }
  .main .hero .textarea h2 img {
    margin-bottom: 30px;
  }
  .main .hero .textarea .morebtn {
    font-size: 10px;
    padding: 0;
    width: 126px;
    height: 33px;
  }
  .main .mvplay {
    width: 60px;
    height: 60px;
  }
  .main .soundbtn,
.main .stopbtn {
    bottom: 15vh;
    width: 50px;
    height: 50px;
  }
  .mvfader .swiper-slide.slide1 {
    background-image: url(../images/mv/mv_1_s.jpg);
  }
  .mvfader .swiper-slide.slide2 {
    background-image: url(../images/mv/mv_2_s.jpg);
  }
  .mvfader .swiper-slide.slide3 {
    background-image: url(../images/mv/mv_3_s.jpg);
  }
  .mvfader .swiper-slide.slide4 {
    background-image: url(../images/mv/mv_4_s.jpg);
  }
  .mvfader .swiper-slide.slide5 {
    background-image: url(../images/mv/mv_5_s.jpg);
  }
  .doctor_cont {
    min-height: 100vh;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    background-image: url(../images/doctor_bg_s.jpg);
    background-position: center top;
  }
  .doctor_cont h3 {
    position: absolute;
    top: 0px;
    font-size: 26px;
    padding-top: 100px;
  }
  .doctor_cont h3:after {
    font-size: 12px;
    margin-top: 15px;
  }
  .doctor_cont p {
    font-size: 20px;
    width: 80vw;
    margin-left: 0;
    margin-top: 0;
    line-height: 260%;
  }
  .doctor_slide_wrap .docslider .docsliderinner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .doctor_slide_wrap .docslider .doctorimgs .swiper-slide {
    background-position: center top;
  }
  .doctor_slide_wrap .docslider .doctorimgs.yoshitane .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.yoshitane-slide .swiper-slide:nth-of-type(1) {
    background-image: url(../images/doctorpic/doctor_top_bg/yoshitane_1_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs.yoshitane .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.yoshitane-slide .swiper-slide:nth-of-type(2) {
    background-image: url(../images/doctorpic/doctor_top_bg/yoshitane_2_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs.ohyama .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.ohyama-slide .swiper-slide:nth-of-type(1) {
    background-image: url(../images/doctorpic/doctor_top_bg/ohyama_1_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs.ohyama .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.ohyama-slide .swiper-slide:nth-of-type(2) {
    background-image: url(../images/doctorpic/doctor_top_bg/ohyama_2_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs.sakai .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.sakai-slide .swiper-slide:nth-of-type(1) {
    background-image: url(../images/doctorpic/doctor_top_bg/sakai_1_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs.sakai .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.sakai-slide .swiper-slide:nth-of-type(2) {
    background-image: url(../images/doctorpic/doctor_top_bg/sakai_2_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs.suzuki .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.suzuki-slide .swiper-slide:nth-of-type(1) {
    background-image: url(../images/doctorpic/doctor_top_bg/suzuki_1_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs.suzuki .swiper-slide:nth-of-type(2), .doctor_slide_wrap .docslider .doctorimgs.suzuki-slide .swiper-slide:nth-of-type(2) {
    background-image: url(../images/doctorpic/doctor_top_bg/suzuki_2_s.jpg);
  }
	.doctor_slide_wrap .docslider .doctorimgs.wada .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.wada-slide .swiper-slide:nth-of-type(2) {
    background-image: url(../images/doctorpic/doctor_top_bg/wada_3_s.jpg);
  }
	.doctor_slide_wrap .docslider .doctorimgs.gondo .swiper-slide:nth-of-type(1), .doctor_slide_wrap .docslider .doctorimgs.gondo-slide .swiper-slide:nth-of-type(2) {
    background-image: url(../images/doctorpic/doctor_top_bg/gondo_1_s.jpg);
  }
  .doctor_slide_wrap .docslider .doctorimgs .swiper-slide:nth-of-type(2) {
    display: none !important;
  }
  .doctor_slide_wrap .docslider {
    min-height: 860px;
  }
  .doctor_slide_wrap .docslider .docsliderinner.active .txtarea {
    opacity: 1;
  }
  .doctor_slide_wrap .docslider .txtarea {
    width: 80vw;
    font-family: "Noto Sans JP", sans-serif;
    color: white;
    margin-top: 36vh;
    /* margin-top: 40vh; */
    margin-bottom: 0px;
    margin-right: 10vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
  }
  .doctor_slide_wrap .docslider .txtarea.txtarea--4lineAdjust {
    margin-top: 34vh;
  }
  .doctor_slide_wrap .docslider .txtarea h4 {
    font-size: 16vw;
    font-size: 26px;
    text-align: left;
    margin-bottom: 15px;
  }
  .doctor_slide_wrap .docslider .txtarea .jobtitle {
    font-size: 14px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    line-height: 160%;
  }
  .doctor_slide_wrap .docslider .txtarea .characters {
    font-size: 22px;
    font-size: 8vw;
    width: 100%;
    display: block;
    margin-bottom: 6px;
  }
  .doctor_slide_wrap .docslider .txtarea .disc {
    display: none;
  }
  .doctor_slide_wrap .docslider .txtarea .morebtn {
    font-size: 12px;
    padding: 20px 30px;
    padding: 0;
    width: 208px;
    height: 49px;
    /* margin-top: 10vh; */
    margin-top: 5vh;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .doctor_slide_wrap .docslider .txtarea .morebtn:hover {
    background-color: #414141;
  }
  .doctor_slide_wrap .slider-thumbnail {
    width: 80vw;
    left: 10vw;
    bottom: 20px;
  }
  .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
  }
  .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail {
    width: 30%;
    margin-bottom: 5%;
  }
  .doctor_slide_wrap {
    height: 100vh;
  }
  .doctor_slide_wrap.doctor_slide_wrap--hasSpMt {
    margin-top: 20vh;
  }
  .doctor_slide_wrap .slider-thumbnail {
    bottom: 10vh;
    /* bottom: 2vh; */
  }
  .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; */
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
  }
  .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail {
    width: 10%;
    /* width: 22%; */
  }
  .contentarea .about_cont {
    background-image: url(../images/about_bg_s.webp);
    background-position-x: 65%;
  }
  .contentarea .about_cont .title {
    font-size: 26px;
  }
  .contentarea .about_cont .title:after {
    font-size: 12px;
    margin-top: 15px;
  }
  .contentarea .about_cont .inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contentarea .about_cont .inner img {
    width: 30vw;
  }
  .contentarea .about_cont .inner p {
    font-size: 18px;
    text-align: left;
    margin-top: 80px;
  }
  .contentarea .about_cont .inner p .spnon {
    display: none;
  }
  .facility_cont h5 {
    font-size: 5vw;
  }
  .case_cont h4 {
    font-size: 26px;
  }
  .case_cont h4::after {
    font-size: 12px;
    margin-top: 15px;
  }
  .case_cont p {
    font-size: 5vw;
  }
  .case_cont_inner {
    margin-bottom: 50px;
  }
  .infowrap {
    background-position: left -214vw center;
  }
  .infowrap .title {
    font-size: 26px;
    padding-top: 100px;
    margin-bottom: 60px;
  }
  .infowrap .title:after {
    font-size: 10px;
    margin-top: 15px;
  }
  .access_cont .inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .access_cont .maparea,
.access_cont .textarea {
    width: 100%;
  }
  .access_cont .maparea .map_inner,
.access_cont .textarea .map_inner {
    width: 100%;
    margin-bottom: 80px;
  }
  .access_cont .textarea h5 {
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 100;
    color: white;
    margin-bottom: 30px;
    display: block;
  }
  .access_cont .textarea dl {
    font-family: "Noto Sans JP", sans-serif;
    color: white;
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 180%;
  }
  .access_cont .textarea dl dd {
    font-size: 12px;
  }
  .news_cont ul li a {
    font-size: 12px;
    padding: 10px 0;
  }
  .newslist_new {
    max-width: 90vw;
    width: 86vw;
  }
  .newslist_new li a {
    font-size: 12px;
    padding: 10px 0;
  }
  .menucont_mv h3 {
    font-size: 36px;
    text-align: center;
  }
  .menucont_mv h3:after {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
  }

  .menu_title {
    font-size: 25vw;
    top: 100px;
  }

  .menusec {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: 320px 0 200px;
  }
  .menusec ul {
    width: 80%;
  }
  .menusec ul li {
    width: 100%;
    margin-bottom: 6vw;
  }
  .menusec ul li a {
    font-size: 15px;
    padding: 4vw 0;
  }
  .menusec:after {
    font-size: 25vw;
  }
  .pickupmenucont_mv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0;
  }
  .pickupmenucont_mv h3 {
    font-size: 36px;
  }
  .pickupmenucont_mv h3:after {
    font-size: 14px;
    margin-top: 15px;
  }

  .pickuplist .picktitle {
    padding-top: 110px;
    margin-bottom: 110px;
    font-size: 26px;
  }
  .pickuplist .picktitle:after {
    font-size: 10px;
    margin-top: 15px;
  }
  .pickuplist .pickupmenus {
    width: 80vw;
  }
  .pickuplist .pickupmenus li {
    -webkit-transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
    transition: all 800ms cubic-bezier(0.74, 0.015, 0.15, 1);
    -webkit-transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
            transition-timing-function: cubic-bezier(0.74, 0.015, 0.15, 1);
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  .pickuplist .pickupmenus li.active {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .pickuplist .pickupmenus li:before {
    content: "";
    width: 30%;
    display: block;
    height: 3px;
    background-color: white;
    position: absolute;
    bottom: -30px;
    left: 0;
    z-index: 50;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 800ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    transition: all 800ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
            transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  }
  .pickuplist .pickupmenus li:after {
    content: "";
    width: 80%;
    display: block;
    height: 1px;
    background-color: #707070;
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 49;
  }
  .pickuplist .pickupmenus li:hover:before {
    -webkit-transform: translateX(500%);
            transform: translateX(500%);
  }
  .pickuplist .pickupmenus li a img {
    width: 30%;
  }
  .pickuplist .pickupmenus li a span {
    width: 65%;
    font-size: 16px;
    padding-bottom: 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    z-index: 1;
    line-height: 160%;
    margin-bottom: 0;
  }
  .pickuplist .pickupmenus li a span .pcnon {
    display: inline;
  }
  .pickuplist .pickupmenus li a span:after {
    width: 20px;
    background-size: auto 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .pickuplist .topics {
    width: 100%;
    max-width: 80vw;
    max-width: 90vw;
  }
  .pickuplist .topics li {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    margin-bottom: 100px;
  }
  .pickuplist .topics li .btn {
    font-size: 10px;
    /* height: 48px; */
    min-height: 48px;
    padding: 10px 15px 10px;
    width: 100%;
  }
  .pickuplist .topics li .btn.youtube span {
    padding-left: 20px;
    text-align: center;
  }
	.pickuplist .topics li .btn.youtube span:before{
		width: 15px;
    height: 10px;
    background-size: auto 15px;
	}
  .pickuplist .topics li .imgbox p {
    font-size: 14px;
    bottom: 30px;
  }
  body#docyoshitane:before {
    background-position: center top;
  }
  body#docyoshitane:before {
    background-image: url(../images/doctorpic/indivisual/yoshitane/doc_about_bg_s.jpg);
  }
  body#docohyama:before {
    background-position: center top;
  }
  body#docohyama:before {
    background-image: url(../images/doctorpic/indivisual/ohyama/doc_about_bg_s.jpg);
  }
  body#docsuzuki:before {
    background-position: center top;
  }
  body#docsuzuki:before {
    background-image: url(../images/doctorpic/indivisual/suzuki/doc_about_bg_s.jpg);
  }
  body#docsakai:before {
    background-position: center top;
  }
  body#docsakai:before {
    background-image: url(../images/doctorpic/indivisual/sakai/doc_about_bg_s.jpg);
  }
  body#docyuzaki:before {
    background-position: center top;
  }
  body#docyuzaki:before {
    background-image: url(../images/doctorpic/indivisual/yuzaki/doc_about_bg_s.jpg);
  }
  body#doclan:before {
    background-position: center top;
  }
  body#doclan:before {
    background-image: url(../images/doctorpic/indivisual/lan/doc_about_bg_s.jpg);
  }
	body#docwada:before {
    background-position: center top;
  }
  body#docwada:before {
    background-image: url(../images/doctorpic/indivisual/wada/doc_about_bg_s.jpg);
  }
	body#docgondo:before {
    background-position: center top;
  }
  body#docgondo:before {
    background-image: url(../images/doctorpic/indivisual/gondo/doc_about_bg_s.jpg);
  }
  #drlistpagewrap:before {
    background-image: url(../images/doctorpic/doctor_top_bg/doctor_top_bg_s.jpg);
    background-size: 100% auto;
    background-position: center top;
  }
  footer .menugroup {
    width: 100%;
  }
  footer .menugroup.small {
    width: 100%;
  }
  footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  footer ul li {
    width: 100%;
    font-size: 12px;
    text-align: center;
  }
  footer ul li a:after {
    display: none;
  }
  footer ul:before {
    font-size: 5vw;
    text-align: center;
    margin-bottom: 5vw;
  }
  #burger {
    right: 20px;
    top: 20px;
  }
  #burger .menu-trigger {
    width: 34px;
    height: 26px;
  }
  #burger .menu-trigger span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 1px;
    will-change: transform;
    position: absolute;
  }
  #burger .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  #burger .menu-trigger span:nth-of-type(2) {
    top: 50%;
  }
  #burger .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  #burger .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(13px) rotate(-135deg);
            transform: translateY(13px) rotate(-135deg);
  }
  #burger .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  #burger .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-13px) rotate(135deg) scaleX(1);
            transform: translateY(-13px) rotate(135deg) scaleX(1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .facilityhero h5 {
    font-size: 5vw;
  }
  .facility_contents.hall .imgbox {
    background-image: url(../images/facility/clinic1-sp.jpg);
  }
  .facility_contents.entrans .imgbox {
    background-image: url(../images/facility/clinic2-sp.jpg);
  }
  .facility_contents.reception .imgbox {
    background-image: url(../images/facility/clinic3-sp.jpg);
  }
  .facility_contents.skincare .imgbox {
    background-image: url(../images/facility/clinic4-sp.jpg);
  }
  .facility_contents.skincare .imgbox {
    width: 250vw;
    background-size: cover;
    background-position: left center;
    -webkit-transition: all 20000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 20000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    /* linear */
    -webkit-transform: scale3d(1.1, 1.1, 1) translateX(0%);
            transform: scale3d(1.1, 1.1, 1) translateX(0%);
  }
  .facility_contents.skincare .imgbox.active {
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scale3d(1, 1, 1) translateX(-150vw);
            transform: scale3d(1, 1, 1) translateX(-150vw);
  }
  .facility_contents.skincare .imgbox {
    -webkit-transition: 28s;
    transition: 28s;
  }
  .facility_contents.skincare2 .imgbox {
    background-image: url(../images/facility/clinic5-sp.jpg);
  }
  .facility_contents.ope .imgbox {
    background-image: url(../images/facility/clinic6-sp.jpg);
  }
  .facility_contents.artmake .imgbox {
    background-image: url(../images/facility/clinic7-sp.jpg);
  }
  .facility_contents.artmake .imgbox {
    width: 250vw;
    background-size: cover;
    background-position: left center;
    -webkit-transition: all 20000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 20000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    /* linear */
    -webkit-transform: scale3d(1.1, 1.1, 1) translateX(0%);
            transform: scale3d(1.1, 1.1, 1) translateX(0%);
  }
  .facility_contents.artmake .imgbox.active {
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scale3d(1, 1, 1) translateX(-150vw);
            transform: scale3d(1, 1, 1) translateX(-150vw);
  }
  .facility_contents.makeup .imgbox {
    background-image: url(../images/facility/clinic8-sp.jpg);
  }
  .facility_contents.powder .imgbox {
    background-image: url(../images/facility/clinic9-sp.jpg);
  }
  .facility_contents.powder .imgbox {
    width: 250vw;
    background-size: cover;
    background-position: left center;
    -webkit-transition: all 20000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 20000ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    /* linear */
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    /* linear */
    -webkit-transform: scale3d(1.1, 1.1, 1) translateX(0%);
            transform: scale3d(1.1, 1.1, 1) translateX(0%);
  }
  .facility_contents.powder .imgbox.active {
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scale3d(1, 1, 1) translateX(-150vw);
            transform: scale3d(1, 1, 1) translateX(-150vw);
  }
  .facility_contents.counseling .imgbox {
    background-image: url(../images/facility/clinic10-sp.jpg);
  }
}
@media screen and (max-width: 540px) {
  .doctor_slide_wrap .slider-thumbnail {
    bottom: 10vh;
  }
  .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail {
    /* width: 15%; */
    margin-left: 4%;
    width: 22%;
  }
  .doctor_slide_wrap .slider-thumbnail .thumbnail-wrapper .thumbnail:nth-of-type(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  header {
    width: 100px;
    height: 100px;
  }
  header .topmenu {
    width: 60vw;
    left: 20vw;
  }
  header .topmenu li {
    font-size: 1.6vw;
  }
  header h1 {
    width: 100px;
    height: 100px;
    display: block;
    background-image: url(../images/SVG/logo_isea.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    font-size: 0;
    cursor: pointer;
  }
  .gnav ul {
    width: 30vw;
  }

  .contactbtns {
    width: 80vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-top: 60px;
  }
  .contactbtns a {
    text-decoration: none;
    color: white;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 20px;
    height: 67px;
    border: 1px solid white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    position: relative;
    overflow: hidden;
  }
  .contactbtns a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.557);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 100%;
    height: 67px;
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 1;
    -webkit-transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    transition: all 400ms cubic-bezier(0.84, 0.085, 0.435, 0.95);
    -webkit-transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
            transition-timing-function: cubic-bezier(0.84, 0.085, 0.435, 0.95);
  }
  .contactbtns a:hover:before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .contactbtns a span {
    position: relative;
    z-index: 2;
  }
  .contactbtns a.hfbtn {
    width: 330px;
    margin-bottom: 40px;
  }
  .contactbtns a.fbtn {
    width: 100%;
  }
  .fixmodal .modaltitle {
    font-size: 4vw;
  }
  .fixmodal .modal_inner ul.doctors li dl dt .job {
    font-size: 1.2vw;
  }
  .fixmodal .modal_inner ul.doctors li dl .name {
    font-size: 2.2vw;
  }
  .fixmodal .modal_inner ul.doctors .imgarea img {
    width: 120px;
  }
  .main .hero .textarea .morebtn {
    font-size: 18px;
    padding: 15px 30px;
    height: auto;
  }
  .doctor_cont {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .doctor_cont h3 {
    position: absolute;
    top: 15vh;
  }
  .doctor_cont p {
    font-size: 24px;
    width: 70vw;
    margin-left: 0;
    margin-top: 15vh;
  }
  .contentarea .about_cont {
    position: relative;
    height: 120vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .contentarea .about_cont .title {
    position: absolute;
    top: 15vh;
    padding-top: 0;
  }
  .contentarea .about_cont .inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 24px;
    width: 70vw;
    margin-left: 0;
    margin-top: 30vh;
  }
  .contentarea .about_cont .inner img {
    width: 30vw;
    margin-bottom: 50px;
  }
  .contentarea .about_cont .inner p {
    text-align: center;
  }
  .profile_doctor .textarea h3,
.profile_doctor .textarea h4 {
    font-size: 30px;
  }
  .profile_doctor .textarea h3:after,
.profile_doctor .textarea h4:after {
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 28px;
  }
  .profile_doctor .textarea ul li {
    font-size: 14px;
  }
  .profile_doctor .textarea dl dt {
    font-size: 14px;
  }
  .profile_doctor .textarea dl dd {
    font-size: 14px;
    padding-left: 14px;
  }
}

@media screen and (min-width: 1139px) {
  .fixmodal .modal_inner ul.doctors li dl dt .job {
    font-size: 12px;
  }
  .fixmodal .modal_inner ul.doctors li dl .name {
    font-size: 17px;
    line-height: 24px;
  }
  .fixmodal .modal_inner ul.doctors .imgarea img {
    width: 130px;
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .fixmodal .modal_inner ul.doctors li dl dt .job {
    font-size: 1.2vw;
  }
  .fixmodal .modal_inner ul.doctors li dl .name {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 767px) and (min-width: 1139px) {
  .fixmodal .modal_inner ul.doctors li dl dt .job {
    font-size: 12px;
  }
}

@media screen and (max-height: 800px) {
  .doctor_slide_wrap .docslider .txtarea {
    /* margin-top: 30vh; */
    margin-top: 26vh;
  }
  .doctor_slide_wrap .docslider .txtarea.txtarea--4lineAdjust {
    margin-top: 23vh;
  }
}

@media screen and (min-width: 768px) and (max-width: 834px) {
  .doctor_slide_wrap .docslider .txtarea {
    margin-top: 45vh;
  }
  .doctor_slide_wrap .docslider .txtarea h4 {
    font-size: 12vw;
  }
  .doctor_slide_wrap .docslider .txtarea .jobtitle {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
  }
  .doctor_slide_wrap .docslider .txtarea .characters {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
  }
  .doctor_slide_wrap .slider-thumbnail {
    bottom: 60px;
  }
  .contentarea .about_cont {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .infowrap {
    background-position: left -100vw center;
  }
  .infowrap .title {
    font-size: 6vw;
    margin-bottom: 12vw;
  }
  .infowrap .title:after {
    font-size: 30%;
    margin-top: 30px;
  }
  .access_cont .inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .access_cont .maparea,
.access_cont .textarea {
    width: 80%;
  }
  .access_cont .maparea .map_inner,
.access_cont .textarea .map_inner {
    width: 100%;
    margin-bottom: 80px;
  }
  .access_cont .textarea h5 {
    font-size: 4vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 100;
    color: white;
    margin-bottom: 2vw;
    display: block;
  }
  .access_cont .textarea dl {
    font-family: "Noto Sans JP", sans-serif;
    color: white;
    font-weight: 100;
    font-size: 2vw;
    margin-bottom: 4vw;
    line-height: 180%;
  }
  .news_cont ul li a {
    font-size: 2.5vw;
  }
  .newslist_new li a {
    font-size: 2.5vw;
  }
  .pickuplist .pickupmenus {
    width: 80vw;
  }
  .pickuplist .pickupmenus li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .pickuplist .pickupmenus li a span {
    width: 65%;
    font-size: 26px;
    padding-bottom: 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    z-index: 1;
    line-height: 110%;
  }
  .pickuplist .pickupmenus li a span .pcnon {
    display: inline;
  }
  .pickuplist .pickupmenus li a span:after {
    width: 20px;
    background-size: auto 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .pickuplist .topics li {
    width: 100%;
  }
  .pickuplist .topics li a {
    font-size: 12px;
  }
  body#docyoshitane:before {
    background-image: url(../images/doctorpic/indivisual/yoshitane/doc_about_bg_s.jpg);
  }
  body#docohyama:before {
    background-image: url(../images/doctorpic/indivisual/ohyama/doc_about_bg_s.jpg);
  }
  body#docsuzuki:before {
    background-image: url(../images/doctorpic/indivisual/suzuki/doc_about_bg_s.jpg);
  }
  body#docsakai:before {
    background-image: url(../images/doctorpic/indivisual/sakai/doc_about_bg_s.jpg);
  }
  body#docyuzaki:before {
    background-image: url(../images/doctorpic/indivisual/yuzaki/doc_about_bg_s.jpg);
  }
  body#doclan:before {
    background-image: url(../images/doctorpic/indivisual/lan/doc_about_bg_s.jpg);
  }
	body#docwada:before {
    background-image: url(../images/doctorpic/indivisual/wada/doc_about_bg_s.jpg);
  }
	body#docgondo:before {
    background-image: url(../images/doctorpic/indivisual/gondo/doc_about_bg_s.jpg);
  }
  .profile_doctor {
    background-position: center top;
  }
  .profile_doctor .textarea {
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .profile_doctor .textarea .textarea_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .profile_doctor .textarea dl {
    max-width: 60vw;
    left: 20vw;
  }
  .profile_doctor.yoshitane {
    background-image: url(../images/doctorpic/indivisual/yoshitane/society_bg_s.jpg);
  }
  .profile_doctor.ohyama {
    background-image: url(../images/doctorpic/indivisual/ohyama/society_bg_s.jpg);
  }
  .profile_doctor.suzuki {
    background-image: url(../images/doctorpic/indivisual/suzuki/society_bg_s.jpg);
  }
  .profile_doctor.sakai {
    background-image: url(../images/doctorpic/indivisual/sakai/society_bg_s.jpg);
  }
  .profile_doctor.yuzaki {
    background-image: url(../images/doctorpic/indivisual/yuzaki/society_bg_s.jpg);
  }
  .profile_doctor.lan {
    background-image: url(../images/doctorpic/indivisual/lan/society_bg_s.jpg);
  }
	.profile_doctor.wada {
    background-image: url(../images/doctorpic/indivisual/wada/society_bg_s.jpg);
  }
	.profile_doctor.gondo {
    background-image: url(../images/doctorpic/indivisual/gondo/society_bg_s.jpg);
  }
  .profile_doctor .textarea {
    width: 90vw;
    margin-left: 5vw;
    padding: 3vh 7vw;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .profile_doctor .textarea .textarea_inner {
    padding-top: 10vh;
    padding-top: 40px;
  }
  .profile_doctor .textarea h3,
.profile_doctor .textarea h4 {
    font-size: 7vw;
  }
  .profile_doctor .textarea h3:after,
.profile_doctor .textarea h4:after {
    font-size: 12px;
    margin-top: 10px;
  }
  .profile_doctor .textarea ul {
    margin-bottom: 10vh;
  }
  .profile_doctor .textarea ul li {
    font-size: 12px;
    line-height: 260%;
  }
  .profile_doctor .textarea dl dt,
.profile_doctor .textarea dl dd {
    font-size: 12px;
  }
}

@media screen and (min-width: 1339px) and (max-width: 5023px) {
  .menusec ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menusec ul li {
    width: 24%;
  }
  .menusec ul li a {
    font-size: 1vw;
  }
}

@media screen and (max-width: 1139px) and (min-width: 769px) {
  .menusec ul li {
    width: 48%;
  }
  .menusec ul li a {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .l-inner--pd, .l-inner--pd2 {
    max-width: 85vw;
  }

  .c-pageTxtBox .c-pageTxtBox__txt {
    font-size: 16px;
  }
  .c-pageTxtBox .c-pageTxtBox__txt .float_left {
    width: 45% !important;
  }

  .p-otherTreatment__itemTitle {
    font-size: 18px;
  }

  a.c-btn02 {
    font-size: 12px;
  }

  .p-topAboutEfforts {
    width: 100%;
    display: block;
  }
  .p-topAboutEfforts .p-topAboutEfforts__inner {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .p-topAboutEfforts__title {
    width: 100%;
    border-right: 0px;
  }
  .p-topAboutEfforts__title span {
    font-size: 24px;
    margin-bottom: 60px;
  }
  .p-topAboutEfforts__title span br {
    display: none;
  }

  .p-topAboutEfforts__boxIcon {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }

  .p-topAboutEfforts__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
  }
  .p-topAboutEfforts__box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    padding: 0;
  }

  .p-topAboutEfforts__boxTxt {
    width: 70%;
    padding-left: 10px;
  }
  .p-topAboutEfforts__boxTxt:before {
    right: 0;
  }

  .p-topAboutEfforts__box + .p-topAboutEfforts__box {
    border-top: #414141 1px solid;
    padding-top: 30px;
    margin-top: 30px;
  }
}