@charset "UTF-8";
/* CSS Document */
/*reset css--------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li, a,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, improve, nav, section, summary,
time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  font-weight: normal;
  word-break: break-all;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, improve, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

html {
  overflow: auto;
}

body {
  overflow: hidden;
}

img {
  width: 100%;
}

/*reset css--------------------*/
/*base--------------------*/
a {
  transition: all 0.5s;
}
a:hover {
  opacity: 0.8;
  cursor: pointer;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}

/*base--------------------*/
/*font--------------------*/
@media screen and (max-width: 768px) {
  h1[class][class][class] {
    font-size: 42px;
  }
}

@media screen and (max-width: 768px) {
  h2[class][class][class] {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  h3[class][class][class] {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  h4[class][class][class] {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  p[class][class][class] {
    font-size: 16px;
  }
}

/*font--------------------*/
/*inner--------------------*/
.l-inner {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .l-inner {
    width: 95%;
  }
}

/*inner--------------------*/
/*br--------------------*/
.br-pc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .br-pc {
    display: none;
  }
}

.br-sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .br-sp {
    display: block;
  }
}

/*br--------------------*/
/*color--------------------*/
/*color--------------------*/
.js-fade-up {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 1000ms;
}

.js-fade-left {
  opacity: 0;
  transform: translate(-30px, 0px);
  transition: all 1000ms;
}

.js-fade-right {
  opacity: 0;
  transform: translate(30px, 0px);
  transition: all 1000ms;
}

.fade-scroll {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

.load-fade {
  opacity: 0;
  transition: all 1000ms;
}

.load-fadein {
  opacity: 1 !important;
}

/*ttl--------------------*/
.corporate .c-ttl {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  padding-top: 15px;
}
.corporate .c-ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 2px;
}
.corporate .c-ttl-en {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
}

.sightseeing .c-ttl,
.hotel .c-ttl {
  text-align: center;
}
.sightseeing .c-ttl-en,
.hotel .c-ttl-en {
  font-size: clamp(1.25rem, 0.964rem + 0.6vw, 1.5rem);
  font-weight: bold;
  line-height: 1.2;
  color: #00B5B8;
}
.sightseeing .c-ttl-jp,
.hotel .c-ttl-jp {
  font-size: clamp(1.5rem, 0.357rem + 2.38vw, 2.5rem);
  font-weight: bold;
  line-height: 1.2;
  color: #000A11;
}

/*ttl--------------------*/
/*header--------------------*/
.corporate .l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  z-index: 999999;
}
@media screen and (max-width: 1024px) {
  .corporate .l-header {
    height: 80px;
  }
}
.corporate .l-header .menu-trigger {
  display: none;
}
.corporate .l-header__inner {
  padding: 0 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .corporate .l-header__inner {
    display: block;
    padding: unset;
    height: auto;
  }
}
.corporate .l-header__logo {
  width: 345px;
}
@media screen and (max-width: 1024px) {
  .corporate .l-header__logo {
    position: fixed;
    top: 30px;
    left: 15px;
    width: 200px;
  }
}
.corporate .l-header .menu-links {
  display: flex;
  gap: 40px;
  font-size: 15px;
}
.corporate .l-header .menu-links a {
  font-weight: 500;
  color: #ffffff;
}
.corporate .l-header .menu-links .sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .corporate .l-header .menu-links .sp {
    display: block;
  }
}
.corporate .l-header .menu-links .airbnb {
  width: fit-content;
}
.corporate .l-header .menu-links .airbnb a {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 15px 50px;
  background: linear-gradient(135deg, rgb(0, 181, 184) 0%, rgb(0, 149, 255) 100%);
}
.corporate .l-header .menu-links .airbnb a img {
  width: 100px;
}
.corporate .l-header .hamburger-menu {
  display: none;
}
@media screen and (max-width: 1024px) {
  .corporate .l-header .overlay {
    width: 0;
    height: 0;
    padding-top: 150px;
    position: absolute;
    overflow: hidden;
    display: flex;
    justify-content: center;
    transition: width 0s linear 125ms, height 0s linear 125ms;
    animation: overlayGra-hide 125ms ease-out forwards;
  }
  .corporate .l-header .menu-trigger:checked + .overlay {
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(10px);
    transition: none;
    animation: overlayGra-mask 125ms ease-out forwards;
  }
  @keyframes overlayGra-mask {
    0% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 0%, transparent 0%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    1% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 1%, transparent 1%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    2% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 2%, transparent 2%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    3% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 3%, transparent 3%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    4% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 4%, transparent 4%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    5% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 5%, transparent 5%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    6% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 6%, transparent 6%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    7% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 7%, transparent 7%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    8% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 8%, transparent 8%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    9% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 9%, transparent 9%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    10% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 10%, transparent 10%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    11% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 11%, transparent 11%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    12% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 12%, transparent 12%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    13% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 13%, transparent 13%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    14% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 14%, transparent 14%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    15% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 15%, transparent 15%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    16% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 16%, transparent 16%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    17% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 17%, transparent 17%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    18% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 18%, transparent 18%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    19% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 19%, transparent 19%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    20% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 20%, transparent 20%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    21% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 21%, transparent 21%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    22% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 22%, transparent 22%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    23% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 23%, transparent 23%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    24% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 24%, transparent 24%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    25% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    26% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 26%, transparent 26%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    27% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 27%, transparent 27%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    28% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 28%, transparent 28%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    29% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 29%, transparent 29%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    30% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 30%, transparent 30%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    31% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 31%, transparent 31%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    32% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 32%, transparent 32%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    33% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 33%, transparent 33%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    34% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 34%, transparent 34%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    35% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 35%, transparent 35%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    36% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 36%, transparent 36%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    37% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 37%, transparent 37%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    38% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 38%, transparent 38%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    39% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 39%, transparent 39%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    40% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 40%, transparent 40%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    41% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 41%, transparent 41%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    42% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 42%, transparent 42%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    43% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 43%, transparent 43%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    44% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 44%, transparent 44%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    45% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 45%, transparent 45%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    46% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 46%, transparent 46%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    47% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 47%, transparent 47%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    48% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 48%, transparent 48%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    49% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 49%, transparent 49%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    50% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 50%, transparent 50%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    51% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 51%, transparent 51%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    52% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 52%, transparent 52%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    53% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 53%, transparent 53%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    54% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 54%, transparent 54%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    55% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 55%, transparent 55%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    56% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 56%, transparent 56%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    57% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 57%, transparent 57%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    58% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 58%, transparent 58%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    59% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 59%, transparent 59%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    60% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 60%, transparent 60%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    61% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 61%, transparent 61%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    62% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 62%, transparent 62%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    63% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 63%, transparent 63%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    64% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 64%, transparent 64%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    65% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 65%, transparent 65%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    66% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 66%, transparent 66%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    67% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 67%, transparent 67%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    68% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 68%, transparent 68%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    69% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 69%, transparent 69%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    70% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 70%, transparent 70%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    71% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 71%, transparent 71%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    72% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 72%, transparent 72%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    73% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 73%, transparent 73%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    74% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 74%, transparent 74%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    75% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 75%, transparent 75%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    76% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 76%, transparent 76%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    77% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 77%, transparent 77%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    78% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 78%, transparent 78%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    79% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 79%, transparent 79%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    80% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 80%, transparent 80%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    81% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 81%, transparent 81%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    82% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 82%, transparent 82%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    83% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 83%, transparent 83%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    84% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 84%, transparent 84%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    85% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 85%, transparent 85%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    86% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 86%, transparent 86%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    87% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 87%, transparent 87%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    88% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 88%, transparent 88%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    89% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 89%, transparent 89%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    90% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 90%, transparent 90%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    91% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 91%, transparent 91%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    92% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 92%, transparent 92%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    93% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 93%, transparent 93%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    94% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 94%, transparent 94%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    95% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 95%, transparent 95%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    96% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 96%, transparent 96%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    97% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 97%, transparent 97%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    98% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 98%, transparent 98%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    99% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 99%, transparent 99%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    100% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 100%, transparent 100%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
  }
  @keyframes overlayGra-hide {
    100% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 0%, transparent 0%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    99% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 1%, transparent 1%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    98% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 2%, transparent 2%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    97% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 3%, transparent 3%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    96% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 4%, transparent 4%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    95% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 5%, transparent 5%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    94% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 6%, transparent 6%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    93% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 7%, transparent 7%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    92% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 8%, transparent 8%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    91% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 9%, transparent 9%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    90% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 10%, transparent 10%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    89% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 11%, transparent 11%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    88% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 12%, transparent 12%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    87% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 13%, transparent 13%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    86% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 14%, transparent 14%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    85% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 15%, transparent 15%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    84% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 16%, transparent 16%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    83% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 17%, transparent 17%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    82% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 18%, transparent 18%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    81% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 19%, transparent 19%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    80% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 20%, transparent 20%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    79% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 21%, transparent 21%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    78% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 22%, transparent 22%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    77% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 23%, transparent 23%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    76% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 24%, transparent 24%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    75% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    74% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 26%, transparent 26%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    73% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 27%, transparent 27%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    72% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 28%, transparent 28%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    71% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 29%, transparent 29%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    70% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 30%, transparent 30%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    69% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 31%, transparent 31%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    68% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 32%, transparent 32%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    67% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 33%, transparent 33%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    66% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 34%, transparent 34%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    65% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 35%, transparent 35%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    64% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 36%, transparent 36%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    63% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 37%, transparent 37%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    62% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 38%, transparent 38%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    61% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 39%, transparent 39%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    60% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 40%, transparent 40%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    59% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 41%, transparent 41%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    58% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 42%, transparent 42%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    57% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 43%, transparent 43%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    56% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 44%, transparent 44%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    55% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 45%, transparent 45%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    54% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 46%, transparent 46%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    53% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 47%, transparent 47%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    52% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 48%, transparent 48%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    51% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 49%, transparent 49%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    50% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 50%, transparent 50%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    49% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 51%, transparent 51%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    48% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 52%, transparent 52%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    47% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 53%, transparent 53%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    46% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 54%, transparent 54%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    45% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 55%, transparent 55%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    44% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 56%, transparent 56%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    43% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 57%, transparent 57%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    42% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 58%, transparent 58%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    41% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 59%, transparent 59%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    40% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 60%, transparent 60%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    39% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 61%, transparent 61%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    38% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 62%, transparent 62%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    37% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 63%, transparent 63%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    36% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 64%, transparent 64%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    35% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 65%, transparent 65%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    34% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 66%, transparent 66%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    33% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 67%, transparent 67%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    32% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 68%, transparent 68%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    31% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 69%, transparent 69%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    30% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 70%, transparent 70%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    29% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 71%, transparent 71%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    28% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 72%, transparent 72%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    27% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 73%, transparent 73%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    26% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 74%, transparent 74%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    25% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 75%, transparent 75%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    24% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 76%, transparent 76%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    23% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 77%, transparent 77%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    22% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 78%, transparent 78%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    21% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 79%, transparent 79%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    20% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 80%, transparent 80%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    19% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 81%, transparent 81%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    18% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 82%, transparent 82%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    17% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 83%, transparent 83%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    16% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 84%, transparent 84%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    15% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 85%, transparent 85%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    14% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 86%, transparent 86%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    13% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 87%, transparent 87%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    12% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 88%, transparent 88%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    11% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 89%, transparent 89%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    10% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 90%, transparent 90%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    9% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 91%, transparent 91%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    8% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 92%, transparent 92%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    7% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 93%, transparent 93%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    6% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 94%, transparent 94%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    5% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 95%, transparent 95%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    4% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 96%, transparent 96%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    3% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 97%, transparent 97%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    2% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 98%, transparent 98%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    1% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 99%, transparent 99%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
    0% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(255, 255, 255, 0.1) 100%, transparent 100%), linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
    }
  }
  .corporate .l-header .menu-links {
    font-size: 30px;
    display: block;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .corporate .l-header .menu-links li {
    text-align: center;
    margin: 25px 0;
    transition: transform 275ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
  .corporate .l-header .menu-links li a {
    color: #ffffff;
    font-weight: bold;
    display: block;
    text-decoration: none;
    text-align: left;
    opacity: 0;
    transform: translateX(-25%);
    transition: color 175ms ease-out, text-shadow 175ms ease-out, opacity 175ms ease-out, transform 275ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
  .corporate .l-header .menu-trigger:checked + .overlay .menu-links li a {
    transform: translateX(0);
    opacity: 1;
  }
  .corporate .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(1) a {
    transition: opacity 350ms ease-out 125ms, transform 350ms ease-out 125ms;
  }
  .corporate .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(2) a {
    transition: opacity 350ms ease-out 300ms, transform 350ms ease-out 300ms;
  }
  .corporate .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(3) a {
    transition: opacity 350ms ease-out 475ms, transform 350ms ease-out 475ms;
  }
  .corporate .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(4) a {
    transition: opacity 350ms ease-out 650ms, transform 350ms ease-out 650ms;
  }
  .corporate .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(5) a {
    transition: opacity 350ms ease-out 825ms, transform 350ms ease-out 825ms;
  }
  .corporate .l-header .hamburger-menu {
    width: 30px;
    height: 25px;
    position: absolute;
    top: 30px;
    right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
  }
  .corporate .l-header .hamburger-menu span {
    background-color: #ffffff;
    width: 30px;
    height: 3px;
    border-radius: 10px;
    flex-grow: 0;
    display: block;
    transition: transform 350ms ease-out;
    transform-origin: center;
  }
  .corporate .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .corporate .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(2) {
    transform: scale(1, 0) translateX(-100%);
  }
  .corporate .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(3) {
    transform: translateY(-15px) rotate(-45deg);
  }
}

.corporate .l-header.active {
  background: linear-gradient(135deg, rgba(0, 181, 184, 0.5) 0%, rgba(0, 149, 255, 0.5) 100%);
}

.gallery .l-header,
.sightseeing .l-header,
.hotel .l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  z-index: 999999;
}
@media screen and (max-width: 1024px) {
  .gallery .l-header,
  .sightseeing .l-header,
  .hotel .l-header {
    height: 80px;
  }
}
.gallery .l-header .menu-trigger,
.sightseeing .l-header .menu-trigger,
.hotel .l-header .menu-trigger {
  display: none;
}
.gallery .l-header__inner,
.sightseeing .l-header__inner,
.hotel .l-header__inner {
  padding: 0 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .gallery .l-header__inner,
  .sightseeing .l-header__inner,
  .hotel .l-header__inner {
    display: block;
    padding: unset;
    height: auto;
  }
}
.gallery .l-header__logo,
.sightseeing .l-header__logo,
.hotel .l-header__logo {
  width: 345px;
}
@media screen and (max-width: 1024px) {
  .gallery .l-header__logo,
  .sightseeing .l-header__logo,
  .hotel .l-header__logo {
    position: fixed;
    top: 30px;
    left: 15px;
    width: 200px;
  }
}
.gallery .l-header .menu-links,
.sightseeing .l-header .menu-links,
.hotel .l-header .menu-links {
  display: flex;
  align-items: center;
  gap: 25px;
  font-size: 18px;
}
.gallery .l-header .menu-links a,
.sightseeing .l-header .menu-links a,
.hotel .l-header .menu-links a {
  font-weight: bold;
  color: #00B5B8;
  position: relative;
}
.gallery .l-header .menu-links a::before,
.sightseeing .l-header .menu-links a::before,
.hotel .l-header .menu-links a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  background: #00B5B8;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .gallery .l-header .menu-links a::before,
  .sightseeing .l-header .menu-links a::before,
  .hotel .l-header .menu-links a::before {
    display: none;
  }
}
.gallery .l-header .menu-links a:hover::before,
.sightseeing .l-header .menu-links a:hover::before,
.hotel .l-header .menu-links a:hover::before {
  opacity: 1;
  visibility: visible;
}
.gallery .l-header .menu-links .pc,
.sightseeing .l-header .menu-links .pc,
.hotel .l-header .menu-links .pc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .gallery .l-header .menu-links .pc,
  .sightseeing .l-header .menu-links .pc,
  .hotel .l-header .menu-links .pc {
    display: none;
  }
}
.gallery .l-header .menu-links .sp,
.sightseeing .l-header .menu-links .sp,
.hotel .l-header .menu-links .sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .gallery .l-header .menu-links .sp,
  .sightseeing .l-header .menu-links .sp,
  .hotel .l-header .menu-links .sp {
    display: block;
  }
}
.gallery .l-header .menu-links .reservation,
.sightseeing .l-header .menu-links .reservation,
.hotel .l-header .menu-links .reservation {
  width: fit-content;
}
.gallery .l-header .menu-links .reservation a,
.sightseeing .l-header .menu-links .reservation a,
.hotel .l-header .menu-links .reservation a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  padding: 15px 40px;
  background: #00B5B8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  border-bottom: none;
}
.gallery .l-header .menu-links .reservation a img,
.sightseeing .l-header .menu-links .reservation a img,
.hotel .l-header .menu-links .reservation a img {
  width: 25px;
}
.gallery .l-header .menu-links .reservation a span,
.sightseeing .l-header .menu-links .reservation a span,
.hotel .l-header .menu-links .reservation a span {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.04em;
}
.gallery .l-header .menu-links .reservation a::before,
.sightseeing .l-header .menu-links .reservation a::before,
.hotel .l-header .menu-links .reservation a::before {
  display: none;
}
.gallery .l-header .menu-links .airbnb,
.sightseeing .l-header .menu-links .airbnb,
.hotel .l-header .menu-links .airbnb {
  width: fit-content;
}
.gallery .l-header .menu-links .airbnb a,
.sightseeing .l-header .menu-links .airbnb a,
.hotel .l-header .menu-links .airbnb a {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 15px 50px;
  background: linear-gradient(135deg, rgb(0, 181, 184) 0%, rgb(0, 149, 255) 100%);
  border-bottom: none;
}
.gallery .l-header .menu-links .airbnb a img,
.sightseeing .l-header .menu-links .airbnb a img,
.hotel .l-header .menu-links .airbnb a img {
  width: 100px;
}
.gallery .l-header .menu-links .airbnb a::before,
.sightseeing .l-header .menu-links .airbnb a::before,
.hotel .l-header .menu-links .airbnb a::before {
  display: none;
}
.gallery .l-header .hamburger-menu,
.sightseeing .l-header .hamburger-menu,
.hotel .l-header .hamburger-menu {
  display: none;
}
@media screen and (max-width: 1024px) {
  .gallery .l-header .overlay,
  .sightseeing .l-header .overlay,
  .hotel .l-header .overlay {
    width: 0;
    height: 0;
    padding-top: 150px;
    position: absolute;
    overflow: hidden;
    display: flex;
    justify-content: center;
    transition: width 0s linear 125ms, height 0s linear 125ms;
    animation: overlay-hide 125ms ease-out forwards;
    background: linear-gradient(135deg, rgba(0, 181, 184, 0.3) 0%, rgba(0, 149, 255, 0.3) 100%);
  }
  .gallery .l-header .menu-trigger:checked + .overlay,
  .sightseeing .l-header .menu-trigger:checked + .overlay,
  .hotel .l-header .menu-trigger:checked + .overlay {
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(10px);
    transition: none;
    animation: overlay-mask 125ms ease-out forwards;
  }
  @keyframes overlay-mask {
    0% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 0%, transparent 0%);
    }
    1% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 1%, transparent 1%);
    }
    2% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 2%, transparent 2%);
    }
    3% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 3%, transparent 3%);
    }
    4% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 4%, transparent 4%);
    }
    5% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 5%, transparent 5%);
    }
    6% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 6%, transparent 6%);
    }
    7% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 7%, transparent 7%);
    }
    8% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 8%, transparent 8%);
    }
    9% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 9%, transparent 9%);
    }
    10% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 10%, transparent 10%);
    }
    11% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 11%, transparent 11%);
    }
    12% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 12%, transparent 12%);
    }
    13% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 13%, transparent 13%);
    }
    14% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 14%, transparent 14%);
    }
    15% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 15%, transparent 15%);
    }
    16% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 16%, transparent 16%);
    }
    17% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 17%, transparent 17%);
    }
    18% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 18%, transparent 18%);
    }
    19% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 19%, transparent 19%);
    }
    20% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 20%, transparent 20%);
    }
    21% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 21%, transparent 21%);
    }
    22% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 22%, transparent 22%);
    }
    23% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 23%, transparent 23%);
    }
    24% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 24%, transparent 24%);
    }
    25% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 25%, transparent 25%);
    }
    26% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 26%, transparent 26%);
    }
    27% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 27%, transparent 27%);
    }
    28% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 28%, transparent 28%);
    }
    29% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 29%, transparent 29%);
    }
    30% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 30%, transparent 30%);
    }
    31% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 31%, transparent 31%);
    }
    32% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 32%, transparent 32%);
    }
    33% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 33%, transparent 33%);
    }
    34% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 34%, transparent 34%);
    }
    35% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 35%, transparent 35%);
    }
    36% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 36%, transparent 36%);
    }
    37% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 37%, transparent 37%);
    }
    38% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 38%, transparent 38%);
    }
    39% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 39%, transparent 39%);
    }
    40% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 40%, transparent 40%);
    }
    41% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 41%, transparent 41%);
    }
    42% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 42%, transparent 42%);
    }
    43% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 43%, transparent 43%);
    }
    44% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 44%, transparent 44%);
    }
    45% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 45%, transparent 45%);
    }
    46% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 46%, transparent 46%);
    }
    47% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 47%, transparent 47%);
    }
    48% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 48%, transparent 48%);
    }
    49% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 49%, transparent 49%);
    }
    50% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 50%, transparent 50%);
    }
    51% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 51%, transparent 51%);
    }
    52% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 52%, transparent 52%);
    }
    53% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 53%, transparent 53%);
    }
    54% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 54%, transparent 54%);
    }
    55% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 55%, transparent 55%);
    }
    56% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 56%, transparent 56%);
    }
    57% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 57%, transparent 57%);
    }
    58% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 58%, transparent 58%);
    }
    59% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 59%, transparent 59%);
    }
    60% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 60%, transparent 60%);
    }
    61% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 61%, transparent 61%);
    }
    62% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 62%, transparent 62%);
    }
    63% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 63%, transparent 63%);
    }
    64% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 64%, transparent 64%);
    }
    65% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 65%, transparent 65%);
    }
    66% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 66%, transparent 66%);
    }
    67% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 67%, transparent 67%);
    }
    68% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 68%, transparent 68%);
    }
    69% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 69%, transparent 69%);
    }
    70% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 70%, transparent 70%);
    }
    71% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 71%, transparent 71%);
    }
    72% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 72%, transparent 72%);
    }
    73% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 73%, transparent 73%);
    }
    74% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 74%, transparent 74%);
    }
    75% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 75%, transparent 75%);
    }
    76% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 76%, transparent 76%);
    }
    77% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 77%, transparent 77%);
    }
    78% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 78%, transparent 78%);
    }
    79% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 79%, transparent 79%);
    }
    80% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 80%, transparent 80%);
    }
    81% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 81%, transparent 81%);
    }
    82% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 82%, transparent 82%);
    }
    83% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 83%, transparent 83%);
    }
    84% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 84%, transparent 84%);
    }
    85% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 85%, transparent 85%);
    }
    86% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 86%, transparent 86%);
    }
    87% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 87%, transparent 87%);
    }
    88% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 88%, transparent 88%);
    }
    89% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 89%, transparent 89%);
    }
    90% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 90%, transparent 90%);
    }
    91% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 91%, transparent 91%);
    }
    92% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 92%, transparent 92%);
    }
    93% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 93%, transparent 93%);
    }
    94% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 94%, transparent 94%);
    }
    95% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 95%, transparent 95%);
    }
    96% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 96%, transparent 96%);
    }
    97% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 97%, transparent 97%);
    }
    98% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 98%, transparent 98%);
    }
    99% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 99%, transparent 99%);
    }
    100% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 100%, transparent 100%);
    }
  }
  @keyframes overlay-hide {
    100% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 0%, transparent 0%);
    }
    99% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 1%, transparent 1%);
    }
    98% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 2%, transparent 2%);
    }
    97% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 3%, transparent 3%);
    }
    96% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 4%, transparent 4%);
    }
    95% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 5%, transparent 5%);
    }
    94% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 6%, transparent 6%);
    }
    93% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 7%, transparent 7%);
    }
    92% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 8%, transparent 8%);
    }
    91% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 9%, transparent 9%);
    }
    90% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 10%, transparent 10%);
    }
    89% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 11%, transparent 11%);
    }
    88% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 12%, transparent 12%);
    }
    87% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 13%, transparent 13%);
    }
    86% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 14%, transparent 14%);
    }
    85% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 15%, transparent 15%);
    }
    84% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 16%, transparent 16%);
    }
    83% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 17%, transparent 17%);
    }
    82% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 18%, transparent 18%);
    }
    81% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 19%, transparent 19%);
    }
    80% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 20%, transparent 20%);
    }
    79% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 21%, transparent 21%);
    }
    78% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 22%, transparent 22%);
    }
    77% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 23%, transparent 23%);
    }
    76% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 24%, transparent 24%);
    }
    75% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 25%, transparent 25%);
    }
    74% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 26%, transparent 26%);
    }
    73% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 27%, transparent 27%);
    }
    72% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 28%, transparent 28%);
    }
    71% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 29%, transparent 29%);
    }
    70% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 30%, transparent 30%);
    }
    69% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 31%, transparent 31%);
    }
    68% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 32%, transparent 32%);
    }
    67% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 33%, transparent 33%);
    }
    66% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 34%, transparent 34%);
    }
    65% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 35%, transparent 35%);
    }
    64% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 36%, transparent 36%);
    }
    63% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 37%, transparent 37%);
    }
    62% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 38%, transparent 38%);
    }
    61% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 39%, transparent 39%);
    }
    60% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 40%, transparent 40%);
    }
    59% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 41%, transparent 41%);
    }
    58% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 42%, transparent 42%);
    }
    57% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 43%, transparent 43%);
    }
    56% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 44%, transparent 44%);
    }
    55% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 45%, transparent 45%);
    }
    54% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 46%, transparent 46%);
    }
    53% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 47%, transparent 47%);
    }
    52% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 48%, transparent 48%);
    }
    51% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 49%, transparent 49%);
    }
    50% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 50%, transparent 50%);
    }
    49% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 51%, transparent 51%);
    }
    48% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 52%, transparent 52%);
    }
    47% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 53%, transparent 53%);
    }
    46% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 54%, transparent 54%);
    }
    45% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 55%, transparent 55%);
    }
    44% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 56%, transparent 56%);
    }
    43% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 57%, transparent 57%);
    }
    42% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 58%, transparent 58%);
    }
    41% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 59%, transparent 59%);
    }
    40% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 60%, transparent 60%);
    }
    39% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 61%, transparent 61%);
    }
    38% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 62%, transparent 62%);
    }
    37% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 63%, transparent 63%);
    }
    36% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 64%, transparent 64%);
    }
    35% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 65%, transparent 65%);
    }
    34% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 66%, transparent 66%);
    }
    33% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 67%, transparent 67%);
    }
    32% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 68%, transparent 68%);
    }
    31% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 69%, transparent 69%);
    }
    30% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 70%, transparent 70%);
    }
    29% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 71%, transparent 71%);
    }
    28% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 72%, transparent 72%);
    }
    27% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 73%, transparent 73%);
    }
    26% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 74%, transparent 74%);
    }
    25% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 75%, transparent 75%);
    }
    24% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 76%, transparent 76%);
    }
    23% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 77%, transparent 77%);
    }
    22% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 78%, transparent 78%);
    }
    21% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 79%, transparent 79%);
    }
    20% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 80%, transparent 80%);
    }
    19% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 81%, transparent 81%);
    }
    18% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 82%, transparent 82%);
    }
    17% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 83%, transparent 83%);
    }
    16% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 84%, transparent 84%);
    }
    15% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 85%, transparent 85%);
    }
    14% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 86%, transparent 86%);
    }
    13% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 87%, transparent 87%);
    }
    12% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 88%, transparent 88%);
    }
    11% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 89%, transparent 89%);
    }
    10% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 90%, transparent 90%);
    }
    9% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 91%, transparent 91%);
    }
    8% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 92%, transparent 92%);
    }
    7% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 93%, transparent 93%);
    }
    6% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 94%, transparent 94%);
    }
    5% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 95%, transparent 95%);
    }
    4% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 96%, transparent 96%);
    }
    3% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 97%, transparent 97%);
    }
    2% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 98%, transparent 98%);
    }
    1% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 99%, transparent 99%);
    }
    0% {
      background-image: radial-gradient(circle at calc(100vw - 55px) 50px, rgba(0, 181, 184, 0.3) 100%, transparent 100%);
    }
  }
  .gallery .l-header .menu-links,
  .sightseeing .l-header .menu-links,
  .hotel .l-header .menu-links {
    font-size: 30px;
    display: block;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .gallery .l-header .menu-links li,
  .sightseeing .l-header .menu-links li,
  .hotel .l-header .menu-links li {
    text-align: center;
    margin: 45px 0;
    transition: transform 275ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
  .gallery .l-header .menu-links li a,
  .sightseeing .l-header .menu-links li a,
  .hotel .l-header .menu-links li a {
    color: #000000;
    font-weight: bold;
    display: block;
    text-decoration: none;
    text-align: left;
    opacity: 0;
    transform: translateX(-25%);
    transition: color 175ms ease-out, text-shadow 175ms ease-out, opacity 175ms ease-out, transform 275ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
  .gallery .l-header .menu-trigger:checked + .overlay .menu-links li a,
  .sightseeing .l-header .menu-trigger:checked + .overlay .menu-links li a,
  .hotel .l-header .menu-trigger:checked + .overlay .menu-links li a {
    transform: translateX(0);
    opacity: 1;
  }
  .gallery .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(1) a,
  .sightseeing .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(1) a,
  .hotel .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(1) a {
    transition: opacity 350ms ease-out 125ms, transform 350ms ease-out 125ms;
  }
  .gallery .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(2) a,
  .sightseeing .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(2) a,
  .hotel .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(2) a {
    transition: opacity 350ms ease-out 300ms, transform 350ms ease-out 300ms;
  }
  .gallery .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(3) a,
  .sightseeing .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(3) a,
  .hotel .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(3) a {
    transition: opacity 350ms ease-out 475ms, transform 350ms ease-out 475ms;
  }
  .gallery .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(4) a,
  .sightseeing .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(4) a,
  .hotel .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(4) a {
    transition: opacity 350ms ease-out 650ms, transform 350ms ease-out 650ms;
  }
  .gallery .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(5) a,
  .sightseeing .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(5) a,
  .hotel .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(5) a {
    transition: opacity 350ms ease-out 825ms, transform 350ms ease-out 825ms;
  }
  .gallery .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(6) a,
  .sightseeing .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(6) a,
  .hotel .l-header .menu-trigger:checked + .overlay .menu-links li:nth-child(6) a {
    transition: opacity 350ms ease-out 1000ms, transform 350ms ease-out 1000ms;
  }
  .gallery .l-header .hamburger-menu,
  .sightseeing .l-header .hamburger-menu,
  .hotel .l-header .hamburger-menu {
    width: 30px;
    height: 25px;
    position: absolute;
    top: 30px;
    right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
  }
  .gallery .l-header .hamburger-menu span,
  .sightseeing .l-header .hamburger-menu span,
  .hotel .l-header .hamburger-menu span {
    background-color: #000000;
    width: 30px;
    height: 3px;
    border-radius: 10px;
    flex-grow: 0;
    display: block;
    transition: transform 350ms ease-out;
    transform-origin: center;
  }
  .gallery .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(1),
  .sightseeing .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(1),
  .hotel .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .gallery .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(2),
  .sightseeing .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(2),
  .hotel .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(2) {
    transform: scale(1, 0) translateX(-100%);
  }
  .gallery .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(3),
  .sightseeing .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(3),
  .hotel .l-header .menu-trigger:checked ~ .hamburger-menu span:nth-child(3) {
    transform: translateY(-15px) rotate(-45deg);
  }
}

.sightseeing .l-header,
.gallery .l-header {
  background: rgba(236, 250, 249, 0.8901960784);
}

.l-header__inner {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}

/*header--------------------*/
/*footer--------------------*/
.corporate .l-footer {
  background: #F3F3F4;
  padding: 60px 0 15px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .corporate .l-footer {
    padding: 50px 0;
  }
}
.corporate .l-footer .l-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 180px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .corporate .l-footer .l-inner {
    gap: 50px;
    flex-direction: column;
  }
}
.corporate .l-footer__logo {
  width: 345px;
}
.corporate .l-footer__iframe {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .corporate .l-footer__iframe {
    max-width: 100%;
  }
}
.corporate .l-footer__iframe .airbnb-embed-frame {
  width: 100% !important;
  max-width: 375px;
  aspect-ratio: 450/300;
}
@media screen and (max-width: 768px) {
  .corporate .l-footer__iframe .airbnb-embed-frame {
    max-width: 100% !important;
  }
}
.corporate .l-footer__iframe-ttl {
  font-size: clamp(1.5rem, -0.214rem + 3.57vw, 3rem);
  font-weight: 500;
  color: #F30061;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .corporate .l-footer__iframe-ttl {
    font-size: 48px;
  }
}
.corporate .l-footer__iframe-txt {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.corporate .l-footer__iframe-cover {
  background: #ffffff;
  border-radius: 20px;
  padding: 1px;
}
.corporate .l-footer__copy {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .corporate .l-footer__copy {
    font-size: 12px;
  }
}

.gallery .l-footer,
.sightseeing .l-footer,
.hotel .l-footer {
  padding: 75px 0 15px 0;
  background: #00B5B8;
}
@media screen and (max-width: 768px) {
  .gallery .l-footer,
  .sightseeing .l-footer,
  .hotel .l-footer {
    padding: 50px 0;
  }
}
.gallery .l-footer .l-inner,
.sightseeing .l-footer .l-inner,
.hotel .l-footer .l-inner {
  max-width: 1055px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 105px;
}
@media screen and (max-width: 1024px) {
  .gallery .l-footer .l-inner,
  .sightseeing .l-footer .l-inner,
  .hotel .l-footer .l-inner {
    flex-direction: column;
  }
}
.gallery .l-footer__logo,
.sightseeing .l-footer__logo,
.hotel .l-footer__logo {
  width: 265px;
}
@media screen and (max-width: 1024px) {
  .gallery .l-footer__logo,
  .sightseeing .l-footer__logo,
  .hotel .l-footer__logo {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
}
.gallery .l-footer__group,
.sightseeing .l-footer__group,
.hotel .l-footer__group {
  display: flex;
  gap: 70px;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  .gallery .l-footer__group,
  .sightseeing .l-footer__group,
  .hotel .l-footer__group {
    width: 250px;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }
}
.gallery .l-footer__group *,
.sightseeing .l-footer__group *,
.hotel .l-footer__group * {
  color: #ffffff;
}
.gallery .l-footer__group-ttl,
.sightseeing .l-footer__group-ttl,
.hotel .l-footer__group-ttl {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 25px;
}
.gallery .l-footer__group-child,
.sightseeing .l-footer__group-child,
.hotel .l-footer__group-child {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.gallery .l-footer__group-child-link,
.sightseeing .l-footer__group-child-link,
.hotel .l-footer__group-child-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.gallery .l-footer__copy,
.sightseeing .l-footer__copy,
.hotel .l-footer__copy {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

/*footer--------------------*/
/*main--------------------*/
.sightseeing .l-main {
  margin-top: 125px;
}
@media screen and (max-width: 1024px) {
  .sightseeing .l-main {
    margin-top: 80px;
  }
}

.gallery .l-main {
  margin-top: 125px;
}
@media screen and (max-width: 1024px) {
  .gallery .l-main {
    margin-top: 80px;
  }
}

/*main--------------------*/
/*corporate--------------------*/
.corporate {
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}

.corporate .fv {
  padding: 220px 0 220px 0;
  background-image: url(../images/corporate/fv_bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .corporate .fv {
    background: transparent;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .corporate .fv__spbg {
    background-image: url(../images/corporate/fv_bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.corporate .fv__ttl {
  width: 100%;
  color: #ffffff;
}
.corporate .fv__ttl .l-inner {
  max-width: 1220px;
}
.corporate .fv__ttl-en {
  font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
  font-family: "Archivo", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .corporate .fv__ttl-en {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.corporate .fv__ttl-catch {
  font-size: clamp(2.75rem, 1.321rem + 2.98vw, 4rem);
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.005em;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .corporate .fv__ttl-catch {
    margin-bottom: 30px;
  }
}
.corporate .fv__ttl-txt {
  font-size: 20px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
}
.corporate .fv .facilityBlock {
  margin-top: -10px;
}
@media screen and (max-width: 1366px) {
  .corporate .fv .facilityBlock {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock {
    margin-top: -175px;
  }
}
.corporate .fv .facilityBlock .l-inner {
  max-width: 1250px;
}
.corporate .fv .facilityBlock__frame {
  width: 57.6%;
  margin-left: auto;
  background: #ffffff;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock__frame {
    width: 100%;
  }
}
.corporate .fv .facilityBlock__link {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 20px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock__link {
    padding: 15px;
  }
}
.corporate .fv .facilityBlock__box {
  position: relative;
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock__thumbnail img {
    aspect-ratio: 344/280;
    object-fit: cover;
  }
}
.corporate .fv .facilityBlock__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 15px 15px 5px;
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock__content {
    padding: 30px 5px 10px 15px;
  }
}
.corporate .fv .facilityBlock__content-ttl {
  font-size: clamp(1.25rem, -0.179rem + 2.98vw, 2.5rem);
  font-weight: 500;
  line-height: 1.5;
  color: #000A11;
  position: relative;
  padding-left: 45px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock__content-ttl {
    font-size: 26px;
    padding-left: 25px;
  }
}
.corporate .fv .facilityBlock__content-ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  background: linear-gradient(135deg, rgba(0, 181, 184, 0.4) 0%, rgba(0, 149, 255, 0.4) 100%);
  width: 84px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock__content-ttl::before {
    width: 55px;
  }
}
.corporate .fv .facilityBlock__content-catch {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .corporate .fv .facilityBlock__content-catch {
    width: 100%;
    margin-bottom: 20px;
  }
}
.corporate .fv .facilityBlock__content-btn {
  width: fit-content;
  margin-left: auto;
  position: relative;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(0, 181, 184, 0.9) 0%, rgba(0, 149, 255, 0.9) 100%);
  padding: 20px 50px 15px 50px;
}
.corporate .fv .facilityBlock__content-btn-logo {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.corporate .fv .facilityBlock__content-btn-txt {
  font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
  font-weight: 500;
  color: #ffffff;
}

.corporate .about {
  padding: 60px 0 120px 0;
}
@media screen and (max-width: 768px) {
  .corporate .about {
    padding: 50px 0;
  }
}
.corporate .about .l-inner {
  max-width: 1220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .corporate .about .l-inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .corporate .about .l-inner {
    flex-direction: column;
  }
}
.corporate .about__thumbnail {
  width: 49.1%;
}
@media screen and (max-width: 768px) {
  .corporate .about__thumbnail {
    width: 100%;
    margin-bottom: 25px;
  }
}
.corporate .about__thumbnail img {
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.corporate .about__content {
  width: 46.9%;
}
@media screen and (max-width: 768px) {
  .corporate .about__content {
    width: 100%;
  }
}
.corporate .about__content .c-ttl::before {
  background: #00B5B8;
  left: 0;
  transform: none;
}
.corporate .about__content .c-ttl {
  text-align: left;
  margin-bottom: 30px;
}
.corporate .about__content .c-ttl-en {
  color: #00B5B8;
}
.corporate .about__content .c-ttl-jp {
  font-size: clamp(1.25rem, 0.393rem + 1.79vw, 2rem);
  line-height: 1.25;
  letter-spacing: 0.005em;
}
.corporate .about__content-txt {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
}

.corporate .service {
  padding: 90px 0 175px 0;
  background: linear-gradient(135deg, rgb(0, 181, 184) 0%, rgb(0, 149, 255) 100%);
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .corporate .service {
    padding: 50px 0;
  }
}
.corporate .service .l-inner {
  max-width: 1300px;
}
.corporate .service .c-ttl {
  color: #ffffff;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .corporate .service .c-ttl {
    margin-bottom: 50px;
  }
}
.corporate .service .c-ttl::before {
  background: #ffffff;
}
.corporate .service .c-ttl-jp {
  font-size: clamp(1.25rem, -0.75rem + 4.17vw, 3rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.005em;
}
.corporate .service__group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 105px 4.6%;
}
@media screen and (max-width: 1024px) {
  .corporate .service__group {
    gap: 50px 10px;
  }
}
@media screen and (max-width: 768px) {
  .corporate .service__group {
    gap: 50px;
  }
}
.corporate .service__group-list {
  width: 30.2666666667%;
}
@media screen and (max-width: 1024px) {
  .corporate .service__group-list {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 768px) {
  .corporate .service__group-list {
    width: 100%;
  }
}
.corporate .service__group-thumbnail {
  margin-bottom: 20px;
}
.corporate .service__group-thumbnail img {
  border-radius: 10px;
}
.corporate .service__group-lead {
  font-size: clamp(1.125rem, 0.554rem + 1.19vw, 1.625rem);
  font-weight: 500;
  line-height: 105%;
  margin-bottom: 30px;
  position: relative;
}
.corporate .service__group-lead::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ffffff;
}
.corporate .service__group-feature {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.corporate .service__group-feature li {
  position: relative;
  padding-left: 20px;
}
.corporate .service__group-feature li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.corporate .service__group-feature li:not(:last-of-type) {
  margin-bottom: 15px;
}

.corporate .flow {
  padding: 80px 0 165px 0;
}
@media screen and (max-width: 768px) {
  .corporate .flow {
    padding: 50px 0 0 0;
  }
}
.corporate .flow .l-inner {
  max-width: 1360px;
}
.corporate .flow .c-ttl {
  color: #00B5B8;
  margin-bottom: 115px;
}
@media screen and (max-width: 768px) {
  .corporate .flow .c-ttl {
    margin-bottom: 50px;
  }
}
.corporate .flow .c-ttl::before {
  background: #00B5B8;
}
.corporate .flow .c-ttl-jp {
  font-size: clamp(1.25rem, -0.75rem + 4.17vw, 3rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.005em;
}
.corporate .flow .pc {
  display: flex;
}
@media screen and (max-width: 768px) {
  .corporate .flow .pc {
    display: none;
  }
}
.corporate .flow .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .corporate .flow .sp {
    display: block;
  }
}
.corporate .flow .sp .slick-list {
  padding: 50px 10% 50px 0 !important;
}
.corporate .flow .sp .slick-slide {
  padding: 0 10px;
  max-height: 330px;
  aspect-ratio: 310/365;
}
.corporate .flow .sp .slick-slide div {
  width: 100%;
  max-height: 330px;
  aspect-ratio: 310/365;
}
.corporate .flow__group {
  display: flex;
  flex-wrap: wrap;
  gap: 2.9%;
}
@media screen and (max-width: 1366px) {
  .corporate .flow__group {
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .corporate .flow__group {
    flex-wrap: unset;
    padding-top: 50px;
  }
}
.corporate .flow__group-list {
  position: relative;
  width: 22.825%;
  border-radius: 20px;
  padding: 4px;
  background: linear-gradient(135deg, rgb(0, 181, 184) 0%, rgb(0, 149, 255) 100%);
  box-shadow: 0 0 20px rgba(0, 36, 28, 0.2);
}
@media screen and (max-width: 1366px) {
  .corporate .flow__group-list {
    width: calc(25% - 7.5px);
  }
}
@media screen and (max-width: 1024px) {
  .corporate .flow__group-list {
    width: calc(50% - 5px);
  }
}
.corporate .flow__group-frame {
  background: #ffffff;
  border-radius: 20px;
  padding: 50px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 1366px) {
  .corporate .flow__group-frame {
    padding: 25px 10px;
  }
}
@media screen and (max-width: 768px) {
  .corporate .flow__group-frame {
    padding: 50px 10px;
    height: auto;
  }
}
.corporate .flow__group-number {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
  border-radius: 50px;
  background: linear-gradient(135deg, rgb(0, 181, 184) 0%, rgb(0, 149, 255) 100%);
  width: 70px;
  aspect-ratio: 1/1;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.corporate .flow__group-icon {
  width: 100px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .corporate .flow__group-icon {
    width: 75px;
    margin-bottom: 25px;
  }
}
.corporate .flow__group-lead {
  font-size: clamp(1.125rem, 0.554rem + 1.19vw, 1.625rem);
  font-weight: 500;
  line-height: 105%;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 1366px) {
  .corporate .flow__group-lead {
    font-size: 20px;
  }
}
.corporate .flow__group-txt {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
}

.corporate .corporate {
  padding: 0 0 220px 0;
}
@media screen and (max-width: 768px) {
  .corporate .corporate {
    padding: 0 0 50px 0;
  }
}
.corporate .corporate .l-inner {
  max-width: 1200px;
}
.corporate .corporate__bg {
  padding: 80px 0;
  background: #00B5B8;
  color: #ffffff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__bg {
    padding: 50px 0;
  }
}
.corporate .corporate__bg::before {
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: #ffffff;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__bg::before {
    display: none;
  }
}
.corporate .corporate .c-ttl {
  margin-left: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .corporate .corporate .c-ttl {
    margin-left: auto;
    text-align: center;
    margin-bottom: 50px;
  }
}
.corporate .corporate .c-ttl::before {
  background: #ffffff;
  left: 0;
  transform: none;
}
@media screen and (max-width: 768px) {
  .corporate .corporate .c-ttl::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.corporate .corporate .c-ttl-jp {
  font-size: clamp(1.5rem, -0.214rem + 3.57vw, 3rem);
}
.corporate .corporate__frame {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__frame {
    flex-direction: column-reverse;
  }
}
.corporate .corporate__content {
  width: 44.1%;
  padding-top: 35px;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__content {
    width: 100%;
  }
}
.corporate .corporate__content-txt {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
}
.corporate .corporate__content-txt:not(:last-of-type) {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__content-txt:not(:last-of-type) {
    margin-bottom: 25px;
  }
}
.corporate .corporate__thumbnail {
  width: 47.5%;
  border-radius: 20px 0 20px 20px;
  position: absolute;
  top: 0;
  right: 25px;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__thumbnail {
    width: 100%;
    position: relative;
    top: unset;
    right: unset;
  }
}
.corporate .corporate__thumbnail img {
  border-radius: 20px 0 20px 20px;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__thumbnail img {
    border-radius: 20px;
  }
}
.corporate .corporate__profile {
  font-size: 16px;
  line-height: 1.5;
  padding: 60px 0 0 8.3%;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__profile {
    padding: 50px 2.5% 0 2.5%;
  }
}
.corporate .corporate__profile-item {
  display: flex;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__profile-item {
    flex-direction: column;
  }
}
.corporate .corporate__profile-item:not(:last-of-type) {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .corporate .corporate__profile-item:not(:last-of-type) {
    margin-bottom: 15px;
  }
}
.corporate .corporate__profile-ttl {
  width: 125px;
  min-width: 125px;
}

.footerfacilityBlock .l-inner a {
  font-size: 16px;
  color: #000 !important;
  text-decoration: none !important;
}

/*corporate--------------------*/
/*hotel--------------------*/
.hotel {
  font-size: 16px;
  background: #ECFAF9;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}
.hotel .ocean {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  aspect-ratio: 1200/100;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .hotel .ocean {
    height: 50px;
  }
}
.hotel .wave {
  width: 200%;
  animation-name: wave;
  animation-duration: 12s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 0;
}
@keyframes wave {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

.hotel .fv {
  background-image: url(../images/hotel/fv_bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 780px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .hotel .fv {
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    background-position: unset;
    height: auto;
    padding: 0 0 55px 0;
  }
}
.hotel .fv .wave {
  fill: #ECFAF9;
}
@media screen and (max-width: 768px) {
  .hotel .fv__spbg {
    background-image: url(../images/hotel/fv_bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 80vh;
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.hotel .fv__ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  height: 100%;
  width: 100%;
  max-width: 1380px;
  padding: 0 90px 0 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 1000ms;
}
@media screen and (max-width: 768px) {
  .hotel .fv__ttl {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    padding: 0;
  }
}
.hotel .fv__ttl img {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-85%);
  width: 45.8vw;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .hotel .fv__ttl img {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 285px;
  }
}
.hotel .fv__ttl h1 {
  width: fit-content;
  font-size: clamp(3.125rem, -2.446rem + 11.61vw, 8rem);
  font-weight: bold;
  color: #000A11;
  text-align: center;
  transform: translateX(150px);
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .hotel .fv__ttl h1 {
    font-size: 74px !important;
    transform: none;
    width: fit-content;
    text-align: left;
    margin: -20px 0 0 10px;
  }
}
.hotel .fv__ttl h1 br {
  display: none;
}
@media screen and (max-width: 768px) {
  .hotel .fv__ttl h1 br {
    display: block;
  }
}
.hotel .fv__ttl span {
  font-size: clamp(4.375rem, -2.482rem + 14.29vw, 10.375rem);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .hotel .fv__ttl span {
    font-size: 97px !important;
  }
}
.hotel .fv__iframe {
  aspect-ratio: 1/1;
  position: absolute;
  right: 60px;
  bottom: -60px;
  z-index: 100;
  width: 350px;
  box-shadow: 0 4px 30px rgba(3, 72, 48, 0.2);
}
@media screen and (max-width: 1024px) {
  .hotel .fv__iframe {
    right: 10px;
    width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .hotel .fv__iframe {
    position: relative;
    right: unset;
    bottom: unset;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
  }
}

.hotel .room {
  padding: 0 0 90px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .hotel .room {
    padding: 0 0 50px 0;
  }
}
.hotel .room .l-inner {
  max-width: 1010px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .hotel .room .l-inner {
    flex-direction: column;
  }
}
.hotel .room__group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .hotel .room__group {
    margin-bottom: 20px;
  }
}
.hotel .room__group-item {
  display: flex;
  align-items: center;
}
.hotel .room__group-item * {
  font-size: clamp(1.5rem, -0.214rem + 3.57vw, 3rem);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .hotel .room__group-item * {
    font-size: 36px !important;
  }
}
.hotel .room__group-ttl {
  width: max-content;
  display: flex;
  align-items: center;
}
.hotel .room__group-icon {
  width: 60px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .hotel .room__group-icon {
    width: 45px;
  }
}
.hotel .room__group-txt {
  width: 260px;
  min-width: 260px;
}
@media screen and (max-width: 768px) {
  .hotel .room__group-txt {
    width: unset;
    min-width: unset;
  }
}
.hotel .room__content {
  text-align: center;
}
.hotel .room__content-detail {
  font-size: clamp(1.5rem, -0.214rem + 3.57vw, 3rem);
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .hotel .room__content-detail {
    font-size: 48px !important;
  }
}
.hotel .room__content-info {
  font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .hotel .room__content-info {
    font-size: 18px !important;
  }
}

.hotel .intro {
  padding: 0 0 90px 0;
}
.hotel .intro .carousel-navigation {
  max-width: 100%;
  text-align: center;
}
.hotel .intro .carousel-navigation .carousel-pagination {
  display: flex;
  align-items: center;
  color: #ffffff;
  width: 100%;
  max-width: 140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.hotel .intro .carousel-navigation .carousel-progress {
  height: 5px;
  background: #DFDFDF;
  position: relative;
  margin: 0 10px;
  flex: 1;
  cursor: pointer;
}
.hotel .intro .carousel-navigation .carousel-progress-bar {
  height: 100%;
  background: #00B5B8;
  transition: width 0.3s ease;
}
.hotel .intro .carousel-navigation .carousel-numbers,
.hotel .intro .carousel-navigation .carousel-total {
  font-family: "Lato", sans-serif;
  font-weight: 500;
}
.hotel .intro .carousel-navigation .carousel-numbers {
  font-size: 21px;
  font-weight: bold;
  color: #000A11;
}
.hotel .intro .carousel-navigation .carousel-total {
  font-size: 19px;
  color: #9A9A9A;
}
.hotel .intro .featured-carousel {
  margin: 0 auto;
  padding: 0 0 0 30px;
  margin-bottom: 60px;
}
.hotel .intro .carousel-item {
  padding: 0 15px 30px 15px;
}
.hotel .intro .carousel-item .carousel-image {
  margin-bottom: 20px;
}
.hotel .intro .carousel-item .carousel-link {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #000000;
}
.hotel .intro .carousel-item .carousel-link:hover {
  opacity: 1;
}
.hotel .intro .carousel-item .carousel-link:hover img {
  transform: scale(1.2);
}
.hotel .intro .carousel-item .carousel-link span {
  font-size: 23px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .hotel .intro .carousel-item .carousel-link span {
    font-size: 16px;
  }
}
.hotel .intro .carousel-item .carousel-link img {
  width: 40px;
  transition: all 0.3s;
}
.hotel .intro .slick-list {
  padding: 0 5% 0 0 !important;
}
@media screen and (max-width: 768px) {
  .hotel .intro .slick-list {
    padding: 0 100px 0 0 !important;
  }
}

.hotel .facility {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .hotel .facility {
    padding: 0 0 50px 0;
  }
}
.hotel .facility .l-inner {
  max-width: 1040px;
}
.hotel .facility .c-ttl {
  margin-bottom: 55px;
}
.hotel .facility__group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
  margin-bottom: 125px;
}
@media screen and (max-width: 768px) {
  .hotel .facility__group {
    margin-bottom: 50px;
  }
}
.hotel .facility__group-list {
  width: 20%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .hotel .facility__group-list {
    width: 33.3333333333%;
    flex-direction: column;
  }
}
.hotel .facility__group-icon {
  width: 60px;
}
.hotel .facility__group-txt {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .hotel .facility__group-txt {
    font-size: 11px !important;
  }
}
.hotel .facility__iframe {
  aspect-ratio: 785/500;
  max-width: 785px;
  margin-left: auto;
  margin-right: auto;
}
.hotel .facility__iframe iframe {
  aspect-ratio: 785/500;
  width: 100%;
}

.hotel .location {
  margin-top: -75px;
  padding: 0 0 295px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .hotel .location {
    padding: 0 0 100px 0;
    margin-top: 0;
  }
}
.hotel .location .l-inner {
  max-width: 1320px;
  display: flex;
  align-items: center;
  gap: 5.3%;
}
@media screen and (max-width: 1024px) {
  .hotel .location .l-inner {
    flex-direction: column;
    gap: 50px;
  }
}
.hotel .location__content {
  width: 41%;
  border-radius: 40px;
  background: #00B5B8;
  padding: 55px;
}
@media screen and (max-width: 1024px) {
  .hotel .location__content {
    width: 100%;
    padding: 25px;
  }
}
.hotel .location__content * {
  color: #ffffff;
}
.hotel .location__content-lead {
  font-size: 20px;
  margin-bottom: 20px;
  width: fit-content;
  position: relative;
}
.hotel .location__content-lead::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -90px;
  transform: translateY(-50%);
  width: 75px;
  height: 1px;
  background: #ffffff;
}
.hotel .location__content-ttl {
  font-size: clamp(1.25rem, -0.179rem + 2.98vw, 2.5rem);
  font-weight: bold;
  margin-bottom: 20px;
}
.hotel .location__content-txt {
  font-size: 16px;
  line-height: 1.875;
}
.hotel .location__info {
  width: 45.5%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .hotel .location__info {
    width: 100%;
  }
}
.hotel .location__info-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0%, 100%);
}
@media screen and (max-width: 768px) {
  .hotel .location__info-btn {
    width: 200px;
    transform: translate(-50%, 100%);
  }
}
.hotel .location__info-btn * {
  transition: all 0.3s;
}
.hotel .location__info-btn-link {
  width: 100%;
  height: 100%;
  border-radius: 80px;
  background: #ffffff;
  border: 1px solid #00B5B8;
  padding: 15px 30px;
  display: block;
}
@media screen and (max-width: 768px) {
  .hotel .location__info-btn-link {
    padding: 15px;
  }
}
.hotel .location__info-btn-link:hover {
  opacity: 1;
  background: #00B5B8;
}
.hotel .location__info-btn-link:hover .location__info-btn-txt {
  color: #ffffff;
}
.hotel .location__info-btn-link:hover .location__info-btn-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(8deg) brightness(106%) contrast(100%);
}
.hotel .location__info-btn-txt {
  font-size: 16px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .hotel .location__info-btn-txt {
    margin-right: 25px;
  }
}
.hotel .location__info-btn-icon {
  width: 8px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.hotel .location .wave {
  fill: #00B5B8;
}

/*hotel--------------------*/
/*sightseeing--------------------*/
.sightseeing {
  font-size: 16px;
  background: #00B5B8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

.sightseeing .catch {
  padding: 10px 0 40px 0;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .sightseeing .catch {
    padding: 50px 0;
  }
}
.sightseeing .catch .l-inner {
  max-width: 1000px;
}
.sightseeing .catch__ttl {
  font-size: clamp(2.5rem, -3.786rem + 13.1vw, 8rem);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
}
.sightseeing .catch__txt {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sightseeing .catch__txt {
    text-align: left;
  }
}
.sightseeing .catch__nav {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.sightseeing .catch__nav-group {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .sightseeing .catch__nav-group {
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .sightseeing .catch__nav-list {
    width: calc(50% - 10px);
  }
}
.sightseeing .catch__nav-link {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  background: #ffffff;
  border-radius: 6px;
  padding: 10px 30px;
  font-size: clamp(1.25rem, 0.964rem + 0.6vw, 1.5rem);
  font-weight: bold;
  line-height: 1.2;
  color: #00B5B8;
  border: 1px solid #ffffff;
}
@media screen and (max-width: 768px) {
  .sightseeing .catch__nav-link {
    font-size: 16px;
    padding: 20px 5px;
  }
}
.sightseeing .catch__nav-link:hover {
  opacity: 1;
  color: #ffffff;
  background: #00B5B8;
}

.sightseeing .intro {
  padding: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro {
    padding: 0 0 50px 0;
  }
}
.sightseeing .intro .l-inner {
  max-width: 1320px;
}
.sightseeing .intro .c-ttl {
  margin-bottom: 30px;
}
.sightseeing .intro__item {
  padding: 30px 6% 75px 6%;
  background: #ffffff;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro__item {
    padding: 50px 10px;
  }
}
.sightseeing .intro__item-frame {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro__item-frame {
    flex-direction: column-reverse;
  }
}
.sightseeing .intro__item-content {
  width: 38%;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro__item-content {
    width: 100%;
  }
}
.sightseeing .intro__item-content-txt {
  font-size: clamp(1rem, 0.857rem + 0.3vw, 1.125rem);
  font-weight: 400;
  line-height: 1.4444444444;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro__item-content-txt {
    margin-bottom: 25px;
  }
}
.sightseeing .intro__item-content-btn {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro__item-content-btn {
    margin-left: auto;
    margin-right: auto;
  }
}
.sightseeing .intro__item-content-btn-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  padding: 20px 40px;
  border-radius: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background: #00B5B8;
}
.sightseeing .intro__item-content-btn-icon {
  width: 20px;
}
.sightseeing .intro__item-content-btn-txt {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}
.sightseeing .intro__item .slider-frame {
  width: 56.6%;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro__item .slider-frame {
    width: 100%;
    margin-bottom: 25px;
  }
}
.sightseeing .intro__item .slider-frame * {
  border-radius: 40px;
}
.sightseeing .intro__item .slider-frame img {
  aspect-ratio: 640/440;
  object-fit: cover;
}
.sightseeing .intro__item .slider-frame .slick-arrow {
  display: none !important;
}
.sightseeing .intro__item .slick-dots li button:before {
  font-size: 18px;
  color: #F3F3F4;
  opacity: 1;
}
.sightseeing .intro__item .slick-dots li.slick-active button:before {
  color: #00B5B8;
}
.sightseeing .intro__item:nth-of-type(even) .intro__item-frame {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .sightseeing .intro__item:nth-of-type(even) .intro__item-frame {
    flex-direction: column-reverse;
  }
}
.sightseeing .intro__item:not(:last-of-type) {
  margin-bottom: 40px;
}

.sightseeing .more {
  padding: 0 0 125px 0;
}
@media screen and (max-width: 768px) {
  .sightseeing .more {
    padding: 0;
  }
}
.sightseeing .more .l-inner {
  max-width: 1320px;
}
.sightseeing .more .c-ttl {
  text-align: center;
  margin-bottom: 50px;
}
.sightseeing .more .c-ttl-en {
  font-size: clamp(1.25rem, 0.964rem + 0.6vw, 1.5rem);
  font-weight: bold;
  line-height: 1.2;
  color: #00B5B8;
}
.sightseeing .more .c-ttl-jp {
  font-size: clamp(1.5rem, 0.357rem + 2.38vw, 2.5rem);
  font-weight: bold;
  line-height: 1.2;
}
.sightseeing .more__block {
  padding: 30px 0 50px 0;
  background: #ffffff;
  border-radius: 30px;
}
.sightseeing .more__block-btn {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.sightseeing .more__block-btn-link {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #00B5B8;
  border-radius: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  padding: 20px 40px;
}
.sightseeing .more__block-btn-icon {
  width: 40px;
}
.sightseeing .more__block-btn-window {
  width: 18px;
}
.sightseeing .more__block-btn-txt {
  font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
  color: #ffffff;
  font-weight: 500;
}

/*sightseeing--------------------*/
/*gallery--------------------*/
.gallery {
  font-size: 16px;
  background: #00B5B8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

.gallery .catch {
  padding: 10px 0 40px 0;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .gallery .catch {
    padding: 50px 0;
  }
}
.gallery .catch .l-inner {
  max-width: 1050px;
}
.gallery .catch__ttl {
  font-size: clamp(2.5rem, -3.786rem + 13.1vw, 8rem);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
}
.gallery .catch__txt {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gallery .catch__txt {
    text-align: left;
  }
}
.gallery .catch__nav {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.gallery .catch__nav-group {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .gallery .catch__nav-group {
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .gallery .catch__nav-list {
    width: calc(50% - 10px);
  }
}
.gallery .catch__nav-link {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  background: #ffffff;
  border-radius: 6px;
  padding: 10px 30px;
  font-size: clamp(1.25rem, 0.964rem + 0.6vw, 1.5rem);
  font-weight: bold;
  line-height: 1.2;
  color: #00B5B8;
  border: 1px solid #ffffff;
}
@media screen and (max-width: 768px) {
  .gallery .catch__nav-link {
    font-size: 16px;
    padding: 20px 5px;
  }
}
.gallery .catch__nav-link:hover {
  opacity: 1;
  color: #ffffff;
  background: #00B5B8;
}

.gallery .intro {
  padding: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
  .gallery .intro {
    padding: 0 0 3s0px 0;
  }
}
.gallery .intro .l-inner {
  max-width: 1320px;
}
.gallery .intro .c-ttl {
  margin-bottom: 30px;
}
.gallery .intro__item {
  padding: 30px 6% 75px 6%;
  background: #ffffff;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .gallery .intro__item {
    padding: 30px 10px;
  }
}
.gallery .intro__item-frame {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .gallery .intro__item-frame {
    flex-direction: column-reverse;
  }
}
.gallery .intro__item-content {
  width: 38%;
}
@media screen and (max-width: 768px) {
  .gallery .intro__item-content {
    width: 100%;
  }
}
.gallery .intro__item-content-txt {
  font-size: clamp(1rem, 0.857rem + 0.3vw, 1.125rem);
  font-weight: 400;
  line-height: 1.4444444444;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .gallery .intro__item-content-txt {
    margin-bottom: 25px;
  }
}
.gallery .intro__item-content-btn {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .gallery .intro__item-content-btn {
    margin-left: auto;
    margin-right: auto;
  }
}
.gallery .intro__item-content-btn-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  padding: 20px 40px;
  border-radius: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background: #00B5B8;
}
.gallery .intro__item-content-btn-icon {
  width: 20px;
}
.gallery .intro__item-content-btn-txt {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}
.gallery .intro__item .slider-frame {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .gallery .intro__item .slider-frame {
    width: 100%;
    margin-bottom: 25px;
  }
}
.gallery .intro__item .slider-frame .js-gallery-main img {
  aspect-ratio: 1200/680;
  object-fit: cover;
  padding-bottom: 0.5em;
}
.gallery .intro__item .slider-frame .slick-arrow {
  display: none !important;
}
.gallery .intro__item .slick-dots li button:before {
  font-size: 18px;
  color: #F3F3F4;
  opacity: 1;
}
.gallery .intro__item .slick-dots li.slick-active button:before {
  color: #00B5B8;
}
.gallery .intro__item:nth-of-type(even) .intro__item-frame {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .gallery .intro__item:nth-of-type(even) .intro__item-frame {
    flex-direction: column-reverse;
  }
}
.gallery .intro__item:not(:last-of-type) {
  margin-bottom: 40px;
}

.gallery {
  padding: 0 0 100px 0;
}
@media screen and (max-width: 768px) {
  .gallery {
    padding: 0;
  }
}
.gallery .l-inner {
  max-width: 1320px;
}
.gallery .c-ttl {
  text-align: center;
  margin-bottom: 50px;
}
.gallery .c-ttl-en {
  font-size: clamp(1.25rem, 0.964rem + 0.6vw, 1.5rem);
  font-weight: bold;
  line-height: 1.2;
  color: #00B5B8;
}
.gallery .c-ttl-jp {
  font-size: clamp(1.5rem, 0.357rem + 2.38vw, 2.5rem);
  font-weight: bold;
  line-height: 1.2;
}
.gallery__block {
  padding: 30px 0 50px 0;
  background: #ffffff;
  border-radius: 30px;
}
.gallery__block-btn {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.gallery__block-btn-link {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #00B5B8;
  border-radius: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  padding: 20px 40px;
}
.gallery__block-btn-icon {
  width: 40px;
}
.gallery__block-btn-window {
  width: 18px;
}
.gallery__block-btn-txt {
  font-size: clamp(1rem, 0.429rem + 1.19vw, 1.5rem);
  color: #ffffff;
  font-weight: 500;
}

/* =========================
   Gallery Thumbnails
========================= */
/* thumbs（静的） */
.gallery-thumbs {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap; /* 収まらない時は折り返す */
}

.gallery-thumbs > * {
  cursor: pointer;
}

.gallery-thumbs img {
  display: block;
  width: 120px;
  height: 70px;
  object-fit: cover;
  opacity: 0.4;
  transition: opacity 0.2s ease;
  border-radius: 6px;
}

.gallery-thumbs .is-active img {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .gallery-thumbs {
    gap: 8px;
  }
  .gallery-thumbs img {
    width: 30px;
    height: 20px;
    border-radius: 2px;
  }
}

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