@charset "UTF-8";
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
:where([hidden]:not([hidden=until-found])) {
  display: none!important
}
:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light
}
@media (prefers-reduced-motion:no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui,sans-serif;
  -webkit-font-smoothing: antialiased
}
:where(input,button,textarea,select) {
  font: inherit;
  color: inherit
}
:where(textarea) {
  resize: vertical;
  resize: block
}
:where(button,label,select,summary,[role=button],[role=option]) {
  cursor: pointer
}
:where(:disabled) {
  cursor: not-allowed
}
:where(label:has(>input:disabled),label:has(+input:disabled)) {
  cursor: not-allowed
}
:where(button) {
  border-style: solid
}
:where(a) {
  color: inherit;
  text-underline-offset: .2ex
}
:where(ul,ol) {
  list-style: none
}
:where(img,svg,video,canvas,audio,iframe,embed,object) {
  display: block
}
:where(img,picture,svg) {
  max-inline-size: 100%;
  block-size: auto
}
:where(p,h1,h2,h3,h4,h5,h6) {
  overflow-wrap: break-word
}
:where(h1,h2,h3) {
  line-height: calc(1em + .5rem)
}
:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible
}
:where(:focus-visible) {
  outline: 3px solid #0b4e8a;
  outline-offset: 2px;
  scroll-margin-block: 10vh
}
main section[tabindex="-1"]:focus-visible {
  outline: 0
}
:where(.visually-hidden:not(:focus-within,:active)) {
  clip-path: inset(50%)!important;
  height: 1px!important;
  width: 1px!important;
  overflow: hidden!important;
  position: absolute!important;
  white-space: nowrap!important;
  border: 0!important
}
html {
  font-size: 1.1111111111vw
}
@media only screen and (max-width:767.499px) {
  html {
    font-size: 4.2666666667svw
  }
}
@media only screen and (min-width:1440px) {
  html {
    font-size: 16px
  }
}
html {
  scroll-behavior: smooth
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  background: #0f1e3d;
  color: #f5f2ea;
  font-family: "Noto Sans JP",sans-serif;
  font-size: .9375rem;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-wrap: break-word
}
* {
  line-height: inherit
}
main {
  flex: 1 0 auto
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle
}
a {
  color: inherit;
  text-decoration: none;
  transition: opacity .4s ease
}
h1,
h2,
h3,
h4 {
  font-weight: inherit
}
ul {
  list-style: none
}
button,
input,
select,
textarea {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background: 0 0;
  font: inherit
}
button,
input[type=submit],
label,
select {
  color: inherit;
  cursor: pointer
}
select::-ms-expand {
  display: none
}
section[id] {
  scroll-margin-top: 4rem
}
@media only screen and (max-width:767.499px) {
  section[id] {
    scroll-margin-top: 3.5rem
  }
}
:focus-visible {
  outline: 2px solid #f0b95a;
  outline-offset: 2px
}
@media (prefers-reduced-motion:reduce) {
  * {
    animation-duration: 0s!important;
    transition-duration: 0s!important
  }
  html {
    scroll-behavior: auto
  }
}
.only-sp {
  display: none
}
@media only screen and (max-width:767.499px) {
  .only-sp {
    display: revert
  }
  .only-pc {
    display: none
  }
}
.u-inner {
  width: 100%;
  max-width: 67.5rem;
  margin-inline: auto;
  padding-inline: 1.25rem
}
.u-night {
  background: #0f1e3d;
  color: #f5f2ea
}
.u-paper {
  background: #f6f0e4;
  color: #22303f
}
.u-section {
  padding-block: 6.25rem
}
@media only screen and (max-width:767.499px) {
  .u-section {
    padding-block: 3.5rem
  }
}
.u-night + .u-night,
.u-paper + .u-paper {
  padding-top: 3.5rem
}
@media only screen and (max-width:767.499px) {
  .u-night + .u-night,
  .u-paper + .u-paper {
    padding-top: 2rem
  }
}
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap
}
.c-heading__title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1rem;
  padding-bottom: 1.25rem;
  font-family: "Shippori Mincho B1",serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.4705882353;
  letter-spacing: .03em;
  border-bottom: .125rem solid transparent;
  -o-border-image: linear-gradient(to right,#f0b95a 0,rgba(240,185,90,.35) 38%,rgba(240,185,90,0) 78%) 1;
  border-image: linear-gradient(to right,#f0b95a 0,rgba(240,185,90,.35) 38%,rgba(240,185,90,0) 78%) 1
}
@media only screen and (max-width:767.499px) {
  .c-heading__title {
    gap: .625rem;
    padding-bottom: .875rem;
    font-size: 1.5rem;
    line-height: 1.5
  }
}
.c-heading__label {
  color: #f0b95a;
  font-family: "Noto Sans JP",sans-serif;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .24em
}
@media only screen and (max-width:767.499px) {
  .c-heading__label {
    font-size: .75rem
  }
}
.c-heading__lead {
  margin-top: 1.25rem;
  color: #c8c3b6;
  font-size: 1rem;
  line-height: 1.875
}
@media only screen and (max-width:767.499px) {
  .c-heading__lead {
    margin-top: 1rem;
    font-size: .875rem;
    line-height: 1.7142857143
  }
}
.u-paper .c-heading__title {
  color: #22303f;
  -o-border-image: linear-gradient(to right,#8a5d18 0,rgba(138,93,24,.35) 38%,rgba(138,93,24,0) 78%) 1;
  border-image: linear-gradient(to right,#8a5d18 0,rgba(138,93,24,.35) 38%,rgba(138,93,24,0) 78%) 1
}
.u-paper .c-heading__label {
  color: #8a5d18
}
.u-paper .c-heading__lead {
  color: #22303f
}
.c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 15rem;
  height: 3.5rem;
  padding-inline: 2rem;
  border-radius: .375rem;
  background: #bea574;
  color: #fff;
  font-size: 1.1875rem;
  font-weight: 700;
  letter-spacing: .04em;
  box-shadow: 0 .25rem 1rem rgba(10,23,48,.35);
  transition: background .3s ease,transform .3s ease,box-shadow .3s ease
}
@media (hover:hover) {
  .c-btn:hover {
    background: #a88c5c;
    transform: translateY(-.125rem);
    box-shadow: 0 .625rem 1.5rem rgba(190,165,116,.42)
  }
}
@media (hover:none) {
  .c-btn:active {
    background: #a88c5c;
    transform: translateY(-.125rem);
    box-shadow: 0 .625rem 1.5rem rgba(190,165,116,.42)
  }
}
@media only screen and (max-width:767.499px) {
  .c-btn {
    width: 100%;
    min-width: 0;
    height: 3.25rem
  }
}
.c-badge {
  display: inline-flex;
  align-items: center;
  height: 1.25rem;
  margin-left: .5rem;
  padding-inline: .5rem;
  border-radius: .1875rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .04em
}
.c-badge.--required {
  background: #b23a2b;
  color: #fff
}
.c-badge.--optional {
  background: rgba(200,195,182,.22);
  color: #c8c3b6
}
.u-paper .c-badge.--optional {
  background: rgba(90,107,124,.14);
  color: #4a5a6a
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 4rem;
  border-bottom: .0625rem solid rgba(240,185,90,.28);
  background: rgba(15,30,61,.92);
  backdrop-filter: blur(.375rem)
}
@media only screen and (max-width:767.499px) {
  .l-header {
    height: 3.5rem
  }
}
.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%
}
.l-header__logo {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3
}
.l-header__logo::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3rem;
  transform: translateY(-50%)
}
.l-header__logo:focus-visible .l-header__logo-main,
.l-header__logo:hover .l-header__logo-main {
  color: #f0b95a
}
.l-header__logo-main {
  transition: color .3s ease;
  font-family: "Shippori Mincho B1",serif;
  font-size: 1.0625rem;
  font-weight: 700;
  color: #f5f2ea
}
@media only screen and (max-width:767.499px) {
  .l-header__logo-main {
    font-size: .9375rem
  }
}
.l-header__logo-sub {
  color: #f0b95a;
  font-size: .625rem;
  letter-spacing: .18em
}
@media only screen and (max-width:767.499px) {
  .l-header__logo-sub {
    font-size: .5625rem
  }
}
@media only screen and (max-width:767.499px) {
  .l-header__nav {
    display: none
  }
}
.l-header__nav-list {
  display: flex;
  align-items: center;
  gap: 2rem
}
.l-header__nav-link {
  position: relative;
  font-size: .875rem;
  font-weight: 500
}
.l-header__nav-link::after {
  content: "";
  position: absolute;
  inset: -.875rem -.5rem
}
@media (hover:hover) {
  .l-header__nav-link:hover {
    color: #f0b95a
  }
}
@media (hover:none) {
  .l-header__nav-link:active {
    color: #f0b95a
  }
}
.l-header__nav-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 2.375rem;
  padding-inline: 1.25rem;
  border-radius: .25rem;
  background: #bea574;
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
  transition: background .3s ease,transform .3s ease
}
.l-header__nav-cta::after {
  content: "";
  position: absolute;
  inset: -.25rem
}
@media (hover:hover) {
  .l-header__nav-cta:hover {
    background: #a88c5c;
    transform: translateY(-.0625rem)
  }
}
@media (hover:none) {
  .l-header__nav-cta:active {
    background: #a88c5c;
    transform: translateY(-.0625rem)
  }
}
.l-header__burger {
  display: none;
  position: relative;
  width: 2.75rem;
  height: 2.75rem
}
@media only screen and (max-width:767.499px) {
  .l-header__burger {
    display: block
  }
}
.l-header__burger span {
  position: absolute;
  left: .6875rem;
  width: 1.375rem;
  height: .125rem;
  background: #f5f2ea;
  transition: transform .3s ease,opacity .3s ease
}
.l-header__burger span:nth-child(1) {
  top: .9375rem
}
.l-header__burger span:nth-child(2) {
  top: 1.3125rem
}
.l-header__burger span:nth-child(3) {
  top: 1.6875rem
}
.l-header__burger[aria-expanded=true] span:nth-child(1) {
  transform: translateY(.375rem) rotate(45deg)
}
.l-header__burger[aria-expanded=true] span:nth-child(2) {
  opacity: 0
}
.l-header__burger[aria-expanded=true] span:nth-child(3) {
  transform: translateY(-.375rem) rotate(-45deg)
}
.l-menu {
  display: none
}
@media only screen and (max-width:767.499px) {
  .l-menu {
    position: fixed;
    top: 3.5rem;
    left: 0;
    z-index: 40;
    display: block;
    width: 100%;
    height: calc(100svh - 3.5rem);
    padding: 1.5rem 1.25rem 2.5rem;
    background: #0f1e3d;
    transform: translateX(100%);
    transition: transform .35s ease;
    visibility: hidden
  }
  .l-menu[aria-hidden=false] {
    transform: translateX(0);
    visibility: visible
  }
}
.l-menu__link {
  display: flex;
  align-items: center;
  height: 3.5rem;
  border-bottom: .0625rem solid rgba(245,242,234,.14);
  font-size: 1rem
}
.l-menu__cta {
  display: flex;
  justify-content: center;
  margin-top: 1.75rem
}
.l-footer {
  padding-block: 2.5rem;
  border-top: .0625rem solid rgba(240,185,90,.24);
  background: #0a1730;
  text-align: center
}
@media only screen and (max-width:767.499px) {
  .l-footer {
    padding-block: 2rem
  }
}
.l-footer__name {
  font-family: "Shippori Mincho B1",serif;
  font-size: 1rem;
  font-weight: 700;
  color: #f5f2ea
}
@media only screen and (max-width:767.499px) {
  .l-footer__name {
    font-size: .9375rem
  }
}
.l-footer__links {
  display: flex;
  justify-content: center;
  gap: 1.75rem;
  margin-top: 1.25rem
}
@media only screen and (max-width:767.499px) {
  .l-footer__links {
    gap: 1.25rem
  }
}
.l-footer__link {
  position: relative;
  color: #c8c3b6;
  font-size: .8125rem;
  text-decoration: underline;
  text-underline-offset: .1875rem;
  transition: color .3s ease
}
.l-footer__link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -.5rem;
  width: calc(100% + 1rem);
  height: 3rem;
  transform: translateY(-50%)
}
@media (hover:hover) {
  .l-footer__link:hover {
    color: #f0b95a
  }
}
@media (hover:none) {
  .l-footer__link:active {
    color: #f0b95a
  }
}
@media only screen and (max-width:767.499px) {
  .l-footer__link {
    font-size: .75rem
  }
}
.l-footer__note {
  margin-top: .75rem;
  color: #c8c3b6;
  font-size: .8125rem;
  line-height: 1.6923076923
}
@media only screen and (max-width:767.499px) {
  .l-footer__note {
    font-size: .75rem
  }
}
.s-fv {
  position: relative;
  height: 70vh;
  min-height: 30rem
}
@media only screen and (max-width:767.499px) {
  .s-fv {
    height: 65svh;
    min-height: 26.25rem
  }
}
.s-fv .swiper,
.s-fv .swiper-slide,
.s-fv .swiper-wrapper {
  height: 100%
}
.s-fv .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.s-fv::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(15,30,61,.5);
  pointer-events: none
}
.s-fv__body {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: 1.25rem;
  text-align: center;
  pointer-events: none
}
.s-fv__title {
  position: relative;
  font-family: "Shippori Mincho B1",serif;
  font-size: 4.875rem;
  font-weight: 700;
  line-height: 1.2820512821;
  letter-spacing: .05em;
  color: #fff;
  text-shadow: 0 .125rem 1.125rem rgba(10,23,48,.65)
}
.s-fv__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 45rem;
  height: 28.75rem;
  transform: translate(-50%,-50%);
  background: radial-gradient(closest-side,rgba(240,185,90,.42),rgba(240,185,90,.12) 55%,transparent 78%);
  pointer-events: none
}
@media only screen and (max-width:767.499px) {
  .s-fv__title {
    font-size: 2.5625rem;
    line-height: 1.3658536585
  }
  .s-fv__title::before {
    width: 22.5rem;
    height: 18.75rem
  }
}
.s-fv__title-edition {
  display: inline-block;
  color: #f0b95a;
  font-size: 2.125rem;
  letter-spacing: .14em
}
@media only screen and (max-width:767.499px) {
  .s-fv__title-edition {
    font-size: 1.375rem
  }
}
.s-fv__meta {
  margin-top: 1.125rem;
  color: #f5f2ea;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-shadow: 0 .0625rem .625rem rgba(10,23,48,.7)
}
@media only screen and (max-width:767.499px) {
  .s-fv__meta {
    margin-top: .875rem;
    font-size: .9375rem
  }
}
.s-fv__cta {
  margin-top: 2rem;
  pointer-events: auto
}
@media only screen and (max-width:767.499px) {
  .s-fv__cta {
    margin-top: 1.5rem;
    width: 17.5rem;
    max-width: 100%
  }
}
.s-fv .swiper-pagination-bullet {
  background: #f5f2ea;
  opacity: .5
}
.s-fv .swiper-pagination-bullet-active {
  background: #f0b95a;
  opacity: 1
}
.s-fv .swiper-button-next,
.s-fv .swiper-button-prev {
  color: #f5f2ea
}
.s-fv .swiper-button-next::after,
.s-fv .swiper-button-prev::after {
  font-size: 1.5rem
}
@media only screen and (max-width:767.499px) {
  .s-fv .swiper-button-next,
  .s-fv .swiper-button-prev {
    display: none
  }
}
.s-highlight__list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1.5rem;
  margin-top: 3rem
}
@media only screen and (max-width:767.499px) {
  .s-highlight__list {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem
  }
}
.s-highlight__item {
  padding: 1.75rem 1.5rem 2rem;
  border-top: .1875rem solid #f0b95a;
  background: #fff;
  color: #22303f
}
.s-highlight__time {
  display: block;
  color: #8a5d18;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .08em
}
@media only screen and (max-width:767.499px) {
  .s-highlight__time {
    font-size: .75rem
  }
}
.s-highlight__name {
  margin-top: .625rem;
  font-family: "Shippori Mincho B1",serif;
  font-size: 1.3125rem;
  font-weight: 700;
  color: #0f1e3d
}
@media only screen and (max-width:767.499px) {
  .s-highlight__name {
    font-size: 1.1875rem
  }
}
.s-highlight__text {
  margin-top: .875rem;
  color: #22303f;
  font-size: .875rem;
  line-height: 1.8571428571
}
@media only screen and (max-width:767.499px) {
  .s-highlight__text {
    font-size: .875rem;
    line-height: 1.7857142857
  }
}
.s-schedule__panel,
.s-schedule__tabs {
  max-width: 47.5rem;
  margin-inline: auto
}
.s-schedule__tabs {
  display: flex;
  margin-top: 3rem;
  border: .0625rem solid rgba(34,48,63,.14);
  border-bottom: none
}
@media only screen and (max-width:767.499px) {
  .s-schedule__tabs {
    margin-top: 2rem
  }
}
.s-schedule__tab {
  flex: 1;
  padding-block: 1rem;
  border-top: .1875rem solid transparent;
  background: #e8e1d2;
  color: #4a5a6a;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  transition: background .3s ease,color .3s ease,border-color .3s ease
}
@media only screen and (max-width:767.499px) {
  .s-schedule__tab {
    padding-block: .875rem;
    font-size: .875rem
  }
}
.s-schedule__tab span {
  margin-left: .25rem;
  font-size: .75rem;
  font-weight: 500
}
.s-schedule__tab[aria-selected=true] {
  border-top-color: #8a5d18;
  background: #fff;
  color: #0f1e3d
}
@media (hover:hover) {
  .s-schedule__tab:hover {
    background: #f1ebdf;
    color: #0f1e3d
  }
}
@media (hover:none) {
  .s-schedule__tab:active {
    background: #f1ebdf;
    color: #0f1e3d
  }
}
.s-schedule__tab[aria-selected=true]:hover {
  background: #fff
}
.s-schedule__panel {
  display: none;
  padding: .5rem 2rem 1rem;
  border: .0625rem solid rgba(34,48,63,.14);
  border-top: none;
  background: #fff
}
.s-schedule__panel[aria-hidden=false] {
  display: block
}
@media only screen and (max-width:767.499px) {
  .s-schedule__panel {
    padding: .25rem 1.25rem .75rem
  }
}
.s-schedule__row {
  display: flex;
  align-items: baseline;
  gap: 1.75rem;
  padding-block: 1.125rem;
  border-bottom: .0625rem solid rgba(34,48,63,.1)
}
.s-schedule__row:last-child {
  border-bottom: none
}
@media only screen and (max-width:767.499px) {
  .s-schedule__row {
    flex-direction: column;
    gap: .25rem;
    padding-block: .875rem
  }
}
.s-schedule__time {
  flex: 0 0 4.5rem;
  color: #8a5d18;
  font-size: .9375rem;
  font-weight: 700;
  font-feature-settings: "tnum"
}
@media only screen and (max-width:767.499px) {
  .s-schedule__time {
    flex: none;
    font-size: .8125rem
  }
}
.s-schedule__event {
  font-size: .9375rem
}
@media only screen and (max-width:767.499px) {
  .s-schedule__event {
    font-size: .875rem
  }
}
.s-access__card {
  max-width: 47.5rem;
  margin-top: 3rem;
  margin-inline: auto;
  padding: .5rem 2rem;
  border: .0625rem solid rgba(34,48,63,.14);
  border-top: .1875rem solid #8a5d18;
  background: #fff
}
@media only screen and (max-width:767.499px) {
  .s-access__card {
    margin-top: 2rem;
    padding: .25rem 1.25rem
  }
}
.s-access__row {
  display: flex;
  align-items: baseline;
  gap: 1.75rem;
  padding-block: 1.25rem
}
.s-access__row:not(:last-child) {
  border-bottom: .0625rem solid rgba(34,48,63,.1)
}
@media only screen and (max-width:767.499px) {
  .s-access__row {
    flex-direction: column;
    gap: .25rem;
    padding-block: 1rem
  }
}
.s-access__label {
  flex: 0 0 5.5rem;
  color: #8a5d18;
  font-size: .875rem;
  font-weight: 700
}
@media only screen and (max-width:767.499px) {
  .s-access__label {
    flex: none;
    font-size: .8125rem
  }
}
.s-access__value {
  font-size: .9375rem
}
@media only screen and (max-width:767.499px) {
  .s-access__value {
    font-size: .875rem
  }
}
.s-access__map {
  max-width: 47.5rem;
  margin-inline: auto
}
.s-access__map img {
  display: block;
  width: 100%;
  height: auto;
  border: .0625rem solid rgba(34,48,63,.14);
  border-top: none;
  background: #fff
}
.s-access__map-caption {
  margin-top: .75rem;
  color: #5a6b7c;
  font-size: .75rem;
  line-height: 1.6666666667;
  text-align: center
}
@media only screen and (max-width:767.499px) {
  .s-access__map-caption {
    font-size: .6875rem;
    line-height: 1.6363636364
  }
}
.s-access__note {
  margin-top: 1.25rem;
  color: #22303f;
  font-size: .875rem;
  line-height: 1.7142857143;
  text-align: center
}
@media only screen and (max-width:767.499px) {
  .s-access__note {
    margin-top: 1rem;
    font-size: .8125rem
  }
}
.s-reserve__form {
  max-width: 35rem;
  margin: 3rem auto 0
}
@media only screen and (max-width:767.499px) {
  .s-reserve__form {
    margin-top: 2rem
  }
}
.s-reserve__field:not(:first-child) {
  margin-top: 1.125rem
}
@media only screen and (max-width:767.499px) {
  .s-reserve__field:not(:first-child) {
    margin-top: .875rem
  }
}
.s-reserve__head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: .625rem;
  column-gap: .625rem;
  row-gap: .125rem;
  margin-bottom: .375rem
}
.s-reserve__label {
  display: flex;
  align-items: center;
  font-size: .875rem;
  font-weight: 700
}
.s-reserve__input {
  width: 100%;
  height: 3.25rem;
  padding-inline: 1rem;
  border: .0625rem solid rgba(34,48,63,.22);
  border-radius: .25rem;
  background: #fff;
  color: #22303f;
  font-size: 1rem;
  transition: border-color .3s ease
}
.s-reserve__input::-moz-placeholder {
  color: #8a96a4
}
.s-reserve__input::placeholder {
  color: #8a96a4
}
.s-reserve__input:focus {
  border-color: #8a5d18;
  outline: 0
}
.s-reserve__input[aria-invalid=true] {
  border-color: #d93025
}
@media only screen and (max-width:767.499px) {
  .s-reserve__input {
    height: 3rem
  }
}
.s-reserve select.s-reserve__input {
  background-image: linear-gradient(45deg,transparent 50%,#8a5d18 50%),linear-gradient(135deg,#8a5d18 50%,transparent 50%);
  background-position: calc(100% - 1.25rem) center,calc(100% - .875rem) center;
  background-size: .375rem .375rem,.375rem .375rem;
  background-repeat: no-repeat;
  padding-right: 2.5rem
}
.s-reserve__error {
  color: #d93025;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.5
}
.s-reserve__note {
  margin-top: 1.25rem;
  color: #22303f;
  font-size: .875rem;
  line-height: 1.8;
  text-align: center
}
.s-reserve__note small {
  display: block;
  margin-top: .25rem;
  color: #5a6b7c;
  font-size: .75rem
}
@media only screen and (max-width:767.499px) {
  .s-reserve__note {
    font-size: .75rem
  }
}
.s-reserve__submit {
  display: flex;
  width: 100%;
  margin-top: 1rem
}
.s-reserve__submit:disabled {
  opacity: .5;
  cursor: not-allowed
}
.s-result {
  padding-top: 9rem;
  padding-bottom: 6rem
}
@media only screen and (max-width:767.499px) {
  .s-result {
    padding-top: 6.5rem;
    padding-bottom: 4rem
  }
}
.s-result__inner {
  max-width: 35rem;
  margin-inline: auto;
  text-align: center
}
.s-result__title {
  font-family: "Shippori Mincho B1",serif;
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff
}
@media only screen and (max-width:767.499px) {
  .s-result__title {
    font-size: 1.375rem
  }
}
.s-result__lead {
  margin-top: 1.25rem;
  color: #c8c3b6;
  font-size: .9375rem;
  line-height: 1.8666666667
}
@media only screen and (max-width:767.499px) {
  .s-result__lead {
    font-size: .875rem
  }
}
.s-result__note {
  margin-top: 1.5rem;
  color: #c8c3b6;
  font-size: .8125rem;
  line-height: 1.6923076923
}
@media only screen and (max-width:767.499px) {
  .s-result__note {
    font-size: .75rem
  }
}
.s-result__list {
  margin-top: 2.5rem;
  border-top: .0625rem solid rgba(245,242,234,.18);
  text-align: left
}
.s-result__row {
  display: flex;
  align-items: baseline;
  gap: 1.5rem;
  padding-block: 1.125rem;
  border-bottom: .0625rem solid rgba(245,242,234,.18)
}
@media only screen and (max-width:767.499px) {
  .s-result__row {
    flex-direction: column;
    gap: .25rem;
    padding-block: .875rem
  }
}
.s-result__label {
  flex: 0 0 8.75rem;
  color: #f0b95a;
  font-size: .875rem;
  font-weight: 700
}
@media only screen and (max-width:767.499px) {
  .s-result__label {
    flex: none;
    font-size: .8125rem
  }
}
.s-result__value {
  font-size: .9375rem
}
@media only screen and (max-width:767.499px) {
  .s-result__value {
    font-size: .875rem
  }
}
.s-result__actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 2.5rem
}
@media only screen and (max-width:767.499px) {
  .s-result__actions {
    flex-direction: column;
    margin-top: 2rem
  }
}
.s-result__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 12.5rem;
  height: 3.5rem;
  padding-inline: 1.75rem;
  border: .0625rem solid rgba(245,242,234,.5);
  border-radius: .375rem;
  font-size: .9375rem;
  font-weight: 700;
  transition: border-color .3s ease,color .3s ease
}
@media (hover:hover) {
  .s-result__back:hover {
    border-color: #f0b95a;
    color: #f0b95a
  }
}
@media (hover:none) {
  .s-result__back:active {
    border-color: #f0b95a;
    color: #f0b95a
  }
}
@media only screen and (max-width:767.499px) {
  .s-result__back {
    width: 100%;
    min-width: 0;
    height: 3.25rem
  }
}
.s-result.u-paper .s-result__title {
  color: #0f1e3d
}
.s-result.u-paper .s-result__lead {
  color: #22303f
}
.s-result.u-paper .s-result__note {
  color: #5a6b7c
}
.s-result.u-paper .s-result__list {
  border-top-color: rgba(34,48,63,.16)
}
.s-result.u-paper .s-result__row {
  border-bottom-color: rgba(34,48,63,.12)
}
.s-result.u-paper .s-result__label {
  color: #8a5d18
}
.s-result.u-paper .s-result__value {
  color: #22303f
}
.s-result.u-paper .s-result__back {
  border-color: rgba(34,48,63,.4);
  color: #22303f
}
@media (hover:hover) {
  .s-result.u-paper .s-result__back:hover {
    border-color: #8a5d18;
    color: #8a5d18
  }
}
@media (hover:none) {
  .s-result.u-paper .s-result__back:active {
    border-color: #8a5d18;
    color: #8a5d18
  }
}