@charset "UTF-8";
.caption--white {
  color: #fff; }

.accessSection {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto; }

.subleadSection {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  margin: 0 auto 100px;
  padding: 0px 0 0;
  width: 100%; }
  @media only screen and (max-width: 736px) {
    .subleadSection {
      padding: 0 calc(80vw/750*100); } }
  .subleadSection__text {
    max-width: 360px;
    width: 100%;
    color: #333333; }
    .subleadSection__text .accessSection__subheadline {
      font-size: 24px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 736px) {
        .subleadSection__text .accessSection__subheadline {
          margin-top: 20px;
          margin-bottom: 20px; } }
    .subleadSection__text .text {
      line-height: calc(40/16); }
  .subleadSection__photo {
    max-width: 640px;
    width: 100%; }
    @media only screen and (max-width: 736px) {
      .subleadSection__photo {
        margin-top: calc(40vw/750*100);
        font-size: calc(24vw/750*100); } }

.clmnArea {
  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;
  width: 100%; }
  .clmnArea--ttl {
    width: 100%;
    font-size: 16px;
    color: #c0b79e;
    margin-bottom: 30px; }
    @media only screen and (max-width: 736px) {
      .clmnArea--ttl {
        padding: 0 20px; } }
  .clmnArea__item .caption{
    position: relative;
  }
  .clmnArea__item .clmnArea__item--caption{
    font-size: 10px;
    position: absolute;
    color: #fff;
    bottom: 20%;
    right: 5px;
    text-shadow: 0px 0px 6px #000, 0px 0px 6px #000, 0px 0px 6px #000;
  }
  .clmnArea__item--clm2 .clmnArea__item--caption{
    bottom: 25%;
  }
  .clmnArea__item--clm4 .clmnArea__item--caption{
    bottom: 35%;
  }
  @media only screen and (max-width: 736px) {
    .clmnArea__item--clm2 .clmnArea__item--caption{
      bottom: 35%;
      right: 6%;
    }
    .clmnArea__item--clm4 .clmnArea__item--caption{
      bottom: 45%;
    }
    .clmnArea__item--clm4:nth-child(n+3) .clmnArea__item--caption{
      bottom: 52%;
    }
  }
  .clmnArea__item--clm1 {
    width: 100%; }
  .clmnArea__item--clm2 {
    width: 100%;
    max-width: 524px;
    position: relative; }
    @media only screen and (max-width: 736px) {
      .clmnArea__item--clm2 {
        padding: 0 20px; } }
  .clmnArea__item--clm3 {
    width: 100%;
    max-width: 296px;
    position: relative; }
    @media only screen and (max-width: 736px) {
      .clmnArea__item--clm3 {
        margin: 0 auto 30px; } }
  .clmnArea__item--clm4 {
    width: 100%;
    max-width: 246px;
    position: relative; }
    @media only screen and (max-width: 736px) {
      .clmnArea__item--clm4 {
        width: 48%;
        margin-bottom: 20px; } }
  .clmnArea--walk .clmnArea__item {
    text-align: center; }
    .clmnArea--walk .clmnArea__item .station {
      font-size: 12px;
      font-family: 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
      margin-bottom: 15px; }
    .clmnArea--walk .clmnArea__item .lead {
      font-size: 16px;
      letter-spacing: 0.4em;
      font-family: 'Old Standard TT', serif;
      margin-top: 20px; }
      .clmnArea--walk .clmnArea__item .lead .num {
        font-size: 24px; }
    .clmnArea--walk .clmnArea__item .dist {
      font-size: 12px;
      font-family: 'Montserrat', sans-serif;
      color: #999; }
    .clmnArea--walk .clmnArea__item:not(:last-child)::after {
      position: absolute;
      right: -16%;
      top: 0;
      content: '';
      border-right: 1px solid #eee;
      width: 100%;
      height: 100%; }
  .clmnArea--shinjuku .clmnArea__item, .clmnArea--tocho .clmnArea__item, .clmnArea--nishishinjuku .clmnArea__item {
    margin-bottom: 85px; }
    .clmnArea--shinjuku .clmnArea__item .station, .clmnArea--tocho .clmnArea__item .station, .clmnArea--nishishinjuku .clmnArea__item .station {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 16px;
      letter-spacing: 0.1em;
      margin-top: 20px; }
      .clmnArea--shinjuku .clmnArea__item .station .left, .clmnArea--tocho .clmnArea__item .station .left, .clmnArea--nishishinjuku .clmnArea__item .station .left {
        position: relative; }
        .clmnArea--shinjuku .clmnArea__item .station .left .name, .clmnArea--tocho .clmnArea__item .station .left .name, .clmnArea--nishishinjuku .clmnArea__item .station .left .name {
          font-size: 24px; }
        .clmnArea--shinjuku .clmnArea__item .station .left::after, .clmnArea--tocho .clmnArea__item .station .left::after, .clmnArea--nishishinjuku .clmnArea__item .station .left::after {
          position: absolute;
          top: 50%;
          left: calc(100% + 10px);
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          content: '';
          border-top: 2px dotted #a0a0a0;
          width: calc(524px - 100% - 50px);
          padding-left: 20px;
          z-index: -1; }
          @media only screen and (max-width: 736px) {
            .clmnArea--shinjuku .clmnArea__item .station .left::after, .clmnArea--tocho .clmnArea__item .station .left::after, .clmnArea--nishishinjuku .clmnArea__item .station .left::after {
              width: 100px; } }
      .clmnArea--shinjuku .clmnArea__item .station .right, .clmnArea--tocho .clmnArea__item .station .right, .clmnArea--nishishinjuku .clmnArea__item .station .right {
        background-color: #fff;
        padding-left: 10px; }
        .clmnArea--shinjuku .clmnArea__item .station .right .num, .clmnArea--tocho .clmnArea__item .station .right .num, .clmnArea--nishishinjuku .clmnArea__item .station .right .num {
          font-size: 32px;
          font-family: 'Old Standard TT', serif; }
  .clmnArea--shinjuku .caption, .clmnArea--tocho .caption, .clmnArea--nishishinjuku .caption {
    color: #333;
    font-size: 12px; }
  .clmnArea--airport {
    margin-top: 230px; }
    @media only screen and (max-width: 736px) {
      .clmnArea--airport {
        margin-top: 20px; } }
    .clmnArea--airport .name {
      font-size: 24px; }
    .clmnArea--airport .text {
      text-align: left;
      margin-top: 30px;
      margin-bottom: 22px;
      padding: 60px 20px;
      border: 1px solid #eee; }
      .clmnArea--airport .text__inner {
        display: block; }
        .clmnArea--airport .text__inner--top {
          border-bottom: 1px solid #eee;
          padding-bottom: 55px;
          margin-bottom: 55px; }
    .clmnArea--airport .clm1 {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .clmnArea--airport .clm1 .text {
        width: 100%;
        max-width: 524px;
        margin-top: 0; }
  .clmnArea--spot {
    margin-top: 80px; }
    .clmnArea--spot .clmnArea__item {
      text-align: center; }
      .clmnArea--spot .clmnArea__item .lead {
        font-size: 16px;
        letter-spacing: 0.4em;
        font-family: 'Old Standard TT', serif;
        margin-top: 20px;
        margin-bottom: 10px; }
        .clmnArea--spot .clmnArea__item .lead.nonspace {
          letter-spacing: 0.1em; }
      .clmnArea--spot .clmnArea__item .dist {
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        color: #999; }
  .clmnArea--noPhoto {
    margin-top: 80px; }
    .clmnArea--noPhoto .clmnArea__item {
      margin-bottom: 10px; }
      .clmnArea--noPhoto .clmnArea__item .facility {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        letter-spacing: 0.1em; }
        .clmnArea--noPhoto .clmnArea__item .facility .left {
          position: relative; }
          .clmnArea--noPhoto .clmnArea__item .facility .left::after {
            position: absolute;
            top: 50%;
            left: calc(100% + 10px);
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            content: '';
            border-top: 2px dotted #a0a0a0;
            width: calc(524px - 100% - 50px);
            padding-left: 20px;
            z-index: -1; }
            @media only screen and (max-width: 736px) {
              .clmnArea--noPhoto .clmnArea__item .facility .left::after {
                width: 160px; } }
        .clmnArea--noPhoto .clmnArea__item .facility .right {
          background-color: #fff;
          padding-left: 10px; }
          .clmnArea--noPhoto .clmnArea__item .facility .right .num {
            font-family: 'Montserrat', sans-serif; }

.routeMap {
  width: 100%;
  max-width: 720px;
  margin: 100px auto 100px;
  text-align: center; }
  @media only screen and (max-width: 736px) {
    .routeMap {
      margin: 0 auto 30px; } }
  .routeMap .caption {
    position: absolute;
    left: auto;
    bottom: -30px;
    text-align: right; }

.areaSection {
  width: 100%;
  max-width: 1080px;
  margin: 160px auto 0;
  padding: 40px 0 100px;
  border-top: 1px solid #eee; }
  @media only screen and (max-width: 736px) {
    .areaSection {
      margin: 60px auto 0;
      padding: 0 0 100px; } }

  .areaSection .clmnArea--walk{
    margin: 50px auto;
  }
  .areaSection__headline {
    color: #000;
    text-align: center;
    width: 100%;
    margin-bottom: 90px; 
    margin-top: 160px;
  }
        @media only screen and (max-width: 736px) {
  .areaSection__headline {
    margin-top: 80px;
  }
        }
    .areaSection__headline .en,
    .areaSection__headline .jp {
      display: block; }
    .areaSection__headline .en {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      letter-spacing: .3em;
      line-height: .8; }
      @media only screen and (max-width: 736px) {
        .areaSection__headline .en {
          font-size: calc(55vw/750*100); } }
    .areaSection__headline .jp {
      margin-top: 30px;
      font-size: 24px;
      letter-spacing: .24em;
      line-height: calc(42/24); }
      @media only screen and (max-width: 736px) {
        .areaSection__headline .jp {
          font-size: calc(42vw/750*100);
          margin-top: calc(40vw/750*100); } }
          .imageCap{
            width: 100%;
            height: 500px;
            iframe{
              width: 100%;
              height: 100%;
            }
          }
          @media only screen and (min-width: 736px) {
            .imageCap {
              width: 100%;
              max-width: 1080px;
              height: 754px; }}