@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- body
- main_ttl
- #mv
- #bg_area01
- #bg_area02
- width
- copy_area
- #comfort_sec
- #bus_sec
- #train_sec
- #bullet_area
-------------------------*/
/*=======================================
　body
=======================================*/
body {
  background: url(../img/access/bg02.jpg) repeat-y center top;
  background-size: cover;
}

/*=======================================
　main_ttl
=======================================*/
.main_ttl {
  background-color: #fff;
}

/*=======================================
　#mv
=======================================*/
#mv {
  margin-bottom: 70.97px;
}
@media screen and (max-width: 768px) {
  #mv {
    margin-bottom: 35px;
  }
}

/*=======================================
　#bg_area01
=======================================*/
#bg_area01 {
  background: url(../img/access/bg01.jpg) repeat-y center top;
  background-size: cover;
}

/*=======================================
　width
=======================================*/
.w1180 {
  max-width: 1180px;
  padding-bottom: 88px;
}
/*=======================================
　copy_area
=======================================*/
.copy_area {
  text-align: center;
  margin-bottom: 21px;
}
@media screen and (max-width: 768px) {
  .copy_area {
    margin-bottom: 18px;
  }
}
.copy_area .cmn_copy03 {
  margin-bottom: 23px;
}
@media screen and (max-width: 768px) {
  .copy_area .cmn_copy03 {
    margin-bottom: 12px;
  }
}
.copy_area .cmn_copy01 {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .copy_area .cmn_copy01 {
    margin-bottom: 8px;
  }
}
.copy_area p {
  font-size: 18px;
  line-height: 3;
}
@media screen and (max-width: 768px) {
  .copy_area p {
    font-size: 12px;
    line-height: 1.8;
  }
}

/*=======================================
　#comfort_sec
=======================================*/
#comfort_sec {
  margin-bottom: 97.6px;
}
@media screen and (max-width: 768px) {
  #comfort_sec {
    margin-bottom: 50px;
  }
}
#comfort_sec .cmn_copy03 {
  margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
  #comfort_sec .cmn_copy03 {
    margin-bottom: 12px;
  }
}
#comfort_sec .img_area {
  margin-bottom: 68.5px;
}
@media screen and (max-width: 768px) {
  #comfort_sec .img_area {
    margin-bottom: 34px;
  }
}
#comfort_sec .img_area .img {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #comfort_sec .img_area .img {
    margin-bottom: 5px;
  }
}
#comfort_sec .img_area:last-child {
  margin-bottom: 0;
}

/*=======================================
　#bus_sec
=======================================*/
#bus_sec {
  padding-bottom: 136.83px;
}
@media screen and (max-width: 768px) {
  #bus_sec {
    padding-bottom: 65px;
  }
}
#bus_sec .copy_area {
  margin-bottom: 81px;
}
@media screen and (max-width: 768px) {
  #bus_sec .copy_area {
    margin-bottom: 18px;
  }
}
#bus_sec .cmn_copy03 {
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  #bus_sec .cmn_copy03 {
    margin-bottom: 12px;
  }
}
#bus_sec .img_area {
  margin-bottom: 68.5px;
}
#bus_sec .img_area .img {
  margin-bottom: 10px;
}
#bus_sec .img_area:last-child {
  margin-bottom: 0;
}

/*=======================================
　#train_sec
=======================================*/
#train_sec .inner {
  padding-top: 138.429px;
}
@media screen and (max-width: 768px) {
  #train_sec .inner {
    padding-top: 70px;
  }
}
#train_sec .copy_area {
  margin-bottom: 81px;
}
@media screen and (max-width: 768px) {
  #train_sec .copy_area {
    margin-bottom: 18px;
  }
}
#train_sec .cmn_copy03 {
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  #train_sec .cmn_copy03 {
    margin-bottom: 12px;
  }
}
#train_sec .img_area {
  margin-bottom: 57px;
}
@media screen and (max-width: 768px) {
  #train_sec .img_area {
    margin-bottom: 28px;
  }
}
#train_sec .route_area {
  max-width: 1070px;
  width: 90%;
  margin: 0 auto 79.33px;
}
@media screen and (max-width: 768px) {
  #train_sec .route_area {
    margin-bottom: 38px;
  }
}
#train_sec .route_area .img {
  position: relative;
}
#train_sec .route_area .img .caption01 {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  #train_sec .route_area .img .caption01 {
    right: 0;
    bottom: 0;
  }
}
#train_sec .time_area {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto 170px;
  display: flex;
  justify-content: space-between;
  gap: 45px;
}
@media screen and (max-width: 768px) {
  #train_sec .time_area {
    gap: 20px;
    margin-bottom: 85px;
  }
}
#train_sec .time_area dl {
  width: calc(50% - 23px);
}
@media screen and (max-width: 768px) {
  #train_sec .time_area dl {
    width: calc(50% - 10px);
  }
}
#train_sec .time_area dl dt {
  margin-bottom: 18.28px;
}
@media screen and (max-width: 768px) {
  #train_sec .time_area dl dt {
    margin-bottom: 10px;
  }
}
#train_sec .time_area dl:nth-child(1) dd {
  max-width: 320px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #train_sec .time_area dl:nth-child(1) dd {
    width: 100%;
  }
}
#train_sec .time_area dl:nth-child(2) dd {
  max-width: 273px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #train_sec .time_area dl:nth-child(2) dd {
    width: 85%;
  }
}

/*=======================================
　#bullet_sec
=======================================*/
#bullet_sec {
  max-width: 1180px;
  width: 90%;
  margin: 0 auto 34.66px;
  background-color: #fff;
  box-shadow: 5px 5px 5px -5px #666666;
}
@media screen and (max-width: 768px) {
  #bullet_sec {
    margin-bottom: 15px;
  }
}
#bullet_sec .inner {
  padding: 118px 0 140px;
}
@media screen and (max-width: 768px) {
  #bullet_sec .inner {
    padding: 59px 0 70px;
  }
}
#bullet_sec .copy_area {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #bullet_sec .copy_area {
    margin-bottom: 18px;
  }
}
#bullet_sec .cmn_copy03 {
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  #bullet_sec .cmn_copy03 {
    margin-bottom: 12px;
  }
}
#bullet_sec .cmn_copy01 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #bullet_sec .cmn_copy01 {
    margin-bottom: 8px;
  }
}
#bullet_sec .img {
  display: flex;
  margin-bottom: 56.27px;
}
@media screen and (max-width: 768px) {
  #bullet_sec .img {
    margin-bottom: 23px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#bullet_sec .img li {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  #bullet_sec .img li {
    width: 50%;
  }
}
#bullet_sec .time_area {
  display: flex;
}
@media screen and (max-width: 768px) {
  #bullet_sec .time_area {
    flex-direction: column;
  }
}
#bullet_sec .time_area li {
  margin-right: 13.1px;
  padding-right: 19.45px;
  border-right: solid 1px #333;
}
@media screen and (max-width: 768px) {
  #bullet_sec .time_area li {
    border-right: none;
    border-bottom: solid 1px #333;
    margin: 0 0 15px;
    padding: 0 10% 15px;
  }
}
#bullet_sec .time_area li:last-child {
  border-right: none;
}
@media screen and (max-width: 768px) {
  #bullet_sec .time_area li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}/*# sourceMappingURL=access.css.map */