@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* SP時の倍率 1.5 から 1.7 に変更 */
/* padding margin */
/* 縦書き */
/* 内径 */
/* intr
---------------------------------------------------------------------------*/
.intr-img {
  width: 538px; }
  @media screen and (max-width: 1300px) {
    .intr-img {
      width: 41.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .intr-img {
      width: 100%; } }
.intr-tx {
  width: 440px; }
  @media screen and (max-width: 1300px) {
    .intr-tx {
      width: 33.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .intr-tx {
      width: 100%;
      margin-top: 6.6666666667vw; } }
  .intr-tx li {
    border-bottom: 1px solid #223B52;
    padding: 16px 0; }
    @media screen and (max-width: 1300px) {
      .intr-tx li {
        padding: 1.2307692308vw 0; } }
    @media screen and (max-width: 480px) {
      .intr-tx li {
        padding: 2.1333333333vw 0; } }
    .intr-tx li p {
      position: relative;
      padding-left: 46px; }
      @media screen and (max-width: 1300px) {
        .intr-tx li p {
          padding-left: 3.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .intr-tx li p {
          padding-left: 9.2vw; } }
      .intr-tx li p::before {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url(../img/access/intr-icn.png);
        width: 32px;
        height: 16px;
        left: 0;
        top: 11px; }
        @media screen and (max-width: 1300px) {
          .intr-tx li p::before {
            width: 2.4615384615vw;
            height: 1.2307692308vw;
            top: 0.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .intr-tx li p::before {
            width: 6.4vw;
            height: 3.2vw;
            top: 2.2vw; } }

/* map
---------------------------------------------------------------------------*/
.map .gmap iframe {
  display: block;
  width: 100%;
  height: 490px; }
  @media screen and (max-width: 1300px) {
    .map .gmap iframe {
      height: 37.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .map .gmap iframe {
      height: 90vw; } }
.map-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media screen and (max-width: 480px) {
    .map-link {
      margin-top: 6.6666666667vw; } }

/* route
---------------------------------------------------------------------------*/
.route-pin {
  position: relative;
  padding-left: 28px; }
  @media screen and (max-width: 1300px) {
    .route-pin {
      padding-left: 2.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .route-pin {
      padding-left: 5.6vw; } }
  .route-pin::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../img/access/route-pin.png);
    width: 18px;
    height: 28px;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media screen and (max-width: 1300px) {
      .route-pin::before {
        width: 1.3846153846vw;
        height: 2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .route-pin::before {
        width: 3.6vw;
        height: 5.6vw; } }
.route-map {
  position: relative;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media screen and (max-width: 1300px) {
    .route-map {
      width: 46.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .route-map {
      width: 80vw; } }
  .route-map-btn {
    position: absolute; }
  .route-map dd {
    display: none; }
  .route-map .start, .route-map .cp, .route-map .goal {
    border: 1px solid #223B52;
    padding: 18px;
    color: #ffffff; }
    @media screen and (max-width: 1300px) {
      .route-map .start, .route-map .cp, .route-map .goal {
        padding: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .route-map .start, .route-map .cp, .route-map .goal {
        padding: 2.6666666667vw; } }
  .route-map .start {
    position: relative;
    background-color: #909DA8;
    border: 1px solid #909DA8;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease; }
    @media screen and (max-width: 480px) {
      .route-map .start {
        width: calc(100% - 10.8vw); } }
    .route-map .start::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-image: url(../img/access/route-btn-open.png);
      width: 54px;
      height: 60px;
      right: -54px;
      top: 0;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .route-map .start::after {
          width: 4.1538461538vw;
          height: 4.6153846154vw;
          right: -4.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .route-map .start::after {
          width: 10.8vw;
          height: 12vw;
          right: -10.8vw; } }
    .route-map .start.open::after {
      background-image: url(../img/access/route-btn-close.png); }
    @media (hover: hover) {
      .route-map .start:hover {
        cursor: pointer;
        opacity: .5; } }
  .route-map .cp {
    color: #223B52; }
  .route-map .goal {
    background-color: #223B52; }
  .route-map .desc {
    position: relative;
    padding: 34px 0;
    margin: 1px 0; }
    @media screen and (max-width: 1300px) {
      .route-map .desc {
        padding: 2.6153846154vw 0; } }
    @media screen and (max-width: 480px) {
      .route-map .desc {
        padding: 6.8vw 0; } }
    .route-map .desc::before, .route-map .desc::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-size: 100% auto;
      width: 14px;
      height: 34px;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 1300px) {
        .route-map .desc::before, .route-map .desc::after {
          width: 1.0769230769vw;
          height: 2.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .route-map .desc::before, .route-map .desc::after {
          width: 2.8vw;
          height: 6.8vw; } }
    .route-map .desc::before {
      top: 0;
      background-image: url(../img/access/route-arw-before.png); }
    .route-map .desc::after {
      bottom: 0;
      background-image: url(../img/access/route-arw-after.png); }
    .route-map .desc .btn-more {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }

/* parking
---------------------------------------------------------------------------*/
.parking .cols > * {
  width: 500px; }
  @media screen and (max-width: 1300px) {
    .parking .cols > * {
      width: 38.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .parking .cols > * {
      width: 100%; } }
.parking .datatbl .w125 {
  width: 125px; }
  @media screen and (max-width: 1300px) {
    .parking .datatbl .w125 {
      width: 9.6153846154vw; } }
.parking .datatbl .w352 {
  width: 352px; }
  @media screen and (max-width: 1300px) {
    .parking .datatbl .w352 {
      width: 27.0769230769vw; } }

/* transfer
---------------------------------------------------------------------------*/
.transfer-tx .bdr {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #C8CED4; }
  @media screen and (max-width: 1300px) {
    .transfer-tx .bdr {
      padding-bottom: 3.6923076923vw;
      margin-bottom: 3.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .transfer-tx .bdr {
      padding-bottom: 6.4vw;
      margin-bottom: 6.4vw; } }
.transfer-timetable {
  width: 600px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .transfer-timetable {
      width: 46.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .transfer-timetable {
      width: 80vw; } }
  .transfer-timetable dt {
    background-color: #223B52;
    padding: 18px; }
    @media screen and (max-width: 1300px) {
      .transfer-timetable dt {
        padding: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .transfer-timetable dt {
        padding: 2.6666666667vw; } }
  .transfer-timetable .w332 {
    width: 332px; }
    @media screen and (max-width: 1300px) {
      .transfer-timetable .w332 {
        width: 25.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .transfer-timetable .w332 {
        width: 100%; } }

/* link
---------------------------------------------------------------------------*/
.link .datatbl .w406 {
  width: 406px; }
  @media screen and (max-width: 1300px) {
    .link .datatbl .w406 {
      width: 31.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .link .datatbl .w406 {
      width: 100%; } }

/* .bdrhdl .en::after
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .route .bdrhdl .en::after,
  .transfer .bdrhdl .en::after {
    width: 70vw;
    bottom: -30vw; } }