#container .page_content .pdf-link {
  width: min(716px, 80%);
  margin: 0 auto 56px;
  display: flex;
  align-items: flex-start; }
  #container .page_content .pdf-link li {
    width: 48.6%; }
    @media screen and (min-width: 768px) {
      #container .page_content .pdf-link li:nth-of-type(odd) {
        margin-right: 2.8%; } }
    #container .page_content .pdf-link li a {
      display: block;
      line-height: 60px;
      border-radius: 8px;
      color: #fff;
      text-align: center;
      font-size: 16px;
      background: #000;
      font-weight: 700; }
  @media screen and (max-width: 767px) {
    #container .page_content .pdf-link {
      width: 90%;
      margin-bottom: 12.8vw;
      display: block; }
      #container .page_content .pdf-link li {
        width: 100%; }
        #container .page_content .pdf-link li:first-of-type {
          margin-bottom: 6.4vw; }
        #container .page_content .pdf-link li a {
          line-height: 16vw;
          border-radius: 2.1333333333vw;
          font-size: 4.2666666667vw; } }
#container .page_content .room-type {
  margin-bottom: 32px; }
  #container .page_content .room-type .inner {
    width: min(1080px, 90%);
    margin: 0 auto; }
  #container .page_content .room-type h2 {
    color: #fff;
    line-height: 60px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 0 16px;
    background: #323D55;
    margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    #container .page_content .room-type .room-list {
      display: flex;
      align-items: stretch;
      flex-wrap: wrap; } }
  #container .page_content .room-type .room-list .single {
    width: 48.889%;
    background: #F1EDE7;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      #container .page_content .room-type .room-list .single:nth-of-type(odd) {
        margin-right: 2.222%; } }
    #container .page_content .room-type .room-list .single .room-drawing {
      width: 37.92%; }
      #container .page_content .room-type .room-list .single .room-drawing a {
        display: block; }
        #container .page_content .room-type .room-list .single .room-drawing a img {
          width: 100%; }
        #container .page_content .room-type .room-list .single .room-drawing a p {
          font-size: 14px;
          color: #fff;
          background: #000;
          line-height: 28px;
          text-align: center; }
    #container .page_content .room-type .room-list .single .room-info {
      margin-left: auto;
      width: 57.3%; }
      #container .page_content .room-type .room-list .single .room-info h3 {
        border-bottom: 1px solid #C29E33;
        font-size: 20px;
        margin-bottom: 8px; }
      #container .page_content .room-type .room-list .single .room-info dl {
        display: flex;
        align-items: flex-start; }
        #container .page_content .room-type .room-list .single .room-info dl:not(:last-of-type) {
          margin-bottom: 5px; }
        #container .page_content .room-type .room-list .single .room-info dl dt {
          font-size: 14px;
          letter-spacing: .05em;
          width: 33%;
          margin-right: 9%;
          line-height: 2; }
        #container .page_content .room-type .room-list .single .room-info dl dd {
          font-size: 14px;
          letter-spacing: .05em;
          line-height: 2;
          width: 58%; }
        @media screen and (max-width: 1280px) {
          #container .page_content .room-type .room-list .single .room-info dl dt {
            width: 85px; }
          #container .page_content .room-type .room-list .single .room-info dl dt, #container .page_content .room-type .room-list .single .room-info dl dd {
            font-size: 13px; } }
      #container .page_content .room-type .room-list .single .room-info .btn-list {
        margin-top: 13px; }
        #container .page_content .room-type .room-list .single .room-info .btn-list li {
          width: 100%;
          text-align: center; }
          #container .page_content .room-type .room-list .single .room-info .btn-list li a {
            display: block;
            color: #C29E33;
            font-size: 16px;
            font-weight: 700;
            line-height: 38px;
            border-radius: 8px;
            border: 1px solid #C29E33;
            background: #fff; }
          #container .page_content .room-type .room-list .single .room-info .btn-list li.vr {
            margin-bottom: 12px; }
            #container .page_content .room-type .room-list .single .room-info .btn-list li.vr a {
              background: #C29E33;
              color: #fff; }
    #container .page_content .room-type .room-list .single .modal {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.7);
      display: none;
      z-index: 4; }
      #container .page_content .room-type .room-list .single .modal .modal-inner {
        width: min(640px, 80%);
        margin: 16px auto 0;
        display: flex;
        flex-wrap: wrap; }
        #container .page_content .room-type .room-list .single .modal .modal-inner .close {
          width: 40px;
          height: 40px;
          border-radius: 20px;
          background: #C29E33;
          position: relative;
          margin-left: auto;
          margin-bottom: 8px;
          cursor: pointer; }
          #container .page_content .room-type .room-list .single .modal .modal-inner .close span {
            width: 24px;
            height: 2px;
            background: #fff;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto; }
            #container .page_content .room-type .room-list .single .modal .modal-inner .close span:first-of-type {
              transform: rotate(45deg); }
            #container .page_content .room-type .room-list .single .modal .modal-inner .close span:nth-of-type(2) {
              transform: rotate(-45deg); }
        #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide {
          width: 100%; }
          #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow {
            width: 42px;
            height: 42px;
            background: #C29E33;
            z-index: 2; }
            #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow::before {
              content: "";
              width: 20px;
              height: 20px;
              border-top: 2px solid #fff;
              border-right: 2px solid #fff;
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              opacity: 1; }
            #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-prev {
              left: -58px; }
              #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-prev::before {
                left: 10px;
                right: 0;
                transform: rotate(-135deg); }
            #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-next {
              right: -58px; }
              #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-next::before {
                left: 0;
                right: 10px;
                transform: rotate(45deg); }
          #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide figure img {
            margin-bottom: 4px; }
          #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide figure figcaption {
            display: block;
            text-align: left;
            color: #fff;
            font-size: 20px; }
            #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide figure figcaption span {
              display: block;
              color: inherit;
              margin-top: 4px;
              font-size: 14px; }
      @media screen and (max-width: 767px) {
        #container .page_content .room-type .room-list .single .modal .modal-inner {
          margin-top: 25vw;
          width: 90.6666666667vw;
          display: block; }
          #container .page_content .room-type .room-list .single .modal .modal-inner .close {
            width: 10.6666666667vw;
            height: 10.6666666667vw;
            margin-bottom: 6.4vw; }
            #container .page_content .room-type .room-list .single .modal .modal-inner .close span {
              width: 6.4vw;
              height: 0.5333333333vw; }
          #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide {
            width: 100%;
            margin: 0 auto; }
            #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-list {
              width: 80vw;
              margin: 0 auto; }
            #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow {
              width: 8vw;
              height: 8vw;
              top: 40%; }
              #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow::before {
                width: 3.2vw;
                height: 3.2vw; }
              #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-prev {
                left: 0; }
                #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-prev::before {
                  left: 1.3333333333vw; }
              #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-next {
                right: 0; }
                #container .page_content .room-type .room-list .single .modal .modal-inner .modal-slide .slick-arrow.slick-next::before {
                  right: 1.3333333333vw; }
          #container .page_content .room-type .room-list .single .modal .modal-inner figure img {
            margin-bottom: 2.1333333333vw; }
          #container .page_content .room-type .room-list .single .modal .modal-inner figure figcaption {
            font-size: 5.3333333333vw; }
            #container .page_content .room-type .room-list .single .modal .modal-inner figure figcaption span {
              margin-top: 1.0666666667vw;
              font-size: 3.7333333333vw; } }
  @media screen and (max-width: 1023px) {
    #container .page_content .room-type .room-list .single {
      display: block; }
      #container .page_content .room-type .room-list .single .room-drawing {
        width: 60%;
        margin: 0 auto 24px; }
      #container .page_content .room-type .room-list .single .room-info {
        margin: 0;
        width: 100%; } }
  @media screen and (max-width: 767px) {
    #container .page_content .room-type {
      margin-bottom: 8.5333333333vw; }
      #container .page_content .room-type h2 {
        line-height: 12.8vw;
        font-size: 5.3333333333vw;
        margin-bottom: 4.2666666667vw; }
      #container .page_content .room-type .room-list .single {
        display: flex;
        align-items: flex-start;
        width: 100%;
        padding: 6.4vw 4.2666666667vw;
        position: relative;
        margin-bottom: 4.2666666667vw; }
        #container .page_content .room-type .room-list .single .room-drawing {
          width: 34.6666666667vw;
          margin: 0; }
          #container .page_content .room-type .room-list .single .room-drawing a p {
            font-size: 3.7333333333vw;
            line-height: 7.4666666667vw; }
        #container .page_content .room-type .room-list .single .room-info {
          width: 42.4vw;
          margin-left: auto; }
          #container .page_content .room-type .room-list .single .room-info h3 {
            font-size: 6.4vw;
            margin-bottom: 4.2666666667vw; }
          #container .page_content .room-type .room-list .single .room-info dl {
            display: block; }
            #container .page_content .room-type .room-list .single .room-info dl:not(:last-of-type) {
              margin-bottom: 2.6666666667vw; }
            #container .page_content .room-type .room-list .single .room-info dl dt, #container .page_content .room-type .room-list .single .room-info dl dd {
              width: 100%;
              font-size: 3.7333333333vw; }
            #container .page_content .room-type .room-list .single .room-info dl dd {
              line-height: 1.5; }
          #container .page_content .room-type .room-list .single .room-info .btn-list {
            margin: 6.4vw -39vw 0;
            width: 81.6vw; }
          #container .page_content .room-type .room-list .single .room-info .btn-list li.vr {
            margin-bottom: 4.2666666667vw; }
          #container .page_content .room-type .room-list .single .room-info .btn-list li a {
            line-height: 13.3333333333vw;
            font-size: 4.8vw;
            border-radius: 2.1333333333vw; } }