/* ------------------------------
 width: all
------------------------------ */
main section.s01 .wrapper .maincontents h2 img {
  width: 100%;
  display: block;
  border: 1px solid #3E3A39;
}
main section.s01 .wrapper .maincontents .t01 {
  font-size: 16px;
  line-height: 29px;
  margin-top: 40px;
}
main section.s01 .wrapper .maincontents .t02 {
  font-size: 16px;
  line-height: 29px;
  margin-top: 100px;
}
main section.s01 .wrapper .maincontents .photobox {
  width: 595px;
  margin: 280px auto 0;
}
main section.s01 .wrapper .maincontents .photobox img {
  display: block;
  margin: 70px auto 0;
}

/* ------------------------------
 width < $width-1
------------------------------ */
@media screen and (max-width: 768px) {
  main section.s01 .wrapper .maincontents {
    padding: 0 15px;
  }
  main section.s01 .wrapper .maincontents h2 {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  main section.s01 .wrapper .maincontents h2 img {
    width: 100%;
    display: block;
    border: 1px solid #3E3A39;
  }
  main section.s01 .wrapper .maincontents .t01 {
    font-size: 13px;
    line-height: 24px;
    margin-top: 10px;
  }
  main section.s01 .wrapper .maincontents .t02 {
    font-size: 13px;
    line-height: 24px;
    margin-top: 24px;
  }
  main section.s01 .wrapper .maincontents .photobox {
    width: 310px;
    margin: 40px auto 0;
  }
  main section.s01 .wrapper .maincontents .photobox img {
    width: 100%;
    display: block;
    margin: 25px auto 0;
  }
}