@charset "UTF-8";
@import url("global.css");
@import url("anime.css");
@import url("form.css");
:root {
  --wrapper: 20px;
  --inner_wrapper: 20px;
  --radius: 3px;
  --font_xl: 17px;
  --font_l: 14px; }

/* ------------------------------
 common section
------------------------------ */
.parallax {
  overflow: hidden; }
  .parallax figure {
    height: 110%; }

.sec {
  padding-top: 90px; }
  .sec .titlearea {
    text-align: center; }
    .sec .titlearea .sec_title span {
      border-bottom: 1px solid #73674C; }
      .sec .titlearea .sec_title span img {
        margin-bottom: 15px; }

.sub {
  line-height: 1.6;
  text-align: center;
  font-size: var(--font_xl); }

.textarea {
  padding-inline: var(--inner_wrapper); }
  .textarea p + p {
    margin-top: 15px; }

.notes {
  font-size: 0.8em; }

.ac_item .ac_btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ac_item .ac_btn .icon {
    width: 10px;
    height: 10px;
    position: relative; }
    .ac_item .ac_btn .icon::before, .ac_item .ac_btn .icon::after {
      content: "";
      display: inline-block;
      height: 2px;
      width: 10px;
      background-color: #73674C;
      position: absolute;
      inset: 0;
      margin: auto; }
    .ac_item .ac_btn .icon::before {
      rotate: 90deg;
      transform-origin: center center;
      transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
      -webkit-transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
  .ac_item .ac_btn.opentoggle .icon::before {
    rotate: 0deg; }

.serif {
  font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.b {
  font-weight: 600; }

.center {
  text-align: center; }

.inner_wrapper {
  padding-inline: var(--inner_wrapper); }

img {
  transform-origin: center;
  transform: translate(x, y); }

.bg {
  position: relative;
  margin-top: 20px; }
  .bg .wave_wrap {
    position: absolute;
    top: -1px;
    left: 0; }
    .bg .wave_wrap .wave {
      display: block;
      height: 240px;
      width: 430px;
      transform: scaleY(-1); }
  .bg .ph {
    width: 100%;
    height: 580px; }

/* ------------------------------
 Intro
------------------------------ */
#sec_intro {
  padding-top: 80px; }
  #sec_intro .catch {
    line-height: 1.8;
    text-align: center;
    font-size: var(--font_xl); }
    #sec_intro .catch p + p {
      margin-top: 20px; }
  #sec_intro .lead {
    margin-top: 50px;
    line-height: 2.4;
    text-align: center;
    font-size: var(--font_l); }

#sec_concept {
  padding-top: 60px; }
  #sec_concept .titlearea {
    margin-bottom: 50px; }
    #sec_concept .titlearea .sec_title {
      margin-bottom: 20px; }
  #sec_concept .textarea {
    line-height: 2.4; }

#sec_series {
  padding-top: 0; }
  #sec_series > .wrapper {
    position: relative;
    z-index: 1;
    margin-block: -15px -200px; }
  #sec_series .titlearea {
    margin-bottom: 40px; }
    #sec_series .titlearea .sec_title {
      margin-bottom: 40px; }
  #sec_series .series_fig {
    margin-top: 30px;
    text-align: center; }
  #sec_series .catch {
    margin-block: 70px 30px; }
  #sec_series .series_list .item + .item {
    margin-top: 60px; }
  #sec_series .series_list .item .logo_area {
    text-align: center;
    margin-bottom: 30px; }
    #sec_series .series_list .item .logo_area .series_title {
      font-size: 12px; }
  #sec_series .series_list .item .series_lead {
    margin-bottom: 25px; }
  #sec_series .series_list .item .ph {
    margin-top: 40px; }

#sec_lounge {
  padding-top: 0; }
  #sec_lounge > .wrapper {
    position: relative;
    z-index: 1;
    margin-top: -15px; }
  #sec_lounge .lounge_intro .titlearea {
    margin-bottom: 40px; }
    #sec_lounge .lounge_intro .titlearea .sec_title {
      margin-bottom: 40px; }
  #sec_lounge .lounge_intro .ph {
    margin-top: 40px; }
  #sec_lounge .lounge_Hospitality {
    margin-top: 50px; }
    #sec_lounge .lounge_Hospitality .sub_title {
      letter-spacing: 0.1em;
      text-align: center;
      margin-bottom: 15px;
      font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 26px;
      font-weight: 400; }
    #sec_lounge .lounge_Hospitality .hosp_list {
      margin-top: 55px; }
      #sec_lounge .lounge_Hospitality .hosp_list .item {
        position: relative;
        border: 1px solid #73674C;
        padding: 30px 20px 20px; }
        #sec_lounge .lounge_Hospitality .hosp_list .item + .item {
          margin-top: 40px; }
        #sec_lounge .lounge_Hospitality .hosp_list .item .list_title {
          position: absolute;
          top: -0.5lh;
          right: 0;
          left: 0;
          line-height: 1;
          color: #73674C;
          letter-spacing: 0.1em;
          font-size: 26px;
          font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-weight: 400; }
          #sec_lounge .lounge_Hospitality .hosp_list .item .list_title span {
            background-color: #15161A;
            display: block;
            width: fit-content;
            margin-inline: auto;
            padding-inline: 0.8em; }
        #sec_lounge .lounge_Hospitality .hosp_list .item .inner {
          line-height: 1.8; }
          #sec_lounge .lounge_Hospitality .hosp_list .item .inner figure {
            margin-bottom: 10px;
            width: 100%; }
          #sec_lounge .lounge_Hospitality .hosp_list .item .inner .catch {
            text-align: center;
            margin-bottom: 10px;
            font-size: 15px; }

#sec_access .titlearea__access {
  text-align: center; }
#sec_access .info_list {
  margin-top: 55px; }
  #sec_access .info_list .item {
    position: relative;
    border: 1px solid #707070;
    padding: 25px 20px 15px; }
    #sec_access .info_list .item + .item {
      margin-top: 40px; }
    #sec_access .info_list .item dt {
      position: absolute;
      top: -0.5lh;
      right: 0;
      left: 0;
      line-height: 1;
      letter-spacing: 0.1em;
      font-size: 19px;
      font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 400; }
      #sec_access .info_list .item dt p {
        background-color: #15161A;
        display: block;
        width: fit-content;
        margin-inline: auto;
        padding-inline: 0.8em; }
    #sec_access .info_list .item dd {
      text-align: center; }
      #sec_access .info_list .item dd a {
        color: #fff; }
      #sec_access .info_list .item dd .map .link {
        display: inline-block;
        text-decoration: underline; }
      #sec_access .info_list .item dd .sup {
        font-size: 11px;
        line-height: 1.4;
        margin-block: 10px; }

.sec_form {
  padding-top: 0; }
  .sec_form > .wrapper {
    position: relative;
    z-index: 1;
    margin-top: -15px; }
  .sec_form .titlearea {
    margin-bottom: 25px; }
    .sec_form .titlearea .sec_title {
      margin-bottom: 40px; }
  .sec_form .textarea {
    text-align: center;
    font-weight: 600; }
  .sec_form #formbox {
    border: 1px solid #707070;
    padding: 0 var(--inner_wrapper) 60px; }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1600px)

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-4 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .bg .wave_wrap .wave {
    width: 100vw; } }
@media only screen and (max-width: 374px) {
  .textarea {
    padding-inline: 0; }

  .minspon {
    display: inherit; } }