@charset "UTF-8";
@font-face {
  font-family: 'Noto Serif CJK JP';
  font-style: normal;
  font-weight: 400;
  src: url(../../assets/font/NotoSerifCJKjp-Regular.otf) format("opentype"); }

.conciergeSection {
  width: 100%;
  padding-bottom: 160px; }
  @media only screen and (max-width: 736px) {
    .conciergeSection {
      width: auto; } }
  .conciergeSection .headBlock {
    width: 100%; }
    .conciergeSection .headBlock .imageArea {
      width: auto; }
      @media only screen and (max-width: 736px) {
        .conciergeSection .headBlock .imageArea {
          width: 100%; } }
    .conciergeSection .headBlock .textArea {
      width: 375px; }
      @media only screen and (max-width: 736px) {
        .conciergeSection .headBlock .textArea {
          width: 100%;
          margin-top: 25px; } }
      .conciergeSection .headBlock .textArea__title {
        font-size: 24px;
        color: #333333;
        line-height: 1.5;
        letter-spacing: 0.15em; }
        @media only screen and (max-width: 736px) {
          .conciergeSection .headBlock .textArea__title {
            font-size: calc(24px * 0.8); } }
      .conciergeSection .headBlock .textArea__description {
        font-size: 20px;
        color: #c0b79e;
        line-height: 1;
        margin-top: 25px;
        letter-spacing: 0.15em; }
        @media only screen and (max-width: 736px) {
          .conciergeSection .headBlock .textArea__description {
            font-size: calc(20px * 0.8);
            margin-top: 15px; } }
        .conciergeSection .headBlock .textArea__description .small {
          font-size: 14px; }
      .conciergeSection .headBlock .textArea__text {
        font-size: 14px;
        color: #333333;
        line-height: 2.286;
        margin-top: 40px;
        letter-spacing: 0.15em; }
        @media only screen and (max-width: 736px) {
          .conciergeSection .headBlock .textArea__text {
            margin-top: 25px;
            line-height: 2; } }
      @media only screen and (max-width: 736px) {
        .conciergeSection .headBlock .textArea {
          width: 100%; } }
  .conciergeSection .serviceArea {
    width: 100%;
    margin-top: 80px; }
    .conciergeSection .serviceArea__title {
      display: block;
      width: 100%;
      margin-bottom: 25px;
      text-align: center;
      font-size: 16px;
      color: #c0b79e;
      line-height: 2.286;
      letter-spacing: 0.15em; }
    .conciergeSection .serviceArea .serviceList .leftBox,
    .conciergeSection .serviceArea .serviceList .rightBox {
      width: 524px; }
      @media only screen and (max-width: 736px) {
        .conciergeSection .serviceArea .serviceList .leftBox,
        .conciergeSection .serviceArea .serviceList .rightBox {
          width: 100%; } }
    @media only screen and (max-width: 736px) {
      .conciergeSection .serviceArea .serviceList .leftBox .serviceList__item:last-child {
        border-bottom: 0; } }
    .conciergeSection .serviceArea .serviceList__item {
      width: 100%;
      height: 85px;
      padding: 0 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-top: 1px solid #eeeeee;
      color: #333333; }
      
      @media only screen and (max-width: 736px) {
        .conciergeSection .serviceArea .serviceList__item {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding: 0; } }
      .conciergeSection .serviceArea .serviceList__item:last-child {
        border-bottom: 1px solid #eeeeee; }
      .conciergeSection .serviceArea .serviceList__item .leftArea {
        width: calc(100% * 2/3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 736px) {
          .conciergeSection .serviceArea .serviceList__item .leftArea {
            width: 45%; } }
        .conciergeSection .serviceArea .serviceList__item .leftArea .mainText {
          font-size: 16px;
          line-height: calc(24/16);
          letter-spacing: 0.15em; }
          @media only screen and (max-width: 736px) {
            .conciergeSection .serviceArea .serviceList__item .leftArea .mainText {
              font-size: 14px; } }
      .conciergeSection .serviceArea .serviceList__item .rightArea {
        width: calc(100% * 1/3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 736px) {
          .conciergeSection .serviceArea .serviceList__item .rightArea {
            width: 50%; } }
        .conciergeSection .serviceArea .serviceList__item .rightArea .mainText {
          font-size: 12px;
          line-height: calc(24/12); }
          @media only screen and (max-width: 736px) {
            .conciergeSection .serviceArea .serviceList__item .rightArea .mainText {
              line-height: 1.5; } }

.facilitySection {
  width: 100%;
  padding-top: 160px;
  padding-bottom: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee; }
  .facilitySection.wrap {
    padding-top: 160px;
    margin-top: 100px; }
    @media only screen and (max-width: 736px) {
      .facilitySection.wrap {
        padding-bottom: 100px; } }
  .facilitySection__headline {
    text-align: center;
    color: #333333; }
    .facilitySection__headline .en {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      line-height: 1;
      letter-spacing: 0.1em;
      display: block; }
    .facilitySection__headline .ja {
      font-size: 24px;
      line-height: 1;
      letter-spacing: 0.15em;
      font-weight: 600;
      display: block;
      margin-top: 30px; }
  .facilitySection .facilityList {
    width: 100%;
    margin-top: 80px; }
    @media only screen and (max-width: 736px) {
      .facilitySection .facilityList {
        margin-top: 60px; } }
    .facilitySection .facilityList__item--text {
      color: #333333;
      width: 311px; }
      @media only screen and (max-width: 736px) {
        .facilitySection .facilityList__item--text:nth-child(n+2) {
          margin-top: 60px; } }
      .facilitySection .facilityList__item--text .upperBox {
        margin-bottom: 16px; }
        .facilitySection .facilityList__item--text .upperBox .left {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .facilitySection .facilityList__item--text .upperBox .left .title {
            font-size: 24px;
            line-height: 1;
            letter-spacing: 0.05em; }
          .facilitySection .facilityList__item--text .upperBox .left .description {
            font-size: 12px;
            line-height: 1;
            letter-spacing: 0.15em;
            margin-top: 16px; }
        .facilitySection .facilityList__item--text .upperBox .right {
          margin-left: auto;
          margin-right: 0;
          margin-top: auto; }
          .facilitySection .facilityList__item--text .upperBox .right .floor {
            font-family: 'Montserrat', sans-serif;
            font-size: 32px;
            line-height: 1;
            letter-spacing: 0.05em; }
            @media only screen and (max-width: 736px) {
              .facilitySection .facilityList__item--text .upperBox .right .floor {
                font-size: calc(32px * 0.8); } }
            .facilitySection .facilityList__item--text .upperBox .right .floor .en {
              font-size: 24px; }
      .facilitySection .facilityList__item--text .bottomBox {
        padding-top: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-top: 1px solid #eeeeee; }
        .facilitySection .facilityList__item--text .bottomBox .mainText {
          font-family: 'Noto Serif CJK JP' ,'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
          font-size: 14px;
          line-height: 2.286;
          letter-spacing: 0.15em; }
    .facilitySection .facilityList__item--image {
      width: 524px; }
      @media only screen and (max-width: 736px) {
        .facilitySection .facilityList__item--image:nth-child(n+2) {
          margin-top: 40px; } }
    .facilitySection .facilityList .textArea {
      width: 100%;
      margin-top: 50px; }
      @media only screen and (max-width: 736px) {
        .facilitySection .facilityList .textArea {
          display: none; } }
    .facilitySection .facilityList .figureArea {
      width: 100%;
      margin-top: 70px; }
      @media only screen and (max-width: 736px) {
        .facilitySection .facilityList .figureArea {
          display: none; } }
    .facilitySection .facilityList .spOnly-DisplayArea {
      display: none; }
      @media only screen and (max-width: 736px) {
        .facilitySection .facilityList .spOnly-DisplayArea {
          display: block; } }
      .facilitySection .facilityList .spOnly-DisplayArea .facilityList__item {
        width: 100%; }
        .facilitySection .facilityList .spOnly-DisplayArea .facilityList__item--text {
          margin-top: 30px; }
        @media only screen and (max-width: 736px) {
          .facilitySection .facilityList .spOnly-DisplayArea .facilityList__item--image:nth-child(n+2) {
            margin-top: 60px; } }

/* parts */
.text--en {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.05em; }

.wrap {
  max-width: 1080px;
  margin: 0 auto; }
  @media only screen and (max-width: 736px) {
    .wrap {
      padding: 0 40px; } }

.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 736px) {
    .flexBox {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.imageBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .imageBox div {
    position: relative; }
    .imageBox div .imageCap {
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: #ffffff;
      font-size: 10px;
      letter-spacing: 0.15; }
      .imageBox div .imageCap--bottom {
        top: calc(100% + 10px); }