/* ------------------------------
 width: all
------------------------------ */
main section.s01 {
  margin-top: 120px;
}
main section.s01 .wrapper {
  width: 1200px;
  margin: 0 auto;
  border: 1px solid #B8B8B8;
  padding: 80px 80px;
}
main section.s01 .wrapper .t01 {
  font-size: 16px;
  line-height: 36px;
}
main section.s01 .wrapper .t01 + .t01 {
  margin-top: 36px;
}

/* ------------------------------
 width < $width-1
------------------------------ */
@media screen and (max-width: 800px) {
  main section.s01 {
    margin-top: 40px;
    padding: 0 20px;
  }
  main section.s01 .wrapper {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #B8B8B8;
    padding: 20px 20px;
  }
  main section.s01 .wrapper .t01 {
    font-size: 14px;
    line-height: 28px;
  }
  main section.s01 .wrapper .t01 + .t01 {
    margin-top: 28px;
  }
}