@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Fuggles&family=Playfair+Display&family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: 'Cutive Mono', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1vw;
  letter-spacing: 2px;
  color: #1b1b1b;
}

.font--Mincho {
  font-family: 'Playfair Display', "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  font-style: normal;
}

.font--Gothic {
  font-family: 'Staatliches', cursive, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.font--Handwriing {
  font-family: 'Fuggles', cursive, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.font--mono {
  font-family: 'Cutive Mono', monospace, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  font-style: normal;
}

#logo_loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 8;
  background-color: #ffffff;
}

#logo_loader .f_logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12vw;
  height: 12vw;
  text-align: center;
}

#logo_loader .f_logo svg {
  width: 100%;
  height: auto;
}

#logo_loader.open {
  animation-name: fadeOut;
  animation-fill-mode: forwards;
  animation-duration: 1.5s;
  animation-delay: 1.5s;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}

.container {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 100%;
  min-height: 100%;
  overflow: hidden;
  min-height: 100%;
}

main {
  padding-bottom: 5vw;
  max-width: 100%;
  position: relative;
  z-index: 9;
  background-color: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.top_main {
  margin-top: 100vh;
  padding-top: 10vw;
}

.header-Reservation a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #1b1b1b;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.more_link a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #1b1b1b;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.footer-Reservation a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #1b1b1b;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

a {
  color: #1b1b1b;
  letter-spacing: 5px;
  transition: all 0.3s;
  text-decoration: none;
}

a span {
  display: inline-block;
  transition: .5s;
}

a:hover span {
  transform: rotateX(360deg);
  letter-spacing: 10px;
}

a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.resta-information a {
  text-decoration: underline;
}

h2 {
  color: #ffffff !important;
  font-size: 4vw;
  font-family: 'Staatliches', cursive, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 3vw;
  text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
}

h3 {
  color: #666;
  font-size: 1.5vw;
  font-family: 'Staatliches', cursive, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 3px;
  margin-top: 1vw;
  line-height: 2;
}

h1 {
  font-family: 'Cutive Mono', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #1b1b1b;
  font-size: 1.5vw;
  line-height: 2;
  text-align: left;
  padding: 1vw 1vw 5px 1vw;
  letter-spacing: 5px;
}

h1::first-letter {
  color: #a3a58f;
}


h4 {
  position: absolute;
  top: 0;
  color: rgba(201, 200, 200, 0.267);
  writing-mode: vertical-rl;
  font-size: 3vw;
  letter-spacing: 2vw;
  margin: 0;
}

.h4-left {
  left: 0.5vw;
}

.h4-right {
  right: 0.5vw;
}

h4::first-letter {
  color: #a3a58f;
}

/* ドロワー */
.drawer-menu {
  display: block;
  text-align: center;
  padding: 0 0 1vw 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

.drawer-menu li {
  padding: 1vw 0;
}

.drawer-menu a {
  color: #ccceb8;
  font-size: 1.2vw !important;
}

.drawer-menu img {
  width: 8.5vw;
}

.drawer-nav {
  position: fixed;
  z-index: 9999 !important;
  overflow: hidden;
  width: 16.25rem;
  height: 100%;
  background-color: #666 !important;
}

.drawer-overlay {
  z-index: 99 !important;
}

.drawer-menu-item:hover {
  color: #ffffff !important;
}

.drawer-hamburger {
  z-index: 9999 !important;
}

button:hover span {
  transform: none !important;
}


/* ボーダー設定 */
.border-Stripe-top {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: 9;
  display: flex;
  height: 100vh;
}

.border-Stripe-care-right {
  height: 15vw;
  position: absolute;
  top: -5vw;
  right: 0;
  display: flex;
  z-index: -9;
}

.border-Stripe-care-left {
  height: 15vw;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  z-index: -9;
}

.border-Stripe-hair-top {
  height: 10vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  display: flex;
}

.border-Stripe-hair-bottom {
  height: 10vw;
  position: absolute;
  z-index: 9;
  display: flex;
  bottom: 0vw;
  left: 2%;
}

.border-Stripe-menu {
  height: 10vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  display: flex;
}

.border-Stripe-staff-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9;
  display: flex;
  height: 90%;
}

.border-Stripe-access {
  height: 2vw;
  width: 100%;
  display: flex;
  margin: 0 auto;
}

.border-Stripe-recruit {
  height: 15vw;
  position: absolute;
  top: 0;
  left: 10vw;
  display: flex;
  z-index: 9;
}

.border-0 {
  border-left: 1px solid #ececec7c !important;
  margin-right: 1.5vw;
}

.border-1 {
  border-left: 1px solid rgba(102, 102, 102, 0.555);
  margin-right: 1.5vw;
}

.border-2 {
  width: 100%;
  border-bottom: 1px solid #73767c;
  border-width: 1px !important;
}

.border-3 {
  border-left: 1px solid #a3a58fd2 !important;
  margin-right: 1.5vw;
}

/* SVGアニメーション */
.cls-1,
.cls-2,
.cls-3 {
  stroke-width: 0.5px;
}

#salon_svg {
  height: 10vw;
  margin-left: 2vw;
}

#care_svg {
  height: 10vw;
  margin-right: 2vw;
}

#hair_svg {
  height: 10vw;
  padding: 0 3vw 1vw 0;
}

#menu-svg {
  height: 10vw;
  margin-top: 3vw;
}

#staff_svg {
  height: 10vw;
}

#access_svg {
  height: 8vw;
}

#recruit_svg {
  height: 8vw;
  margin: 5vw 0 1vw 0;
}

#beautysalon_svg {
  width: 95%;
  stroke-width: 0.5px;
  stroke-miterlimit: 10;
  stroke: #d7c290;
  fill: none;
}

#beautysalon_svg .cls-1 {
  fill: #fff;
}

.svg-anime {
  stroke: #1b1b1b;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 1300;
  opacity: 0;
  fill: none;
  stroke-width: 0.5px;
}

.svg-anime.is-animated {
  opacity: 1;
  animation: DASH 5s ease forwards;
}

.svg-anime2 {
  stroke: #1b1b1b;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 1300;
  opacity: 0;
  fill: none;
  stroke-width: 0.5px;
}

.svg-anime2.is-animated {
  opacity: 1;
  animation: DASH 5s ease forwards;
}

.svg-anime3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 2000;
  opacity: 0;
  stroke-width: 0.5px;
}

.svg-anime3.is-animated {
  opacity: 1;
  animation: DASH2 8s ease forwards;
}


.moon1 {
  fill: #d7c290;
}

.moon2 {
  fill: #726d83;
  opacity: 0.8;
}

.resta_name {
  fill: #4a4e52;
}

.svg-anime4 {
  stroke: #d7c290;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 1300;
  opacity: 0;
  stroke-width: 0.5px;
}

.svg-anime4.is-animated {
  opacity: 1;
  animation: DASH3 2s ease forwards;
}

.svg-anime5 {
  stroke: #726d83;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 1300;
  opacity: 0;
  stroke-width: 0.5px;
}

.svg-anime5.is-animated {
  opacity: 1;
  animation: DASH4 2s ease forwards;
}

.svg-anime6 {
  stroke: #4a4e52;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 1300;
  opacity: 0;
  stroke-width: 0.5px;
}

.svg-anime6.is-animated {
  opacity: 1;
  animation: DASH5 2s ease forwards;
}


@keyframes DASH {
  0% {
    stroke-dashoffset: 1300;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes DASH2 {
  0% {
    stroke-dashoffset: 2000;
  }

  100% {
    stroke-dashoffset: 1000;
  }
}

@keyframes DASH3 {
  0% {
    fill: transparent;
    stroke-dashoffset: 1300;
  }

  50% {
    fill: transparent;
  }

  100% {
    stroke-dashoffset: 0;

    fill: #d7c290;
  }
}

@keyframes DASH4 {
  0% {
    fill: transparent;
    stroke-dashoffset: 1300;
  }

  50% {
    fill: transparent;
  }

  100% {
    stroke-dashoffset: 0;
    fill: #726d83;
  }
}

@keyframes DASH5 {
  0% {
    fill: transparent;
    stroke-dashoffset: 1300;
  }

  50% {
    fill: transparent;
  }

  100% {
    stroke-dashoffset: 0;
    fill: #4a4e52;
  }
}

/* ストライプボーダーアニメーション */
.stroke span {
  content: "";
  opacity: 0;
}

.stroke.is-animated>span {
  opacity: 0;
}

.stroke.is-animated>span {
  animation: stroke-height 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.stroke>span:nth-child(1) {
  animation-delay: 0;
}

.stroke>span:nth-child(2) {
  animation-delay: 0.1s;
}

.stroke>span:nth-child(3) {
  animation-delay: 0.2s;
}

.stroke>span:nth-child(4) {
  animation-delay: 0.3s;
}

.stroke>span:nth-child(5) {
  animation-delay: 0.4s;
}

.stroke>span:nth-child(6) {
  animation-delay: 0.5s;
}

.stroke>span:nth-child(7) {
  animation-delay: 0.6s;
}

.stroke>span:nth-child(8) {
  animation-delay: 0.7s;
}

.stroke>span:nth-child(9) {
  animation-delay: 0.8s;
}

.stroke>span:nth-child(10) {
  animation-delay: 0.8s;
}

.stroke>span:nth-child(11) {
  animation-delay: 0.9s;
}

.stroke>span:nth-child(12) {
  animation-delay: 1s;
}

.stroke>span:nth-child(13) {
  animation-delay: 1.1s;
}

.stroke>span:nth-child(14) {
  animation-delay: 1.2s;
}

.stroke>span:nth-child(15) {
  animation-delay: 1.3s;
}

.stroke>span:nth-child(16) {
  animation-delay: 1.4s;
}

.stroke>span:nth-child(17) {
  animation-delay: 1.5s;
}

.stroke>span:nth-child(18) {
  animation-delay: 1.6s;
}

.stroke>span:nth-child(19) {
  animation-delay: 1.7s;
}

.stroke>span:nth-child(20) {
  animation-delay: 1.8s;
}

.stroke>span:nth-child(21) {
  animation-delay: 1.9s;
}

.stroke>span:nth-child(22) {
  animation-delay: 2s;
}

.stroke>span:nth-child(23) {
  animation-delay: 2.1s;
}

.stroke>span:nth-child(24) {
  animation-delay: 2.2s;
}

.stroke>span:nth-child(25) {
  animation-delay: 2.3s;
}

.stroke>span:nth-child(26) {
  animation-delay: 2.4s;
}

.stroke>span:nth-child(27) {
  animation-delay: 2.5s;
}

.stroke>span:nth-child(28) {
  animation-delay: 2.6s;
}

@keyframes stroke-height {
  0% {
    height: 0;
    opacity: 0;
  }

  100% {
    height: 100%;
    opacity: 1;
  }
}

/* スライドイン */
.slidein-right {
  opacity: 0;
}

.slidein-right.is-animated {
  animation: SlideIn-right 1s ease forwards;
}

@keyframes SlideIn-right {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.slidein-left {
  opacity: 0;
}

.slidein-left.is-animated {
  animation: SlideIn-left 1s ease forwards;
}

@keyframes SlideIn-left {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ズームイン */
.zoomIn {
  opacity: 0;
}

.zoomIn.is-animated {
  opacity: 1;
  animation: zoomIn 1s ease forwards;
}

@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* ぼかし */
.blur {
  opacity: 0;
}

.blur.is-animated {
  opacity: 1;
  animation: blur 4s ease forwards;
}

@keyframes blur {
  0% {
    transform: scale(1.1);
    opacity: 0;
    filter: blur(200);
  }

  50% {
    filter: blur(200);
  }

  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}

/* マスクアニメーション */
.mask-bg {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  position: relative;
  transition: color 1s 3s;
}

.mask-bg::after {
  background-color: #1b1b1b91;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0, 100%);
  z-index: 9;
  opacity: 0.8;
}

.mask-bg.is-animated::after {
  animation: mask-bg 2s ease-in-out;
}

@keyframes mask-bg {
  0% {
    transform: translate(-100%, 0)
  }

  40%,
  60% {
    transform: translate(0, 0%)
  }

  100% {
    transform: translate(101%, 0)
  }
}

/* フェードインアニメーション */
.effect-fade {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s;
}

.effect-fade.is-animated {
  opacity: 1;
  transform: translate(0, 0);
}

.effect2 {
  transition-delay: 200ms;
}

.effect3 {
  transition-delay: 400ms;
}

.effect4 {
  transition-delay: 600ms;
}

.effect5 {
  transition-delay: 800ms;
}

.effect6 {
  transition-delay: 1000ms;
}

/* 下から幕上げアニメーション */
.bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.bg.-visible:before {
  transition: 3.5s;
  transform: translate(0, 0);
}

.bg:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(0, 100%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3s;
  content: '';
  background-color: #1b1b1b7c;
}

.title li {
  display: block;
  opacity: 0;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s, opacity linear 3.5s;
}

.title li:first-child {
  transform: translate(0, 40px);
  transition-delay: 0.5s;
}

.title li:last-child {
  margin-top: 18px;
  transform: translate(0, 30px);
  transition-delay: 1s;
}

.bg.-visible .title li {
  opacity: 1;
  transform: translate(0, 0);
}

/* TOPスクロールアイコンアニメーション */
.scrolldown {
  position: absolute;
  bottom: 0;
  right: 3vw;
  z-index: 9;
}

.scrolldown-accordion {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(0 50%);
  z-index: -1;
}

.scrolldown span {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #a3a58f;
  writing-mode: vertical-rl;
  z-index: 99;
}

.scrolldown:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a3a58f;
  animation:
    circlemove 2s ease-in-out infinite,
    cirlemovehide 2s ease-out infinite;
}

.scrolldown-accordion:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #a3a58f;
  z-index: -1;
  animation:
    circlemove2 2s ease-in-out infinite,
    cirlemovehide 2s ease-out infinite;
}

@keyframes circlemove {
  0% {
    bottom: 7vw;
  }

  100% {
    bottom: -5px;
  }
}

@keyframes circlemove2 {
  0% {
    bottom: 9vw;
  }

  100% {
    bottom: 2vw;
  }
}

@keyframes cirlemovehide {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

.scrolldown:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 7vw;
  background: #a3a58f;
}

.scrolldown-accordion:after {
  content: "";
  position: absolute;
  bottom: 2vw;
  left: 0;
  width: 1px;
  height: 7vw;
  background: #a3a58f;
  z-index: -1;
}

/* アコーディオン */

.accordion-header {
  margin-top: 7vw;
  position: relative;
  background-color: #ffffff;
}

.accordion-header-care {
  margin-top: 9vw;
  position: relative;
  background-color: #ffffff;
}


.accordion-button:not(.collapsed)::after {
  stroke: #a3a58f;
  fill: #a3a58f;
  transform: rotate(180deg);
  background-color: #ffffff;

}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom: none;
}

.accordion-item:focus-visible {
  outline: none;
}

.accordion-button:hover {
  z-index: 99;
}

.accordion-button:focus {
  z-index: 100;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  margin: 0 auto;
  padding: 1rem 1.25rem;
  font-size: 1.5rem;
  letter-spacing: 5px;
  background-color: #ffffff;
  border-top: none;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button:focus-visible {
  outline: none;
  background-color: #ffffff;

}

.accordion-button:not(.collapsed) {
  color: #a3a58f;
  background-color: #ffffff;
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: auto;
  margin-left: 1rem;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
  position: relative;
  z-index: 9;
  padding: 0;
}

/* ↑↑↑↑↑↑全共通↑↑↑↑↑↑↑ */

/* ヘッダー */
header {
  position: relative;
  display: none;
  top: 0;
  width: 100%;
  height: 4vw;
  background-color: #ffffff79;
  z-index: 999;
}

.is-fixed {
  position: fixed;
}

header li {
  list-style: none;
}

header a {
  text-decoration: none;
}

.header-list {
  position: fixed;
  padding: 0 1vw;
  margin: 0;
  left: 5%;
  top: 2%;
  z-index: 999;
}

.header-list li {
  display: inline-block;
}

.header-list a {
  transition: all 0.3s;
}

.header-list a:hover {
  color: #a3a58f;
}

.header-Reservation {
  position: fixed;
  right: 0;
  top: 0;
  width: auto;
  padding: 0 1vw;
  height: 4vw;
  display: table;
  text-align: center;
  z-index: 999;
}

.header-Reservation a {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  padding-left: 2vw;
  transition: all 0.2s;
}

.header-Reservation a:hover {
  text-decoration: none;
  color: #ffffff;
  transition: .5s;
}

/* メインビュー */
.phone-logo-img img {
  width: 20vw;
}

.phone-logo-img-1 {
  display: none;
}

.phone-logo-img-1 img {
  width: 25vw;
  position: absolute;
  z-index: 999;
  top: 10vw;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

.phone-logo-img {
  display: none;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

.slider_main {
  position: relative;
  height: 90vh;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  transform: skew(0deg, -3deg);
  margin: 3vw 0 0 auto;
  overflow: hidden;
}

.slider_main ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.slider_main figure {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: bottom;
}

.slider_main ul li {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  animation-iteration-count: infinite;
  animation-duration: 21s;
}

.slider_main ul li:nth-child(1) {
  animation-name: slider_main;
  animation-delay: -1s;
}

.slider_main ul li:nth-child(2) {
  animation-name: slider_main;
  animation-delay: 6s;
  opacity: 0;
}

.slider_main ul li:nth-child(3) {
  animation-name: slider_main;
  animation-delay: 13s;
  opacity: 0;
}

@keyframes slider_main {
  0% {
    opacity: 0;
  }

  4.76% {
    opacity: 1;
  }

  33.33% {
    opacity: 1;
  }

  42.85% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: scale(1.2, 1.2);
  }
}

.main-view {
  position: fixed;
  margin-top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  bottom: 0;
}

.header-menu {
  position: absolute;
  z-index: 9;
  bottom: 0;
  left: 5%;
  width: 15%;
  height: 70vh;
  text-align: center;
  padding: 0;
  margin: 0;
}

.header-menu ul {
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

.header-menu li {
  padding: 1vw 0;
}

.header-menu a {
  color: #ccceb8;
  display: inline-block;
}

.header-menu a:hover {
  color: #ffffff;
}

.header-logo {
  width: 8vw;
}

.message-top {
  position: absolute;
  bottom: 10vw;
  right: 5vw;
  font-size: 5vw;
  z-index: 99;
  transform: rotate(10deg);
  color: #ffffff;
}

/* フッター */
footer {
  position: relative;
  text-align: center;
  z-index: 9999;
  background-color: #4a4e52;
  width: 100%;
  overflow: hidden;
}

.footer-menu {
  padding: 3vw 0 1vw 0;
}

.footer-menu img {
  width: 10vw;
  padding-bottom: 1vw;
}

.footer-menu li {
  list-style: none;
  padding: 1vw 0;
}

.footer-menu a {
  color: #ccceb8 !important;
}

.footer-Reservation {
  width: 100%;
  background-color: #ccceb8;
  display: table;
  text-align: center;
}

.footer-Reservation a {
  color: #4a4e52;
  letter-spacing: 2vw;
  /* font-family: mono45-headline, monospace;
  font-weight: 500;
  font-style: normal; */
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  transition: all 0.2s;
}

.footer-Reservation a:hover {
  text-decoration: none;
  color: #1b1b1b;
  transition: .5s;
}

.footer-list {
  margin: 0;
}

.footer-list li {
  list-style: none;
  display: inline;
  margin: 0;
  color: #ccceb8ad;
}

.footer-list a {
  color: #ccceb8ad;
  text-decoration: none;
}

.footer-list a:hover {
  color: #ffffff;
}

#stars {
  content: " ";
  background: transparent;
  box-shadow: 1744px 122px #FFF, 134px 1321px #FFF, 92px 859px #FFF, 235px 1045px #FFF, 366px 912px #FFF, 491px 942px #FFF, 14px 1831px #FFF, 582px 476px #FFF, 588px 1230px #FFF, 1520px 1343px #FFF, 1671px 203px #FFF, 550px 341px #FFF, 1491px 549px #FFF, 558px 161px #FFF, 896px 1823px #FFF, 999px 1463px #FFF, 1557px 636px #FFF, 1754px 1307px #FFF, 1682px 1494px #FFF, 703px 1707px #FFF, 1945px 1847px #FFF, 1151px 1320px #FFF, 980px 144px #FFF, 478px 948px #FFF, 109px 1762px #FFF, 558px 255px #FFF, 719px 1820px #FFF, 588px 748px #FFF, 1899px 174px #FFF, 841px 1771px #FFF, 571px 1588px #FFF, 1155px 353px #FFF, 1879px 1220px #FFF, 1782px 870px #FFF, 407px 1238px #FFF, 1141px 63px #FFF, 1147px 1097px #FFF, 1406px 159px #FFF, 637px 1215px #FFF, 694px 1114px #FFF, 1536px 727px #FFF, 1708px 1512px #FFF, 1147px 880px #FFF, 684px 988px #FFF, 140px 851px #FFF, 1565px 1788px #FFF, 1573px 889px #FFF, 1172px 628px #FFF, 1474px 1978px #FFF, 435px 447px #FFF, 185px 1808px #FFF, 620px 1560px #FFF, 1387px 1196px #FFF, 138px 1854px #FFF, 137px 1499px #FFF, 1721px 1132px #FFF, 10px 32px #FFF, 1931px 1990px #FFF, 209px 91px #FFF, 1876px 1795px #FFF, 1130px 1551px #FFF, 284px 1848px #FFF, 389px 1603px #FFF, 612px 1121px #FFF, 825px 1926px #FFF, 161px 344px #FFF, 1729px 333px #FFF, 1037px 37px #FFF, 844px 1085px #FFF, 1179px 554px #FFF, 50px 478px #FFF, 1864px 704px #FFF, 233px 723px #FFF, 1202px 445px #FFF, 882px 189px #FFF, 362px 735px #FFF, 924px 411px #FFF, 902px 209px #FFF, 104px 185px #FFF, 1599px 1852px #FFF, 1974px 944px #FFF, 438px 1164px #FFF, 401px 1533px #FFF, 191px 1429px #FFF, 251px 1034px #FFF, 1807px 1412px #FFF, 72px 23px #FFF, 1752px 1146px #FFF, 261px 1481px #FFF, 548px 33px #FFF, 710px 1204px #FFF, 355px 1697px #FFF, 581px 100px #FFF, 318px 1146px #FFF, 929px 79px #FFF, 999px 347px #FFF, 155px 292px #FFF, 271px 677px #FFF, 920px 1596px #FFF, 1736px 184px #FFF, 1022px 1790px #FFF, 1465px 1762px #FFF, 820px 526px #FFF, 175px 37px #FFF, 440px 746px #FFF, 681px 1879px #FFF, 690px 1135px #FFF, 1960px 1453px #FFF, 422px 856px #FFF, 1217px 1232px #FFF, 1015px 1695px #FFF, 1933px 492px #FFF, 272px 448px #FFF, 1578px 1487px #FFF, 437px 874px #FFF, 947px 838px #FFF, 1339px 867px #FFF, 1484px 773px #FFF, 764px 66px #FFF, 418px 707px #FFF, 192px 1909px #FFF, 1629px 215px #FFF, 171px 260px #FFF, 1180px 220px #FFF, 488px 857px #FFF, 593px 493px #FFF, 1794px 886px #FFF, 1673px 1977px #FFF, 905px 1193px #FFF, 1372px 1843px #FFF, 1605px 908px #FFF, 659px 181px #FFF, 700px 1758px #FFF, 812px 1200px #FFF, 1800px 1440px #FFF, 1858px 212px #FFF, 628px 1026px #FFF, 1825px 1556px #FFF, 1641px 1750px #FFF, 1195px 1086px #FFF, 1465px 558px #FFF, 1634px 436px #FFF, 1354px 1831px #FFF, 1212px 1485px #FFF, 1491px 994px #FFF, 604px 1279px #FFF, 413px 1131px #FFF, 1677px 1086px #FFF, 841px 47px #FFF, 146px 489px #FFF, 117px 1195px #FFF, 67px 47px #FFF, 883px 258px #FFF, 1801px 1294px #FFF, 594px 1870px #FFF, 649px 531px #FFF, 721px 132px #FFF, 975px 1616px #FFF, 716px 94px #FFF, 295px 791px #FFF, 174px 1814px #FFF, 1130px 298px #FFF, 1747px 1835px #FFF, 605px 1521px #FFF, 78px 743px #FFF, 1685px 311px #FFF, 804px 341px #FFF, 1440px 852px #FFF, 1607px 1692px #FFF, 698px 1112px #FFF, 1153px 1608px #FFF, 539px 999px #FFF, 262px 353px #FFF, 457px 1246px #FFF, 1858px 998px #FFF, 364px 431px #FFF, 1907px 912px #FFF, 541px 916px #FFF, 168px 1384px #FFF, 357px 1321px #FFF, 1859px 1866px #FFF, 1001px 909px #FFF, 842px 1663px #FFF, 369px 1176px #FFF, 932px 1372px #FFF, 1606px 732px #FFF, 1844px 857px #FFF, 974px 1588px #FFF, 804px 1139px #FFF, 65px 1213px #FFF, 1066px 863px #FFF, 1991px 1734px #FFF, 300px 738px #FFF, 1260px 1141px #FFF, 83px 260px #FFF, 1219px 167px #FFF, 613px 990px #FFF, 873px 81px #FFF, 362px 235px #FFF, 373px 372px #FFF, 80px 247px #FFF, 902px 1141px #FFF, 294px 464px #FFF, 766px 1925px #FFF, 1151px 1305px #FFF, 1250px 1593px #FFF, 1289px 119px #FFF, 1525px 1505px #FFF, 234px 1306px #FFF, 571px 858px #FFF, 571px 996px #FFF, 766px 1342px #FFF, 1371px 716px #FFF, 711px 1939px #FFF, 904px 1797px #FFF, 424px 1710px #FFF, 762px 1614px #FFF, 1389px 1290px #FFF, 905px 689px #FFF, 352px 38px #FFF, 2000px 1317px #FFF, 597px 864px #FFF, 824px 711px #FFF, 966px 1060px #FFF, 958px 992px #FFF, 1121px 324px #FFF, 1624px 688px #FFF, 1737px 702px #FFF, 1566px 1344px #FFF, 697px 368px #FFF, 291px 1126px #FFF, 1732px 50px #FFF, 712px 1941px #FFF, 1257px 372px #FFF, 317px 1462px #FFF, 222px 309px #FFF, 1139px 647px #FFF, 170px 878px #FFF, 1272px 1511px #FFF, 1009px 1912px #FFF, 1875px 1105px #FFF, 1968px 1370px #FFF, 1193px 687px #FFF, 1498px 611px #FFF, 247px 1993px #FFF, 1686px 1611px #FFF, 937px 340px #FFF, 114px 1423px #FFF, 496px 1191px #FFF, 110px 1284px #FFF, 876px 687px #FFF, 1173px 214px #FFF, 210px 628px #FFF, 302px 1173px #FFF, 1318px 939px #FFF, 1665px 1310px #FFF, 66px 338px #FFF, 1355px 615px #FFF, 1139px 1672px #FFF, 91px 1000px #FFF, 112px 422px #FFF, 89px 503px #FFF, 97px 1599px #FFF, 1031px 1955px #FFF, 1755px 1532px #FFF, 1764px 1930px #FFF, 1822px 1751px #FFF, 133px 401px #FFF, 718px 85px #FFF, 1797px 78px #FFF, 520px 1725px #FFF, 226px 406px #FFF, 1561px 1574px #FFF, 340px 1602px #FFF, 718px 976px #FFF, 1823px 570px #FFF, 1298px 484px #FFF, 1023px 1903px #FFF, 1266px 1334px #FFF, 763px 877px #FFF, 223px 631px #FFF, 1761px 1293px #FFF, 878px 1px #FFF, 973px 696px #FFF, 975px 1841px #FFF, 1276px 302px #FFF, 1399px 1324px #FFF, 1706px 872px #FFF, 341px 1960px #FFF, 1384px 1655px #FFF, 1897px 767px #FFF, 68px 405px #FFF, 705px 310px #FFF, 194px 103px #FFF, 1432px 368px #FFF, 1262px 1682px #FFF, 1933px 1526px #FFF, 263px 655px #FFF, 1031px 1031px #FFF, 1557px 788px #FFF, 1558px 1360px #FFF, 812px 421px #FFF, 1951px 734px #FFF, 1567px 498px #FFF, 1832px 1229px #FFF, 913px 164px #FFF, 1907px 1273px #FFF, 533px 749px #FFF, 1235px 951px #FFF, 645px 1959px #FFF, 92px 1570px #FFF, 1169px 1434px #FFF, 118px 1223px #FFF, 583px 957px #FFF, 1245px 316px #FFF, 527px 863px #FFF, 372px 1007px #FFF, 244px 1251px #FFF, 314px 494px #FFF, 1842px 1463px #FFF, 1315px 730px #FFF, 1655px 1366px #FFF, 482px 979px #FFF, 340px 1808px #FFF, 256px 578px #FFF, 858px 1792px #FFF, 1965px 403px #FFF, 454px 253px #FFF, 1664px 698px #FFF, 1974px 750px #FFF, 262px 1801px #FFF, 1652px 1076px #FFF, 992px 711px #FFF, 1792px 1323px #FFF, 700px 1748px #FFF, 855px 966px #FFF, 1833px 1747px #FFF, 402px 1272px #FFF, 1391px 1039px #FFF, 1395px 1538px #FFF, 397px 1972px #FFF, 744px 1403px #FFF, 1784px 1046px #FFF, 111px 198px #FFF, 1827px 473px #FFF, 1347px 1891px #FFF, 1238px 1081px #FFF, 189px 908px #FFF, 1513px 542px #FFF, 673px 981px #FFF, 720px 1184px #FFF, 373px 792px #FFF, 1470px 1631px #FFF, 16px 822px #FFF, 1935px 829px #FFF, 364px 613px #FFF, 223px 899px #FFF, 1233px 874px #FFF, 1441px 1834px #FFF, 719px 894px #FFF, 76px 1610px #FFF, 296px 685px #FFF, 572px 1637px #FFF, 349px 114px #FFF, 1670px 1802px #FFF, 979px 928px #FFF, 1589px 574px #FFF, 756px 194px #FFF, 616px 507px #FFF, 271px 186px #FFF, 198px 360px #FFF, 1916px 418px #FFF, 721px 667px #FFF, 1937px 1908px #FFF, 17px 556px #FFF, 345px 443px #FFF, 718px 760px #FFF, 1922px 310px #FFF, 1185px 887px #FFF, 1745px 1848px #FFF, 909px 847px #FFF, 1170px 134px #FFF, 1773px 1133px #FFF, 1099px 233px #FFF, 1122px 1524px #FFF, 866px 907px #FFF, 398px 213px #FFF, 1287px 886px #FFF, 1194px 149px #FFF, 1876px 1667px #FFF, 332px 1658px #FFF, 146px 1253px #FFF, 958px 211px #FFF, 643px 47px #FFF, 1213px 1339px #FFF, 1637px 1939px #FFF, 1601px 355px #FFF, 256px 1982px #FFF, 989px 1609px #FFF, 1179px 701px #FFF, 685px 1463px #FFF, 1910px 465px #FFF, 764px 1930px #FFF, 1856px 433px #FFF, 720px 367px #FFF, 1821px 416px #FFF, 48px 1114px #FFF, 716px 489px #FFF, 174px 1972px #FFF, 115px 1373px #FFF, 1487px 141px #FFF, 1919px 1362px #FFF, 1662px 859px #FFF, 1168px 490px #FFF, 706px 1820px #FFF, 588px 318px #FFF, 107px 778px #FFF, 621px 1667px #FFF, 1331px 1996px #FFF, 1404px 1154px #FFF, 860px 1019px #FFF, 1385px 1883px #FFF, 1066px 1951px #FFF, 752px 444px #FFF, 955px 1031px #FFF, 1256px 1899px #FFF, 961px 1455px #FFF, 1101px 84px #FFF, 890px 335px #FFF, 798px 40px #FFF, 138px 54px #FFF, 1934px 252px #FFF, 429px 324px #FFF, 1645px 1522px #FFF, 218px 737px #FFF, 1625px 531px #FFF, 605px 1290px #FFF, 1867px 648px #FFF, 82px 1137px #FFF, 231px 1423px #FFF, 471px 944px #FFF, 1363px 1752px #FFF, 482px 1364px #FFF, 1305px 627px #FFF, 1065px 891px #FFF, 217px 1841px #FFF, 1843px 1501px #FFF, 1681px 734px #FFF, 185px 856px #FFF, 609px 1094px #FFF, 49px 1657px #FFF, 783px 594px #FFF, 1018px 1123px #FFF, 644px 1149px #FFF, 739px 1262px #FFF, 1439px 1187px #FFF, 1789px 1507px #FFF, 941px 791px #FFF, 1319px 1308px #FFF, 498px 626px #FFF, 1594px 858px #FFF, 783px 71px #FFF, 576px 1976px #FFF, 1625px 696px #FFF, 1821px 352px #FFF, 1039px 885px #FFF, 208px 430px #FFF, 124px 198px #FFF, 1964px 686px #FFF, 1440px 1952px #FFF, 231px 1435px #FFF, 1846px 853px #FFF, 1174px 536px #FFF, 1228px 310px #FFF, 1380px 699px #FFF, 1116px 169px #FFF, 1416px 1007px #FFF, 178px 192px #FFF, 1302px 1903px #FFF, 1892px 154px #FFF, 962px 1032px #FFF, 1009px 1916px #FFF, 1549px 1206px #FFF, 899px 968px #FFF, 902px 543px #FFF, 1516px 542px #FFF, 965px 527px #FFF, 1594px 696px #FFF, 856px 1719px #FFF, 1522px 248px #FFF, 1795px 283px #FFF, 1144px 946px #FFF, 1365px 199px #FFF, 359px 1347px #FFF, 1506px 263px #FFF, 433px 1793px #FFF, 201px 247px #FFF, 942px 838px #FFF, 1122px 1065px #FFF, 1997px 108px #FFF, 306px 989px #FFF, 641px 1713px #FFF, 1072px 959px #FFF, 1874px 1079px #FFF, 1938px 269px #FFF, 891px 389px #FFF, 22px 574px #FFF, 727px 474px #FFF, 1671px 1649px #FFF, 98px 400px #FFF, 641px 798px #FFF, 1218px 1051px #FFF, 907px 1485px #FFF, 1002px 1549px #FFF, 1932px 1448px #FFF, 1132px 573px #FFF, 1222px 1147px #FFF, 1009px 451px #FFF, 698px 1940px #FFF, 97px 1123px #FFF, 904px 751px #FFF, 1904px 593px #FFF, 1451px 1658px #FFF, 191px 1606px #FFF, 1346px 482px #FFF, 1935px 1086px #FFF, 1052px 224px #FFF, 526px 1810px #FFF, 1607px 606px #FFF, 427px 1830px #FFF, 1546px 407px #FFF, 1771px 208px #FFF, 1714px 181px #FFF, 1332px 943px #FFF, 1663px 1094px #FFF, 1861px 1747px #FFF, 1429px 1217px #FFF, 1733px 1915px #FFF, 925px 1179px #FFF, 735px 781px #FFF, 1775px 1989px #FFF, 1770px 476px #FFF, 844px 400px #FFF, 1793px 1517px #FFF, 544px 281px #FFF, 725px 344px #FFF, 1274px 764px #FFF, 1845px 339px #FFF, 582px 1745px #FFF, 351px 1287px #FFF, 207px 749px #FFF, 1063px 1411px #FFF, 1246px 342px #FFF, 1538px 166px #FFF, 770px 602px #FFF, 1214px 1971px #FFF, 113px 294px #FFF, 1157px 101px #FFF, 1657px 517px #FFF, 637px 1693px #FFF, 961px 1649px #FFF, 1754px 1572px #FFF, 1885px 659px #FFF, 238px 34px #FFF, 413px 1027px #FFF, 1709px 1556px #FFF, 460px 878px #FFF, 1597px 608px #FFF, 544px 434px #FFF, 1258px 477px #FFF, 565px 1863px #FFF, 426px 322px #FFF, 1917px 850px #FFF, 296px 144px #FFF, 643px 1896px #FFF, 511px 116px #FFF, 359px 847px #FFF, 702px 1133px #FFF, 857px 1371px #FFF, 559px 1758px #FFF, 1615px 1223px #FFF, 1927px 1736px #FFF, 704px 941px #FFF, 1932px 942px #FFF, 1462px 335px #FFF, 154px 1915px #FFF, 1387px 918px #FFF, 1512px 1041px #FFF, 1094px 1334px #FFF, 1678px 865px #FFF, 1960px 431px #FFF, 666px 1258px #FFF, 422px 1215px #FFF, 345px 802px #FFF, 1207px 647px #FFF, 1701px 374px #FFF, 1440px 1925px #FFF, 1536px 1163px #FFF, 905px 155px #FFF, 843px 1036px #FFF, 660px 823px #FFF, 1329px 661px #FFF, 1867px 899px #FFF, 1022px 514px #FFF, 1062px 1570px #FFF, 888px 1786px #FFF, 699px 1738px #FFF, 1831px 1712px #FFF, 434px 18px #FFF, 227px 205px #FFF, 520px 1279px #FFF, 1329px 764px #FFF, 1824px 47px #FFF, 112px 266px #FFF, 830px 1140px #FFF, 478px 637px #FFF, 634px 850px #FFF, 711px 873px #FFF, 987px 249px #FFF, 1454px 909px #FFF, 699px 922px #FFF, 1458px 1142px #FFF, 701px 1893px #FFF, 134px 384px #FFF, 904px 354px #FFF, 1913px 1229px #FFF, 1606px 1336px #FFF, 976px 1776px #FFF, 1726px 605px #FFF, 1244px 590px #FFF, 1351px 526px #FFF, 1997px 130px #FFF, 1137px 1134px #FFF, 1293px 283px #FFF, 977px 1608px #FFF, 422px 1252px #FFF, 236px 1653px #FFF, 28px 1722px #FFF, 698px 39px #FFF, 5px 434px #FFF, 1430px 1466px #FFF, 1470px 1596px #FFF, 487px 81px #FFF, 186px 340px #FFF, 1941px 1px #FFF, 1342px 487px #FFF, 813px 1855px #FFF, 1445px 148px #FFF, 1965px 1428px #FFF, 1122px 1277px #FFF, 846px 820px #FFF, 1804px 228px #FFF, 1501px 121px #FFF, 215px 1033px #FFF, 244px 426px #FFF, 976px 453px #FFF, 566px 953px #FFF, 1772px 213px #FFF, 1323px 1778px #FFF, 1350px 817px #FFF, 803px 913px #FFF, 1395px 1359px #FFF, 1995px 119px #FFF, 579px 1963px #FFF, 862px 1621px #FFF, 1718px 825px #FFF, 823px 27px #FFF, 1252px 41px #FFF, 1562px 835px #FFF, 1730px 633px #FFF, 1723px 1939px #FFF, 524px 1824px #FFF, 1921px 1450px #FFF, 1174px 1062px #FFF, 1008px 1932px #FFF, 467px 334px #FFF, 80px 818px #FFF, 1266px 1185px #FFF, 1589px 807px #FFF, 1221px 320px #FFF, 1724px 852px #FFF, 1194px 286px #FFF, 800px 1835px #FFF, 1958px 728px #FFF, 1271px 376px #FFF, 43px 1654px #FFF, 77px 803px #FFF, 1399px 197px #FFF, 591px 1743px #FFF, 652px 1925px #FFF, 107px 1939px #FFF, 1110px 1708px #FFF, 797px 1480px #FFF, 1516px 684px #FFF, 559px 1733px #FFF, 1265px 718px #FFF, 1263px 54px #FFF, 693px 113px #FFF, 1456px 1459px #FFF, 1527px 1324px #FFF;
  animation: animStar 50s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1744px 122px #FFF, 134px 1321px #FFF, 92px 859px #FFF, 235px 1045px #FFF, 366px 912px #FFF, 491px 942px #FFF, 14px 1831px #FFF, 582px 476px #FFF, 588px 1230px #FFF, 1520px 1343px #FFF, 1671px 203px #FFF, 550px 341px #FFF, 1491px 549px #FFF, 558px 161px #FFF, 896px 1823px #FFF, 999px 1463px #FFF, 1557px 636px #FFF, 1754px 1307px #FFF, 1682px 1494px #FFF, 703px 1707px #FFF, 1945px 1847px #FFF, 1151px 1320px #FFF, 980px 144px #FFF, 478px 948px #FFF, 109px 1762px #FFF, 558px 255px #FFF, 719px 1820px #FFF, 588px 748px #FFF, 1899px 174px #FFF, 841px 1771px #FFF, 571px 1588px #FFF, 1155px 353px #FFF, 1879px 1220px #FFF, 1782px 870px #FFF, 407px 1238px #FFF, 1141px 63px #FFF, 1147px 1097px #FFF, 1406px 159px #FFF, 637px 1215px #FFF, 694px 1114px #FFF, 1536px 727px #FFF, 1708px 1512px #FFF, 1147px 880px #FFF, 684px 988px #FFF, 140px 851px #FFF, 1565px 1788px #FFF, 1573px 889px #FFF, 1172px 628px #FFF, 1474px 1978px #FFF, 435px 447px #FFF, 185px 1808px #FFF, 620px 1560px #FFF, 1387px 1196px #FFF, 138px 1854px #FFF, 137px 1499px #FFF, 1721px 1132px #FFF, 10px 32px #FFF, 1931px 1990px #FFF, 209px 91px #FFF, 1876px 1795px #FFF, 1130px 1551px #FFF, 284px 1848px #FFF, 389px 1603px #FFF, 612px 1121px #FFF, 825px 1926px #FFF, 161px 344px #FFF, 1729px 333px #FFF, 1037px 37px #FFF, 844px 1085px #FFF, 1179px 554px #FFF, 50px 478px #FFF, 1864px 704px #FFF, 233px 723px #FFF, 1202px 445px #FFF, 882px 189px #FFF, 362px 735px #FFF, 924px 411px #FFF, 902px 209px #FFF, 104px 185px #FFF, 1599px 1852px #FFF, 1974px 944px #FFF, 438px 1164px #FFF, 401px 1533px #FFF, 191px 1429px #FFF, 251px 1034px #FFF, 1807px 1412px #FFF, 72px 23px #FFF, 1752px 1146px #FFF, 261px 1481px #FFF, 548px 33px #FFF, 710px 1204px #FFF, 355px 1697px #FFF, 581px 100px #FFF, 318px 1146px #FFF, 929px 79px #FFF, 999px 347px #FFF, 155px 292px #FFF, 271px 677px #FFF, 920px 1596px #FFF, 1736px 184px #FFF, 1022px 1790px #FFF, 1465px 1762px #FFF, 820px 526px #FFF, 175px 37px #FFF, 440px 746px #FFF, 681px 1879px #FFF, 690px 1135px #FFF, 1960px 1453px #FFF, 422px 856px #FFF, 1217px 1232px #FFF, 1015px 1695px #FFF, 1933px 492px #FFF, 272px 448px #FFF, 1578px 1487px #FFF, 437px 874px #FFF, 947px 838px #FFF, 1339px 867px #FFF, 1484px 773px #FFF, 764px 66px #FFF, 418px 707px #FFF, 192px 1909px #FFF, 1629px 215px #FFF, 171px 260px #FFF, 1180px 220px #FFF, 488px 857px #FFF, 593px 493px #FFF, 1794px 886px #FFF, 1673px 1977px #FFF, 905px 1193px #FFF, 1372px 1843px #FFF, 1605px 908px #FFF, 659px 181px #FFF, 700px 1758px #FFF, 812px 1200px #FFF, 1800px 1440px #FFF, 1858px 212px #FFF, 628px 1026px #FFF, 1825px 1556px #FFF, 1641px 1750px #FFF, 1195px 1086px #FFF, 1465px 558px #FFF, 1634px 436px #FFF, 1354px 1831px #FFF, 1212px 1485px #FFF, 1491px 994px #FFF, 604px 1279px #FFF, 413px 1131px #FFF, 1677px 1086px #FFF, 841px 47px #FFF, 146px 489px #FFF, 117px 1195px #FFF, 67px 47px #FFF, 883px 258px #FFF, 1801px 1294px #FFF, 594px 1870px #FFF, 649px 531px #FFF, 721px 132px #FFF, 975px 1616px #FFF, 716px 94px #FFF, 295px 791px #FFF, 174px 1814px #FFF, 1130px 298px #FFF, 1747px 1835px #FFF, 605px 1521px #FFF, 78px 743px #FFF, 1685px 311px #FFF, 804px 341px #FFF, 1440px 852px #FFF, 1607px 1692px #FFF, 698px 1112px #FFF, 1153px 1608px #FFF, 539px 999px #FFF, 262px 353px #FFF, 457px 1246px #FFF, 1858px 998px #FFF, 364px 431px #FFF, 1907px 912px #FFF, 541px 916px #FFF, 168px 1384px #FFF, 357px 1321px #FFF, 1859px 1866px #FFF, 1001px 909px #FFF, 842px 1663px #FFF, 369px 1176px #FFF, 932px 1372px #FFF, 1606px 732px #FFF, 1844px 857px #FFF, 974px 1588px #FFF, 804px 1139px #FFF, 65px 1213px #FFF, 1066px 863px #FFF, 1991px 1734px #FFF, 300px 738px #FFF, 1260px 1141px #FFF, 83px 260px #FFF, 1219px 167px #FFF, 613px 990px #FFF, 873px 81px #FFF, 362px 235px #FFF, 373px 372px #FFF, 80px 247px #FFF, 902px 1141px #FFF, 294px 464px #FFF, 766px 1925px #FFF, 1151px 1305px #FFF, 1250px 1593px #FFF, 1289px 119px #FFF, 1525px 1505px #FFF, 234px 1306px #FFF, 571px 858px #FFF, 571px 996px #FFF, 766px 1342px #FFF, 1371px 716px #FFF, 711px 1939px #FFF, 904px 1797px #FFF, 424px 1710px #FFF, 762px 1614px #FFF, 1389px 1290px #FFF, 905px 689px #FFF, 352px 38px #FFF, 2000px 1317px #FFF, 597px 864px #FFF, 824px 711px #FFF, 966px 1060px #FFF, 958px 992px #FFF, 1121px 324px #FFF, 1624px 688px #FFF, 1737px 702px #FFF, 1566px 1344px #FFF, 697px 368px #FFF, 291px 1126px #FFF, 1732px 50px #FFF, 712px 1941px #FFF, 1257px 372px #FFF, 317px 1462px #FFF, 222px 309px #FFF, 1139px 647px #FFF, 170px 878px #FFF, 1272px 1511px #FFF, 1009px 1912px #FFF, 1875px 1105px #FFF, 1968px 1370px #FFF, 1193px 687px #FFF, 1498px 611px #FFF, 247px 1993px #FFF, 1686px 1611px #FFF, 937px 340px #FFF, 114px 1423px #FFF, 496px 1191px #FFF, 110px 1284px #FFF, 876px 687px #FFF, 1173px 214px #FFF, 210px 628px #FFF, 302px 1173px #FFF, 1318px 939px #FFF, 1665px 1310px #FFF, 66px 338px #FFF, 1355px 615px #FFF, 1139px 1672px #FFF, 91px 1000px #FFF, 112px 422px #FFF, 89px 503px #FFF, 97px 1599px #FFF, 1031px 1955px #FFF, 1755px 1532px #FFF, 1764px 1930px #FFF, 1822px 1751px #FFF, 133px 401px #FFF, 718px 85px #FFF, 1797px 78px #FFF, 520px 1725px #FFF, 226px 406px #FFF, 1561px 1574px #FFF, 340px 1602px #FFF, 718px 976px #FFF, 1823px 570px #FFF, 1298px 484px #FFF, 1023px 1903px #FFF, 1266px 1334px #FFF, 763px 877px #FFF, 223px 631px #FFF, 1761px 1293px #FFF, 878px 1px #FFF, 973px 696px #FFF, 975px 1841px #FFF, 1276px 302px #FFF, 1399px 1324px #FFF, 1706px 872px #FFF, 341px 1960px #FFF, 1384px 1655px #FFF, 1897px 767px #FFF, 68px 405px #FFF, 705px 310px #FFF, 194px 103px #FFF, 1432px 368px #FFF, 1262px 1682px #FFF, 1933px 1526px #FFF, 263px 655px #FFF, 1031px 1031px #FFF, 1557px 788px #FFF, 1558px 1360px #FFF, 812px 421px #FFF, 1951px 734px #FFF, 1567px 498px #FFF, 1832px 1229px #FFF, 913px 164px #FFF, 1907px 1273px #FFF, 533px 749px #FFF, 1235px 951px #FFF, 645px 1959px #FFF, 92px 1570px #FFF, 1169px 1434px #FFF, 118px 1223px #FFF, 583px 957px #FFF, 1245px 316px #FFF, 527px 863px #FFF, 372px 1007px #FFF, 244px 1251px #FFF, 314px 494px #FFF, 1842px 1463px #FFF, 1315px 730px #FFF, 1655px 1366px #FFF, 482px 979px #FFF, 340px 1808px #FFF, 256px 578px #FFF, 858px 1792px #FFF, 1965px 403px #FFF, 454px 253px #FFF, 1664px 698px #FFF, 1974px 750px #FFF, 262px 1801px #FFF, 1652px 1076px #FFF, 992px 711px #FFF, 1792px 1323px #FFF, 700px 1748px #FFF, 855px 966px #FFF, 1833px 1747px #FFF, 402px 1272px #FFF, 1391px 1039px #FFF, 1395px 1538px #FFF, 397px 1972px #FFF, 744px 1403px #FFF, 1784px 1046px #FFF, 111px 198px #FFF, 1827px 473px #FFF, 1347px 1891px #FFF, 1238px 1081px #FFF, 189px 908px #FFF, 1513px 542px #FFF, 673px 981px #FFF, 720px 1184px #FFF, 373px 792px #FFF, 1470px 1631px #FFF, 16px 822px #FFF, 1935px 829px #FFF, 364px 613px #FFF, 223px 899px #FFF, 1233px 874px #FFF, 1441px 1834px #FFF, 719px 894px #FFF, 76px 1610px #FFF, 296px 685px #FFF, 572px 1637px #FFF, 349px 114px #FFF, 1670px 1802px #FFF, 979px 928px #FFF, 1589px 574px #FFF, 756px 194px #FFF, 616px 507px #FFF, 271px 186px #FFF, 198px 360px #FFF, 1916px 418px #FFF, 721px 667px #FFF, 1937px 1908px #FFF, 17px 556px #FFF, 345px 443px #FFF, 718px 760px #FFF, 1922px 310px #FFF, 1185px 887px #FFF, 1745px 1848px #FFF, 909px 847px #FFF, 1170px 134px #FFF, 1773px 1133px #FFF, 1099px 233px #FFF, 1122px 1524px #FFF, 866px 907px #FFF, 398px 213px #FFF, 1287px 886px #FFF, 1194px 149px #FFF, 1876px 1667px #FFF, 332px 1658px #FFF, 146px 1253px #FFF, 958px 211px #FFF, 643px 47px #FFF, 1213px 1339px #FFF, 1637px 1939px #FFF, 1601px 355px #FFF, 256px 1982px #FFF, 989px 1609px #FFF, 1179px 701px #FFF, 685px 1463px #FFF, 1910px 465px #FFF, 764px 1930px #FFF, 1856px 433px #FFF, 720px 367px #FFF, 1821px 416px #FFF, 48px 1114px #FFF, 716px 489px #FFF, 174px 1972px #FFF, 115px 1373px #FFF, 1487px 141px #FFF, 1919px 1362px #FFF, 1662px 859px #FFF, 1168px 490px #FFF, 706px 1820px #FFF, 588px 318px #FFF, 107px 778px #FFF, 621px 1667px #FFF, 1331px 1996px #FFF, 1404px 1154px #FFF, 860px 1019px #FFF, 1385px 1883px #FFF, 1066px 1951px #FFF, 752px 444px #FFF, 955px 1031px #FFF, 1256px 1899px #FFF, 961px 1455px #FFF, 1101px 84px #FFF, 890px 335px #FFF, 798px 40px #FFF, 138px 54px #FFF, 1934px 252px #FFF, 429px 324px #FFF, 1645px 1522px #FFF, 218px 737px #FFF, 1625px 531px #FFF, 605px 1290px #FFF, 1867px 648px #FFF, 82px 1137px #FFF, 231px 1423px #FFF, 471px 944px #FFF, 1363px 1752px #FFF, 482px 1364px #FFF, 1305px 627px #FFF, 1065px 891px #FFF, 217px 1841px #FFF, 1843px 1501px #FFF, 1681px 734px #FFF, 185px 856px #FFF, 609px 1094px #FFF, 49px 1657px #FFF, 783px 594px #FFF, 1018px 1123px #FFF, 644px 1149px #FFF, 739px 1262px #FFF, 1439px 1187px #FFF, 1789px 1507px #FFF, 941px 791px #FFF, 1319px 1308px #FFF, 498px 626px #FFF, 1594px 858px #FFF, 783px 71px #FFF, 576px 1976px #FFF, 1625px 696px #FFF, 1821px 352px #FFF, 1039px 885px #FFF, 208px 430px #FFF, 124px 198px #FFF, 1964px 686px #FFF, 1440px 1952px #FFF, 231px 1435px #FFF, 1846px 853px #FFF, 1174px 536px #FFF, 1228px 310px #FFF, 1380px 699px #FFF, 1116px 169px #FFF, 1416px 1007px #FFF, 178px 192px #FFF, 1302px 1903px #FFF, 1892px 154px #FFF, 962px 1032px #FFF, 1009px 1916px #FFF, 1549px 1206px #FFF, 899px 968px #FFF, 902px 543px #FFF, 1516px 542px #FFF, 965px 527px #FFF, 1594px 696px #FFF, 856px 1719px #FFF, 1522px 248px #FFF, 1795px 283px #FFF, 1144px 946px #FFF, 1365px 199px #FFF, 359px 1347px #FFF, 1506px 263px #FFF, 433px 1793px #FFF, 201px 247px #FFF, 942px 838px #FFF, 1122px 1065px #FFF, 1997px 108px #FFF, 306px 989px #FFF, 641px 1713px #FFF, 1072px 959px #FFF, 1874px 1079px #FFF, 1938px 269px #FFF, 891px 389px #FFF, 22px 574px #FFF, 727px 474px #FFF, 1671px 1649px #FFF, 98px 400px #FFF, 641px 798px #FFF, 1218px 1051px #FFF, 907px 1485px #FFF, 1002px 1549px #FFF, 1932px 1448px #FFF, 1132px 573px #FFF, 1222px 1147px #FFF, 1009px 451px #FFF, 698px 1940px #FFF, 97px 1123px #FFF, 904px 751px #FFF, 1904px 593px #FFF, 1451px 1658px #FFF, 191px 1606px #FFF, 1346px 482px #FFF, 1935px 1086px #FFF, 1052px 224px #FFF, 526px 1810px #FFF, 1607px 606px #FFF, 427px 1830px #FFF, 1546px 407px #FFF, 1771px 208px #FFF, 1714px 181px #FFF, 1332px 943px #FFF, 1663px 1094px #FFF, 1861px 1747px #FFF, 1429px 1217px #FFF, 1733px 1915px #FFF, 925px 1179px #FFF, 735px 781px #FFF, 1775px 1989px #FFF, 1770px 476px #FFF, 844px 400px #FFF, 1793px 1517px #FFF, 544px 281px #FFF, 725px 344px #FFF, 1274px 764px #FFF, 1845px 339px #FFF, 582px 1745px #FFF, 351px 1287px #FFF, 207px 749px #FFF, 1063px 1411px #FFF, 1246px 342px #FFF, 1538px 166px #FFF, 770px 602px #FFF, 1214px 1971px #FFF, 113px 294px #FFF, 1157px 101px #FFF, 1657px 517px #FFF, 637px 1693px #FFF, 961px 1649px #FFF, 1754px 1572px #FFF, 1885px 659px #FFF, 238px 34px #FFF, 413px 1027px #FFF, 1709px 1556px #FFF, 460px 878px #FFF, 1597px 608px #FFF, 544px 434px #FFF, 1258px 477px #FFF, 565px 1863px #FFF, 426px 322px #FFF, 1917px 850px #FFF, 296px 144px #FFF, 643px 1896px #FFF, 511px 116px #FFF, 359px 847px #FFF, 702px 1133px #FFF, 857px 1371px #FFF, 559px 1758px #FFF, 1615px 1223px #FFF, 1927px 1736px #FFF, 704px 941px #FFF, 1932px 942px #FFF, 1462px 335px #FFF, 154px 1915px #FFF, 1387px 918px #FFF, 1512px 1041px #FFF, 1094px 1334px #FFF, 1678px 865px #FFF, 1960px 431px #FFF, 666px 1258px #FFF, 422px 1215px #FFF, 345px 802px #FFF, 1207px 647px #FFF, 1701px 374px #FFF, 1440px 1925px #FFF, 1536px 1163px #FFF, 905px 155px #FFF, 843px 1036px #FFF, 660px 823px #FFF, 1329px 661px #FFF, 1867px 899px #FFF, 1022px 514px #FFF, 1062px 1570px #FFF, 888px 1786px #FFF, 699px 1738px #FFF, 1831px 1712px #FFF, 434px 18px #FFF, 227px 205px #FFF, 520px 1279px #FFF, 1329px 764px #FFF, 1824px 47px #FFF, 112px 266px #FFF, 830px 1140px #FFF, 478px 637px #FFF, 634px 850px #FFF, 711px 873px #FFF, 987px 249px #FFF, 1454px 909px #FFF, 699px 922px #FFF, 1458px 1142px #FFF, 701px 1893px #FFF, 134px 384px #FFF, 904px 354px #FFF, 1913px 1229px #FFF, 1606px 1336px #FFF, 976px 1776px #FFF, 1726px 605px #FFF, 1244px 590px #FFF, 1351px 526px #FFF, 1997px 130px #FFF, 1137px 1134px #FFF, 1293px 283px #FFF, 977px 1608px #FFF, 422px 1252px #FFF, 236px 1653px #FFF, 28px 1722px #FFF, 698px 39px #FFF, 5px 434px #FFF, 1430px 1466px #FFF, 1470px 1596px #FFF, 487px 81px #FFF, 186px 340px #FFF, 1941px 1px #FFF, 1342px 487px #FFF, 813px 1855px #FFF, 1445px 148px #FFF, 1965px 1428px #FFF, 1122px 1277px #FFF, 846px 820px #FFF, 1804px 228px #FFF, 1501px 121px #FFF, 215px 1033px #FFF, 244px 426px #FFF, 976px 453px #FFF, 566px 953px #FFF, 1772px 213px #FFF, 1323px 1778px #FFF, 1350px 817px #FFF, 803px 913px #FFF, 1395px 1359px #FFF, 1995px 119px #FFF, 579px 1963px #FFF, 862px 1621px #FFF, 1718px 825px #FFF, 823px 27px #FFF, 1252px 41px #FFF, 1562px 835px #FFF, 1730px 633px #FFF, 1723px 1939px #FFF, 524px 1824px #FFF, 1921px 1450px #FFF, 1174px 1062px #FFF, 1008px 1932px #FFF, 467px 334px #FFF, 80px 818px #FFF, 1266px 1185px #FFF, 1589px 807px #FFF, 1221px 320px #FFF, 1724px 852px #FFF, 1194px 286px #FFF, 800px 1835px #FFF, 1958px 728px #FFF, 1271px 376px #FFF, 43px 1654px #FFF, 77px 803px #FFF, 1399px 197px #FFF, 591px 1743px #FFF, 652px 1925px #FFF, 107px 1939px #FFF, 1110px 1708px #FFF, 797px 1480px #FFF, 1516px 684px #FFF, 559px 1733px #FFF, 1265px 718px #FFF, 1263px 54px #FFF, 693px 113px #FFF, 1456px 1459px #FFF, 1527px 1324px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1907px 1575px #FFF, 893px 268px #FFF, 1819px 666px #FFF, 366px 1985px #FFF, 1736px 1062px #FFF, 1124px 45px #FFF, 905px 1674px #FFF, 1570px 711px #FFF, 255px 1747px #FFF, 147px 1032px #FFF, 865px 1813px #FFF, 1721px 1461px #FFF, 202px 724px #FFF, 1860px 812px #FFF, 634px 1410px #FFF, 927px 1264px #FFF, 1648px 620px #FFF, 1915px 1309px #FFF, 731px 778px #FFF, 91px 1185px #FFF, 829px 1003px #FFF, 174px 1784px #FFF, 1094px 1874px #FFF, 1464px 484px #FFF, 1639px 1717px #FFF, 959px 573px #FFF, 1686px 1287px #FFF, 906px 356px #FFF, 970px 499px #FFF, 626px 890px #FFF, 1344px 1070px #FFF, 1351px 544px #FFF, 708px 68px #FFF, 1870px 130px #FFF, 556px 1270px #FFF, 1432px 618px #FFF, 769px 673px #FFF, 1289px 1410px #FFF, 1499px 1969px #FFF, 749px 1163px #FFF, 1198px 198px #FFF, 399px 133px #FFF, 1856px 1280px #FFF, 904px 194px #FFF, 973px 1107px #FFF, 1371px 1785px #FFF, 989px 1835px #FFF, 1043px 1517px #FFF, 787px 916px #FFF, 1635px 1155px #FFF, 752px 524px #FFF, 1926px 1279px #FFF, 1052px 1163px #FFF, 719px 1963px #FFF, 786px 519px #FFF, 1440px 500px #FFF, 156px 1265px #FFF, 1691px 429px #FFF, 1349px 1474px #FFF, 736px 459px #FFF, 248px 1678px #FFF, 1136px 510px #FFF, 1317px 10px #FFF, 1209px 1323px #FFF, 54px 469px #FFF, 730px 1939px #FFF, 960px 23px #FFF, 112px 941px #FFF, 1852px 1522px #FFF, 1993px 1972px #FFF, 265px 129px #FFF, 222px 1897px #FFF, 1766px 1804px #FFF, 1530px 1786px #FFF, 1045px 432px #FFF, 1916px 1980px #FFF, 309px 1780px #FFF, 1420px 559px #FFF, 1708px 103px #FFF, 324px 1407px #FFF, 1175px 943px #FFF, 80px 1221px #FFF, 1016px 1933px #FFF, 318px 560px #FFF, 190px 1489px #FFF, 1095px 892px #FFF, 1975px 1191px #FFF, 1197px 955px #FFF, 1482px 873px #FFF, 1912px 300px #FFF, 2000px 1636px #FFF, 1473px 1808px #FFF, 507px 192px #FFF, 924px 1300px #FFF, 1485px 1636px #FFF, 41px 1822px #FFF, 689px 120px #FFF, 769px 273px #FFF, 1039px 976px #FFF, 1057px 1520px #FFF, 1417px 1187px #FFF, 512px 1507px #FFF, 519px 45px #FFF, 1207px 1687px #FFF, 1824px 1488px #FFF, 1694px 31px #FFF, 1859px 52px #FFF, 1368px 268px #FFF, 190px 1404px #FFF, 940px 1003px #FFF, 167px 942px #FFF, 1641px 647px #FFF, 1051px 654px #FFF, 233px 1640px #FFF, 554px 511px #FFF, 1705px 1866px #FFF, 240px 1430px #FFF, 140px 668px #FFF, 648px 1617px #FFF, 252px 101px #FFF, 676px 1774px #FFF, 889px 1698px #FFF, 595px 853px #FFF, 249px 1768px #FFF, 1091px 1529px #FFF, 223px 839px #FFF, 239px 699px #FFF, 1547px 356px #FFF, 249px 1130px #FFF, 1209px 1946px #FFF, 1967px 1274px #FFF, 430px 298px #FFF, 1305px 134px #FFF, 156px 91px #FFF, 1712px 264px #FFF, 1256px 991px #FFF, 1887px 1844px #FFF, 1957px 1275px #FFF, 1718px 666px #FFF, 1090px 543px #FFF, 933px 1411px #FFF, 801px 323px #FFF, 202px 1659px #FFF, 1117px 549px #FFF, 290px 1859px #FFF, 1380px 1516px #FFF, 557px 1165px #FFF, 1953px 1758px #FFF, 1901px 1407px #FFF, 1144px 347px #FFF, 1640px 271px #FFF, 1996px 43px #FFF, 838px 488px #FFF, 1151px 1529px #FFF, 306px 460px #FFF, 1666px 635px #FFF, 1572px 633px #FFF, 1797px 1076px #FFF, 1727px 1119px #FFF, 474px 871px #FFF, 1491px 1398px #FFF, 1301px 868px #FFF, 1632px 454px #FFF, 1611px 466px #FFF, 498px 1162px #FFF, 796px 269px #FFF, 1988px 747px #FFF, 502px 12px #FFF, 276px 1260px #FFF, 1536px 974px #FFF, 956px 656px #FFF, 107px 701px #FFF, 965px 491px #FFF, 1646px 247px #FFF, 1515px 921px #FFF, 1813px 519px #FFF, 697px 143px #FFF, 591px 1452px #FFF, 1773px 1411px #FFF, 1622px 1401px #FFF, 534px 340px #FFF, 1590px 284px #FFF, 1464px 528px #FFF, 734px 1718px #FFF, 1929px 1683px #FFF, 656px 480px #FFF, 833px 705px #FFF, 1567px 109px #FFF, 1055px 330px #FFF, 1943px 1367px #FFF, 1935px 1512px #FFF, 355px 1024px #FFF, 1894px 218px #FFF, 1703px 1772px #FFF, 781px 1394px #FFF, 367px 42px #FFF, 100px 690px #FFF, 1831px 458px #FFF, 1884px 1878px #FFF, 814px 1013px #FFF;
  animation: animStar 100s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1907px 1575px #FFF, 893px 268px #FFF, 1819px 666px #FFF, 366px 1985px #FFF, 1736px 1062px #FFF, 1124px 45px #FFF, 905px 1674px #FFF, 1570px 711px #FFF, 255px 1747px #FFF, 147px 1032px #FFF, 865px 1813px #FFF, 1721px 1461px #FFF, 202px 724px #FFF, 1860px 812px #FFF, 634px 1410px #FFF, 927px 1264px #FFF, 1648px 620px #FFF, 1915px 1309px #FFF, 731px 778px #FFF, 91px 1185px #FFF, 829px 1003px #FFF, 174px 1784px #FFF, 1094px 1874px #FFF, 1464px 484px #FFF, 1639px 1717px #FFF, 959px 573px #FFF, 1686px 1287px #FFF, 906px 356px #FFF, 970px 499px #FFF, 626px 890px #FFF, 1344px 1070px #FFF, 1351px 544px #FFF, 708px 68px #FFF, 1870px 130px #FFF, 556px 1270px #FFF, 1432px 618px #FFF, 769px 673px #FFF, 1289px 1410px #FFF, 1499px 1969px #FFF, 749px 1163px #FFF, 1198px 198px #FFF, 399px 133px #FFF, 1856px 1280px #FFF, 904px 194px #FFF, 973px 1107px #FFF, 1371px 1785px #FFF, 989px 1835px #FFF, 1043px 1517px #FFF, 787px 916px #FFF, 1635px 1155px #FFF, 752px 524px #FFF, 1926px 1279px #FFF, 1052px 1163px #FFF, 719px 1963px #FFF, 786px 519px #FFF, 1440px 500px #FFF, 156px 1265px #FFF, 1691px 429px #FFF, 1349px 1474px #FFF, 736px 459px #FFF, 248px 1678px #FFF, 1136px 510px #FFF, 1317px 10px #FFF, 1209px 1323px #FFF, 54px 469px #FFF, 730px 1939px #FFF, 960px 23px #FFF, 112px 941px #FFF, 1852px 1522px #FFF, 1993px 1972px #FFF, 265px 129px #FFF, 222px 1897px #FFF, 1766px 1804px #FFF, 1530px 1786px #FFF, 1045px 432px #FFF, 1916px 1980px #FFF, 309px 1780px #FFF, 1420px 559px #FFF, 1708px 103px #FFF, 324px 1407px #FFF, 1175px 943px #FFF, 80px 1221px #FFF, 1016px 1933px #FFF, 318px 560px #FFF, 190px 1489px #FFF, 1095px 892px #FFF, 1975px 1191px #FFF, 1197px 955px #FFF, 1482px 873px #FFF, 1912px 300px #FFF, 2000px 1636px #FFF, 1473px 1808px #FFF, 507px 192px #FFF, 924px 1300px #FFF, 1485px 1636px #FFF, 41px 1822px #FFF, 689px 120px #FFF, 769px 273px #FFF, 1039px 976px #FFF, 1057px 1520px #FFF, 1417px 1187px #FFF, 512px 1507px #FFF, 519px 45px #FFF, 1207px 1687px #FFF, 1824px 1488px #FFF, 1694px 31px #FFF, 1859px 52px #FFF, 1368px 268px #FFF, 190px 1404px #FFF, 940px 1003px #FFF, 167px 942px #FFF, 1641px 647px #FFF, 1051px 654px #FFF, 233px 1640px #FFF, 554px 511px #FFF, 1705px 1866px #FFF, 240px 1430px #FFF, 140px 668px #FFF, 648px 1617px #FFF, 252px 101px #FFF, 676px 1774px #FFF, 889px 1698px #FFF, 595px 853px #FFF, 249px 1768px #FFF, 1091px 1529px #FFF, 223px 839px #FFF, 239px 699px #FFF, 1547px 356px #FFF, 249px 1130px #FFF, 1209px 1946px #FFF, 1967px 1274px #FFF, 430px 298px #FFF, 1305px 134px #FFF, 156px 91px #FFF, 1712px 264px #FFF, 1256px 991px #FFF, 1887px 1844px #FFF, 1957px 1275px #FFF, 1718px 666px #FFF, 1090px 543px #FFF, 933px 1411px #FFF, 801px 323px #FFF, 202px 1659px #FFF, 1117px 549px #FFF, 290px 1859px #FFF, 1380px 1516px #FFF, 557px 1165px #FFF, 1953px 1758px #FFF, 1901px 1407px #FFF, 1144px 347px #FFF, 1640px 271px #FFF, 1996px 43px #FFF, 838px 488px #FFF, 1151px 1529px #FFF, 306px 460px #FFF, 1666px 635px #FFF, 1572px 633px #FFF, 1797px 1076px #FFF, 1727px 1119px #FFF, 474px 871px #FFF, 1491px 1398px #FFF, 1301px 868px #FFF, 1632px 454px #FFF, 1611px 466px #FFF, 498px 1162px #FFF, 796px 269px #FFF, 1988px 747px #FFF, 502px 12px #FFF, 276px 1260px #FFF, 1536px 974px #FFF, 956px 656px #FFF, 107px 701px #FFF, 965px 491px #FFF, 1646px 247px #FFF, 1515px 921px #FFF, 1813px 519px #FFF, 697px 143px #FFF, 591px 1452px #FFF, 1773px 1411px #FFF, 1622px 1401px #FFF, 534px 340px #FFF, 1590px 284px #FFF, 1464px 528px #FFF, 734px 1718px #FFF, 1929px 1683px #FFF, 656px 480px #FFF, 833px 705px #FFF, 1567px 109px #FFF, 1055px 330px #FFF, 1943px 1367px #FFF, 1935px 1512px #FFF, 355px 1024px #FFF, 1894px 218px #FFF, 1703px 1772px #FFF, 781px 1394px #FFF, 367px 42px #FFF, 100px 690px #FFF, 1831px 458px #FFF, 1884px 1878px #FFF, 814px 1013px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1994px 1692px #FFF, 961px 1928px #FFF, 819px 1320px #FFF, 1899px 52px #FFF, 28px 1937px #FFF, 157px 88px #FFF, 860px 1909px #FFF, 720px 427px #FFF, 1319px 1469px #FFF, 677px 960px #FFF, 1265px 1181px #FFF, 1176px 1361px #FFF, 1957px 753px #FFF, 1674px 1355px #FFF, 929px 1206px #FFF, 1038px 898px #FFF, 1229px 365px #FFF, 1085px 51px #FFF, 851px 650px #FFF, 385px 21px #FFF, 41px 1153px #FFF, 718px 70px #FFF, 1321px 579px #FFF, 497px 1458px #FFF, 1981px 813px #FFF, 776px 1187px #FFF, 1345px 31px #FFF, 1571px 400px #FFF, 339px 587px #FFF, 146px 750px #FFF, 64px 61px #FFF, 307px 981px #FFF, 388px 849px #FFF, 1398px 936px #FFF, 522px 765px #FFF, 1146px 350px #FFF, 19px 206px #FFF, 1767px 319px #FFF, 1203px 425px #FFF, 1917px 1018px #FFF, 91px 1401px #FFF, 898px 697px #FFF, 1712px 1121px #FFF, 633px 1119px #FFF, 137px 1266px #FFF, 1006px 931px #FFF, 1644px 1804px #FFF, 1596px 1057px #FFF, 1298px 543px #FFF, 1505px 996px #FFF, 1972px 1383px #FFF, 1210px 1497px #FFF, 804px 1840px #FFF, 913px 1047px #FFF, 187px 1824px #FFF, 1564px 1994px #FFF, 557px 1737px #FFF, 508px 1609px #FFF, 1259px 1911px #FFF, 1294px 1381px #FFF, 1845px 1843px #FFF, 667px 1497px #FFF, 1046px 945px #FFF, 937px 1889px #FFF, 982px 1806px #FFF, 1293px 671px #FFF, 668px 904px #FFF, 358px 1971px #FFF, 133px 766px #FFF, 1152px 1573px #FFF, 318px 694px #FFF, 578px 1184px #FFF, 1620px 1701px #FFF, 1359px 354px #FFF, 1807px 1367px #FFF, 458px 911px #FFF, 1387px 806px #FFF, 523px 81px #FFF, 1243px 341px #FFF, 906px 1730px #FFF, 1629px 474px #FFF, 1690px 419px #FFF, 847px 808px #FFF, 528px 1627px #FFF, 480px 718px #FFF, 537px 593px #FFF, 1432px 1333px #FFF, 200px 1228px #FFF, 1800px 1375px #FFF, 725px 1231px #FFF, 1749px 1432px #FFF, 1948px 303px #FFF, 1889px 252px #FFF, 1114px 1400px #FFF, 759px 646px #FFF, 222px 571px #FFF, 1908px 1401px #FFF, 1856px 1204px #FFF, 338px 1645px #FFF, 1528px 1050px #FFF;
  animation: animStar 150s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  background: transparent;
  box-shadow: 1994px 1692px #FFF, 961px 1928px #FFF, 819px 1320px #FFF, 1899px 52px #FFF, 28px 1937px #FFF, 157px 88px #FFF, 860px 1909px #FFF, 720px 427px #FFF, 1319px 1469px #FFF, 677px 960px #FFF, 1265px 1181px #FFF, 1176px 1361px #FFF, 1957px 753px #FFF, 1674px 1355px #FFF, 929px 1206px #FFF, 1038px 898px #FFF, 1229px 365px #FFF, 1085px 51px #FFF, 851px 650px #FFF, 385px 21px #FFF, 41px 1153px #FFF, 718px 70px #FFF, 1321px 579px #FFF, 497px 1458px #FFF, 1981px 813px #FFF, 776px 1187px #FFF, 1345px 31px #FFF, 1571px 400px #FFF, 339px 587px #FFF, 146px 750px #FFF, 64px 61px #FFF, 307px 981px #FFF, 388px 849px #FFF, 1398px 936px #FFF, 522px 765px #FFF, 1146px 350px #FFF, 19px 206px #FFF, 1767px 319px #FFF, 1203px 425px #FFF, 1917px 1018px #FFF, 91px 1401px #FFF, 898px 697px #FFF, 1712px 1121px #FFF, 633px 1119px #FFF, 137px 1266px #FFF, 1006px 931px #FFF, 1644px 1804px #FFF, 1596px 1057px #FFF, 1298px 543px #FFF, 1505px 996px #FFF, 1972px 1383px #FFF, 1210px 1497px #FFF, 804px 1840px #FFF, 913px 1047px #FFF, 187px 1824px #FFF, 1564px 1994px #FFF, 557px 1737px #FFF, 508px 1609px #FFF, 1259px 1911px #FFF, 1294px 1381px #FFF, 1845px 1843px #FFF, 667px 1497px #FFF, 1046px 945px #FFF, 937px 1889px #FFF, 982px 1806px #FFF, 1293px 671px #FFF, 668px 904px #FFF, 358px 1971px #FFF, 133px 766px #FFF, 1152px 1573px #FFF, 318px 694px #FFF, 578px 1184px #FFF, 1620px 1701px #FFF, 1359px 354px #FFF, 1807px 1367px #FFF, 458px 911px #FFF, 1387px 806px #FFF, 523px 81px #FFF, 1243px 341px #FFF, 906px 1730px #FFF, 1629px 474px #FFF, 1690px 419px #FFF, 847px 808px #FFF, 528px 1627px #FFF, 480px 718px #FFF, 537px 593px #FFF, 1432px 1333px #FFF, 200px 1228px #FFF, 1800px 1375px #FFF, 725px 1231px #FFF, 1749px 1432px #FFF, 1948px 303px #FFF, 1889px 252px #FFF, 1114px 1400px #FFF, 759px 646px #FFF, 222px 571px #FFF, 1908px 1401px #FFF, 1856px 1204px #FFF, 338px 1645px #FFF, 1528px 1050px #FFF;
}


@keyframes animStar {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-2000px);
  }
}


/* メインページ */
/* サロン */
.salon-img {
  height: 70vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 3vw;
}

.js_salon_img {
  position: absolute;
  top: 5vw;
  right: 0;
  height: 60vh;
  width: 90%;
  background-image: url(../images/salon-img-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.js_scroll_salon_img_title {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.js_scroll_salon_img_title h2 {
  text-align: right;
}

.img_on_h3_left {
  position: absolute;
  height: auto;
  width: 100%;
  top: -3vw;
  margin-left: 5vw;
}

.img_on span {
  border-bottom: 1px solid #1b1b1b;
  width: 20vw;
  display: inline-block;
}

.img_on span {
  border-bottom: 1px solid #1b1b1b;
  width: 20vw;
  display: inline-block;
}

.img_on_p {
  background-color: #1b1b1b7c;
  width: 40%;
  padding: 3vw;
  margin-top: 10vw;
}

.img_on_p p {
  color: #ffffff;
  line-height: 2;
  margin: 0;
}

.salon-title {
  width: 100%;
  position: relative;
  margin-top: 5vw;
}

.message-salon {
  margin: 2vw 0 0 2vw;
  font-size: 2vw;
  color: #4a4e52 !important;
  letter-spacing: 3vw;
}

.salon {
  position: relative;
  line-height: 1.8;
  width: 100%;
  margin-top: 5vw;
  margin-bottom: 10vw;
}

.concept-1 {
  position: absolute;
  top: -20vw;
  right: 0%;
  text-align: center;
  background-color: #ffffff;
  z-index: 1;
  padding: 5vw 10vw 0 10vw;
  border-radius: 65% 65% 0px 0px;
  display: none;
}

.concept-1 img {
  width: 10vw;
  margin-bottom: 1.5vw;
}

/* 髪質改善 */
.care {
  position: relative;
  width: 100%;
  margin-bottom: 10vw;
}

.care-title {
  text-align: right;
  padding-top: 5vw;
}

.message-care {
  margin: 2vw 1vw 0 0;
  font-size: 2vw;
  color: #4a4e52 !important;
  letter-spacing: 3vw;
}

.care_img {
  height: 70vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  margin-bottom: 5vw;
}

.js_img {
  position: absolute;
  top: 15vh;
  left: 0;
  height: 60vh;
  width: 90%;
  background-image: url(../images/care-main.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.js_scroll_care_title {
  width: 100%;
  position: absolute;
  left: 3%;
  bottom: 0;
  z-index: 9;
}

.img_on_h3_right {
  position: absolute;
  height: auto;
  width: 100%;
  top: 0;
  text-align: right;
  margin-right: 5vw;
}

.img_on_right {
  text-align: right;
}

.care-menu {
  width: 100%;
  padding-top: 5vw;
}

.care-box h1 {
  display: inline-block;
  border-bottom: 1px solid #a3a58fa4;
}

h1 span {
  padding-left: 1vw;
}

.care-menu-li {
  position: relative;
  display: flex;
  margin-bottom: 10vw;
}

.care-img-right {
  position: absolute;
  right: 8%;
  z-index: -9;
  border: 1px solid #a3a58f;
  width: 40%;
  height: auto;
  overflow: hidden;
  transition: all 0.5s;
  transform: skew(0deg, 5deg);
}

.care-img-left {
  position: absolute;
  left: 8%;
  top: -5vw;
  z-index: -9;
  border: 1px solid #a3a58f;
  width: 40%;
  height: auto;
  overflow: hidden;
  transition: all 0.5s;
  transform: skew(0deg, -5deg);
}

.care-img img {
  width: 100%;
  margin: 0 auto;
  padding: 2vw;
}

.care-box:hover+.care-img {
  filter: brightness(70%);
}

.care-menu-li-1 img {
  box-shadow: -50vw 0px #a3a58f;
}

.care-menu-li-2 img {
  box-shadow: 50vw 0px #666;
}

.care-menu-li-3 img {
  box-shadow: -50vw 0px #a3a58f;
}

.care-menu-li-4 img {
  box-shadow: 50vw 0px #666;
}

.care-menu-li-5 img {
  box-shadow: -50vw 0px #a3a58f;
}

.care-box {
  width: 50%;
  background-color: #ffffff;
  padding: 1vw;
  border: 1px solid #a3a58f;
}

.care-box-left {
  margin: 5vw 0 0 5vw;
}

.care-box-right {
  margin: 0 5vw 0 auto;
}

.care-box p {
  color: #4a4e52;
  padding: 2vw;
}

.care-menu-btn {
  text-align: center;
  margin-bottom: 2vw;
  width: 70%;
  margin: 1vw auto;
}

.care-menu-btn a {
  text-decoration: none;
  color: #666;
}

.button {
  position: relative;
  display: inline-block;
  padding: .5em 4em;
  border: 0.5px solid #ececec;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
  animation: border-op 0.5s forwards;
}

@keyframes border-op {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.button::before,
.button::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
  box-sizing: content-box;
}

.button::before {
  top: -2px;
  left: -2px;
}

.button::after {
  bottom: -2px;
  right: -2px;
}

.button:hover {
  color: #d7c290;
}

.button:hover::before,
.button:hover::after {
  width: 100%;
  height: 100%;
}

.button:hover::before {
  border-bottom-color: #d7c290;
  border-left-color: #d7c290;
  transition: height .3s, width .3s .3s;
}

.button:hover::after {
  border-top-color: #d7c290;
  border-right-color: #d7c290;
  transition: height .3s, width .3s .3s;
}

/* ヘアー */
.hair-title {
  width: 100%;
  text-align: right;
  margin-bottom: 5vw;
  position: relative;
}

.hair {
  width: 100%;
  position: relative;
  transform: skew(0deg, 3deg);
}

.slider {
  width: 90%;
  margin: 0 auto;
}


.slider__item img {
  width: auto;
  height: 30vw;
  margin: 0;
}

.more_link {
  width: 20%;
  margin: 0 0 0 auto;
  text-align: right;
  background-color: #a3a58f;
}

.more_link a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  line-height: 1.8;
  padding: 1vw;
  margin-top: 2vw;
  transition: all 0.2s;
}

.message-hair {
  font-size: 2vw;
  color: #4a4e52 !important;
  letter-spacing: 3vw;
  position: absolute;
  top: -8%;
  right: 3%;
}

.message-hair-2 {
  position: absolute;
  z-index: 9;
  bottom: 25%;
  left: 5%;
  background-color: #1b1b1b7c;
  width: 40%;
  padding: 2vw;
  text-align: right;
}

/* メニュー */
.menu-title {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 10vw 0 1vw 0;
}


.menu-wrap {
  display: flex;
}

.menu {
  width: 100%;
  position: relative;
}

.menu-left-bg {
  background-color: rgba(102, 102, 102, 0.555);
  width: 50%;
}

.menu-right-bg {
  background-color: #ffffff;
  width: 50%;
}

.menu-right {
  width: 80%;
  margin: 0 auto;
  padding: 4vw 0;
}

.menu-left {
  width: 90%;
  margin: 0 auto;
  padding: 4vw 0;
}

.menu-img_2 {
  display: none;
  width: 45%;
  margin: 0 0 0 auto;
}

.menu-list {
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
}

.menu-item {
  border-bottom: 1px solid #666;
}

.menu-left p {
  color: #ffffff;
}

.menu-right p {
  color: #4a4e52;
}

.menu-left h2 {
  color: #ffffff;
}

.menu-left {
  color: #ffffff;
}

.left-item {
  border-bottom: 1px solid #ffffff;
}

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

.menu-img_1 {
  width: 100%;
}

.menu-more-link a {
  margin-top: 0vw !important;
}

.message-menu {
  line-height: 1.5;
  text-align: center;
  font-size: 3vw;
  letter-spacing: 1vw;
}

/* スタッフ */
.js_scroll_staff_title {
  width: 100%;
  padding-top: 5vw;
}

.message-staff {
  line-height: 1.5;
  text-align: center;
  font-size: 3vw;
  letter-spacing: 1vw;
}

.staff {
  position: relative;
  padding-bottom: 5vw;
  margin-top: 3vw;
  text-align: center;
}

.staff-modal {
  text-align: center;
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.staff-modal-item {
  padding: 0;
}

.staff-checkbox {
  display: none;
}

.staff-img {
  cursor: pointer;
  display: inline-block;
  position: relative;
  object-fit: cover;
  margin: 0 auto;
  overflow: hidden;
  width: 15vw;
  height: 15vw;
  border-radius: 50% 50% 0 0;
  z-index: 1;
}

.staff-img img {
  width: 15vw;
  transition: all 1s;
}

.staff-img img:hover {
  filter: grayscale(100);
  transform: scale(1.2, 1.2);
  transition: all 1s;
}

.staff-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 90%;
  max-width: 90%;
  height: 100%;
  background: #1b1b1b7e;
  transition: all 0.5s ease-in-out 0s;
  transform: translateX(-100%);
}

.staff-content-img {
  width: 70%;
  overflow: hidden;
  margin: 5vw auto 0 0;
}

.prof-item {
  margin-top: 5vw;
  text-align: left;
}

.prof-h {
  color: #1b1b1b !important;
  font-weight: bold;
  margin-bottom: 0.5vw;
  border-bottom: 1px solid #ececec;
}

.staff-content-img img {
  width: 65%;
}

.profile {
  position: absolute;
  background-color: #ffffff;
  bottom: 5%;
  right: 10%;
  padding: 3vw;
  width: 40%;
}

#staff-checkbox-1:checked~#staff-img-1 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-1:checked~#staff-img-1::before,
#staff-checkbox-1:checked~#staff-img-1::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-1:checked~#staff-content-1 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-1:checked~#staff-close-1 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-2:checked~#staff-img-2 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-2:checked~#staff-img-2::before,
#staff-checkbox-2:checked~#staff-img-2::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-2:checked~#staff-content-2 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-2:checked~#staff-close-2 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-3:checked~#staff-img-3 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-3:checked~#staff-img-3::before,
#staff-checkbox-3:checked~#staff-img-3::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-3:checked~#staff-content-3 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-3:checked~#staff-close-3 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-4:checked~#staff-img-4 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-4:checked~#staff-img-4::before,
#staff-checkbox-4:checked~#staff-img-4::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-4:checked~#staff-content-4 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-4:checked~#staff-close-4 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-5:checked~#staff-img-5 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-5:checked~#staff-img-5::before,
#staff-checkbox-5:checked~#staff-img-5::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-5:checked~#staff-content-5 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-5:checked~#staff-close-5 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-6:checked~#staff-img-6 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-6:checked~#staff-img-6::before,
#staff-checkbox-6:checked~#staff-img-6::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-6:checked~#staff-content-6 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-6:checked~#staff-close-6 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-7:checked~#staff-img-7 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-7:checked~#staff-img-7::before,
#staff-checkbox-7:checked~#staff-img-7::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-7:checked~#staff-content-7 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-7:checked~#staff-close-7 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-8:checked~#staff-img-8 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-8:checked~#staff-img-8::before,
#staff-checkbox-8:checked~#staff-img-8::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-8:checked~#staff-content-8 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-8:checked~#staff-close-8 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-9:checked~#staff-img-9 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-9:checked~#staff-img-9::before,
#staff-checkbox-9:checked~#staff-img-9::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-9:checked~#staff-content-9 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-9:checked~#staff-close-9 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-10:checked~#staff-img-10 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-10:checked~#staff-img-10::before,
#staff-checkbox-10:checked~#staff-img-10::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-10:checked~#staff-content-10 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-10:checked~#staff-close-10 {
  display: block;
  opacity: 0.3;
}

#staff-checkbox-11:checked~#staff-img-11 {
  background: rgba(51, 51, 51, 0);
}

#staff-checkbox-11:checked~#staff-img-11::before,
#staff-checkbox-11:checked~#staff-img-11::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

#staff-checkbox-11:checked~#staff-content-11 {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#staff-checkbox-11:checked~#staff-close-11 {
  display: block;
  opacity: 0.3;
}

.staff-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}

/* インスタグラムバナー */
.insta {
  position: relative;
  width: 100%;
  margin: 2vw auto 5vw auto;
  text-align: center;
  padding: 5vw;
  transform: skew(0deg, -3deg);
  background-position: center;
}
.insta_banner {
  width: 100%;
  display: flex;
  justify-content: center;
}

.insta_banner img {
  width: auto;
  height: 20vw;
  margin: 0;
}
.insta_banner:hover{
  filter: opacity(0.8);
}

.message-insta {
  text-align: left;
  line-height: 1.5;
  font-size: 2vw;
  letter-spacing: 2vw;
}

.insta a {
  transition: all 0.5s;
  text-decoration: none;
  list-style: none;
}

.insta a:hover {
  color: #a3a58f;
}




/* アクセス */
.access {
  position: relative;
  text-align: center;
  padding: 5vw 0 1vw 0;
}

.access-resta {
  margin-top: 5vw;
  padding-bottom: 0;
}

.access-resta p {
  padding: 2vw 0;
  line-height: 3;
}

#logo_resta {
  width: 10vw;
}

#tree {
  width: 10vw;
  position: absolute;
  right: 12vw;
  bottom: 2%;
}

#scissors {
  width: 2.5vw;
  margin-bottom: 3vw;
}

#door {
  position: absolute;
  bottom: 2%;
  left: 10vw;
  width: 15vw;
}

.google-map-link {
  padding: 0.5vw 1vw 2vw 1vw;
  width: 100%;
}

.google-map {
  margin: 0 auto 2vw auto;
  height: auto;
  text-align: center;
  width: 70%;
}

.google-map a:hover {
  color: #1b1b1b;
}

iframe {
  filter: hue-rotate(200deg) saturate(20%);
}

/* another */
.another {
  position: relative;
}

.another h3 {
  text-align: center;
  font-size: 2vw;
  color: #4a4e52 !important;
  letter-spacing: 3vw;
  margin: 5vw 0;
}

.another-access {
  display: flex;
  justify-content: space-between;
  width: 75%;
  text-align: center;
  margin: 0 auto 3vw auto;
}

.another-access p {
  font-size: 0.8vw;
}

.another-access-item {
  width: 35vw;
  line-height: 3;
  margin-top: 7vw;
}

.another-logo {
  width: 8vw;
  padding-bottom: 2vw;
}

.another-btn {
  text-align: center;
  margin-bottom: 2vw;
  width: 70%;
  margin: 1vw auto;
}

.another-btn a {
  font-size: 1vw;
  text-decoration: none;
  color: #666;
  line-height: 2;
}

.another-1 {
  position: relative;
  border-right: 1px solid rgba(206, 206, 206, 0.795);
  border-left: 1px solid rgba(206, 206, 206, 0.795);
}

.another-2 {
  position: relative;
  border-right: 1px solid rgba(206, 206, 206, 0.795);
  border-left: 1px solid rgba(206, 206, 206, 0.795);
}

.block2-up {
  position: absolute;
  top: -5vw;
  left: 4vw;
  width: 8vw;
}

.block2-down {
  position: absolute;
  top: -5vw;
  right: 5vw;
  width: 5vw;
}

.light-left {
  position: absolute;
  top: -5vw;
  left: 2vw;
  width: 6vw;
}

.light-right {
  position: absolute;
  top: -5vw;
  right: 1vw;
  width: 6vw;
}

/* リクルート */
.recruit {
  position: relative;
  justify-content: space-between;
  margin-bottom: 5vw;
  width: 100%;
}

.recruit-h1 {
  text-align: center;
}

.recruit-main {
  display: flex;
  margin: 5vw auto;
  position: relative;
  height: auto;
  transform: skew(0deg, -3deg);
  padding: 10vw 0 5vw 0;
}

.group-photo {
  border: 1px solid #a3a58f;
  width: 50%;
  height: auto;
  overflow: hidden;
  margin: 0 10vw 0 auto;
}

.group-photo img {
  width: 100%;
  margin: 0 auto;
  padding: 2vw;
}

.message-recruit {
  text-align: right;
  color: #4a4e52 !important;
  font-size: 5vw;
  letter-spacing: 0px !important;
  position: absolute;
  right: 5vw;
  bottom: 10vw;
}

.recruit-p {
  display: flex;
  align-items: flex-end;
  margin-left: 10vw;
}

.recruit-p p {
  margin: 0;
  line-height: 2;
  color: #1b1b1b;
}

/* resta-information */
.resta-information {
  width: 95%;
  background-color: #a3a58f;
  margin: 2vw auto 5vw auto;
}

.resta-message {
  display: flex;
}

.resta-message-item {
  width: 50%;
  margin: auto 0;
  padding: 2vw;
}


.resta-message-item p {
  color: #ffffff !important;
  padding-bottom: 5px;
  margin-top: 1vw;
}

.resta-message-item a {
  font-size: 1vw;
  color: #ffffff;
}

.resta-message-item>.prof-h {
  border-bottom: 1px solid #ffffff75;
  display: inline-block;
}

.resta-information h3 {
  text-align: center;
  padding-top: 2vw;
  color: #ffffff;
  font-size: 2vw;
  letter-spacing: 3vw;
}






/* recruit.html */
.recruitpage_svg {
  margin-top: 0 !important;
}

.message-recruitpage {
  text-align: center;
  color: #4a4e52 !important;
  letter-spacing: 3vw;
}

.js_scroll_recruit_page {
  margin: 5vw auto;
}

.recruit_page_p {
  margin: 5vw 0 5vw 10vw;
}

.taiken-link a {
  letter-spacing: 7px;
}

.promotion {
  display: flex;
  justify-content: center;
  margin-top: 5vw;

}

.recruit_page_group_photo {
  margin-top: 5vw;
}

.promotion p {
  margin: 0;
  padding: 3vw 10vw;
  color: #1b1b1b;
  border: 1px solid #a3a58f;
}

.recruit_page_img {
  height: 80vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.js_recruit_img {
  position: absolute;
  top: 15vh;
  right: 0;
  height: 60vh;
  width: 90%;
  background-image: url(../images/salon-img-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.js_recruit_title>span {
  display: inline-block;
}

.js_recruit_title {
  font-size: 5vw;
  color: #ffffff;
  text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
  text-align: right;
  margin: 5vw 5vw 0 0;
}


.terms {
  width: 90%;
  height: auto;
  display: flex;
  margin: 0 0 0 auto;
}

.terms-item-left {
  width: 50%;
}

.terms-item-right {
  width: 50%;
}

.terms-item {
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.terms-item h1 {
  margin-bottom: 2vw;
  border-bottom: 1px solid #a3a58f;
}

.terms-item p {
  padding: 0 0 2vw 1vw;
}


.address {
  width: 100%;
  text-align: center;
  margin: 10vw 0;
}

.address a {
  text-decoration: none;
  transition: all 1s;
}

.address a:hover {
  letter-spacing: 10px;
  color: #a3a58f;
}



/* レスポンシブ */
@media (max-width:1024px) {
  #logo_loader .f_logo {
    width: 20vw;
    height: 20vw;
  }

  header {
    height: 6vw !important;
  }

  .header-list {
    display: none;
  }

  .header-Reservation {
    text-align: right;
    height: 6vw !important;
  }

  .top_main {
    margin-top: 110vh;
  }

  .drawer-nav {
    width: 40vw;
  }

  .drawer--left .drawer-nav {
    left: -40vw;
  }

  .drawer--left.drawer-open .drawer-hamburger {
    left: 40vw;
  }

  .drawer-menu a {
    font-size: 3vw !important;
  }

  .drawer-menu img {
    width: 18vw;
    margin-bottom: 5vw;
  }

  .drawer-hamburger {
    padding: 2vw;
    width: 3vw;
  }

  .btn {
    font-size: 1.2vw;
  }

  .accordion-button {
    font-size: 3vw !important;
  }

  .slider_main {
    margin: 7vw 0 0 auto;
  }

  .slider_image1 {
    background-position: right !important;
  }

  .accordion-header {
    margin-top: 10vw;
  }

  .accordion-header-care {
    margin-top: 17vw;
  }

  .scrolldown-accordion:after {
    bottom: 2vw;
    height: 12vw;
  }

  @keyframes circlemove2 {
    0% {
      bottom: 12vw;
    }

    100% {
      bottom: 2vw;
    }
  }

  h3 {
    font-size: 2vw;
  }

  h1 {
    font-size: 2vw;
    padding-top: 0;
  }

  h2 {
    font-size: 4vw;
  }

  h4 {
    font-size: 4vw !important;
  }

  p {
    font-size: 1.8vw;
  }

  a {
    font-size: 2vw;
  }

  .border-Stripe-top {
    left: 80%;
  }

  .message-top {
    right: 5%;
    font-size: 10vw;
  }

  .header-logo {
    width: 18vw;
  }

  .header-menu {
    width: 20%;
    padding: 0;
    margin: 0;
  }

  .salon-title {
    margin-top: 25vw;
  }

  #salon_svg {
    height: 15vw;
  }

  .concept-1 {
    top: -45vw;
    right: 2%;
  }

  .salon-img {
    height: 50vh;
  }

  .message-salon {
    font-size: 3vw;
  }

  .message-care {
    font-size: 3vw;
  }


  .js_salon_img {
    height: 40vh;
    top: 15vw;
  }

  .img_on_h3 {
    height: auto;
    width: 100%;
    margin: 5vw 0 2vw 0;
  }

  .care-title {
    padding-top: 5vw;
  }

  #care_svg {
    height: 15vw;
  }

  .care_img {
    height: 50vh;
    width: 100%;
    margin-bottom: 10vw;
  }

  .js_img {
    height: 40vh;
  }

  .care-box p {
    font-size: 1.8vw;
  }

  .care-menu-btn a {
    font-size: 1.8vw !important;
    padding: 1vw 2vw;
  }

  .border-Stripe-care-right {
    right: 2%;
  }

  .border-Stripe-care-left {
    left: 2%;
  }

  .hair-title {
    margin: 10vw 0 5vw 0;
    padding-top: 10vw;
  }

  .slider__item img {
    height: 40vw;
  }

  .more_link {
    width: 50%;
  }

  #hair_svg {
    height: 15vw;
  }

  .message-hair {
    font-size: 3vw;
    top: -5vw;
  }

  .message-hair-2 {
    width: 40vw;
    left: 5%;
  }

  #menu-svg {
    height: 15vw;
  }

  .message-menu {
    font-size: 5vw;
  }

  .js_scroll_menu_message {
    margin-top: 15vw;
  }

  .js_scroll_staff_title {
    margin-top: 15vw;

  }

  .message-staff {
    font-size: 5vw;
  }

  .staff {
    margin-top: 0;
    padding: 1vw 0;
  }

  .staff-bg {
    height: 85%;
    margin-top: 5vw;
  }

  .staff-content-img {
    width: 60%;
    margin: 1vw auto auto 1vw;
  }

  #staff_svg {
    height: 15vw;
  }

  .staff-content-img img {
    width: 100%;
  }

  .profile {
    right: 1vw;
    bottom: 1vw;
    padding: 5vw;
    width: 60%;
  }

  .insta {
    margin: 15vw 0;
  }

  .message-insta {
    font-size: 3vw;
  }

  .access {
    padding-top: 0;
  }

  #access_svg {
    height: 12vw;
    margin-bottom: 5vw;
  }

  #logo_resta {
    width: 15vw;
  }

  .another h3 {
    font-size: 3vw;
  }

  #another_svg {
    height: 10vw;
  }

  #recruit_svg {
    height: 12vw;
    margin: 20vw 0 5vw 0;
  }

  .recruit-main {
    margin: 5vw 0;
  }

  .message-recruit {
    font-size: 5vw;
    bottom: 12vw;
  }

  .border-Stripe-recruit {
    height: 10vw;
  }

  .resta-information {
    margin-top: 20vw;
  }

  .resta-information h3 {
    font-size: 3vw;
  }

  .recruit_page #recruit_svg {
    margin-top: 5vw !important;
  }

  .message-recruitpage {
    font-size: 3vw;
  }

  .js_recruit_title {
    font-size: 7vw;
  }

  .js_recruit_title h1 {
    font-size: 3vw;
  }

  .recruit_page_p {
    margin: 10vw 0 10vw 10vw;
  }


  .recruit_page_img {
    height: 50vh;
  }

  .js_recruit_img {
    height: 40vh;
  }

  .terms {
    width: 100%;
    margin: 20vw auto;
  }

  .address {
    margin: 10vw 0 20vw 0;
  }

  .footer-menu {
    padding: 10vw 0 5vw 0;
  }

  .footer-menu img {
    width: 20vw;
    padding-bottom: 3vw;
  }

  .footer-menu a {
    font-size: 2vw;
  }

  .footer-Reservation a {
    font-size: 3vw;
  }
}

@media (max-width:575px) {

  #logo_loader .f_logo {
    width: 25vw;
    height: 25vw;
  }

  header {
    height: 10vw !important;
    background-color: #ffffff80;
  }

  .drawer-nav {
    width: 45vw;
  }

  .drawer--left .drawer-nav {
    left: -45vw;
  }

  .drawer--left.drawer-open .drawer-hamburger {
    left: 45vw;
  }

  .drawer-hamburger {
    width: 5vw;
  }

  .drawer-menu a {
    font-size: 5vw !important;
  }

  .drawer-menu img {
    width: 25vw;
    margin-bottom: 5vw;
  }

  .accordion-button {
    font-size: 5vw !important;
  }

  .accordion-button::after {
    width: 3vw;
    height: 3vw;
    background-size: 3vw;
  }


  h3 {
    font-size: 4vw !important;
  }

  h1 {
    font-size: 4vw;
    padding-left: 2vw;
  }

  h1 span {
    font-size: 4vw;
  }

  h2 {
    font-size: 7vw;
  }

  h4 {
    font-size: 6vw !important;
    letter-spacing: 10px;
  }

  .h4-left {
    left: 3px;
  }

  .h4-right {
    right: 3px;
  }


  p {
    font-size: 3vw !important;
    letter-spacing: 2px;
  }

  a {
    font-size: 3vw !important;
    letter-spacing: 2px;
    
  }

  .message-top {
    font-size: 7vw !important;
    bottom: 20vw;
    left: 5vw;
  }

  .border-Stripe-top {
    left: 80vw;
    height: 100vh;
  }


  .header-menu {
    display: none;
  }

  .header-Reservation {
    width: auto;
    height: 10vw !important;
    text-align: right;
    padding-right: 2vw;

  }

  .phone-logo-img {
    display: block;
  }

  .phone-logo-img-1 {
    display: block;
  }

  .scrolldown {
    left: 5%;
    bottom: 0;
  }

  .scrolldown:after {
    bottom: 0;
    left: 0;
    height: 15vw;
  }

  .scrolldown span {
    font-size: 2vw;
  }

  @keyframes circlemove {
    0% {
      bottom: 15vw;
    }

    100% {
      bottom: -5px;
    }
  }

  .scrolldown-accordion {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(0 50%);
    z-index: -1;
  }

  .scrolldown-accordion:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #a3a58f;
    z-index: -1;
    animation:
      circlemove2 2s ease-in-out infinite,
      cirlemovehide 2s ease-out infinite;
  }

  @keyframes circlemove2 {
    0% {
      bottom: 15vw;
    }

    100% {
      bottom: 2vw;
    }
  }

  .border-Stripe-bottom {
    left: 12vw;
    height: 30vw;
    bottom: -10vw;
  }

  .salon-title {
    margin-top: 48vw;
  }

  .js_scroll_salon_message p {
    font-size: 7vw !important;
  }

  #salon_svg {
    height: 20vw;
  }

  .concept-1 {
    width: 100%;
    top: -75vw;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
  }

  .concept-1 img {
    width: 20vw;
  }

  .js_salon_img {
    background-size: cover;
    top: 35vw;
  }
  .salon-img {
    height: 70vh;
  }

  .img_on_p {
    width: 70%;
  }

  .img_on_h3 {
    height: auto;
    width: 100%;
    margin: 5vw 0 2vw 0;
  }

  #care_svg {
    height: 20vw;
  }

  .js_scroll_care_message p {
    font-size: 7vw !important;
  }

  .js_img {
    top: 35vw;
    background-size: cover;
  }
  .care_img {
    height: 60vh;
  }

  .care-menu {
    padding-top: 10vw;
  }

  .care-top-p {
    width: 50%;
  }

  .care-box {
    width: 80%;
  }

  .care-menu-btn a {
    font-size: 2vw !important;
  }

  .care-menu-li {
    display: block;
  }

  .care-box p {
    padding: 5vw !important;
  }

  .care-box-left {
    margin: 5vw auto 0 auto;

  }

  .care-box-right {
    margin: 5vw auto 0 auto;
  }

  .care-img-right {
    position: static;
    transform: none;
    width: 50vw;
    margin: 0 10vw 0 auto;
  }

  .care-img-left {
    position: static;
    transform: none;
    width: 50vw;
    margin: 0 auto 0 10vw;
  }


  .border-Stripe-care-right {
    top: 0;
  }

  .border-Stripe-care-left {
    top: 0;
  }

  #hair_svg {
    height: 20vw;
    padding-bottom: 5vw;
  }

  .slider__item img {
    height: 60vw;
  }

  .border-Stripe-hair-top {
    display: none;
  }

  .message-hair {
    font-size: 5vw !important;
    top: -10vw;
  }

  .message-hair-2 {
    width: 50%;
    left: 5%;
  }

  .message-menu {
    font-size: 5vw !important;
  }

  .message-staff {
    font-size: 5vw !important;
  }

  #menu-svg {
    height: 18vw;
  }

  .menu-title {
    margin-top: 20vw;
  }

  .js_scroll_menu_message p {
    font-size: 7vw !important;
    margin: 5vw 0 1vw 0;
    padding-top: 5vw;
  }

  .menu-wrap {
    display: block;
  }

  .menu-left-bg {
    width: 100%;
  }

  .menu-right-bg {
    width: 100%;
  }

  .menu-right {
    width: 90%;
  }

  .menu-list {
    width: 100%;
  }

  #staff_svg {
    height: 18vw;
  }

  .staff {
    margin-bottom: 15vw;
  }

  .js_scroll_staff_title {
    margin-top: 15vw;
  }

  .js_scroll_staff_title h1 {
    font-size: 7vw;
  }

  .border-Stripe-staff-bg {
    height: 100%;
  }

  .staff-modal {
    width: 80%;
  }

  .staff-img {
    width: 35vw;
    height: 35vw;
  }

  .staff-img img {
    width: 35vw;
  }

  .staff-content-img {
    width: 100%;
    margin: 0;
  }

  .profile {
    position: unset;
    width: 100%;
    height: 100%;
  }

  .message-insta {
    font-size: 5vw !important;
  }

  .slider2 img {
    height: 30vw;
  }

  .google-map {
    width: 100%;
  }

  #access_svg {
    height: 12vw;
  }

  #logo_resta {
    width: 20vw;
    margin-bottom: 5vw;
  }

  #tree {
    width: 20vw;
    right: 3%;
    bottom: 0;
  }

  #scissors {
    width: 7vw;
    margin-bottom: 3vw;
  }

  #door {
    bottom: 0;
    left: 5vw;
    width: 20vw;
  }

  .access-resta {
    margin-top: 10vw;
  }

  .access-resta img {
    width: 20vw;
  }


  #another_svg {
    height: 12vw;
    margin-top: 15vw;
  }

  .another h1 {
    font-size: 5vw;
  }

  .another-access {
    display: block;
    width: 100%;
    top: 0;
  }

  .another-access-item {
    width: 100%;
    margin-top: 20vw;
  }

  .another-2 {
    margin: 15vw 0;
    padding-bottom: 5vw;
  }

  .another-logo {
    width: 20vw;
  }

  .block2-up {
    top: -10vw;
    left: 10vw;
    width: 30vw;
  }

  .block2-down {
    right: 8vw;
    top: 10vw;
    width: 20vw;
  }

  .light-left {
    left: 10%;
    width: 15vw;
  }

  .light-right {
    right: 10%;
    width: 15vw;
  }

  #recruit_svg {
    height: 12vw;
    margin-top: 10vw;
  }

  .recruit {
    margin: 5vw 0 20vw 0;
  }

  .recruit-main {
    display: block;
    text-align: center !important;
    margin-bottom: 10vw;
    transform: none;
    padding: 0;
    margin-top: 0;
  }

  .message-recruit {
    font-size: 10vw !important;
  }

  .border-Stripe-recruit {
    display: none;
  }

  .recruit-p {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 5vw 0;
  }

  .group-photo {
    width: 90%;
    margin: 0 auto;
  }

  .group-photo img {
    width: 100%;
  }

  .resta-information {
    margin: 15vw auto;
  }

  .resta-information h2 {
    padding: 8vw 0 5vw 0;
  }

  .resta-message-item {
    width: 100%;
    padding: 5vw;
  }

  .resta-message {
    display: block;
  }

  .footer-list {
    padding: 0;
  }

  .footer-list li {
    font-size: 2.5vw;
  }

  .footer-menu img {
    width: 25vw;
  }

  .footer-menu a {
    font-size: 2vw;
  }

  .footer-Reservation a {
    font-size: 5vw !important;
  }

  .message-recruitpage {
    font-size: 5vw !important;
  }

  .js_recruit_title {
    font-size: 10vw;
  }

  .js_recruit_title h1 {
    font-size: 5vw !important;
  }

  .promotion {
    width: 90%;
    margin: 0 auto;
  }

  .terms {
    display: block;
  }
  .terms-item {
    margin-bottom: 10vw;
  }

  .terms-item-left,
  .terms-item-right {
    width: 100%;
  }

  .js_recruit_img {
    background-size: cover;
  }

}