@charset "utf-8";

#access .contents_mv{
    background-image: url(../image/mv_img.jpg);
}
.access_map{
    margin-top: 48px;
}
.access_map img{
        max-width: none;
    width: 220% !important;
    height: auto;
}
.access_map_wrap ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.access_map_wrap p{
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 32px auto 48px;
}
.access_map_wrap small{
    text-align: right;
    display: block;
    font-size: 1.2rem;
    padding-top: 8px;
}

.access_txt_wrap{
        padding: 48px 0 24px;
}
.access_txt_wrap.bus,
.access_txt_wrap.car{
    background: var(--gray);
}

.access_txt_wrap h4 {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
  font-size: 3.0rem;
  font-weight: 600;
}
.access_txt_wrap h4::before,
.access_txt_wrap h4::after {
  background-color: var(--blue); /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 130px; /* 横線の長さ */
}
.access_txt_wrap h4::before {
  margin-right: 15px; /* 文字との余白 */
}
.access_txt_wrap h4::after {
  margin-left: 15px; /* 文字との余白 */
}
.access_txt_wrap ul{
    margin-top: 32px;
}
.access_txt_wrap ul li{
    margin-bottom: 28px;
}
.busaccess{
    background: var(--blue);
    padding: 32px 24px 24px;
    margin-top: 40px;
}
.busaccess p{
    text-align: center;
    margin: 0 auto !important;
}
.busaccess small{
    display: block;
    color: var(--light);
    font-size: 1.1rem;
    line-height: 1.6;
    padding-top: 16px;
}
.access_txt_wrap p{
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 56px auto 48px;
}
.car_img_box{
    margin-bottom: 40px;
}
.car_img_box .car_img{margin: 0;}
.car_img_box .car_img_txt{
    margin: 0;
    text-align: left;
    padding-top: 24px;
}

@media screen and (max-width: 1250px) {
    .access_map{
    margin-top: 48px;
}
.access_map img{
        max-width: none;
    width: 280% !important;
    height: auto;
}
.access_map_wrap{
    padding-bottom: 32px;
}
.access_map_wrap p{
    text-align: center;
    font-size: 1.3rem;
    margin: 32px auto 24px;
}
.access_map_wrap small{
    font-size: 1.0rem;
}

.access_txt_wrap{
        padding: 32px 0 16px;
}
.access_txt_wrap h4 {
  font-size: 2.2rem;
}
.access_txt_wrap h4::before,
.access_txt_wrap h4::after {
  width: 60px; /* 横線の長さ */
}
.access_txt_wrap ul{
    margin-top: 20px;
}
.access_txt_wrap ul li{
    margin-bottom: 20px;
}
.busaccess{
    padding: 32px 16px 16px;
    margin-top: 32px;
}
.busaccess small{
    font-size: 1.0rem;
}
.access_txt_wrap p{
    text-align: center;
    font-size: 1.3rem;
    margin: 32px auto 24px;
}
.car_img_box{
    margin-bottom: 32px;
}

.access_txt_wrap.bus ul li:nth-of-type(1)  img{width: 340px !important;}
.access_txt_wrap.bus ul li:nth-of-type(2)  img{width: 285px !important;}
.access_txt_wrap.bus ul li:nth-of-type(3)  img{width: 265px !important;}
.access_txt_wrap .busaccess p img {width: 265px !important;}

.access_txt_wrap.bike ul li:nth-of-type(1)  img{width: 265px !important;}
.access_txt_wrap.bike ul li:nth-of-type(2)  img{width: 258px !important;}

.access_txt_wrap.car ul li:nth-of-type(1)  img{width: 254px !important;}
.access_txt_wrap.car ul li:nth-of-type(2)  img{width: 285px !important;}
.access_txt_wrap.car ul li:nth-of-type(3)  img{width: 245px !important;}

.car_img_box:nth-of-type(1) .car_img_txt img {width: 250px !important;}
.car_img_box:nth-of-type(2) .car_img_txt img {width: 342px !important;}
.car_img_box:nth-of-type(3) .car_img_txt img {width: 295px !important;}
.car_img_box:nth-of-type(4) .car_img_txt img {width: 335px !important;}

}