.line-box::before { background: #4a94bd; }
.line-box .block { width: 80%; max-width: 700px; }
.line-box .block:nth-of-type(even) { margin-right: 0; margin-left: auto; }
.line-box .block:nth-of-type(even) .maincopy, .line-box .block:nth-of-type(even) .subcopy { text-align: right; }
.line-box.r .maincopy, .line-box.r .subcopy { text-align: right; }
.line-box.r .block { margin-right: 0; margin-left: auto; }
.line-box.r .block .maincopy, .line-box.r .block .subcopy { text-align: right; }
.line-box.r .block:nth-of-type(even) { margin-right: auto; margin-left: 0; }
.line-box.r .block:nth-of-type(even) .maincopy, .line-box.r .block:nth-of-type(even) .subcopy { text-align: left; }
@media screen and (max-width: 600px) { .line-box .block { width: 100%; }
  .line-box .block:nth-of-type(even) { margin-right: auto; }
  .line-box .block:nth-of-type(even) .maincopy, .line-box .block:nth-of-type(even) .subcopy { text-align: left; }
  .line-box.r .block { margin-right: auto; }
  .line-box.r .block:nth-of-type(even) { margin-left: auto; } }

.rosenzu01 { background: #fff; width: 86%; max-width: 1056px; margin: 0 auto; padding: 0; margin-top: 3rem; width: 100%; }
.rosenzu01 .img .cap.pc { display: block; }
.rosenzu01 .img + .note { margin-top: 1rem; text-align: right; }
.rosenzu01 .img + .note .sp { display: none; }
@media screen and (max-width: 600px) { .rosenzu01 .img { overflow-x: scroll; }
  .rosenzu01 .img img { height: 300px; width: auto; }
  .rosenzu01 .img + .note { margin-right: 5%; } }

.urban .baba { width: 100%; max-width: 100%; display: grid; gap: 2rem 3rem; grid-template-columns: 45% 1fr; }
.urban .img-list { display: grid; gap: .5rem 2rem; grid-template-columns: repeat(2, 1fr); }
.urban .img-list .img-txt { grid-column: span 2; max-width: 450px; margin: 0 auto; }
.urban .img-list .img-txt .txt-ttl { color: #222; font-size: 1.6rem; padding-bottom: .5rem; border-bottom: solid 1px #222; }
.urban .img-list .img-txt .txt-ttl + .img { margin-top: 1rem; }
.urban .img-list .note { text-align: right; margin-top: .5rem; }
@media screen and (max-width: 864px) { .urban .baba { grid-template-columns: 1fr; } }
@media screen and (max-width: 480px) { .urban { /*.img-list{
	max-width: 240px;
	grid-template-columns: 1fr;
	gap: 2rem;
}	*/ }
  .urban .img-list { gap: 1rem; } }

.acc-vari { background: url("../images/access/bg01.jpg") no-repeat 0% 0%; background-size: cover; padding: 5rem 0; }
.acc-vari::before { display: none; }
.acc-vari .maincopy, .acc-vari .lead, .acc-vari .note { color: #fff; }
.acc-vari .maincopy { text-align: center; }
.acc-vari .lead { max-width: 800px; margin-right: auto; margin-left: auto; }
.acc-vari .vari-list { margin: 6rem auto 0 auto; display: grid; gap: 5rem; grid-template-columns: repeat(2, 1fr); }
.acc-vari .vari-list + .note { margin-top: 2rem; }
.acc-vari .vari-list .vari-ttl { text-align: center; font-size: 3rem; line-height: 1.2; color: #fff; grid-column: span 2; }
.acc-vari .vari-list .vari-item .subcopy { color: #fff; text-align: center; }
.acc-vari .vari-list .vari-item .subcopy .icon { width: 40px; margin: 0 auto; padding-bottom: 1rem; }
.acc-vari .vari-list .vari-item .img-list { margin: 3rem auto 0 auto; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.acc-vari .vari-list .vari-item .note { margin-top: .5rem; text-align: right; }
.acc-vari .vari-list .vari-item .time { margin: 2rem auto 0 auto; max-width: 400px; }
.acc-vari .vari-list .time-list { margin: 3rem auto 0 auto; display: grid; gap: 1rem .5rem; grid-template-columns: auto 1fr auto; align-items: center; color: #fff; }
.acc-vari .vari-list .time-list .station { font-size: 1.8rem; }
.acc-vari .vari-list .time-list .time { font-size: 1.8rem; text-align: right; }
.acc-vari .vari-list .time-list .line { border-top: dotted 1px #fff; }
@media screen and (max-width: 600px) { .acc-vari .vari-list { gap: 3rem; grid-template-columns: 1fr; }
  .acc-vari .vari-list .vari-ttl { grid-column: span 1; font-size: 2.4rem; }
  .acc-vari .vari-list .vari-item .subcopy .icon { width: 30px; } }
@media screen and (max-width: 480px) { .acc-vari .vari-list { gap: 3rem; }
  .acc-vari .vari-list .vari-item { /*.img-list{
	max-width: 240px;
	grid-template-columns: 1fr;
}
.note{
	margin: .5rem auto 0 auto;
	max-width: 240px;
}*/ } }

.rosenzu02 { background: #fff; width: 86%; max-width: 1056px; margin: 0 auto; padding: 0; margin-top: 3rem; width: 100%; padding-bottom: 5rem; }
.rosenzu02 .img + .note { margin-top: 1rem; text-align: right; }
.rosenzu02 .txt { width: 90%; max-width: 500px; }
.rosenzu02 .txt img { display: block; margin-top: 1rem; width: 100%; height: auto; }
@media screen and (max-width: 600px) { .rosenzu02 .img { overflow-x: scroll; }
  .rosenzu02 .img img { height: 300px; width: auto; }
  .rosenzu02 .img + .note { margin-right: 5%; }
  .rosenzu02 .txt { margin: 1rem auto 0 auto; } }

.express .train { max-width: 800px; }
.express .train .train-time { position: relative; margin: 3rem auto 0 auto; padding-top: 20px; }
.express .train .train-time .shihatsu { width: 80px; position: absolute; top: 0; right: 0; }
.express .train .train-time .shihatsu img { display: block; width: 100%; height: auto; }
.express .train .train-time .img-list { margin: 3rem auto 0 auto; display: grid; gap: 3rem; grid-template-columns: repeat(2, 1fr); }
.express .train .train-time .img-list .li-ttl { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; font-size: 1.6rem; padding-bottom: 1rem; }
@media screen and (max-width: 600px) { .express .train .train-time { padding-top: 10px; /*.img-list{
	max-width: 300px;
	grid-template-columns: 1fr;
}*/ }
  .express .train .train-time .shihatsu { width: 80px; } }
@media screen and (max-width: 500px) { .express .train { margin-left: 5%; margin-right: auto; }
  .express .train .train-time .shihatsu { width: 50px; }
  .express .train .train-time .img-list { gap: 1rem; } }

.bus .img03 { width: 90%; max-width: 800px; margin: 3rem auto 0 auto; }
.bus .choku { width: 100%; max-width: 100%; }
.bus .choku .img-list { margin: 3rem auto 0 auto; display: grid; gap: 3rem; grid-template-columns: repeat(2, 1fr); }
.bus .choku + .note { margin-top: 2rem; }
@media screen and (max-width: 600px) { .bus .img03 { margin: 3rem auto 0 0; }
  .bus .choku .img-list { grid-template-columns: 1fr; max-width: 400px; } }