@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-----------------------------------------
scssで制作してます。cssを変更しないでください。
-----------------------------------------*/
/*----------------------------------------
	- main visual
	- access_train
	- access_omiya
	- access_tokyo
-----------------------------------------*/
/*-----------------------------------------
	main visual
-----------------------------------------*/
.und_mv {
  background: url(../img/access/main.jpg) center/cover no-repeat;
}

.und_mv p {
  color: #000;
  font-weight: 500;
  text-shadow: 0px 1px 2px rgb(255, 255, 255), 0px 1px 2px rgb(255, 255, 255), 0px 1px 2px rgb(255, 255, 255), 0px 1px 2px rgb(255, 255, 255);
}

/*-----------------------------------------
	access_train
-----------------------------------------*/
.access_train h3 {
  font-size: 40px;
  text-align: center;
  margin: 0 0 70px 0;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .access_train h3 {
    font-size: 25px;
    margin: 0 0 40px 0;
  }
}
.access_train .img01 {
  max-width: 800px;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .access_train .img01 {
    width: 80%;
    margin: 0 auto 50px;
  }
}
.access_train .img02 {
  max-width: 750px;
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .access_train .img02 {
    width: 95%;
    margin: 0 auto 50px;
  }
}

/*-----------------------------------------
	access_omiya
-----------------------------------------*/
.access_omiya {
  background-image: linear-gradient(136deg, #ffffff, #e5e5e9);
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .access_omiya {
    background-image: linear-gradient(136deg, #fbfbfb 0%, #e5e5e9 50%);
    padding: 50px 0;
  }
}
.access_omiya h3 {
  font-size: 30px;
  text-align: center;
  margin: 0 0 50px 0;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .access_omiya h3 {
    font-size: 20px;
    margin: 0 0 30px 0;
  }
}
.access_omiya ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 35px 2.5%;
}
@media screen and (max-width: 768px) {
  .access_omiya ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px 2.5%;
  }
}
.access_omiya ul li {
  width: 47%;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  .access_omiya ul li {
    width: 96%;
  }
}
.access_omiya ul li p {
  margin: 0px auto 0;
  text-align: center;
  font-size: clamp(18px, 2.25vw, 27px);
  line-height: 1.4;
  font-weight: 500;
}
.access_omiya ul li .t1 {
  font-size: clamp(35px, 4.3333333333vw, 52px);
}
.access_omiya ul li .t2 {
  font-size: clamp(16px, 1.5vw, 18px);
}
.access_omiya ul li .t3 {
  font-size: clamp(12px, 1.1666666667vw, 14px);
  margin-top: 0;
}
.access_omiya ul li .photo {
  position: relative;
}
.access_omiya ul li .photo span {
  position: absolute;
  color: #FFF;
  font-size: 12px;
  right: 10px;
  bottom: 10px;
}

/*-----------------------------------------
	access_tokyo
-----------------------------------------*/
.access_tokyo {
  background: #002F43;
  padding: 40px 0 0 0;
}
@media screen and (max-width: 768px) {
  .access_tokyo {
    padding: 20px 0 0 0;
  }
}
.access_tokyo h3 {
  font-size: 38px;
  text-align: center;
  margin: 0 0 40px 0;
  color: #FFF;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .access_tokyo h3 {
    font-size: 20px;
    margin: 0 0 20px 0;
  }
}
.access_tokyo .catch_area {
  position: relative;
  background: url(../img/access/img11.jpg);
  background-size: cover;
  text-align: center;
  margin: 0 auto;
  padding: 100px 0 100px 0;
}
@media screen and (max-width: 768px) {
  .access_tokyo .catch_area {
    padding: 60px 0 60px 0;
  }
}
.access_tokyo .catch_area img {
  width: 40%;
  max-width: 800px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .access_tokyo .catch_area img {
    width: 80%;
  }
}
.access_tokyo .catch_area .img_cap {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 12px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .access_tokyo .catch_area .img_cap {
    font-size: 10px;
  }
}

.caption_bg {
  background: #002F43;
  padding: 20px;
  color: #FFF;
}/*# sourceMappingURL=access.css.map */