@charset "UTF-8";
.acc01 .img01 .note { text-align: right; }
.acc01 .acc01-list { margin-top: 3rem; }
.acc01 .acc01-list ul { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }
.acc01 .img03 { margin-top: 3rem; }
.acc01 .img03 .img03-ttl { font-size: 1.6rem; line-height: 1.2; padding-bottom: .5rem; border-bottom: solid thin #3e5059; }
.acc01 .img03 .img03-list { margin-top: 1rem; }
.acc01 .img03 .img03-list ul { display: grid; gap: 1rem 3rem; grid-template-columns: repeat(2, 1fr); }
.acc01 .img03 .img03-list ul img { display: block; }
.acc01 .img03 .img03-list ul .note { margin-top: .5rem; line-height: 1.4; }
.acc01 .img03 .note { margin-top: 1rem; }
.acc01 .romancecar { margin-top: 3rem; border: solid 1px #666; padding: 0; background: #fff; }
.acc01 .romancecar .r-head { padding: 1rem; display: grid; gap: 20px; grid-template-columns: 50% 1fr; }
.acc01 .romancecar .r-head .txt { display: grid; gap: 20px; grid-template-columns: 50% 1fr; grid-template-rows: max-content 1fr; }
.acc01 .romancecar .r-head .txt .lead { font-size: .875rem; }
.acc01 .romancecar .r-ttl { grid-column: 1 / 3; }
.acc01 .romancecar .r-ttl .line { background: #57BEC1; color: #fff; padding: 5px; margin-top: 5px; }
.acc01 .romancecar .r-ttl .line:first-of-type { margin-top: 0; }
.acc01 .romancecar .r-items { margin-top: 1rem; padding: 2rem 1rem; font-family: "Noto Sans JP","Roboto","YuGothic,YuGothicM","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-feature-settings: 'palt'; background: #EFF0F1; }
.acc01 .romancecar .r-items .r-items-ttl { width: calc(100% - 25px); margin-right: 0; margin-left: auto; background: #57BEC1; padding: 10px; color: #fff; position: relative; }
.acc01 .romancecar .r-items .r-items-ttl .shitei { background: #fff; padding: 10px; display: grid; place-content: center; place-items: center; color: #57BEC1; font-size: 18px; line-height: 1.2; text-align: center; width: 75px; height: 75px; border-radius: 50%; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); z-index: 2; }
.acc01 .romancecar .r-items .r-items-ttl .txt { padding-left: 60px; font-size: 1rem; line-height: 1.4; }
.acc01 .romancecar .r-items ul { margin-top: 30px; display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }
.acc01 .train02 { margin-top: 3rem; background: #EFF6FB; padding: 3rem 0; }
.acc01 .train02 .train-time { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); background: #fff; padding: 1rem; }
.acc01 .train02 .train-time + .note { margin-top: 1rem; }
.acc01 .train02 .train-time .time-ttl { padding: 5px; font-size: 1rem; color: #fff; }
.acc01 .train02 .train-time .time-item img { display: block; width: 100%; height: auto; margin-top: 1rem; }
.acc01 .train02 .train-time .time-item:first-of-type .time-ttl { background: #57BEC1; }
.acc01 .train02 .train-time .time-item:last-of-type .time-ttl { background: #B5A07C; }
@media screen and (max-width: 1024px) { .acc01 .img03 .img03-ttl { font-size: 1.6rem; } }
@media screen and (max-width: 768px) { .acc01 .acc01-list ul { grid-template-columns: repeat(2, 1fr); }
  .acc01 .img03 .img03-ttl { font-size: 1.4rem; }
  .acc01 .img03 .img03-list ul { gap: 1rem; grid-template-columns: 1fr; }
  .acc01 .romancecar .r-head { grid-template-columns: 1fr; }
  .acc01 .romancecar .r-items .r-items-ttl { width: 100%; padding: 0; }
  .acc01 .romancecar .r-items .r-items-ttl .shitei { top: -15px; left: -10px; width: 60px; height: 60px; font-size: 16px; transform: none; }
  .acc01 .romancecar .r-items .r-items-ttl .txt { padding: 5px 15px 5px 40px; text-align: center; }
  .acc01 .romancecar .r-items ul { grid-template-columns: repeat(2, 1fr); }
  .acc01 .train02 .train-time { grid-template-columns: 1fr; } }
@media screen and (max-width: 500px) { .acc01 .img03 .img03-ttl { font-size: 1.2rem; }
  .acc01 .romancecar .r-items .r-items-ttl .shitei { width: 50px; height: 50px; font-size: 15px; }
  .acc01 .romancecar .r-items .r-items-ttl .txt { padding: 5px 15px 5px 40px; }
  .acc01 .romancecar .r-items ul { grid-template-columns: 1fr; } }

.acc02 { padding-bottom: 3rem; }
.acc02 .lead { width: 90%; max-width: 720px; margin-right: auto; margin-left: auto; text-align: left; }
.acc02 .acc02-inner { margin-top: 2rem; width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; display: grid; gap: 30px; grid-template-columns: 55% 1fr; }
.acc02 .acc02-inner .img-list .li-ttl { font-size: 1rem; }
.acc02 .acc02-inner .img-list ul { margin-top: 1rem; display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
.acc02 .acc02-inner .img-list ul .li-name { margin-top: .5rem; font-size: 1rem; }
.acc02 .acc02-inner .img-list ul .li-name .txt-s { display: block; font-size: .75rem; }
.acc02 .acc02-inner .img-list .note { margin-top: 1rem; }
@media screen and (max-width: 768px) { .acc02 .acc02-inner { grid-template-columns: 1fr; } }

.acc03 { background: #E9F2FA; padding-bottom: 3rem; }
.acc03 .lead { width: 90%; max-width: 720px; margin-right: auto; margin-left: auto; text-align: left; }
.acc03 .acc03-inner { margin-top: 3rem; width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; display: grid; gap: 30px; grid-template-columns: 50% 1fr; }
@media screen and (max-width: 768px) { .acc03 .acc03-inner { grid-template-columns: 1fr; } }