@charset "utf-8";




@media print, screen and (min-width: 781px) {
  .heading-tetsudo .image{
    background-image: url("../img/img_main.jpg");
    background-position: center top;
  }
}
@media screen and (max-width: 780px) {
  .heading-tetsudo .image{
    background-image: url("../img/img_main_sp.jpg");
    background-position: center top;
  }
}



#sec-work-trans1 .image1-1{
  background-image: url("../img/img_work-trans1_1.jpg");
}
#sec-work-trans1 .image1-2{
  background-image: url("../img/img_work-trans1_2.jpg");
}
#sec-work-trans1 .image1-1:before{
  content: "運転士";
}
#sec-work-trans1 .image1-2:before{
  content: "車掌";
}

#sec-work-trans2 .image2-1{
  background-image: url("../img/img_work-trans2_1.jpg");
}
#sec-work-trans2 .image2-2{
  background-image: url("../img/img_work-trans2_2.jpg");
}
#sec-work-trans2 .image2-1:before{
  content: "改札業務";
}
#sec-work-trans2 .image2-2:before{
  content: "出札業務";
}

#sec-work-trans3 .image3-1{
  background-image: url("../img/img_work-trans3_1.jpg");
}
#sec-work-trans3 .image3-2{
  background-image: url("../img/img_work-trans3_2.jpg");
}
#sec-work-trans3 .image3-1:before{
  content: "列車区助役";
}
#sec-work-trans3 .image3-2:before{
  content: "駅助役";
}


.image-col2-wrap > .image{
  position: relative;
}
.image-col2-wrap > .image:before{
  background-color: #FFF;
  display: block;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 400;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1;
  padding: 15px 15px;
  text-align: center;
  height: 180px;
  position: absolute;
  left: 0;
  top: 0;
}
@media print, screen and (min-width: 781px) {
  .image-col2-wrap > .image:before{
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 780px) {
  .image-col2-wrap > .image:before{
    display: none;
  }
}



@media print, screen and (min-width: 781px) {
}
@media screen and (max-width: 780px) {
}


@media print, screen and (min-width: 781px) {
}
@media screen and (max-width: 780px) {
}



@media print, screen and (min-width: 781px) {
}
@media screen and (max-width: 780px) {
}



@media print, screen and (min-width: 781px) {
}
@media screen and (max-width: 780px) {
}