@import url(reset.css);
@media screen and (max-width: 600px) { #main .en_ttl { top: 38%; } }
.contents_bg { background: #f0ece6; padding-bottom: 4rem; }

.localNav ul { max-width: 650px; width: 90%; margin: auto; }
.localNav ul li { width: 49%; }
.localNav ul li:nth-of-type(1) a { background: #998160; }
.localNav ul li:nth-of-type(2) a { background: #ac977b; }

#sta01 { padding-top: 17rem; margin-top: -10rem; background: url("../images/station_front/bg1.png") top center no-repeat; background-size: 100% auto; }
#sta01 .sec_ttl_en::before, #sta01 .sec_ttl_en::after { width: calc(50% - 240px); background: #998160; }
#sta01 .sta01_photo { max-width: 800px; margin: 3rem auto 5rem; }
#sta01 .sta01_photo li { width: 49%; }
#sta01 .sta01_photo2 { margin-top: 3rem; }
#sta01 .sta01_photo2 li:nth-of-type(1) { width: 100%; max-width: 800px; margin: auto; }
#sta01 .sta01_photo2 li:nth-of-type(2) { width: 100%; margin-top: 3rem; }
@media screen and (max-width: 600px) { #sta01 .sta01_photo2 li:nth-of-type(1) { width: 100%; margin-bottom: 3rem; }
  #sta01 .sta01_photo2 li:nth-of-type(2) { width: 100%; } }

#sta02 { padding-top: 5rem; }
#sta02 .inner { background: url("../images/station_front/bg2_pc.jpg") center center no-repeat; background-size: cover; padding: 40px; }
#sta02 .inner ul { margin: 3rem auto 0; max-width: 800px; align-items: flex-end; }
#sta02 .inner li:nth-of-type(1) { width: 32%; }
#sta02 .inner li:nth-of-type(2) { width: 62%; }
#sta02 .inner li h6 { font-size: 1.5rem; margin-bottom: 1rem; }
@media screen and (max-width: 600px) { #sta02 .inner { background-image: url("../images/station_front/bg2.jpg"); padding: 40px 20px 20px; }
  #sta02 .inner li:nth-of-type(1) { width: 100%; margin: 0 auto 2rem; max-width: 270px; }
  #sta02 .inner li:nth-of-type(2) { width: 100%; } }

#sta03 { margin: 6rem auto 0; }
#sta03 .midashi1 { margin-bottom: 6rem; line-height: 1.3; }
#sta03 .midashi1 .pickup { font-size: 1.5em; }
#sta03 .midashi1 .pickup b { font-weight: normal; font-size: 1.5em; }
#sta03 .inner > .flexBox li { margin-bottom: 6rem; align-items: flex-end; }
#sta03 .inner > .flexBox li .txtArea { width: 48%; }
#sta03 .inner > .flexBox li .txtArea h5 { font-size: 2.0rem; margin-bottom: 1rem; }
#sta03 .inner > .flexBox li .txtArea p { font-size: 1.7rem; line-height: 1.65; background: url("../images/station_front/deco_dush.png") left bottom; }
#sta03 .inner > .flexBox li .txtArea .red { color: #960000; }
#sta03 .inner > .flexBox li .pic1 { width: 48%; position: relative; }
#sta03 .inner > .flexBox li .pic1 .icon { position: absolute; top: -15px; left: -15px; width: 30%; z-index: 1; }
#sta03 .inner > .flexBox li .pic1 .icon img { width: 100%; height: auto; }
#sta03 .inner > .flexBox li .pic2 { width: 100%; margin-top: 2rem; }
@media screen and (max-width: 600px) { #sta03 .inner > .flexBox li .txtArea p { background-size: auto 5.7rem; }
  #sta03 .inner > .flexBox li:nth-child(even) .txtArea { order: 2; }
  #sta03 .inner > .flexBox li:nth-child(even) .pic1 { order: 1; }
  #sta03 .inner > .flexBox li:nth-child(even) .pic1 .icon { left: auto; right: -10px; }
  #sta03 .inner > .flexBox li:nth-child(even) .pic2 { order: 3; } }