@charset "UTF-8";
/* ==================================================================================================== レイアウト
==================================================================================================== */
body { background: url("../img/time/main_bg001.png") no-repeat left top; }
@media screen and (max-width: 750px) { body { background: url("../img/common/sp/main_bg001.png") no-repeat center top; background-size: contain; } }

.maintitle-sec { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .maintitle-sec { margin-bottom: 130px; } }

.contents { background: url("../img/time/main_bg002.png") no-repeat right top 40px; }
@media screen and (max-width: 750px) { .contents { background: none; } }

.ico.ico-car { margin-right: 0.5em; }
.ico.ico-car::before { width: 28px; height: 16px; background: url("../img/time/ico_car.svg"); }
.ico.ico-car_w { margin-right: 0.5em; }
.ico.ico-car_w::before { width: 40px; height: 29px; background: url("../img/time/ico_car_w.svg"); }
.ico.ico-train { margin-right: 0.5em; }
.ico.ico-train::before { width: 19px; height: 25px; background: url("../img/time/ico_train.svg"); }
.ico.ico-train_w { margin-right: 0.5em; }
.ico.ico-train_w::before { width: 26px; height: 35px; background: url("../img/time/ico_train_w.svg"); }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.map-sec { max-width: 1000px; margin-bottom: 50px; }

.time-nav { margin-bottom: 55px; }
.time-nav ul { display: flex; justify-content: center; }
.time-nav ul li { display: flex; align-items: center; border-right: 2px solid #539ff5; font-size: 0.8888888889rem; font-weight: bold; line-height: 1; }
.time-nav ul li:last-child { border-right: none; }
.time-nav ul li a { text-decoration: none; display: flex; align-items: center; padding: 0 70px 0 45px; background: url("../img/time/ico_nav.svg") no-repeat right 50px center; background-size: 10px auto; }

.time-box { max-width: 1000px; margin: 0 auto 90px; }
.time-box .time-heading { display: flex; align-items: center; justify-content: center; margin-bottom: 60px; padding: 20px; background: url("../img/time/heading_bg001.png") no-repeat left top; background-size: cover; color: #fff; font-size: 1.3333333333rem; font-weight: bold; line-height: 1; border-radius: 2em; }
.time-box figure { text-align: center; }

/*# sourceMappingURL=time.css.map */
