@charset "UTF-8";
html {
  scroll-behavior: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: inherit;
}

img,
picture {
  max-width: 100%;
  height: auto;
  display: block;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
}

blockquote,
q {
  quotes: none;
}

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

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

a :visited {
  color: initial;
}
a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  opacity: 0.7;
}

:root {
  --color-bg: #fffeea; /* 全体背景 */
  --color-shadow: #09657c; /* 全体背景 */
  /* Header */
  --color-header-bg: #fffeea;
  --color-header-heading: #09657c;
  --color-header-text: #09657c;
  --color-header-logo: url(../images/logo.png);
  --color-header-border: #1ab1cc;
  /* top */
  --color-top-text: #fff;
}

:root {
  --title-logo-width: min(91.4666666667vw, 343px);
  --title-text-bg-width: min(91.4666666667vw, 343px);
  --title-text-bg-height: min(33.3333333333vw, 125px);
  --contents-border-width: min(100vw, 375px);
  --contents-border-height: min(25.3066666667vw, 94.9px);
  --contents-border02-width: min(91.4666666667vw, 343px);
  --contents-border02-height: min(12.5866666667vw, 47.2px);
  --contents-bnrimg-width: min(39.7333333333vw, 149px);
}
@media (min-width: 750px) {
  :root {
    --title-logo-width: min(61.0666666667vw, 458px);
    --title-text-bg-width: min(61.0666666667vw, 458px);
    --title-text-bg-height: min(22.2666666667vw, 167px);
    --contents-border-width: min(66.6666666667vw, 500px);
    --contents-border-height: min(16.9333333333vw, 127px);
    --contents-border02-width: min(61.0666666667vw, 458px);
    --contents-border02-height: min(8.4133333333vw, 63.1px);
    --contents-bnrimg-width: min(26.4vw, 198px);
  }
}

:root {
  --font-size-xxs: min(2.6666666667vw, 10px);
  --font-size-xs: min(3.2vw, 12px);
  --font-size-sm: min(3.4666666667vw, 13px);
  --font-size-md: min(4.2666666667vw, 16px);
  --font-size-lg: min(5.0666666667vw, 19px);
  --font-size-xl: min(6.4vw, 24px);
  --font-size-xxl: min(7.4666666667vw, 28px);
}
@media (min-width: 750px) {
  :root {
    --font-size-xxs: min(1.6vw, 12px);
    --font-size-xs: min(1.7333333333vw, 13px);
    --font-size-sm: min(2.1333333333vw, 16px);
    --font-size-md: min(2.5333333333vw, 19px);
    --font-size-lg: min(3.2vw, 24px);
    --font-size-xl: min(4.2666666667vw, 32px);
    --font-size-xxl: min(4.8vw, 36px);
  }
}

:root {
  /* Top */
  --font-size-top-title: var(--font-size-xxl);
  --font-size-top-brand: var(--font-size-lg);
  --font-size-top-dayz: var(--font-size-sm);
  /* header */
  --font-size-header-text: var(--font-size-xs);
}

:root {
  --spacing-xxs: min(2.6666666667vw, 10px);
  --spacing-xs: min(3.4666666667vw, 13px);
  --spacing-sm: min(4.2666666667vw, 16px);
  --spacing-md: min(5.3333333333vw, 20px);
  --spacing-lg: min(9.0666666667vw, 34px);
}
@media (min-width: 750px) {
  :root {
    --spacing-xxs: min(1.7333333333vw, 13px);
    --spacing-xs: min(2.1333333333vw, 16px);
    --spacing-sm: min(2.6666666667vw, 20px);
    --spacing-md: min(4.5333333333vw, 34px);
    --spacing-lg: min(7.3333333333vw, 55px);
  }
}

:root {
  --border-radius-xs: min(1.3333333333vw, 5px);
  --border-radius-sm: min(2.6666666667vw, 10px);
  --border-radius-md: min(5.3333333333vw, 20px);
  --border-radius-lg: min(8vw, 30px);
  --border-radius-xl: min(10.6666666667vw, 40px);
  --border-radius-hg: min(13.3333333333vw, 50px);
}

@media (min-width: 750px) {
  :root {
    --border-radius-xs: min(0.6666666667vw, 5px);
    --border-radius-sm: min(1.3333333333vw, 10px);
    --border-radius-md: min(2.6666666667vw, 20px);
    --border-radius-lg: min(4vw, 30px);
    --border-radius-xl: min(5.3333333333vw, 40px);
    --border-radius-hg: min(5.3333333333vw, 40px);
  }
}
#contentHeader .header_navTrigger {
  position: absolute;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(10.6666666667vw, 80px);
  height: min(10.6666666667vw, 80px);
  background-color: #09657c;
  cursor: pointer;
  border-radius: 9999px;
  z-index: 9999;
}
@media (min-width: 750px) {
  #contentHeader .header_navTrigger {
    top: 14px;
    right: calc((100% - 750px) / 2 + 20px);
    border: 2px #fff solid;
  }
}
@media (max-width: 750px) {
  #contentHeader .header_navTrigger {
    top: 7px;
    border: 1px #fff solid;
  }
}
#contentHeader .header_navTrigger span {
  display: block;
  height: 2px;
  width: min(6.4vw, 48px);
  background-color: #fff;
  margin-bottom: min(1.0666666667vw, 8px);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#contentHeader .header_navTrigger span:nth-child(3) {
  margin-bottom: 0;
}
#contentHeader .header_navTrigger.active {
  border: none;
  z-index: 9999999;
}
#contentHeader .header_navTrigger.active span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(45deg);
          transform: translateY(10px) rotate(45deg);
}
#contentHeader .header_navTrigger.active span:nth-child(2) {
  opacity: 0;
}
#contentHeader .header_navTrigger.active span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(-45deg);
          transform: translateY(-10px) rotate(-45deg);
}
@media (max-width: 750px) {
  #contentHeader .header_navTrigger.active span:nth-child(1) {
    -webkit-transform: translateY(6px) rotate(45deg);
            transform: translateY(6px) rotate(45deg);
  }
  #contentHeader .header_navTrigger.active span:nth-child(3) {
    -webkit-transform: translateY(-6px) rotate(-45deg);
            transform: translateY(-6px) rotate(-45deg);
  }
}
#contentHeader .header_navTrigger.is-fixed {
  position: fixed;
}
@media (min-width: 750px) {
  #contentHeader .header_navTrigger.is-fixed {
    top: 14px;
    right: calc((100% - 750px) / 2 + 20px);
  }
}
@media (max-width: 750px) {
  #contentHeader .header_navTrigger.is-fixed {
    top: 7px;
  }
}
#contentHeader .header_navTrigger_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_navOpen .header_navOpen_inner {
  background: -webkit-gradient(linear, left top, left bottom, from(#09657c), to(#004354));
  background: linear-gradient(180deg, #09657c 0%, #004354 100%);
  position: fixed;
  z-index: -1;
  text-align: center;
  width: 100%;
  top: var(--menu-offset);
  bottom: 0;
  background-color: #fff;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.header_navOpen .header_navOpen_inner.open {
  text-align: center;
  opacity: 1;
  pointer-events: auto;
  padding: min(10.6666666667vw, 80px) 0;
  z-index: 9999;
}
.header_navOpen .header_navOpen_inner li {
  border-top: 0.02rem solid var(--c-re);
}
.header_navOpen .header_navOpen_inner li:last-child {
  border-bottom: 0.02rem solid var(--c-re);
}
.header_navOpen .header_navOpen_inner li a {
  display: block;
  color: var(--c-re);
  letter-spacing: 0;
  text-align: center;
  font-family: "Noto Serif JP", sans-serif;
  font-size: min(6.4vw, 48px);
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#34f1ff));
  background: linear-gradient(180deg, #fff 0%, #34f1ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header_navOpen_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(5.3333333333vw, 40px);
  padding-top: min(10.6666666667vw, 80px);
}

body.menu-open {
  overflow: hidden;
}

.pcWrap {
  background-color: #004354;
  position: relative;
}

html {
  overflow-x: hidden;
}
html.menu-open {
  overflow: hidden;
}

body {
  overflow-x: hidden;
}
body.menu-open {
  overflow: hidden;
}

main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-inline: auto;
  width: 100%;
  max-width: 750px;
  background: #005064;
  -webkit-box-shadow: 20px 0 25px -20px rgba(0, 0, 0, 0.7), -20px 0 25px -20px rgba(0, 0, 0, 0.7);
          box-shadow: 20px 0 25px -20px rgba(0, 0, 0, 0.7), -20px 0 25px -20px rgba(0, 0, 0, 0.7);
}

img {
  max-width: 100%;
}

.contentsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 16px;
  gap: min(10.6666666667vw, 80px);
}
@media (max-width: 750px) {
  .contentsBlock {
    padding: 0 8px;
  }
}
.contentsBlock__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
.contentsBlock__title {
  font-size: min(4.2666666667vw, 32px);
  font-weight: 700;
  line-height: 131.25%;
  margin-bottom: min(5.3333333333vw, 40px);
}
.contentsBlock__list {
  font-size: min(3.7333333333vw, 28px);
  font-weight: 400;
  line-height: 150%;
  list-style: none;
}
.contentsBlock__listItem {
  position: relative;
  font-size: min(3.7333333333vw, 28px);
  padding-left: min(2vw, 15px);
  padding-bottom: min(1.6vw, 12px);
}
.contentsBlock__listItem::before {
  position: absolute;
  content: "・";
  top: 0;
  left: -0.4em;
  font-size: 1.5em;
  line-height: 1;
}
.contentsBlock__list--after {
  position: relative;
  font-size: min(3.7333333333vw, 28px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contentsBlock__list--afterItem {
  position: relative;
  padding-left: min(2vw, 15px);
  font-size: min(3.7333333333vw, 28px);
  padding-bottom: min(1.6vw, 12px);
}
.contentsBlock__list--afterItem::before {
  position: absolute;
  content: "・";
  top: -0.3em;
  left: -0.4em;
  font-size: 1.5em;
}
.contentsBlock .note-area__note {
  position: relative;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 28px);
  font-weight: 400;
  margin-top: max(-1.6vw, -12px);
  margin-bottom: min(1.6vw, 12px);
  margin-left: 2em;
}
.contentsBlock .note-area__note::before {
  position: absolute;
  content: "※";
  font-size: min(3.7333333333vw, 28px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 0.75em;
  left: -1.5em;
}
.contentsBlock .note-area__note a {
  color: #fff;
  text-decoration: underline;
  font-weight: 700;
}
.contentsBlock .restaurantNote-area__note {
  position: relative;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 28px);
  font-weight: 400;
  margin-top: max(-1.6vw, -12px);
  margin-bottom: min(1.6vw, 12px);
  margin-left: 1em;
}
.contentsBlock .restaurantNote-area__note::before {
  position: absolute;
  content: "※";
  font-size: min(3.7333333333vw, 28px);
  top: 0;
  left: -1.5em;
}

.c-top {
  background: -webkit-gradient(linear, left bottom, left top, from(#09657c), color-stop(85%, #007a99), to(#004354));
  background: linear-gradient(0deg, #09657c 0%, #007a99 85%, #004354 100%);
}
.c-top::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: min(18.1333333333vw, 136px);
  content: "";
  background: url(../images/img_top-stardust.png) repeat;
  background-size: min(67.7333333333vw, 508px) min(18.1333333333vw, 136px);
  z-index: 1;
}
.c-top__inner {
  padding: 0 20px;
}
@media (max-width: 750px) {
  .c-top__inner {
    padding: 0 10px;
  }
}
.c-top__mv {
  position: relative;
  padding: 0 min(2.6666666667vw, 20px);
}
.c-top__mv-img {
  width: 100%;
  display: block;
}
.c-top__visuals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(10.6666666667vw, 80px);
}
.c-top__title {
  font-family: "Noto Serif JP", sans-serif;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: min(5.3333333333vw, 40px);
  margin-top: min(16.2666666667vw, 122px);
}
.c-top__title h1 {
  background: -webkit-gradient(linear, left top, right top, color-stop(-1.18%, #fff), color-stop(27.96%, #a0f7ff), color-stop(38.65%, #fff), color-stop(58.08%, #befaff), color-stop(80.42%, #fff), color-stop(99.85%, #9bf7ff));
  background: linear-gradient(90deg, #fff -1.18%, #a0f7ff 27.96%, #fff 38.65%, #befaff 58.08%, #fff 80.42%, #9bf7ff 99.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: min(6.6666666667vw, 50px);
  font-weight: 900;
  line-height: 136%;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.3));
  -webkit-filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.8));
}
.c-top__title p {
  color: #fff;
  font-size: min(5.3333333333vw, 40px);
  line-height: normal;
  font-weight: 700;
  letter-spacing: 1px;
  position: relative;
}
.c-top__title p::before {
  content: "";
  position: absolute;
  width: min(32.3370666667vw, 242.528px);
  height: min(15.0650666667vw, 112.988px);
  top: max(-4.5333333333vw, -34px);
  left: max(-2.6666666667vw, -20px);
  background: url("../images/top_titlebg-left.svg") no-repeat center/contain;
}
.c-top__title p::after {
  content: "";
  position: absolute;
  width: min(32.3370666667vw, 242.528px);
  height: min(15.0650666667vw, 112.988px);
  bottom: max(-6.6666666667vw, -50px);
  right: max(-1.3333333333vw, -10px);
  background: url("../images/top_titlebg-right.svg") no-repeat center/contain;
}
.c-top__tds25th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-xxs);
  position: relative;
  width: 100%;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  color: var(--color-top-text);
}
.c-top__tds25th p {
  font-size: min(4.8vw, 36px);
  line-height: 136%;
  font-weight: 700;
}
.c-top__tds25th span {
  font-size: min(4.2666666667vw, 32px);
  line-height: 150%;
}
.c-top__linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: max(-5.3333333333vw, -40px);
  padding: 0 min(5vw, 37.5px);
}
.c-top__linkbtn a {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#004354), to(#09657c));
  background: linear-gradient(180deg, #004354 0%, #09657c 100%);
  border: 1.5px solid #f5f5f5;
  padding: min(5.3333333333vw, 40px);
  font-size: min(4.2666666667vw, 32px);
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 9999px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: min(80vw, 600px);
  max-width: 600px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .c-top__linkbtn a {
    border: 0.75px solid #f5f5f5;
  }
}
.c-top__linkbtn a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: min(3.2vw, 24px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: min(3.2vw, 24px);
  height: min(4.5333333333vw, 34px);
  background: url("../images/linkbtn_arrow.svg") no-repeat center/cover;
}

.no-bg::before {
  background: none !important;
}

.subpage .c-top__logo {
  padding-bottom: 0;
}

.info {
  background: -webkit-gradient(linear, left bottom, left top, from(#005064), to(#09657c));
  background: linear-gradient(0deg, #005064 0%, #09657c 100%);
  padding: 160px 0 238px;
}
@media (max-width: 750px) {
  .info {
    padding: 80px 0 119px;
  }
}
.info__bottom {
  background-color: #004354;
  padding: 120px 0 100px;
}
@media (max-width: 750px) {
  .info__bottom {
    padding: 60px 0 50px;
  }
}
.info__bottom .note_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.info__bottom .note_bottom .note {
  position: relative;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.2vw, 24px);
  font-weight: 400;
  line-height: 140%;
  margin: min(21.3333333333vw, 160px) min(2.6666666667vw, 20px) 0 0;
}
.info__bottom .note_bottom .note::before {
  position: absolute;
  content: "※";
  font-size: min(3.2vw, 24px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.5em;
  top: 0.75em;
}

.info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: min(2.6666666667vw, 20px);
  margin: 0 20px 0;
  padding: 40px 20px;
  border-radius: 20px;
  border: 2px solid #fff;
}
@media (max-width: 750px) {
  .info-area {
    margin: 0 10px;
    padding: 20px 10px;
    border-radius: 10px;
    border: 1px solid #fff;
  }
}
.info-area__list {
  position: relative;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 28px);
  font-weight: 400;
  line-height: 150%;
  padding-left: min(2.1333333333vw, 16px);
}
.info-area__list::before {
  position: absolute;
  content: "・";
  left: -0.5em;
  font-size: 1.5em;
  top: 0.5em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-area__list span {
  font-weight: 700;
}
.info-area__after {
  position: relative;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 28px);
  font-weight: 400;
  line-height: 150%;
  padding-left: min(2.1333333333vw, 16px);
}
.info-area__after::before {
  position: absolute;
  content: "・";
  left: -0.5em;
  font-size: 1.5em;
  top: 0.5em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-area .note-area__note {
  position: relative;
  color: #fff;
  font-size: min(3.7333333333vw, 28px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 150%;
  margin-left: 2em;
}
.info-area .note-area__note::before {
  position: absolute;
  content: "※";
  font-size: min(3.7333333333vw, 28px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.5em;
  top: 0.75em;
}
.info-area .note-area__note a {
  color: #a0f7ff;
  text-decoration: underline;
}

.page-navbtn {
  position: relative;
  overflow: hidden;
  top: -100px;
}
@media (max-width: 750px) {
  .page-navbtn {
    top: -50px;
  }
}
.page-navbtn__top {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #007a99), to(#09657c));
  background-image: linear-gradient(#007a99 50%, #09657c);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  width: 120%;
  height: 260px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 20px;
}
@media (max-width: 750px) {
  .page-navbtn__top {
    height: 175px;
    margin-top: 10px;
    height: 125px;
  }
}
.page-navbtn__top::before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc((100% - 750px) / 2);
  width: min(51.2584vw, 384.438px);
  height: min(21.8848vw, 164.136px);
  z-index: 1;
  background: url("../images/pagenav_topbg-left.svg") no-repeat center/contain;
}
@media (max-width: 750px) {
  .page-navbtn__top::before {
    left: calc((100% - 375px) / 2);
    top: -10px;
  }
}
.page-navbtn__top::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc((100% - 750px) / 2);
  width: min(26.8888vw, 201.666px);
  height: min(12.4610666667vw, 93.458px);
  z-index: 1;
  background: url("../images/pagenav_topbg-right.svg") no-repeat center/contain;
}
@media (max-width: 750px) {
  .page-navbtn__top::after {
    right: calc((100% - 375px) / 2);
  }
}
.page-navbtn__text {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #09657c), to(#005064));
  background-image: linear-gradient(#09657c 50%, #005064);
  padding-bottom: 36px;
}
@media (max-width: 750px) {
  .page-navbtn__text {
    padding-bottom: 18px;
  }
}
.page-navbtn h3 {
  background: -webkit-gradient(linear, left top, right top, color-stop(-1.18%, #fff), color-stop(27.96%, #a0f7ff), color-stop(38.65%, #fff), color-stop(58.08%, #befaff), color-stop(80.42%, #fff), color-stop(99.85%, #9bf7ff));
  background: linear-gradient(90deg, #fff -1.18%, #a0f7ff 27.96%, #fff 38.65%, #befaff 58.08%, #fff 80.42%, #9bf7ff 99.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.3));
  -webkit-filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.8));
  text-align: center;
  font-family: "Noto Serif JP", sans-serif;
  font-size: min(5.8666666667vw, 44px);
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-top: min(15.2vw, 114px);
  position: relative;
}
.page-navbtn h3::after {
  content: "";
  position: absolute;
  bottom: max(-16vw, -120px);
  right: max(-2.6666666667vw, -20px);
  width: min(24.5333333333vw, 184px);
  height: min(18.1333333333vw, 136px);
  z-index: 1;
  background: url("../images/menu_titlebg-underleft.svg") no-repeat center/contain;
}
.page-navbtn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(3.2vw, 24px);
  margin: min(2.6666666667vw, 20px);
  padding-top: min(10.4vw, 78px);
}
.page-navbtn ul::after {
  content: "";
  width: calc(50% - 12px);
}
.page-navbtn ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48%;
  height: min(18.6666666667vw, 140px);
  border-radius: min(1.3333333333vw, 10px);
  border: 1.5px solid #f5f5f5;
  background: -webkit-gradient(linear, left top, left bottom, from(#004354), to(#09657c));
  background: linear-gradient(180deg, #004354 0%, #09657c 100%);
}
@media (max-width: 750px) {
  .page-navbtn ul li {
    border: 0.75px solid #f5f5f5;
  }
}
.page-navbtn ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #f5f5f5;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  font-size: min(4vw, 30px);
  font-weight: 700;
  font-family: "Noto Serif JP", sans-serif;
}

#entertainment {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #005064), to(#004354));
  background-image: linear-gradient(#005064 50%, #004354);
  padding: 0 36px 124px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 750px) {
  #entertainment {
    padding: 0 18px 62px;
  }
}
#entertainment .entertainment-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(3.2vw, 24px);
}
#entertainment .entertainment-inner .ttl_wrap {
  position: relative;
  margin-bottom: min(7.4666666667vw, 56px);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 750px) {
  #entertainment .entertainment-inner .ttl_wrap {
    padding: 0 10px;
  }
}
#entertainment .entertainment-inner .ttl_wrap hgroup {
  display: inline-block;
  position: relative;
  text-align: center;
}
#entertainment .entertainment-inner .ttl_wrap hgroup::before {
  content: "";
  position: absolute;
  top: 45%;
  left: max(-7.8666666667vw, -59px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-left.svg") no-repeat center/contain;
}
#entertainment .entertainment-inner .ttl_wrap hgroup::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 102%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-right.svg") no-repeat center/contain;
}
#entertainment .entertainment-inner .ttl_wrap h2 {
  background: -webkit-gradient(linear, left top, right top, from(#e2feff), to(#34f1ff));
  background: linear-gradient(90deg, #e2feff 0%, #34f1ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Great Vibes";
  font-size: min(12vw, 90px);
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
#entertainment .entertainment-inner .ttl_wrap p {
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", sans-serif;
  font-size: min(5.3333333333vw, 40px);
  font-style: normal;
  font-weight: 700;
  margin-top: max(-4vw, -30px);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
#entertainment .entertainment-inner .box {
  border-bottom: #fff solid 1px;
  padding-bottom: min(3.2vw, 24px);
}
#entertainment .entertainment-inner .box:last-child {
  border-bottom: none;
}
#entertainment .entertainment-inner .box .title {
  font-size: min(4.2666666667vw, 32px);
  font-style: normal;
  font-weight: 700;
  margin-bottom: min(1.6vw, 12px);
}
#entertainment .entertainment-inner .box .note-area li {
  position: relative;
  font-size: min(3.7333333333vw, 28px);
  font-style: normal;
  font-weight: 700;
  margin-left: 1em;
  margin-bottom: min(1.6vw, 12px);
}
#entertainment .entertainment-inner .box .note-area li::before {
  position: absolute;
  content: "※";
  font-size: min(3.7333333333vw, 28px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1em;
  top: 0.75em;
}
#entertainment .entertainment-inner .box dl {
  color: #fff;
  font-size: min(3.7333333333vw, 28px);
  font-style: normal;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(3.2vw, 24px);
}

#attraction {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #004354), color-stop(55%, #005064), to(#09657c));
  background-image: linear-gradient(#004354 30%, #005064 55%, #09657c);
  padding: 36px 20px 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(3.2vw, 24px);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 750px) {
  #attraction {
    padding: 18px 10px 62px;
  }
}
#attraction .attraction-inner {
  display: block;
}
#attraction .attraction-inner .ttl_wrap {
  position: relative;
  margin-bottom: min(10.6666666667vw, 80px);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: x_vw_pc(710px);
}
@media (max-width: 750px) {
  #attraction .attraction-inner .ttl_wrap {
    padding: 0 10px;
  }
}
#attraction .attraction-inner .ttl_wrap::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 18%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-left.svg") no-repeat center/contain;
}
#attraction .attraction-inner .ttl_wrap::after {
  content: "";
  position: absolute;
  top: 45%;
  right: min(0.6666666667vw, 5px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-right.svg") no-repeat center/contain;
}
#attraction .attraction-inner hgroup {
  display: inline-block;
  position: relative;
  text-align: center;
}
#attraction .attraction-inner hgroup h2 {
  background: -webkit-gradient(linear, left top, right top, from(#e2feff), to(#34f1ff));
  background: linear-gradient(90deg, #e2feff 0%, #34f1ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Great Vibes";
  font-size: min(12vw, 90px);
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
#attraction .attraction-inner hgroup p {
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", sans-serif;
  font-size: min(5.3333333333vw, 40px);
  font-style: normal;
  font-weight: 700;
  margin-top: max(-4vw, -30px);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

#shop {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #09657c), to(#004354));
  background-image: linear-gradient(#09657c 50%, #004354);
  padding: 36px 20px 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(3.2vw, 24px);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 750px) {
  #shop {
    padding: 18px 10px 62px;
  }
}
#shop .shop-inner {
  display: block;
}
#shop .shop-inner .ttl_wrap {
  position: relative;
  margin-bottom: min(10.6666666667vw, 80px);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 750px) {
  #shop .shop-inner .ttl_wrap {
    padding: 0 10px;
  }
}
#shop .shop-inner .ttl_wrap hgroup {
  display: inline-block;
  position: relative;
  text-align: center;
}
#shop .shop-inner .ttl_wrap hgroup::before {
  content: "";
  position: absolute;
  top: 45%;
  left: -80px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-left.svg") no-repeat center/contain;
}
@media (max-width: 750px) {
  #shop .shop-inner .ttl_wrap hgroup::before {
    left: -40px;
  }
}
#shop .shop-inner .ttl_wrap hgroup::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 115%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-right.svg") no-repeat center/contain;
}
#shop .shop-inner .ttl_wrap h2 {
  background: -webkit-gradient(linear, left top, right top, from(#e2feff), to(#34f1ff));
  background: linear-gradient(90deg, #e2feff 0%, #34f1ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Great Vibes";
  font-size: min(12vw, 90px);
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
#shop .shop-inner .ttl_wrap p {
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", sans-serif;
  font-size: min(5.3333333333vw, 40px);
  font-style: normal;
  font-weight: 700;
  margin-top: max(-4vw, -30px);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

#restaurant {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #004354), to(#005064));
  background-image: linear-gradient(#004354 50%, #005064);
  padding: 36px 20px 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(3.2vw, 24px);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 750px) {
  #restaurant {
    padding: 18px 10px 62px;
  }
}
#restaurant .restaurant-inner {
  display: block;
}
#restaurant .restaurant-inner .ttl_wrap {
  position: relative;
  margin-bottom: min(10.6666666667vw, 80px);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 750px) {
  #restaurant .restaurant-inner .ttl_wrap {
    padding: 0 10px;
  }
}
#restaurant .restaurant-inner .ttl_wrap hgroup {
  display: inline-block;
  position: relative;
  text-align: center;
}
#restaurant .restaurant-inner .ttl_wrap hgroup::before {
  content: "";
  position: absolute;
  top: 45%;
  left: -80px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-left.svg") no-repeat center/contain;
}
@media (max-width: 750px) {
  #restaurant .restaurant-inner .ttl_wrap hgroup::before {
    left: -40px;
  }
}
#restaurant .restaurant-inner .ttl_wrap hgroup::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 105%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: min(15.7333333333vw, 118px);
  height: min(12.2666666667vw, 92px);
  z-index: 1;
  background: url("../images/ttl_bg-right.svg") no-repeat center/contain;
}
#restaurant .restaurant-inner .ttl_wrap h2 {
  background: -webkit-gradient(linear, left top, right top, from(#e2feff), to(#34f1ff));
  background: linear-gradient(90deg, #e2feff 0%, #34f1ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Great Vibes";
  font-size: min(12vw, 90px);
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
#restaurant .restaurant-inner .ttl_wrap p {
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", sans-serif;
  font-size: min(5.3333333333vw, 40px);
  font-style: normal;
  font-weight: 700;
  margin-top: max(-4vw, -30px);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

#facility {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #005064), to(#004354));
  background-image: linear-gradient(#005064 50%, #004354);
  padding: 36px 20px 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(3.2vw, 24px);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 750px) {
  #facility {
    padding: 18px 10px 62px;
  }
}
#facility .facility-inner {
  display: block;
}
#facility .facility-inner .ttl_wrap {
  position: relative;
  margin-bottom: min(10.6666666667vw, 80px);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 750px) {
  #facility .facility-inner .ttl_wrap {
    padding: 0 10px;
  }
}
#facility .facility-inner .ttl_wrap hgroup {
  display: inline-block;
  position: relative;
  text-align: center;
}
#facility .facility-inner .ttl_wrap hgroup h2 {
  text-align: center;
  color: #fff;
  font-family: "Noto Serif JP", sans-serif;
  font-size: min(5.8666666667vw, 44px);
  font-style: normal;
  font-weight: 700;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

#campaignBlock {
  background-color: #004354;
  padding: min(2.6666666667vw, 20px) min(2.6666666667vw, 20px) min(5.3333333333vw, 40px) min(2.6666666667vw, 20px);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}

.campaignBlock-inner {
  background-color: rgba(255, 255, 255, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(5.3333333333vw, 40px);
  padding: min(5.3333333333vw, 40px) min(2.6666666667vw, 20px);
  border-radius: min(1.3333333333vw, 10px);
}
.campaignBlock-inner .contentsTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.campaignBlock-inner .contentsTitle .contentsTitle-img {
  display: block;
  width: min(74.4vw, 558px);
  height: auto;
}
.campaignBlock-inner p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 30px);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: max(-0.04vw, -0.3px);
}
.campaignBlock-inner img {
  width: min(61.3333333333vw, 460px);
  height: auto;
  margin: 0 auto;
}
.campaignBlock-inner .campaignBlock__linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 min(5vw, 37.5px);
}
.campaignBlock-inner .campaignBlock__linkbtn a {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#004354), to(#09657c));
  background: linear-gradient(180deg, #004354 0%, #09657c 100%);
  border: 1.5px solid #f5f5f5;
  padding: min(3.7333333333vw, 28px) 0 min(4vw, 30px);
  font-size: min(4.2666666667vw, 32px);
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 9999px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  max-width: min(74.6666666667vw, 560px);
  cursor: pointer;
}
@media (max-width: 750px) {
  .campaignBlock-inner .campaignBlock__linkbtn a {
    border: 0.75px solid #f5f5f5;
  }
}
.campaignBlock-inner .campaignBlock__linkbtn a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: min(3.2vw, 24px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: min(3.2vw, 24px);
  height: min(4.5333333333vw, 34px);
  background: url("../images/linkbtn_arrow.svg") no-repeat center/cover;
}
.campaignBlock-inner .campaignBlock_note li {
  position: relative;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 28px);
  font-weight: 400;
  line-height: 140%;
  margin-left: 2em;
}
.campaignBlock-inner .campaignBlock_note li::before {
  position: absolute;
  content: "※";
  font-size: min(3.7333333333vw, 28px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.5em;
  top: 0.75em;
}
.campaignBlock-inner .snsShare {
  width: min(78.6666666667vw, 590px);
  border-radius: min(2.6666666667vw, 20px);
  background: rgba(255, 255, 255, 0.4);
  padding: min(3.7333333333vw, 28px) min(2.6666666667vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  gap: min(5.3333333333vw, 40px);
}
.campaignBlock-inner .snsShare h4 {
  color: #004354;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.2666666667vw, 32px);
  font-weight: 700;
  line-height: 131.25%;
  letter-spacing: max(-0.0426666667vw, -0.32px);
}
.campaignBlock-inner .snsShare p {
  color: #004354;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 30px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: max(-0.0373333333vw, -0.28px);
}
.campaignBlock-inner .snsShare .campaignBlock_note_bottom li {
  position: relative;
  color: #004354;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 28px);
  font-weight: 400;
  line-height: 150%;
  margin-left: 1.5em;
}
.campaignBlock-inner .snsShare .campaignBlock_note_bottom li::before {
  position: absolute;
  content: "※";
  font-size: min(3.7333333333vw, 28px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.5em;
  top: 0.75em;
}