@charset "UTF-8";
/* ==================================================================================================== レイアウト
==================================================================================================== */
body { background: url("../img/course/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: 55px; }
@media screen and (max-width: 750px) { .maintitle-sec { margin-bottom: 130px; } }

.ico.ico-car { margin-top: 0.1em; margin-right: 0.5em; }
.ico.ico-car::before { width: 24px; height: 17px; background: url("../img/stay/ico_car.svg"); }
.ico.ico-train { margin-right: 0.8em; }
.ico.ico-train::before { width: 18px; height: 25px; background: url("../img/stay/ico_train.svg"); }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.stay-lead { margin-bottom: 70px; font-size: 0.8888888889rem; text-align: center; }

.map-sec { max-width: 1000px; margin-bottom: 110px; }
@media screen and (max-width: 750px) { .map-sec { margin-bottom: 70px; } }

.stay-box { display: flex; justify-content: space-between; flex-direction: row-reverse; max-width: 1000px; margin: 0 auto; padding: 50px 0; border-bottom: 1px solid #b1c2d0; }
@media screen and (max-width: 750px) { .stay-box { display: block; } }
.stay-box.stay-box-last { margin-bottom: 100px; border-bottom: none; }
.stay-box .stay-box-fig { width: 45%; }
@media screen and (max-width: 750px) { .stay-box .stay-box-fig { width: 100%; margin-bottom: 40px; } }
.stay-box .stay-box-l { width: 46%; }
@media screen and (max-width: 750px) { .stay-box .stay-box-l { width: 100%; } }
.stay-box .stay-box-l .stay-box-top { display: flex; align-items: center; margin-bottom: 20px; }
.stay-box .stay-box-l .stay-num { display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; margin-right: 0.5em; background: url("../img/stay/ico_stay.png") no-repeat left top; background-size: cover; font-size: 2.2222222222rem; color: #fff; line-height: 1; }
.stay-box .stay-box-l .stay-heading { flex: 1; font-size: 1.3333333333rem; font-weight: bold; }
.stay-box .stay-box-l .stay-box-txt { margin-bottom: 30px; font-size: 0.8888888889rem; }
.stay-box .stay-box-l dl { display: flex; border-top: 1px solid #b1c2d0; border-bottom: 1px solid #b1c2d0; padding: 15px 0; font-size: 0.7777777778rem; font-weight: bold; color: #0053ab; }
.stay-box .stay-box-l dl:last-child { border: none; }
.stay-box .stay-box-l dl dt { display: flex; align-items: flex-start; width: 8em; }
.stay-box .stay-box-l dl dd { flex: 1; }

/*# sourceMappingURL=stay.css.map */