@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* accessmap
---------------------------------------------------------------------------*/
.accessmap {
  position: relative;
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
  margin-bottom: 70px; }
  @media screen and (max-width: 1300px) {
    .accessmap {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .accessmap {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .accessmap {
      margin-bottom: 5.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .accessmap {
      margin-bottom: 13.0666666667vw; } }
  .accessmap::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1038px;
    height: 1401px;
    left: 502px;
    top: -436px;
    background-image: url(../img/access/accessmap-bg.png);
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .accessmap::before {
        width: 79.8461538462vw;
        height: 107.7692307692vw;
        left: 38.6153846154vw;
        top: -33.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .accessmap::before {
        width: 170vw;
        height: 260vw;
        left: -30vw;
        top: 40vw; } }
  .accessmap-gmap {
    width: 640px;
    margin-bottom: 24px; }
    @media screen and (max-width: 1300px) {
      .accessmap-gmap {
        margin-bottom: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .accessmap-gmap {
        margin-bottom: 4.48vw; } }
    @media screen and (max-width: 1300px) {
      .accessmap-gmap {
        width: 49.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .accessmap-gmap {
        width: 100%; } }
    .accessmap-gmap iframe {
      display: block;
      width: 100%;
      height: 425px; }
      @media screen and (max-width: 1300px) {
        .accessmap-gmap iframe {
          height: 32.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .accessmap-gmap iframe {
          height: 56.6666666667vw; } }
  .accessmap-logo {
    width: 292px;
    margin-bottom: 30px; }
    @media screen and (max-width: 1300px) {
      .accessmap-logo {
        margin-bottom: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .accessmap-logo {
        margin-bottom: 5.6vw; } }
    @media screen and (max-width: 1300px) {
      .accessmap-logo {
        width: 22.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .accessmap-logo {
        width: 58.4vw; } }
  .accessmap-addr {
    letter-spacing: .14em;
    line-height: 2.111;
    margin-bottom: 44px; }
    @media screen and (max-width: 1300px) {
      .accessmap-addr {
        margin-bottom: 3.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .accessmap-addr {
        margin-bottom: 8.2133333333vw; } }
    @media screen and (max-width: 480px) {
      .accessmap-addr {
        margin-bottom: 148vw; } }
  .accessmap .btn {
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .accessmap .btn {
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .accessmap .btn {
        margin-bottom: 11.9466666667vw; } }
  .accessmap .pg-desc {
    margin-bottom: 34px; }
    @media screen and (max-width: 1300px) {
      .accessmap .pg-desc {
        margin-bottom: 2.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .accessmap .pg-desc {
        margin-bottom: 6.3466666667vw; } }

/* route
---------------------------------------------------------------------------*/
.route {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px; }
  @media screen and (max-width: 1300px) {
    .route {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .route {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .route {
      margin-bottom: 5.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .route {
      margin-bottom: 13.0666666667vw; } }
  .route-img {
    margin-bottom: 42px; }
    @media screen and (max-width: 1300px) {
      .route-img {
        margin-bottom: 3.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .route-img {
        margin-bottom: 7.84vw; } }
    @media screen and (max-width: 480px) {
      .route-img li + li {
        margin-top: 13.0666666667vw; } }
  .route-tx {
    border-bottom: 1px dashed #CAB7B2; }
    .route-tx dl {
      border-top: 1px dashed #CAB7B2;
      padding: 12px; }
      @media screen and (max-width: 1300px) {
        .route-tx dl {
          padding: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .route-tx dl {
          padding: 5.3333333333vw 0; } }
    .route-tx dt {
      color: #7A4A3F;
      letter-spacing: .14em;
      line-height: 2.22; }
      .route-tx dt strong {
        font-weight: 400;
        font-size: 24px; }
        @media screen and (max-width: 1300px) {
          .route-tx dt strong {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .route-tx dt strong {
            font-size: 5.6888864vw; } }
      .route-tx dt.air {
        position: relative;
        padding-left: 70px; }
        @media screen and (max-width: 1300px) {
          .route-tx dt.air {
            padding-left: 5.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .route-tx dt.air {
            padding-left: 9.3333333333vw; } }
        .route-tx dt.air::before {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          background-image: url(../img/access/icn-air.png);
          width: 28px;
          height: 30px;
          left: 24px;
          top: 12px; }
          @media screen and (max-width: 1300px) {
            .route-tx dt.air::before {
              width: 2.1538461538vw;
              height: 2.3076923077vw;
              left: 1.8461538462vw;
              top: 0.9230769231vw; } }
          @media screen and (max-width: 480px) {
            .route-tx dt.air::before {
              width: 6.6666666667vw;
              height: 7.2vw;
              left: 0;
              top: 2.6666666667vw; } }

/* SPのみ飾り付きタイトルを左揃え
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pg-ttl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left; } }
/* ====================================================================== */
/* ====================================================================== */