@charset "UTF-8";
:root {
  --screen-height:100vh; }

/*********************************************************************
 * Hover Scale系.
 *********************************************************************/
@-webkit-keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }
@keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }

@-webkit-keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@-webkit-keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

@keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

/*********************************************************************
 * Bounce系.
 *********************************************************************/
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@-webkit-keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@-webkit-keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

main#main {
  /************************************************************************************************************************
   共通スタイル
   *************************************************************************************************************************/ }
  main#main .common-box {
    margin-top: 115px; }
    @media screen and (max-width: 812px) {
      main#main .common-box {
        margin-top: 20vw; } }
    main#main .common-box .common-box-inner {
      width: 700px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (max-width: 812px) {
        main#main .common-box .common-box-inner {
          width: 86.66667vw; } }
      main#main .common-box .common-box-inner h2 {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        padding-bottom: 30px;
        margin-bottom: 40px; }
        @media screen and (max-width: 812px) {
          main#main .common-box .common-box-inner h2 {
            padding-bottom: 6.66667vw;
            margin-bottom: 8vw; } }
        main#main .common-box .common-box-inner h2::after {
          content: "";
          position: absolute;
          width: 100px;
          height: 1px;
          background-color: #079ee3;
          bottom: 2px;
          right: 50%;
          -webkit-transform: translateX(50%);
                  transform: translateX(50%); }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner h2::after {
              width: 26.66667vw; } }
        main#main .common-box .common-box-inner h2 span.notice {
          font-size: 14px;
          font-weight: 400;
          margin-bottom: 7px; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner h2 span.notice {
              font-size: 3.2vw; } }
        main#main .common-box .common-box-inner h2 span.title {
          font-size: 28px;
          font-weight: 300; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner h2 span.title {
              font-size: 6.4vw;
              line-height: 9.6vw; } }
      main#main .common-box .common-box-inner ul.task-list li {
        position: relative;
        width: 100%;
        min-height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 16px;
        line-height: 26px;
        background-color: #edfaff;
        border-radius: 10px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        /*
          &::before {
            content: "";
            @include img-bg("/assets/images/hrm/common/ico-quote.png", 37px, 30px, 37px, 30px);
            position: absolute;
            left: 15px;
            top: 15px;

            @include mq-sp {
              @include img-bg-sp("/assets/images/hrm/common/ico-quote.png", 37px, 30px, 37px, 30px);
              position: absolute;
            }
          }

          &::after {
            content: "";
            @include img-bg("/assets/images/hrm/common/ico-quote.png", 37px, 30px, 37px, 30px);
            position: absolute;
            right: 15px;
            bottom: 15px;
            transform: rotate(180deg);

            @include mq-sp {
              @include img-bg-sp("/assets/images/hrm/common/ico-quote.png", 37px, 30px, 37px, 30px);
              position: absolute;
            }
          }
          */ }
        @media screen and (max-width: 812px) {
          main#main .common-box .common-box-inner ul.task-list li {
            font-size: 3.73333vw;
            line-height: 5.6vw;
            padding-left: 4.66667vw;
            padding-right: 4.66667vw;
            padding-top: 5.666vw;
            padding-bottom: 5.666vw; } }
        main#main .common-box .common-box-inner ul.task-list li:nth-child(n+2) {
          margin-top: 20px; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner ul.task-list li:nth-child(n+2) {
              margin-top: 3.2vw; } }
      main#main .common-box .common-box-inner p.sentence {
        font-size: 16px;
        line-height: 30px;
        text-align: justify; }
        @media screen and (max-width: 812px) {
          main#main .common-box .common-box-inner p.sentence {
            font-size: 3.7vw;
            line-height: 7vw; } }
        main#main .common-box .common-box-inner p.sentence:nth-child(n+2) {
          margin-top: 35px; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner p.sentence:nth-child(n+2) {
              margin-top: 8vw; } }
      main#main .common-box .common-box-inner .detail-link-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 35px; }
        @media screen and (max-width: 812px) {
          main#main .common-box .common-box-inner .detail-link-box {
            width: 70vw;
            margin-right: auto;
            margin-left: auto;
            margin-top: 8vw; } }
        main#main .common-box .common-box-inner .detail-link-box a.detail-link {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding-bottom: 3px;
          border-bottom: 1px solid #000;
          font-size: 16px;
          text-decoration: none;
          color: #000;
          padding-right: 50px;
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          main#main .common-box .common-box-inner .detail-link-box a.detail-link:hover {
            opacity: .65; }
            main#main .common-box .common-box-inner .detail-link-box a.detail-link:hover::after {
              right: 0px; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .detail-link-box a.detail-link {
              text-align: center;
              padding-right: 0; } }
          main#main .common-box .common-box-inner .detail-link-box a.detail-link::after {
            content: "";
            background-image: url("/assets/images/hrm/index/pickup-next-arrow.png");
            background-size: 27px 6px;
            background-repeat: no-repeat;
            background-position: center top;
            width: 27px;
            height: 6px;
            display: block;
            position: relative;
            position: absolute;
            right: 5px;
            bottom: 50%;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%);
            -webkit-transition: right .3s;
            transition: right .3s; }
            @media screen and (max-width: 812px) {
              main#main .common-box .common-box-inner .detail-link-box a.detail-link::after {
                background-image: url("/assets/images/hrm/index/pickup-next-arrow.png");
                background-size: 7.2vw 1.6vw;
                background-repeat: no-repeat;
                background-position: center top;
                width: 7.2vw;
                height: 1.6vw;
                display: block;
                position: relative;
                background-position: center;
                height: 100%;
                width: 15.2vw;
                margin-left: 1vw; } }
      main#main .common-box .common-box-inner .checked-panel-box {
        margin-top: 45px; }
        main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start; } }
          main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li {
            width: 340px;
            background-color: #edfaff;
            border-radius: 10px;
            padding: 20px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            @media screen and (min-width: 813px) {
              main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li:nth-child(2n) {
                margin-left: 20px; }
              main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li:nth-child(n+3) {
                margin-top: 15px; } }
            @media screen and (max-width: 812px) {
              main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li {
                width: 86.66667vw;
                padding: 5.33333vw; }
                main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li:nth-child(n+2) {
                  margin-top: 2.66667vw; } }
            main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li h3 {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              position: relative;
              font-size: 21px;
              border-bottom: 1px solid #000;
              padding-bottom: 5px;
              font-weight: 400;
              /*
                &::before {
                  content: "";
                  @include img-bg("/assets/images/hrm/common/ico-check.png", 60px, 40px, 60px, 40px);
                  display: inline-block;
                  margin-right: 10px;
                }
                 */ }
              @media screen and (max-width: 812px) {
                main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li h3 {
                  font-size: 5.6vw;
                  padding-bottom: 1.8vw; } }
            main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li .note {
              font-size: 14px;
              line-height: 28px;
              padding-top: 20px; }
              @media screen and (max-width: 812px) {
                main#main .common-box .common-box-inner .checked-panel-box .checked-panel-box-inner ul li .note {
                  font-size: 3.2vw;
                  line-height: 6.4vw;
                  padding-top: 2.66667vw; } }
      main#main .common-box .common-box-inner .panel-box {
        margin-top: 45px; }
        main#main .common-box .common-box-inner .panel-box .panel-box-inner ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .panel-box .panel-box-inner ul {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start; } }
          main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li {
            width: 220px;
            background-color: #edfaff;
            border-radius: 10px;
            padding: 20px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            @media screen and (min-width: 813px) {
              main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li {
                margin-right: 20px; }
                main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li:nth-child(3n) {
                  margin-right: 0; }
                main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li:nth-child(n+4) {
                  margin-top: 15px; } }
            @media screen and (max-width: 812px) {
              main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li {
                width: 86.66667vw;
                padding: 5.33333vw; }
                main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li:nth-child(n+2) {
                  margin-top: 2.66667vw; } }
            main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li .catch {
              font-size: 14px;
              text-align: center;
              margin-bottom: 2px; }
              @media screen and (max-width: 812px) {
                main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li .catch {
                  font-size: 3.73333vw; } }
            main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li h3 {
              position: relative;
              font-size: 18px;
              text-align: center;
              border-bottom: 1px solid #000;
              padding-bottom: 8px;
              font-weight: 400; }
              @media screen and (max-width: 812px) {
                main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li h3 {
                  font-size: 4.8vw;
                  padding-bottom: 1.8vw; } }
            main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li .note {
              font-size: 12px;
              line-height: 24px;
              padding-top: 15px; }
              @media screen and (max-width: 812px) {
                main#main .common-box .common-box-inner .panel-box .panel-box-inner ul li .note {
                  font-size: 3.2vw;
                  line-height: 6.4vw;
                  padding-top: 2.66667vw; } }
      main#main .common-box .common-box-inner .figure-box {
        margin-top: 50px; }
        @media screen and (max-width: 812px) {
          main#main .common-box .common-box-inner .figure-box {
            margin-top: 10.66667vw; } }
        main#main .common-box .common-box-inner .figure-box.caption {
          margin-top: 15px; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .figure-box.caption {
              margin-top: 4.66667vw; } }
        main#main .common-box .common-box-inner .figure-box .figure-box-inner {
          width: 700px;
          margin-right: auto;
          margin-left: auto; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .figure-box .figure-box-inner {
              width: 86.66667vw; } }
          main#main .common-box .common-box-inner .figure-box .figure-box-inner figure {
            width: 100%;
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 25px;
            padding-right: 25px;
            background-color: #f6f6f6;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
          main#main .common-box .common-box-inner .figure-box .figure-box-inner .caption {
            text-align: center;
            font-size: 13px; }
            @media screen and (max-width: 812px) {
              main#main .common-box .common-box-inner .figure-box .figure-box-inner .caption {
                margin-top: 4vw;
                font-size: 3.2vw; } }
      main#main .common-box .common-box-inner .blue-box {
        width: 100%;
        padding: 25px 25px;
        background-color: #edfaff;
        border-radius: 10px;
        margin-top: 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media screen and (max-width: 812px) {
          main#main .common-box .common-box-inner .blue-box {
            margin-top: 8vw;
            padding: 4.66667vw; } }
        main#main .common-box .common-box-inner .blue-box .blue-box-inner h3 {
          font-size: 21px;
          text-align: center;
          font-weight: 400;
          border-bottom: 2px solid #000;
          padding-bottom: 20px; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .blue-box .blue-box-inner h3 {
              font-size: 5.6vw;
              border-bottom: 1px solid #000;
              padding-bottom: 2.66667vw; } }
        main#main .common-box .common-box-inner .blue-box .blue-box-inner p.sentence {
          margin-top: 25px; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .blue-box .blue-box-inner p.sentence {
              margin-top: 3.33333vw; } }
        main#main .common-box .common-box-inner .blue-box .blue-box-inner figure {
          margin-top: 25px;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 0; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .blue-box .blue-box-inner figure {
              margin-top: 9.33333vw;
              margin-bottom: 9.33333vw; } }
      main#main .common-box .common-box-inner .btn-box-wrap {
        margin-top: 50px; }
        @media screen and (max-width: 812px) {
          main#main .common-box .common-box-inner .btn-box-wrap {
            margin-top: 13.33333vw; } }
        main#main .common-box .common-box-inner .btn-box-wrap h3 {
          font-size: 21px;
          font-weight: 400;
          text-align: center;
          margin-bottom: 33px;
          letter-spacing: .07em; }
          @media screen and (max-width: 812px) {
            main#main .common-box .common-box-inner .btn-box-wrap h3 {
              font-size: 4.8vw;
              line-height: 7.46667vw;
              margin-bottom: 4.4vw; } }
        main#main .common-box .common-box-inner .btn-box-wrap .cta-btn .btn {
          background-color: #fa9614;
          min-width: 280px; }
          main#main .common-box .common-box-inner .btn-box-wrap .cta-btn .btn:hover {
            background-color: #df9027; }
          main#main .common-box .common-box-inner .btn-box-wrap .cta-btn .btn .btn-inner::after {
            content: "";
            background-image: url("/assets/images/hrm/common/ico-btn-arrow-orange.png");
            background-size: 25px;
            background-repeat: no-repeat;
            background-position: center top;
            width: 25px;
            height: 25px;
            display: block;
            position: relative;
            position: absolute;
            bottom: 50%;
            right: 13px;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%); }
  main#main section#header-box {
    position: relative;
    max-width: 1400px;
    height: 160px;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (max-width: 812px) {
      main#main section#header-box {
        width: 100vw;
        height: 42.66667vw; } }
    main#main section#header-box .header-box-bg {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      main#main section#header-box .header-box-bg .pc {
        background-position: center;
        background-size: 1400px 160px;
        width: 100%;
        height: 160px; }
      main#main section#header-box .header-box-bg .sp {
        background-position: center;
        background-size: 100vw 42.66667vw;
        width: 100vw;
        height: 42.66667vw; }
    main#main section#header-box .header-box-inner {
      position: relative;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      main#main section#header-box .header-box-inner > h2 {
        display: inline-block;
        font-weight: 300;
        font-size: 36px; }
        @media screen and (max-width: 812px) {
          main#main section#header-box .header-box-inner > h2 {
            font-size: 7.46667vw; } }
  main#main section#body-copy {
    margin-top: 40px; }
    @media screen and (max-width: 812px) {
      main#main section#body-copy {
        margin-top: 9.33333vw; } }
    main#main section#body-copy .body-copy-inner {
      position: relative;
      width: 700px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (max-width: 812px) {
        main#main section#body-copy .body-copy-inner {
          width: 86.66667vw; } }
      main#main section#body-copy .body-copy-inner > .body-copy-text {
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
        margin-bottom: 45px; }
        @media screen and (max-width: 812px) {
          main#main section#body-copy .body-copy-inner > .body-copy-text {
            font-size: 3.7vw;
            line-height: 7vw;
            margin-bottom: 9.33333vw; } }
  main#main section#related-theme {
    width: 100%;
    margin-top: 115px;
    padding-top: 50px;
    padding-bottom: 50px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(219, 245, 252, 0.4)), to(rgba(223, 239, 227, 0.4)));
    background: linear-gradient(0deg, rgba(219, 245, 252, 0.4) 0%, rgba(223, 239, 227, 0.4) 100%); }
    @media screen and (max-width: 812px) {
      main#main section#related-theme {
        padding-top: 9.33333vw;
        padding-bottom: 6.66667vw; } }
    @media screen and (max-width: 812px) {
      main#main section#related-theme .related-theme-inner {
        width: 86.66667vw;
        margin-right: auto;
        margin-left: auto; } }
    main#main section#related-theme .related-theme-inner .notice {
      font-size: 14px;
      line-height: 30px;
      text-align: center; }
      @media screen and (max-width: 812px) {
        main#main section#related-theme .related-theme-inner .notice {
          font-size: 3.2vw;
          line-height: 7vw; } }
    main#main section#related-theme .related-theme-inner h3 {
      font-size: 28px;
      font-weight: 400;
      text-align: center;
      margin-bottom: 45px; }
      @media screen and (max-width: 812px) {
        main#main section#related-theme .related-theme-inner h3 {
          font-size: 6.4vw;
          margin-bottom: 7.33333vw; } }
    main#main section#related-theme .related-theme-inner ul.theme-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 812px) {
        main#main section#related-theme .related-theme-inner ul.theme-list li {
          margin-bottom: 2.66667vw; } }
      main#main section#related-theme .related-theme-inner ul.theme-list li:nth-child(n+2) {
        margin-left: 10px; }
      main#main section#related-theme .related-theme-inner ul.theme-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #000;
        font-size: 15px;
        font-weight: 500;
        height: 36px;
        background-color: #fff;
        border-radius: 18px;
        padding-left: 25px;
        padding-right: 25px;
        -webkit-transition: color .3s,background-color .3s;
        transition: color .3s,background-color .3s; }
        main#main section#related-theme .related-theme-inner ul.theme-list li a:hover {
          color: #fff;
          background-color: #222; }
        main#main section#related-theme .related-theme-inner ul.theme-list li a.who {
          background-color: #efb972;
          color: #fff; }
          main#main section#related-theme .related-theme-inner ul.theme-list li a.who:hover {
            background-color: #df9027; }
        main#main section#related-theme .related-theme-inner ul.theme-list li a.what {
          background-color: #7ac28f;
          color: #fff; }
          main#main section#related-theme .related-theme-inner ul.theme-list li a.what:hover {
            background-color: #38b35c; }
        main#main section#related-theme .related-theme-inner ul.theme-list li a.how {
          background-color: #CFC1E8;
          color: #fff; }
          main#main section#related-theme .related-theme-inner ul.theme-list li a.how:hover {
            background-color: #9986bc; }
        @media screen and (max-width: 812px) {
          main#main section#related-theme .related-theme-inner ul.theme-list li a {
            font-size: 3.2vw;
            height: 8vw;
            border-radius: 4vw;
            padding-left: 4vw;
            padding-right: 4vw; } }
  main#main section#related-info, main#main section#related-seminar-info {
    margin-top: 65px; }
    main#main section#related-info .related-info-inner h2, main#main section#related-seminar-info .related-info-inner h2 {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center; }
      main#main section#related-info .related-info-inner h2 span.notice, main#main section#related-seminar-info .related-info-inner h2 span.notice {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 7px; }
        @media screen and (max-width: 812px) {
          main#main section#related-info .related-info-inner h2 span.notice, main#main section#related-seminar-info .related-info-inner h2 span.notice {
            font-size: 3.2vw; } }
      main#main section#related-info .related-info-inner h2 span.title, main#main section#related-seminar-info .related-info-inner h2 span.title {
        font-size: 28px;
        font-weight: 300; }
        @media screen and (max-width: 812px) {
          main#main section#related-info .related-info-inner h2 span.title, main#main section#related-seminar-info .related-info-inner h2 span.title {
            font-size: 6.4vw;
            line-height: 9.6vw; } }
    main#main section#related-info .related-info-inner .seminar-box, main#main section#related-seminar-info .related-info-inner .seminar-box {
      margin-top: 40px; }
      @media screen and (max-width: 812px) {
        main#main section#related-info .related-info-inner .seminar-box, main#main section#related-seminar-info .related-info-inner .seminar-box {
          margin-top: 5.33333vw; } }
      main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner {
        width: 960px;
        margin-right: auto;
        margin-left: auto; }
        @media screen and (max-width: 812px) {
          main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner {
            width: 86.66667vw; } }
        main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 25px; }
          @media screen and (max-width: 812px) {
            main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li {
            width: 310px;
            padding-bottom: 35px; }
            @media screen and (max-width: 812px) {
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li {
                width: 86.66667vw;
                padding-bottom: 5vw; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li:nth-child(n+2), main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li:nth-child(n+2) {
                  margin-top: 5.33333vw; } }
            @media screen and (min-width: 813px) {
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li:nth-child(n+2), main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li:nth-child(n+2) {
                margin-left: 15px; } }
            main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span {
              display: block;
              width: 100%;
              color: #000; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span:hover figure, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span:hover figure {
                opacity: .65; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span:hover .more, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span:hover .more {
                right: 15px; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span > a, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span > a {
                color: #000; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span figure, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span figure {
                position: relative;
                margin: 0;
                -webkit-transition: opacity .3s;
                transition: opacity .3s; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span figure img, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span figure img {
                  width: 100%; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category {
                margin-top: 10px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                font-size: 12px;
                padding-left: 15px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category {
                    padding-left: 6.66667vw; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category img, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category img {
                  width: 55px; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category img, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .category img {
                      width: 14.66667vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .title, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .title {
                font-size: 16px;
                font-weight: 600;
                margin-top: 10px;
                margin-bottom: 5px;
                padding-left: 15px;
                padding-right: 15px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .title, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .title {
                    font-size: 4.26667vw;
                    padding-left: 6.66667vw;
                    padding-right: 6.66667vw;
                    margin-top: 1vw;
                    margin-bottom: 1vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .note, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .note {
                font-size: 12px;
                padding-left: 15px;
                padding-right: 15px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .note, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .note {
                    font-size: 3.2vw;
                    padding-left: 6.66667vw;
                    padding-right: 6.66667vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .target-theme, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .target-theme {
                margin-top: 10px;
                font-size: 12px;
                margin-bottom: 0px;
                padding-left: 15px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .target-theme, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .target-theme {
                    margin-bottom: 1.5vw;
                    font-size: 3.2vw;
                    padding-left: 6.66667vw;
                    padding-right: 6.66667vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time {
                font-size: 12px;
                padding-left: 15px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time {
                    font-size: 3.2vw;
                    padding-left: 6.66667vw;
                    padding-right: 6.66667vw; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time .ico-time, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time .ico-time {
                  display: inline;
                  width: 12px; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time .ico-time, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .time .ico-time {
                      width: 3.2vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list {
                padding-left: 15px;
                margin-top: 10px;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list {
                    padding-left: 6.66667vw;
                    padding-right: 6.66667vw; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li {
                  margin-right: 10px;
                  margin-bottom: 10px; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li {
                      margin-bottom: 2.66667vw; } }
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li a, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    color: #000;
                    font-size: 10px;
                    font-weight: 500;
                    height: 20px;
                    background-color: #fff;
                    border-radius: 15px;
                    padding-left: 15px;
                    padding-right: 15px;
                    border: 1px solid #000;
                    pointer-events: none;
                    -webkit-transition: color .3s,background-color .3s;
                    transition: color .3s,background-color .3s; }
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li a:hover, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li a:hover {
                      color: #fff;
                      background-color: #222; }
                    @media screen and (max-width: 812px) {
                      main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li a, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span ul.theme-list li a {
                        font-size: 2.66667vw;
                        height: 5.33333vw;
                        border-radius: 4vw;
                        padding-left: 4vw;
                        padding-right: 4vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .more, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .more {
                position: absolute;
                right: 20px;
                bottom: 10px;
                width: 70px;
                -webkit-transition: right .3s;
                transition: right .3s; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .more, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.column-list > li span .more {
                    width: 18.66667vw;
                    bottom: 3vw;
                    right: 4vw; } }
        main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 25px; }
          @media screen and (max-width: 812px) {
            main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li {
            position: relative; }
            @media screen and (min-width: 813px) {
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li:nth-child(n+2), main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li:nth-child(n+2) {
                margin-left: 15px; } }
            @media screen and (max-width: 812px) {
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li:nth-child(n+2), main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li:nth-child(n+2) {
                margin-top: 4vw; } }
            main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a {
              position: relative;
              width: 310px;
              height: 100%;
              display: block;
              background-color: #fff;
              color: #000;
              padding: 5px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              padding-bottom: 50px;
              -webkit-transition: opacity .3s;
              transition: opacity .3s; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a:hover, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a:hover {
                opacity: .65; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a:hover .footer-box .more-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a:hover .footer-box .more-box {
                  margin-right: 15px; }
              @media screen and (max-width: 812px) {
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a {
                  width: 86.66667vw;
                  padding-bottom: 11vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                border-bottom: 1px solid #000;
                padding-top: 5px;
                padding-bottom: 10px;
                padding-left: 5px; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box .category, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box .category {
                  width: 55px;
                  margin-right: 10px; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box .category, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box .category {
                      width: 14.66667vw; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box span.date, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box span.date {
                  font-size: 15px;
                  font-weight: bold; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box span.date, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box span.date {
                      font-size: 3.73333vw;
                      line-height: 1.3em; }
                      main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box span.date > span, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .date-box span.date > span {
                        display: block; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box {
                padding-top: 10px;
                padding-left: 5px; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title {
                  font-size: 18px;
                  font-weight: bold;
                  margin-bottom: 10px; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title {
                      font-size: 3.73333vw;
                      margin-bottom: 0; } }
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title > span, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title > span {
                    display: block;
                    color: #00a4e5; }
                    @media screen and (max-width: 812px) {
                      main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title > span, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .title > span {
                        display: block; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .lead, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .lead {
                  font-size: 12px; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .lead, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .body-box .lead {
                      font-size: 3.2vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box {
                position: absolute;
                bottom: 6px;
                width: 100%;
                padding-left: 5px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box {
                    bottom: 9px; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center; }
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag {
                    font-size: 12px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    margin-right: 10px; }
                    @media screen and (max-width: 812px) {
                      main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag {
                        font-size: 2.8vw; } }
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-place, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-place {
                      width: 7px;
                      vertical-align: unset; }
                      @media screen and (max-width: 812px) {
                        main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-place, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-place {
                          width: 1.86667vw; } }
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-target, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-target {
                      width: 9px;
                      vertical-align: unset; }
                      @media screen and (max-width: 812px) {
                        main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-target, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .tag-box .tag .ico-target {
                          width: 2.4vw; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .more-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .more-box {
                  width: 70px;
                  margin-right: 20px;
                  -webkit-transition: margin-right .3s;
                  transition: margin-right .3s; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .more-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.seminar-list li a .footer-box .more-box {
                      width: 18.66667vw; } }
        main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          @media screen and (max-width: 812px) {
            main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li {
            width: 310px;
            padding-bottom: 15px; }
            @media screen and (max-width: 812px) {
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li {
                width: 86.66667vw; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li:nth-child(n+2), main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li:nth-child(n+2) {
                  margin-top: 5.33333vw; } }
            @media screen and (min-width: 813px) {
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li:nth-child(n+2), main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li:nth-child(n+2) {
                margin-left: 15px; } }
            main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a {
              display: block;
              width: 100%;
              color: #000; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a:hover figure, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a:hover figure {
                opacity: .65; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a:hover .download-link, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a:hover .download-link {
                background-color: lightblue; }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure {
                position: relative;
                margin: 0;
                -webkit-transition: opacity .3s;
                transition: opacity .3s; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure img, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure img {
                  width: 100%; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure .category, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure .category {
                  width: 55px;
                  position: absolute;
                  bottom: -10px;
                  left: 0; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure .category, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a figure .category {
                      width: 14.66667vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .title, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .title {
                font-size: 18px;
                font-weight: 600;
                margin-top: 10px;
                margin-bottom: 5px;
                padding-left: 15px;
                padding-right: 15px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .title, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .title {
                    font-size: 3.73333vw;
                    padding-left: 2vw;
                    padding-right: 2vw;
                    margin-top: 5vw;
                    margin-bottom: 1vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .note, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .note {
                font-size: 12px;
                padding-left: 15px;
                padding-right: 15px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .note, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .note {
                    font-size: 3.2vw;
                    padding-left: 2vw;
                    padding-right: 2vw; } }
              main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box {
                position: relative;
                width: 100%;
                margin-top: 20px; }
                @media screen and (max-width: 812px) {
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box {
                    margin-top: 2.66667vw; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box::before, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box::before {
                  content: "";
                  display: block;
                  width: 96%;
                  height: 1px;
                  margin-right: auto;
                  margin-left: auto;
                  background-color: #000; }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .target, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .target {
                  font-size: 12px;
                  padding-left: 15px;
                  padding-right: 15px;
                  margin-top: 7px; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .target, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .target {
                      font-size: 3.2vw;
                      padding-left: 2vw;
                      padding-right: 2vw;
                      margin-top: 1.1vw; } }
                main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link {
                  width: 180px;
                  margin-right: auto;
                  margin-left: auto;
                  margin-top: 15px;
                  height: 25px;
                  border: 1px solid #000;
                  border-radius: 13px;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: center;
                      -ms-flex-pack: center;
                          justify-content: center;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  -webkit-transition: background-color .3s;
                  transition: background-color .3s; }
                  @media screen and (max-width: 812px) {
                    main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link {
                      width: 48vw;
                      height: 6.66667vw;
                      margin-top: 4vw;
                      font-size: 3.2vw;
                      border-radius: 3.33333vw; } }
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link::after, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link::after {
                    content: "";
                    background-image: url("/assets/images/hrm/index/pickup-next-arrow.png");
                    background-size: 17px 3.5px;
                    background-repeat: no-repeat;
                    background-position: center top;
                    width: 17px;
                    height: 3.5px;
                    display: block;
                    position: relative;
                    display: inline-block;
                    margin-left: 10px; }
                    @media screen and (max-width: 812px) {
                      main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link::after, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link::after {
                        background-image: url("/assets/images/hrm/index/pickup-next-arrow.png");
                        background-size: 4.53333vw 0.93333vw;
                        background-repeat: no-repeat;
                        background-position: center top;
                        width: 4.53333vw;
                        height: 0.93333vw;
                        display: block;
                        position: relative; } }
                  main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link span, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link span {
                    font-size: 12px;
                    margin-left: 15px; }
                    @media screen and (max-width: 812px) {
                      main#main section#related-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link span, main#main section#related-seminar-info .related-info-inner .seminar-box .seminar-box-inner ul.white-paper-list li a .download-link-box .download-link span {
                        font-size: 3.2vw; } }
  main#main section#recommended-info {
    margin-top: 65px; }
    main#main section#recommended-info .recommended-info-inner h2 {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center; }
      main#main section#recommended-info .recommended-info-inner h2 span.notice {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 7px; }
        @media screen and (max-width: 812px) {
          main#main section#recommended-info .recommended-info-inner h2 span.notice {
            font-size: 3.2vw; } }
      main#main section#recommended-info .recommended-info-inner h2 span.title {
        font-size: 28px;
        font-weight: 300; }
        @media screen and (max-width: 812px) {
          main#main section#recommended-info .recommended-info-inner h2 span.title {
            font-size: 6.4vw;
            line-height: 9.6vw; } }
    main#main section#recommended-info .recommended-info-inner ul.recommended-list {
      width: 960px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media screen and (max-width: 812px) {
        main#main section#recommended-info .recommended-info-inner ul.recommended-list {
          width: 86.66667vw; } }
      @media screen and (min-width: 813px) {
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li:nth-of-type(3n) a, main#main section#recommended-info .recommended-info-inner ul.recommended-list > li:last-of-type a {
          border: none; }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li:nth-child(n+4) {
          margin-top: 45px; } }
      @media screen and (max-width: 812px) {
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li:nth-child(2n) a {
          padding-right: 0;
          padding-left: 3.33333vw;
          border: none; }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li:last-of-type a {
          border: none; }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li:nth-child(n+3) {
          margin-top: 10.66667vw; } }
      main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a {
        display: block;
        width: 320px;
        color: #000;
        padding-left: 25px;
        padding-right: 25px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1px dotted #cccccc;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a:hover {
          opacity: .65; }
          main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a:hover .more-link {
            -webkit-transform: translateX(5px);
                    transform: translateX(5px); }
        @media screen and (max-width: 812px) {
          main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a {
            width: 42.66667vw;
            padding-left: 0;
            padding-right: 3.33333vw; } }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a .title {
          font-size: 21px;
          font-weight: 600;
          margin-bottom: 10px; }
          @media screen and (max-width: 812px) {
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a .title {
              font-size: 4.26667vw;
              margin-bottom: 2vw; } }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a .note {
          font-size: 12px;
          line-height: 18px; }
          @media screen and (max-width: 812px) {
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a .note {
              font-size: 3.2vw;
              line-height: 4.8vw; } }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list {
          margin-top: 40px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          @media screen and (max-width: 812px) {
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list {
              margin-top: 13.33333vw;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between; } }
          main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li {
            background-color: #00a4e5;
            height: 30px;
            border-radius: 15px;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding-left: 15px;
            padding-right: 15px;
            font-size: 12px;
            margin-right: 5px;
            /*
                ・通信教育：7ab8b9
                ・集合研修（研修、集合研修、社員研修を統一）：a9cf45
                ・オンライン研修（上記と同じ色）：a9cf45
                ・公開セミナー：#b1324f
                ・オンライン公開セミナー（公開セミナーと同じ色）：#b1324f
                ・eラーニング：3467aa
                ・アセスメント：873171
                ・定額制サービス：666666
                ・映像教材・通信教材：ebba41
                ・その他：#00a4e5
                 */ }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.who {
              background-color: #df9027; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.what {
              background-color: #38b35c; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.how {
              background-color: #9986bc; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.tsukyo {
              background-color: #7ab8b9; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.training {
              background-color: #a9cf45; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.online {
              background-color: #a9cf45; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.seminar {
              background-color: #b1324f; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.online-seminar {
              background-color: #b1324f; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.e-learning {
              background-color: #3467aa; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.asessment {
              background-color: #873171; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.flat-rate {
              background-color: #666666; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.video {
              background-color: #ebba41; }
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li.other {
              background-color: #00a4e5; }
            @media screen and (max-width: 812px) {
              main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a ul.category-list li {
                height: 5.33333vw;
                border-radius: 2.66667vw;
                font-size: 2.6vw;
                padding-left: 2.66667vw;
                padding-right: 2.66667vw;
                margin-right: 0;
                margin-bottom: 2vw; } }
        main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a .more-link {
          overflow: hidden;
          white-space: nowrap;
          text-indent: -9999px;
          background-image: url("/assets/images/hrm/index/pickup-more.png");
          background-size: 70px 11.5px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 70px;
          height: 11.5px;
          display: block;
          position: relative;
          margin-right: auto;
          margin-left: auto;
          margin-top: 30px;
          -webkit-transition: -webkit-transform .3s;
          transition: -webkit-transform .3s;
          transition: transform .3s;
          transition: transform .3s, -webkit-transform .3s; }
          @media screen and (max-width: 812px) {
            main#main section#recommended-info .recommended-info-inner ul.recommended-list > li a .more-link {
              background-image: url("/assets/images/hrm/index/pickup-more.png");
              background-size: 18.66667vw 3.06667vw;
              background-repeat: no-repeat;
              background-position: center top;
              width: 18.66667vw;
              height: 3.06667vw;
              display: block;
              position: relative;
              margin-top: 4.66667vw; } }
    main#main section#recommended-info .recommended-info-inner .btn-box-wrap {
      margin-top: 100px; }
      @media screen and (max-width: 812px) {
        main#main section#recommended-info .recommended-info-inner .btn-box-wrap {
          width: 86.6666vw;
          margin-right: auto;
          margin-left: auto;
          margin-top: 13.33333vw; } }
      main#main section#recommended-info .recommended-info-inner .btn-box-wrap.program {
        margin-top: 45px; }
        @media screen and (max-width: 812px) {
          main#main section#recommended-info .recommended-info-inner .btn-box-wrap.program {
            margin-top: 9.33333vw;
            margin-bottom: 17vw; } }
      main#main section#recommended-info .recommended-info-inner .btn-box-wrap h3 {
        font-size: 21px;
        font-weight: 400;
        text-align: center;
        margin-bottom: 33px;
        letter-spacing: .07em; }
        @media screen and (max-width: 812px) {
          main#main section#recommended-info .recommended-info-inner .btn-box-wrap h3 {
            font-size: 4.8vw;
            line-height: 7.46667vw;
            margin-bottom: 4.4vw; } }
      main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn {
        background-color: #fa9614;
        min-width: 280px; }
        main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn:hover {
          background-color: #df9027; }
        main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn.program {
          background-color: #fff;
          border: 1px solid #000;
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn.program:hover {
            opacity: .8; }
            main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn.program:hover .btn-inner::after {
              right: 10px; }
          main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn.program .btn-inner::after {
            background-image: url("/assets/images/hrm/common/ico-btn-arrow-black.png");
            background-size: 25px;
            background-repeat: no-repeat;
            background-position: center top;
            width: 25px;
            height: 25px;
            display: block;
            position: relative;
            position: absolute;
            bottom: 50%;
            right: 13px;
            -webkit-transition: right .3s;
            transition: right .3s;
            -webkit-transform: translateY(50%);
                    transform: translateY(50%); }
          main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn.program .btn-inner > span {
            color: #000;
            font-weight: 500; }
        main#main section#recommended-info .recommended-info-inner .btn-box-wrap .cta-btn .btn .btn-inner::after {
          content: "";
          background-image: url("/assets/images/hrm/common/ico-btn-arrow-orange.png");
          background-size: 25px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 25px;
          height: 25px;
          display: block;
          position: relative;
          position: absolute;
          bottom: 50%;
          right: 13px;
          -webkit-transform: translateY(50%);
                  transform: translateY(50%); }

/*# sourceMappingURL=../maps/hrm/hub.css.map */