@media (min-width: 768px) {
  /* ---------- work-reform ---------- */
  .pc-on {
    display: block; }

  .sp-on {
    display: none; }

  .work-reform {
    margin: 120px auto 0; }
    .work-reform img {
      width: 100%;
      vertical-align: bottom; }
    .work-reform .main-visual {
      width: 875px;
      margin: 0 auto; }
      .work-reform .main-visual__title {
        width: 280px;
        margin: 0 auto 60px; }
      .work-reform .main-visual__image {
        margin-bottom: 60px; }
    .work-reform .sec .inner {
      width: 875px;
      margin: 0 auto; }
      .work-reform .sec .inner .sec-title {
        margin-bottom: 145px; }
      .work-reform .sec .inner .sec-image {
        margin-bottom: 67px; }
    .work-reform .sec--border {
      width: 100%;
      margin: 150px auto 130px; }
    .work-reform .sec--last {
      margin: 0 auto 180px; }
    .work-reform .sec.bg-blue {
      padding: 80px 0 100px;
      background: #E2F4F7; }
    .work-reform .lead-wrap {
      margin-bottom: 88px; }
    .work-reform .lead-text {
      font-size: 18px;
      line-height: 1.8;
      letter-spacing: 0.2em;
      text-align: center;
      margin-bottom: 35px;
      color: #444444; }
    .work-reform .happy {
      margin-bottom: 145px; }
      .work-reform .happy__title {
        margin-bottom: 35px; }
      .work-reform .happy__cap {
        margin-bottom: 30px; }
      .work-reform .happy__image {
        width: 200px;
        margin: 0 auto 35px; }
      .work-reform .happy__note {
        font-size: 10px;
        text-align: center; }
    .work-reform .support__title {
      width: 300px;
      margin: 0 auto 42px; }
    .work-reform .support__text {
      font-size: 14px;
      line-height: 1.8;
      text-align: center;
      letter-spacing: 0.2em;
      margin-bottom: 65px; }
    .work-reform .list-box-wrap {
      display: flex;
      display: -webkit-flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center; }
    .work-reform .c-full-border {
      border-top: 1px #ccc solid; }
    .work-reform .c-wave {
      margin-bottom: 110px;
      padding: 0 0 20px 0;
      background: url(../../static/img/worklifebalance_new/border_wave.gif) repeat-x bottom; } }
@media (max-width: 767px) {
  /* ---------- work-reform ---------- */
  .pc-on {
    display: none; }

  .sp-on {
    display: block; }

  .work-reform {
    margin: 40px auto 0; }
    .work-reform .main-visual {
      width: calc(100% - 60px);
      margin: 0 auto; }
      .work-reform .main-visual__title {
        width: 140px;
        margin: 0 auto 30px; }
      .work-reform .main-visual__image {
        margin-bottom: 30px; }
    .work-reform .sec .inner {
      width: calc(100% - 60px);
      margin: 0 auto; }
      .work-reform .sec .inner .sec-title {
        margin-bottom: 30px; }
      .work-reform .sec .inner .sec-image {
        margin-bottom: 28px; }
    .work-reform .sec--border {
      width: 100%;
      margin: 48px auto 44px; }
    .work-reform .sec--last {
      margin: 0 auto 70px; }
    .work-reform .sec.bg-blue {
      padding: 40px 0 55px;
      background: #E2F4F7; }
    .work-reform .lead-wrap {
      margin-bottom: 45px; }
    .work-reform .lead-text {
      font-size: 11px;
      line-height: 1.8;
      letter-spacing: 0.2em;
      text-align: center;
      margin-bottom: 22px;
      color: #444444; }
    .work-reform .happy {
      margin-bottom: 65px; }
      .work-reform .happy__title {
        margin-bottom: 20px; }
      .work-reform .happy__cap {
        margin-bottom: 20px; }
      .work-reform .happy__image {
        width: 100px;
        margin: 0 auto 20px; }
      .work-reform .happy__note {
        font-size: 10px;
        text-align: center; }
    .work-reform .support__title {
      width: 150px;
      margin: 0 auto 20px; }
    .work-reform .support__text {
      font-size: 10px;
      line-height: 1.8;
      text-align: left;
      margin-bottom: 30px; }
    .work-reform .list-box-wrap {
      display: block; }
    .work-reform .list-box {
      width: 100%;
      margin-bottom: 16px; }
    .work-reform .c-full-border {
      border-top: 1px #ccc solid; }
    .work-reform .c-wave {
      margin-bottom: 40px;
      padding: 0 0 20px 0;
      background: url(../../static/img/worklifebalance_new/border_wave.gif) repeat-x bottom;
      background-size: contain; } }

/*# sourceMappingURL=workreform-style.css.map */