/*! ========================================================================
===========================================================================

	access.css
	---------------------------
	// Last modified: 2020/11/28 21:31:03

===========================================================================
======================================================================== */

/*
footer { margin-top: 80px; }
*/

.page--access .pageHeader {
  padding-top: 0;
  padding-bottom: 0
}

.heroBlock .hero__image {
  position: relative;
  margin-bottom: 0
}

.heroBlock .hero__image img {
  width: 100%
}

.heroBlock .hero__image .c-media__caption {
  position: absolute;
  bottom: 5px;
  right: 10px;
  color: #fff
}

.pageTitleBlock {
  padding: 60px 0
}

.pageTitleBlock .pageTitle {
  opacity: 0;
  transform: translateY(10px);
  transition: 1s ease .4s
}

.pageTitleBlock .pageTitle.is-inview {
  opacity: 1;
  transform: translateY(0)
}

.pageTitleBlock .heading {
  opacity: 0;
  transform: translateY(10px);
  transition: 1s ease .6s
}

.pageTitleBlock .heading.is-inview {
  transform: translateY(0);
  opacity: 1
}

.pageTitleBlock .leadText {
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(10px);
  transition: 1s ease 1s
}

@media(max-width: 700px) {
  .pageTitleBlock .leadText {
    margin-bottom: 40px
  }
}

.pageTitleBlock .leadText.is-inview {
  transform: translateY(0);
  opacity: 1
}

.section {
  margin-bottom: 60px
}

.section--summary {
  padding: 60px 0;
  border-top: 1px solid;
  border-bottom: 1px solid
}

@media(max-width: 700px) {
  .section--summary {
    padding: 40px 0
  }
}

@media(max-width: 700px) {
  .section--summary .summaryItem .summary__head {
    width: 100%;
    margin-bottom: 20px;
    text-align: center
  }
  .section--summary .summaryItem .summary__head img {
    width: 100px
  }
}

@media(max-width: 700px) {
  .section--summary .summaryItem .image {
    text-align: center
  }
}

.section--summary .summaryItem--train {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc
}

@media(max-width: 700px) {
  .section--summary .summaryItem--train {
    margin-bottom: 20px;
    padding-bottom: 0
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--train .summary__head {
    margin-top: 40px
  }
}

@media(max-width: 700px) {
  .section--summary .summaryItem--train .row-1 .l-col {
    width: 100%
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--train .row-1 .col-1 {
    float: left;
    width: 140px
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--train .row-1 .col-2 {
    float: right;
    width: 828px
  }
}

.section--summary .summaryItem--train .row-1 .a-innerRow:after {
  content: "";
  display: block;
  clear: both
}

@media(max-width: 700px) {
  .section--summary .summaryItem--train .row-1 .a-innerRow .a-innerCol {
    margin-bottom: 20px
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--train .row-1 .a-innerRow .a-innerCol-1 {
    float: left
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--train .row-1 .a-innerRow .a-innerCol-2 {
    float: right
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--train .row-1 .a-innerRow .image-1 {
    margin-top: 50px
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--train .row-1 .a-innerRow .image-2 {
    margin-bottom: 30px
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--bus {
    float: left;
    width: 50%;
    margin-right: 20px;
    border-right: 1px solid #ccc
  }
}

@media(max-width: 700px) {
  .section--summary .summaryItem--bus {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
  }
}

@media(max-width: 700px) {
  .section--summary .summaryItem--bus .row-1 .l-col {
    width: 100%
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--bus .row-1 .col-1 {
    float: left;
    margin-right: 28px
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--bus .row-1 .col-2 {
    float: left
  }
}

@media(max-width: 700px) {
  .section--summary .summaryItem--car .row-1 .l-col {
    width: 100%
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--car .row-1 .col-1 {
    float: left;
    margin-right: 28px
  }
}

@media(min-width: 701px) {
  .section--summary .summaryItem--car .row-1 .col-2 {
    float: left
  }
}

.section--carAccess {
  padding-top: 10px
}

.section--carAccess .sectionHeader {
  margin-bottom: 60px;
  text-align: center
}

@media(min-width: 701px) {
  .section--carAccess .sectionHeader .p-text {
    text-align: center
  }
}

.section--carAccess .carAccessList .listItem {
  margin-bottom: 30px;
  background: #be9237;
  color: #fff
}

.section--carAccess .carAccessList .listItem:after {
  content: "";
  display: block;
  clear: both
}

@media(min-width: 701px) {
  .section--carAccess .carAccessList .listItem .carAccess__image {
    float: left
  }
}

@media(min-width: 701px) {
  .section--carAccess .carAccessList .listItem .carAccess__contents {
    float: left;
    width: 406px;
    padding: 25px 20px
  }
}

@media(max-width: 700px) {
  .section--carAccess .carAccessList .listItem .carAccess__contents {
    padding: 20px
  }
}

.section--carAccess .carAccessList .listItem .carAccess__heading {
  margin-bottom: .35em;
  font-size: 32px;
  letter-spacing: .1em
}

@media(max-width: 700px) {
  .section--carAccess .carAccessList .listItem .carAccess__heading {
    font-size: 24px
  }
}

.section--carAccess .carAccessList .listItem .carAccess__text {
  line-height: 1.6;
  text-align: justify
}

@media(max-width: 700px) {
  .section--carAccess .carAccessList .listItem .carAccess__text {
    font-size: 14px
  }
}

@media(min-width: 701px) {
  .section--carAccess .carAccessList .listItem-2 .carAccess__image {
    float: right
  }
}


/*! ========================================================================
===========================================================================

	style.css
	---------------------------
	Last Modified: 2020/12/02 15:45:36

===========================================================================
======================================================================== */

.c-media__image{display:block;margin-right:auto;margin-left:auto}
.c-media__caption{display:block;padding-top:4px;font-size:10px;font-size:1rem;text-align:right}
.c-media{margin-bottom:29px}
.c-heading.-lv1{font-size:26px;font-size:2.6rem}@media(max-width: 700px){.c-heading.-lv1{font-size:20px}}
@media(min-width: 701px){.verticalText-dsk{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-feature-settings:"vpal"}}

/*! ========================================================================
===========================================================================

	access.css
	---------------------------
	// Created: 2019/07/09 12:08:51
	// Last modified: 2020/09/04 11:50:01

===========================================================================
======================================================================== */.heroBlock{position:relative}.heroBlock .hero__image img{width:100%}.heroBlock .pageTitle{position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}@media(max-width: 700px){.heroBlock .pageTitle{width:24px}}.leadBlock{padding:60px 0 0;background:#000;color:#fff}.leadBlock .textBox{display:inline-flex;width:100%;flex-direction:column;justify-content:center;align-items:start;margin-bottom:80px}.leadBlock .lead{font-size:28px;line-height:1.8}.leadBlock .text{font-size:16px;line-height:1.8}.leadBlock .patternImage img{width:100%}.section .c-heading{text-align:center}.section .c-text{margin-bottom:2em}.section-1{margin-bottom:100px;}.section-1 .trainMap{margin-bottom:80px}@media(max-width: 700px){.section-1 .trainMap{margin-bottom:50px}}.section-1 .accessGroup{margin-bottom:40px}.section-1 .accessGroup .accessGroup__heading{margin-bottom:.5em;padding:.25em 1em;background:#e5e5e5}@media(max-width: 700px){.section-1 .accessGroup .image{margin-bottom:10px}}@media(min-width: 701px){.section-1 .accessGroup .l-row{display:flex;justify-content:space-between}}@media(max-width: 700px){.section-1 .accessGroup .l-row{text-align:center}}@media(min-width: 701px){.section-1 .l-row-1{display:flex;justify-content:space-between;align-items:start}}@media(max-width: 700px){.section-1 .l-row-1{text-align:center}}.section-2{padding-bottom:100px}.section-2 .carAccessGroup{margin-top:100px}@media(min-width: 701px){.section-2 .carAccessGroup .l-row{display:flex;justify-content:space-between}}@media(min-width: 701px){.section-2 .carAccessGroup .l-row .l-col-1{width:300px}}@media(min-width: 701px){.section-2 .carAccessGroup .l-row .l-col-1 .textBox{float:left}}@media(min-width: 701px){.section-2 .carAccessGroup .l-row .l-col-2{width:500px}}@media(min-width: 701px){.section-2 .carAccessGroup.-reverse .l-row{flex-direction:row-reverse}}@media(min-width: 701px){.section-2 .carAccessGroup.-reverse .l-row .l-col-1 .textBox{float:right}}.section-2 .carAccessGroup .textBox{border-top:1px solid #000;padding-top:30px}@media(max-width: 700px){.section-2 .carAccessGroup .textBox{margin-bottom:40px}}@media(min-width: 701px){.section-2 .carAccessGroup .carAccessGroup__heading{margin-left:40px}}@media(max-width: 700px){.section-2 .carAccessGroup .carAccessGroup__heading{margin-bottom:20px}}.section-2 .carAccessGroup .carAccessGroup__heading .en{display:block;font-size:20px;letter-spacing:.2em}@media(min-width: 701px){.section-2 .carAccessGroup .carAccessGroup__heading .en{margin-left:70px}}@media(max-width: 700px){.section-2 .carAccessGroup .carAccessGroup__heading .en{margin-bottom:1em;font-size:16px}}.section-2 .carAccessGroup .carAccessGroup__heading .ja{display:block;font-size:29px;letter-spacing:.1em}@media(max-width: 700px){.section-2 .carAccessGroup .carAccessGroup__heading .ja{font-size:24px}}.section-2 .carAccessGroup .text{font-size:15px;line-height:1.8}@media(max-width: 700px){.section-2 .carAccessGroup .image{text-align:center}}.section-2 .carAccessGroup-3 .images2{display:flex;justify-content:space-between;flex-wrap:wrap}@media(min-width: 701px){.section-2 .carAccessGroup-3 .images2{width:500px}}@media(max-width: 700px){.section-2 .carAccessGroup-3 .images2{width:100%}}@media(max-width: 700px){.section-2 .carAccessGroup-3 .images2 .image{width:48%;margin-bottom:2%}.section-2 .carAccessGroup-3 .images2 .image .c-media__caption{text-align:center}}


.images2 .image.c-media {
  max-width: 230px;
}
@media(max-width: 700px){
  .images2 .image.c-media {
    max-width: 100%;
  }
}