@charset "UTF-8";
/*==================================================

** labor-regulations
==================================================*/
#laborRegulationsPoint {
  counter-reset: pointsec; }
  #laborRegulationsPoint .pointsec {
    counter-increment: pointsec;
    padding-left: 68px;
    position: relative; }
    #laborRegulationsPoint .pointsec h3 {
      min-height: 48px;
      padding-top: 2px; }
      #laborRegulationsPoint .pointsec h3::before {
        content: counter(pointsec);
        font: normal normal 700 2rem/1.6 "Lato", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", "M+ 1p", sans-serif;
        color: #fff;
        width: 48px;
        line-height: 48px;
        border-radius: 1000px;
        background: #0071bd;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0; }
      #laborRegulationsPoint .pointsec h3 + * {
        margin-top: 32px; }
    #laborRegulationsPoint .pointsec .reformbox {
      margin-top: 40px;
      padding: 40px;
      background: #e6f0f7; }
      #laborRegulationsPoint .pointsec .reformbox dt {
        font-size: 1.8rem;
        color: #0071bd; }
      #laborRegulationsPoint .pointsec .reformbox dd {
        margin-top: 24px; }
      #laborRegulationsPoint .pointsec .reformbox ul {
        gap: 16px; }
        #laborRegulationsPoint .pointsec .reformbox ul li {
          width: 478px;
          margin: 0; }

#laborRegulationsCourse .coursebox {
  width: 536px; }
  #laborRegulationsCourse .coursebox-ttl {
    margin: 0;
    padding: 40px 20px;
    font-size: 2.2rem;
    text-align: center;
    color: #fff;
    border-radius: 16px 0 0 0; }
    #laborRegulationsCourse .coursebox-ttl .en {
      display: block;
      font-size: 1.2rem;
      color: #d0d5d8;
      margin-top: 8px; }
  #laborRegulationsCourse .coursebox-content {
    border: 1px solid #d0d5d8;
    border-top: 0;
    margin: 0; }
    #laborRegulationsCourse .coursebox-content .txtbox {
      padding: 32px 31px; }
    #laborRegulationsCourse .coursebox-content .detail {
      padding-bottom: 12px; }
      #laborRegulationsCourse .coursebox-content .detail dt {
        background: #f5f7f7;
        padding: 10px 31px;
        text-align: center; }
      #laborRegulationsCourse .coursebox-content .detail dd {
        padding: 20px 31px;
        text-align: center; }
  #laborRegulationsCourse .coursebox.ptn-simple .coursebox-ttl {
    background: linear-gradient(to right, #7accf3 0, #0071bd 100%); }
  #laborRegulationsCourse .coursebox.ptn-full .coursebox-ttl {
    background: linear-gradient(to right, #ee8ab5 0, #7496e0 100%); }
#laborRegulationsCourse .btmtxt {
  font-size: 1.8rem;
  margin-top: 16px; }

#laborRegulationsFlow .flowbox {
  width: 535px; }
  #laborRegulationsFlow .flowbox.ptn-simple li::before {
    background: #63beeb; }
  #laborRegulationsFlow .flowbox.ptn-full li::before {
    background: #ee8ab5; }
  #laborRegulationsFlow .flowbox h3 {
    margin: 0; }

@media screen and (max-width: 600px) {
  #laborRegulationsPoint .pointsec {
    padding-left: 0; }
    #laborRegulationsPoint .pointsec h3 {
      position: relative;
      padding: 5px 0 0 68px; }
    #laborRegulationsPoint .pointsec .reformbox {
      padding: 40px 5%; }
      #laborRegulationsPoint .pointsec .reformbox ul li {
        width: 100%; }

  #laborRegulationsCourse .coursebox {
    width: 100%; }
    #laborRegulationsCourse .coursebox + .coursebox {
      margin-top: 40px; }
    #laborRegulationsCourse .coursebox-content .txtbox {
      padding: 32px 5.5%; }
    #laborRegulationsCourse .coursebox-content .detail dt {
      padding: 10px 5.5%; }
    #laborRegulationsCourse .coursebox-content .detail dd {
      padding: 20px 5.5%; }

  #laborRegulationsFlow .flowbox {
    width: 100%; }
    #laborRegulationsFlow .flowbox + .flowbox {
      margin-top: 64px; } }