@charset "UTF-8";
.photo-cont .swiper-wrapper .swiper-slide:not(:nth-of-type(2)) {
  display: none; }

.thumbs-cont .swiper-wrapper .swiper-slide:not(:nth-of-type(1)) {
  display: none; }

/*.swiper-button-prev,
.swiper-button-next {
    display: none;
}*/
#page_room .search_area {
  padding: 25rem 0;
  margin-top: -70rem;
  z-index: 1;
  position: relative; }
  #page_room .search_area .text {
    display: block;
    font-size: 20rem;
    margin-top: 30rem;
    text-align: center; }
    #page_room .search_area .text a.tel_link {
      display: inline-block;
      font-size: 30rem;
      margin-left: 26rem; }

#page_room .under_title::before, #page_room .under_title::after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  z-index: 0; }

#page_room .under_title::before {
  background-image: url(/assets/img/deco_conference_room01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: calc(541 / 1920 * 100vw);
  height: calc(280 / 1920 * 100vw);
  bottom: calc(20 / 1920 * 100vw);
  left: calc(-20 / 1920 * 100vw); }

#page_room .under_title::after {
  background-image: url(/assets/img/deco_conference_room02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: calc(782 / 1920 * 100vw);
  height: calc(188 / 1920 * 100vw);
  bottom: calc(140 / 1920 * 100vw);
  right: calc(-240 / 1920 * 100vw); }

#page_room .anchor {
  padding-top: 80rem;
  padding-bottom: 90rem;
  position: relative; }
  #page_room .anchor .content_wrap ul {
    display: flex;
    flex-wrap: wrap; }
    #page_room .anchor .content_wrap ul li {
      border-bottom: 4px solid #091d40;
      line-height: 0;
      width: calc(100% / 4); }
      #page_room .anchor .content_wrap ul li:not(:nth-of-type(4n)) {
        position: relative; }
        #page_room .anchor .content_wrap ul li:not(:nth-of-type(4n))::after {
          content: "";
          width: 5px;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
          border-right: 4px solid #091d40; }
      #page_room .anchor .content_wrap ul li a {
        display: inline-block;
        text-align: center;
        position: relative; }
        #page_room .anchor .content_wrap ul li a .img_wrap {
          overflow: hidden;
          background: #091d40;
          transition: .3s; }
          #page_room .anchor .content_wrap ul li a .img_wrap img {
            transition: .3s; }
        #page_room .anchor .content_wrap ul li a .text {
          color: #fff;
          font-size: calc(36 / 1920 * 100vw);
          line-height: 1;
          /*display: flex;
                            justify-content: center;*/
          position: absolute;
          top: calc(70 / 1920 * 100vw);
          left: 0;
          right: 0;
          margin: 0 auto; }
          #page_room .anchor .content_wrap ul li a .text span {
            display: block;
            font-size: calc(18 / 1920 * 100vw);
            margin-top: calc(10 / 1920 * 100vw);
            /*margin-left: calc(10 / 1920 * 100vw);*/ }
        #page_room .anchor .content_wrap ul li a .btn_wrap {
          background: #fff;
          font-size: 18rem;
          font-weight: bold;
          line-height: 1;
          position: absolute;
          padding: 10rem 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
          #page_room .anchor .content_wrap ul li a .btn_wrap .short_arrow {
            display: flex;
            align-items: center;
            justify-content: center; }
            #page_room .anchor .content_wrap ul li a .btn_wrap .short_arrow::after {
              content: "";
              display: block;
              width: 100rem;
              height: 3px;
              border-right: 2px solid #091D48;
              border-bottom: 1px solid #091D48;
              transform: skewX(70deg);
              transition: .3s;
              margin-left: 5rem; }
        #page_room .anchor .content_wrap ul li a:hover .img_wrap img {
          transform: scale(1.05);
          opacity: 0.6; }
        #page_room .anchor .content_wrap ul li a:hover .btn_wrap .short_arrow::after {
          transform: translateX(5px) skewX(70deg); }
  #page_room .anchor::after {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-image: url(/assets/img/deco_conference_room04.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: calc(878 / 1920 * 100vw);
    height: calc(506 / 1920 * 100vw);
    bottom: calc(-390 / 1920 * 100vw);
    left: calc(-320 / 1920 * 100vw);
    transform: rotate(-235deg); }

#page_room .room {
  position: relative;
  /*padding-top: 20rem;*/ }
  #page_room .room .content_wrap {
    padding-top: 70rem;
    padding-bottom: 150rem; }
    #page_room .room .content_wrap h2 {
      font-size: 48rem;
      font-weight: 500;
      text-align: center; }
      #page_room .room .content_wrap h2 span {
        display: block;
        font-size: 18rem; }
    #page_room .room .content_wrap .lead {
      font-size: 18rem;
      font-weight: 500;
      margin-top: 40rem;
      text-align: center; }
    #page_room .room .content_wrap .spec dt {
      font-size: 18rem;
      border-bottom: 1px solid #091D48;
      line-height: 2; }
    #page_room .room .content_wrap .spec dd {
      color: #333;
      font-size: 16rem;
      margin-top: 10rem; }
      #page_room .room .content_wrap .spec dd span {
        display: block;
        font-size: 13rem; }
    #page_room .room .content_wrap .box {
      display: flex;
      justify-content: space-between;
      margin-top: 40rem; }
      #page_room .room .content_wrap .box .text .description {
        color: #fff;
        background: #091D48;
        font-size: 18rem;
        padding: 5rem 0;
        text-align: center;
        width: 450rem; }
      #page_room .room .content_wrap .box .text .spec {
        margin-top: 20rem;
        margin-left: 20rem;
        width: 430rem; }
      #page_room .room .content_wrap .box .text .btn_wrap {
        font-size: 20rem;
        font-weight: bold;
        margin-top: 45rem;
        margin-left: 20rem; }
        #page_room .room .content_wrap .box .text .btn_wrap .btn_arrow::after {
          width: 240rem; }
      #page_room .room .content_wrap .box .swiper_outer {
        width: 480rem; }
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-prev,
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-next {
          width: 14rem;
          height: 24rem;
          background-size: 100%;
          /*margin-top: 12rem;*/
          /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */ }
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-next {
          background-image: url(/assets/img/arrow_next.svg);
          right: -20rem; }
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-prev {
          background-image: url(/assets/img/arrow_prev.svg);
          left: -20rem; }
        #page_room .room .content_wrap .box .swiper_outer .thumbs-cont {
          margin-top: 20rem; }
          #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-wrapper {
            transform: translate3d(0px, 0px, 0px) !important; }
          #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-slide {
            width: calc((100% - 60rem) / 4) !important; }
            #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-slide + .swiper-slide {
              margin-left: 20rem; }
          #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-slide-thumb-active {
            position: relative; }
            #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-slide-thumb-active::before {
              border: 4px solid #e57e24;
              box-sizing: border-box;
              content: "";
              width: 100%;
              height: 100%;
              position: absolute; }
      #page_room .room .content_wrap .box.rev {
        flex-direction: row-reverse; }
    #page_room .room .content_wrap:nth-of-type(odd) {
      background: linear-gradient(180deg, transparent 0%, transparent 52.5%, #F2F4F7 52.5%, #F2F4F7 100%); }
    #page_room .room .content_wrap:nth-of-type(even) {
      background: linear-gradient(180deg, transparent 0%, transparent 52.5%, #EBF3FD 52.5%, #EBF3FD 100%); }
    #page_room .room .content_wrap.room_common {
      background: none; }
      #page_room .room .content_wrap.room_common .inner {
        width: 900rem; }
    #page_room .room .content_wrap.room01, #page_room .room .content_wrap.room02, #page_room .room .content_wrap.room04, #page_room .room .content_wrap.room05, #page_room .room .content_wrap.room06, #page_room .room .content_wrap.room07 {
      position: relative; }
      #page_room .room .content_wrap.room01::after, #page_room .room .content_wrap.room02::after, #page_room .room .content_wrap.room04::after, #page_room .room .content_wrap.room05::after, #page_room .room .content_wrap.room06::after, #page_room .room .content_wrap.room07::after {
        pointer-events: none;
        z-index: 0;
        content: "";
        display: block;
        position: absolute;
        z-index: 0; }
    #page_room .room .content_wrap.room01::after {
      background-image: url(/assets/img/deco_facilities03.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: calc(996 / 1920 * 100vw);
      height: calc(545 / 1920 * 100vw);
      top: 730rem;
      right: calc(-330 / 1920 * 100vw);
      transform: rotate(-28deg); }
    #page_room .room .content_wrap.room02::after {
      background-image: url(/assets/img/deco_facilities03.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: calc(996 / 1920 * 100vw);
      height: calc(545 / 1920 * 100vw);
      top: 560rem;
      left: calc(-250 / 1920 * 100vw);
      transform: rotate(-10deg); }
    #page_room .room .content_wrap.room04::after {
      background-image: url(/assets/img/deco_facilities04.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: calc(1127 / 1920 * 100vw);
      height: calc(456 / 1920 * 100vw);
      top: 660rem;
      right: calc(-400 / 1920 * 100vw);
      transform: rotate(-10deg); }
    #page_room .room .content_wrap.room05::after {
      background-image: url(/assets/img/deco_facilities03.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: calc(996 / 1920 * 100vw);
      height: calc(545 / 1920 * 100vw);
      top: 590rem;
      left: calc(-260 / 1920 * 100vw);
      transform: rotate(-25deg); }
    #page_room .room .content_wrap.room06::after {
      background-image: url(/assets/img/deco_facilities03.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: calc(996 / 1920 * 100vw);
      height: calc(545 / 1920 * 100vw);
      top: 610rem;
      /*right: calc(-330 / 1920 * 100vw);*/
      right: calc(-450 / 1920 * 100vw);
      transform: rotate(-28deg); }
    #page_room .room .content_wrap.room07::after {
      background-image: url(/assets/img/deco_facilities04.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: calc(1127 / 1920 * 100vw);
      height: calc(456 / 1920 * 100vw);
      top: 880rem;
      left: calc(-420 / 1920 * 100vw);
      transform: rotate(170deg); }

#page_room footer {
  margin-top: 250rem; }
  #page_room footer::before {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-image: url(/assets/img/deco_conference_room04.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: calc(878 / 1920 * 100vw);
    height: calc(506 / 1920 * 100vw);
    top: calc(380 / 1920 * -100vw);
    left: calc(125 / 1920 * -100vw);
    transform: rotate(-25deg); }

@media screen and (max-width: 1500px) {
  #page_room .under_title::after {
    bottom: calc(250 / 1920 * 100vw); }
  #page_room .room .content_wrap.room02::after {
    top: 620rem; }
  #page_room .room .content_wrap.room05::after {
    top: 660rem; }
  #page_room .room .content_wrap.room06::after {
    top: 750rem; }
  #page_room footer::before {
    left: calc(250 / 1920 * -100vw); } }

@media screen and (max-width: 767px) {
  #page_room .search_area {
    padding: 20rem 0 60rem;
    margin-top: 0; }
    #page_room .search_area.ll_inner {
      width: 100%; }
    #page_room .search_area .text {
      font-size: 17rem;
      margin-top: 30rem; }
      #page_room .search_area .text a.tel_link {
        font-size: 21rem;
        margin-left: 26rem; }
  #page_room .under_title::before {
    background-size: 95%;
    width: calc(541 / 750 * 100vw);
    height: calc(280 / 750 * 100vw);
    bottom: 0rem;
    left: -60rem;
    transform: rotate(0deg); }
  #page_room .under_title::after {
    background-size: 100%;
    width: calc(782 / 750 * 100vw);
    height: calc(188 / 750 * 100vw);
    top: -10rem;
    right: -20rem;
    transform: rotate(-15deg); }
  #page_room .anchor {
    padding-top: 50rem;
    padding-bottom: 40rem; }
    #page_room .anchor .content_wrap ul li {
      border-bottom: 2px solid #091d40;
      width: calc(100% / 2);
      line-height: 0; }
      #page_room .anchor .content_wrap ul li:not(:nth-of-type(4n))::after {
        border-right: none; }
      #page_room .anchor .content_wrap ul li:nth-of-type(odd) {
        position: relative; }
        #page_room .anchor .content_wrap ul li:nth-of-type(odd)::after {
          border-right: 2px solid #091d40; }
      #page_room .anchor .content_wrap ul li a .text {
        /*font-size: 23rem;*/
        font-size: 22.5rem;
        display: block;
        top: calc(70 / 750 * 100vw); }
        #page_room .anchor .content_wrap ul li a .text span {
          display: block;
          /*font-size: 13rem;*/
          font-size: 11rem;
          margin-left: 0;
          margin-top: 5rem; }
      #page_room .anchor .content_wrap ul li a .btn_wrap {
        font-size: 18rem; }
        #page_room .anchor .content_wrap ul li a .btn_wrap .short_arrow::after {
          width: 50rem;
          height: 2px; }
    #page_room .anchor::after {
      background-size: 70%;
      width: calc(878 / 750 * 100vw);
      height: calc(506 / 750 * 100vw);
      bottom: -115rem;
      left: -90rem;
      transform: rotate(-50deg); }
  #page_room .room .content_wrap {
    padding-top: 40rem;
    padding-bottom: 50rem; }
    #page_room .room .content_wrap h2 {
      font-size: 35rem; }
      #page_room .room .content_wrap h2 span {
        font-size: 15rem; }
    #page_room .room .content_wrap .lead {
      font-size: 13rem;
      margin-top: 20rem; }
    #page_room .room .content_wrap .spec dt {
      font-size: 13rem; }
    #page_room .room .content_wrap .spec dd {
      font-size: 12rem;
      margin-top: 10rem; }
      #page_room .room .content_wrap .spec dd span {
        font-size: 10rem; }
    #page_room .room .content_wrap .box {
      display: block;
      flex-direction: column-reverse;
      margin-top: 20rem; }
      #page_room .room .content_wrap .box .text .description {
        font-size: 13rem;
        margin-top: 15rem;
        width: 100%; }
      #page_room .room .content_wrap .box .text .spec {
        margin: 25rem auto 0;
        width: 90%; }
      #page_room .room .content_wrap .box .text .btn_wrap {
        font-size: 15rem;
        margin-top: 25rem;
        margin-left: 0; }
        #page_room .room .content_wrap .box .text .btn_wrap .btn_arrow::after {
          width: 160rem; }
      #page_room .room .content_wrap .box .swiper_outer {
        width: 100%; }
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-prev,
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-next {
          width: 20rem;
          height: 36rem;
          background-size: 100%;
          /*margin-top: 18rem;*/ }
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-next {
          background-image: url(/assets/img/arrow_next.svg);
          right: -12rem; }
        #page_room .room .content_wrap .box .swiper_outer .swiper-button-prev {
          background-image: url(/assets/img/arrow_prev.svg);
          left: -12rem; }
        #page_room .room .content_wrap .box .swiper_outer .thumbs-cont {
          margin-top: 20rem; }
          #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-slide {
            width: calc((100% - 30rem) / 4) !important; }
            #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-slide + .swiper-slide {
              margin-left: 10rem; }
          #page_room .room .content_wrap .box .swiper_outer .thumbs-cont .swiper-slide-thumb-active::before {
            border: 4px solid #e57e24; }
    #page_room .room .content_wrap.room_common .inner {
      width: 343rem; }
    #page_room .room .content_wrap.room_common .spec {
      padding: 8rem 10rem;
      border: 1px solid #091D48; }
    #page_room .room .content_wrap.room02::after, #page_room .room .content_wrap.room04::after, #page_room .room .content_wrap.room06::after, #page_room .room .content_wrap.room07::after {
      display: none; }
    #page_room .room .content_wrap.room01::after {
      background-size: 60%;
      width: calc(996 / 750 * 100vw);
      height: calc(545 / 750 * 100vw);
      top: 760rem;
      right: -310rem;
      transform: rotate(-45deg); }
    #page_room .room .content_wrap.room05::after {
      background-size: 60%;
      width: calc(996 / 750 * 100vw);
      height: calc(545 / 750 * 100vw);
      top: 830rem;
      left: -70rem;
      transform: rotate(-25deg); }
  #page_room footer {
    margin-top: 100rem; }
    #page_room footer::before {
      background-size: 70%;
      width: calc(878 / 750 * 100vw);
      height: calc(506 / 750 * 100vw);
      top: -160rem;
      left: -30rem;
      transform: rotate(-20deg); } }

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