@-webkit-keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.box-text {
  margin-bottom: 4.5em;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-text.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-text::before {
  content: " ";
  display: inline-block;
  position: relative;
  background-color: #61a2fb;
  width: 0.77em;
  height: 0.77em;
  border-radius: 50%;
  top: -.3em;
  margin-right: .9em;
}

.box-text__title {
  display: inline-block;
  font-size: 1.87em;
  font-weight: bold;
  margin-bottom: 1.15em;
  line-height: 1.5;
  letter-spacing: -.02em;
}

.box-textarea {
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-textarea.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-textarea p {
  text-align: justify;
  color: #828282;
  letter-spacing: 0.06em;
  line-height: 1.87;
}

.box-training-item {
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-training-item.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-training-item.show .box-review__content {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.box-training-item.show .box-review__icon {
  -webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
      -ms-transform: translate(-50%, -50%) scale(1) rotate(0);
          transform: translate(-50%, -50%) scale(1) rotate(0);
}

.box-training-item:not(:last-of-type) {
  margin-bottom: 6.8em;
}

.box-training-item__title {
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.45em;
}

.box-training-item__boder {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: solid 1px #e2dede;
  margin-bottom: 1.8em;
}

.box-training-item__boder.mg-b-0 {
  margin-bottom: 0;
}

.box-training-item__content-card {
  margin-bottom: 2em;
}

.box-training-item__content-card-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 2.5em;
     -moz-column-gap: 2.5em;
          column-gap: 2.5em;
}

.box-training-item__content-card-item {
  background-image: -o-linear-gradient(315deg, #f3f7fa 50%, rgba(243, 247, 250, 0.95) 55%, rgba(243, 247, 250, 0.85) 60%, rgba(243, 247, 250, 0.1) 90%, rgba(243, 247, 250, 0) 100%);
  background-image: linear-gradient(135deg, #f3f7fa 50%, rgba(243, 247, 250, 0.95) 55%, rgba(243, 247, 250, 0.85) 60%, rgba(243, 247, 250, 0.1) 90%, rgba(243, 247, 250, 0) 100%);
  border-radius: 1.25em;
  background-size: 140%;
  padding: 3.5em;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-training-item__content-card-item.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-training-item__content-card-item:nth-of-type(1) {
  background-color: #61a2fb;
}

.box-training-item__content-card-item:nth-of-type(2) {
  background-color: #9587fc;
}

.box-training-item__content-card-item:nth-of-type(3) {
  background-color: #fc92ba;
}

.box-training-item__content-card-item__label {
  line-height: 1;
  font-size: .75em;
  font-weight: bold;
  letter-spacing: .05em;
  margin-bottom: 1.416em;
  letter-spacing: .01em;
}

.box-training-item__content-card-item__title {
  line-height: 1;
  font-size: 1.375em;
  font-weight: bold;
  letter-spacing: .1em;
  margin-bottom: 2em;
}

.box-training-item__content-card-item__text-list {
  display: grid;
  row-gap: .625em;
}

.box-training-item__content-card-item__text-item {
  line-height: 1.666;
  font-size: 1.125em;
  color: #828282;
}

.box-training-item__content-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.819%;
     -moz-column-gap: 1.819%;
          column-gap: 1.819%;
  margin-bottom: 2em;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.box-training-item__content-desc__heading {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30.99%;
      -ms-flex: 0 0 30.99%;
          flex: 0 0 30.99%;
  background-image: -o-linear-gradient(315deg, #f3f7fa 50%, rgba(243, 247, 250, 0.95) 55%, rgba(243, 247, 250, 0.85) 60%, rgba(243, 247, 250, 0.1) 90%, rgba(243, 247, 250, 0) 100%);
  background-image: linear-gradient(135deg, #f3f7fa 50%, rgba(243, 247, 250, 0.95) 55%, rgba(243, 247, 250, 0.85) 60%, rgba(243, 247, 250, 0.1) 90%, rgba(243, 247, 250, 0) 100%);
  border-radius: 1.25em;
  background-size: 140%;
  background-color: #61a2fb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 1em;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-training-item__content-desc__heading.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-training-item__content-desc__heading-title {
  line-height: 1;
  font-size: 1.5em;
  font-weight: bold;
}

.box-training-item__content-desc__heading-caption {
  line-height: 1;
  color: #828282;
}

.box-training-item__content-desc__detail-list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 67.272%;
      -ms-flex: 0 0 67.272%;
          flex: 0 0 67.272%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  -webkit-column-gap: 1.25em;
     -moz-column-gap: 1.25em;
          column-gap: 1.25em;
  row-gap: 0.625em;
  padding: 1.25em;
  border-radius: 1.25em;
  background-color: #f3f7fa;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-training-item__content-desc__detail-list.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-training-item__content-desc__detail-item {
  background-color: #fff;
  text-align: center;
  line-height: 1.538;
  font-size: 1.125em;
  padding: 1.222em;
  border-radius: .8333em;
  color: #828282;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: .08em;
}

.box-training-item__content-caption {
  text-align: right;
  color: #828282;
  margin-bottom: 2.5em;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-training-item__content-caption.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-training-item__content-text {
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-training-item__content-text.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-training-item__content-text p {
  text-align: justify;
  color: #828282;
  letter-spacing: 0.06em;
  line-height: 1.87;
}

.box-benefits-item {
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-benefits-item.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-benefits-item.show .box-review__content {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.box-benefits-item.show .box-review__icon {
  -webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
      -ms-transform: translate(-50%, -50%) scale(1) rotate(0);
          transform: translate(-50%, -50%) scale(1) rotate(0);
}

.box-benefits-item:not(:last-of-type) {
  margin-bottom: 6.8em;
}

.box-benefits-item__title {
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.45em;
}

.box-benefits-item__boder {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: solid 1px #e2dede;
  margin-bottom: 1.8em;
}

.box-benefits-item__boder.mg-b-0 {
  margin-bottom: 0;
}

.box-benefits-item__card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: solid 1px #e2dede;
  border-bottom: solid 1px #e2dede;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-benefits-item__card-list.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-benefits-item__card-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 3);
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 23.5625em;
  padding: 3.875em 0 0;
  row-gap: 2em;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box-benefits-item__card-item.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box-benefits-item__card-item__pic {
  width: 9.375em;
}

.box-benefits-item__card-item__pic img {
  display: block;
}

.box-benefits-item__card-item__text {
  text-align: center;
}

.box-benefits-item__card-item__text-cat {
  font-size: 1.375em;
  line-height: 1.4545;
  font-weight: 500;
  margin-bottom: .5em;
  line-height: 1.4545;
  margin-bottom: 1em;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

.box-benefits-item__card-item__text-cat .footnote {
  font-size: .5454em;
  vertical-align: top;
  line-height: .4;
}

.box-benefits-item__card-item__text-note {
  font-size: .75em;
  line-height: 1.666;
  font-weight: 500;
}

.box-benefits-item__card-item__text-text {
  margin-bottom: 3.5em;
}

.box-benefits-item__card-item__text-text p {
  text-align: center;
  color: #828282;
  letter-spacing: 0.06em;
  line-height: 1.87;
}

.box-benefits-item__card-item__text-tag {
  background-color: #f3f7fa;
  padding: 2.5em 7em;
  border-radius: 1.25em;
}

.box-benefits-item__card-item__text-tag p {
  text-align: center;
  color: #828282;
  letter-spacing: 0.06em;
  line-height: 1.888;
  font-size: 1.125em;
  letter-spacing: .04em;
}

.box-benefits-item .box-benefits__boder {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0;
  height: 1px;
  background-color: #e2dede;
  border: none;
}

.box-benefits-item__approval {
  background-color: #f8f7fe;
  border-radius: 1.25em 6.25em 1.25em 1.25em;
  padding: 5.9em 6.25em 5.625em 12.25em;
  margin-left: 17em;
  margin-bottom: 12.75em;
}

.box-benefits-item__approval-title {
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1.6;
  margin-bottom: 1.2em;
}

.box-benefits-item__approval-text p {
  text-align: justify;
  color: #828282;
  letter-spacing: 0.06em;
  line-height: 1.87;
  letter-spacing: .06em;
}

.box-benefits-item__approval-pic {
  position: absolute;
  width: 25.625em;
  border-radius: 1.25em;
  overflow: hidden;
  top: 13.75em;
  left: -17em;
}

.box-benefits-item__approval-pic img {
  display: block;
}

.box-review__back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.box-review__back svg {
  width: 38.4375em;
}

.box-review__back .logo {
  display: block;
  position: absolute;
  top: 49.1%;
  left: 49.6%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6.375em;
}

.box-review__icon {
  position: absolute;
  background-color: #fff;
  width: 4.625em;
  border-radius: 50%;
  -webkit-box-shadow: rgba(67, 69, 76, 0.1) 0 0 0.5625em 0;
          box-shadow: rgba(67, 69, 76, 0.1) 0 0 0.5625em 0;
  -webkit-transform: translate(-50%, -50%) scale(0) rotate(45deg);
      -ms-transform: translate(-50%, -50%) scale(0) rotate(45deg);
          transform: translate(-50%, -50%) scale(0) rotate(45deg);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.5, 3, 0.65, 0.65);
  transition: -webkit-transform 0.5s cubic-bezier(0.5, 3, 0.65, 0.65);
  -o-transition: transform 0.5s cubic-bezier(0.5, 3, 0.65, 0.65);
  transition: transform 0.5s cubic-bezier(0.5, 3, 0.65, 0.65);
  transition: transform 0.5s cubic-bezier(0.5, 3, 0.65, 0.65), -webkit-transform 0.5s cubic-bezier(0.5, 3, 0.65, 0.65);
  -webkit-transform-origin: center 60%;
      -ms-transform-origin: center 60%;
          transform-origin: center 60%;
}

.box-review__icon img {
  display: block;
  pointer-events: none;
}

.box-review__icon.icon1 {
  top: 26%;
  left: 31%;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}

.box-review__icon.icon2 {
  top: 58%;
  left: 66%;
  -webkit-transition-delay: 1.4s;
       -o-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.box-review__icon.icon3 {
  top: 88%;
  left: 40%;
  -webkit-transition-delay: 1.8s;
       -o-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.box-review__content {
  width: 28.75em;
  border-radius: 1.25em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.4em 1.65em;
  background-color: #fff;
  -webkit-box-shadow: rgba(67, 69, 76, 0.1) 0 0 0.5625em 0;
          box-shadow: rgba(67, 69, 76, 0.1) 0 0 0.5625em 0;
}

.box-review__content-pic {
  border-radius: 50%;
  overflow: hidden;
  -webkit-flex-basis: 18%;
      -ms-flex-preferred-size: 18%;
          flex-basis: 18%;
}

.box-review__content-pic img {
  display: block;
}

.box-review__content-text {
  -webkit-flex-basis: 78%;
      -ms-flex-preferred-size: 78%;
          flex-basis: 78%;
}

.box-review__content-text p {
  text-align: justify;
  color: #828282;
  line-height: 1.625;
}

.box1 {
  margin-bottom: 9em;
}

.box2 {
  margin-bottom: 11.3em;
}

.box3 {
  margin-bottom: 0;
}

.box3.show .box-center-title,
.box3.show .box-linkarea {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box3 .box-linkarea {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box3 .box-linkarea__item {
  border-right: none;
}

.box3 .box-linkarea__item:first-child.keyword:before {
  background-image: url(/recruit/img/box4-icon3.png);
  background-size: 2.5em auto;
  background-position: 95% center;
}

@media screen and (min-width: 769px) {
  .box-benefits-item__card-item:nth-of-type(3n - 1), .box-benefits-item__card-item:nth-of-type(3n - 2) {
    border-right: solid 1px #e2dede;
  }
  .box-benefits-item__card-item:last-of-type {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border-right: none;
    height: auto;
    padding: 3.6em 0 3.75em;
    row-gap: 1.775em;
  }
  .box-review__content {
    position: absolute;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    transition: -webkit-transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    -o-transition: transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    transition: transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    transition: transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9), -webkit-transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
  }
  .box-review__content.content1 {
    top: 14%;
    right: 0;
    -webkit-transform-origin: 90% 10%;
        -ms-transform-origin: 90% 10%;
            transform-origin: 90% 10%;
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .box-review__content.content2 {
    top: 45%;
    left: 0%;
    -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
            transform-origin: 10% 10%;
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .box-review__content.content3 {
    bottom: 1.7%;
    right: 6.5%;
    -webkit-transform-origin: 90% 10%;
        -ms-transform-origin: 90% 10%;
            transform-origin: 90% 10%;
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
}

@media screen and (max-width: 768px) {
  .box-text {
    margin-bottom: 9.8vw;
  }
  .box-text::before {
    width: 2.666vw;
    height: 2.666vw;
    top: -1vw;
    margin-right: 2.5vw;
  }
  .box-text__title {
    font-size: 6.4vw;
    margin-bottom: 4.25vw;
    letter-spacing: -.05em;
  }
  .box-textarea p {
    line-height: 1.53;
  }
  .box-training-item:not(:last-of-type) {
    margin-bottom: 14.7vw;
  }
  .box-training-item__title {
    font-size: 4.533vw;
    margin-bottom: 6.5vw;
    letter-spacing: -.02em;
  }
  .box-training-item__boder {
    margin-bottom: 6.4vw;
  }
  .box-training-item__content-card {
    margin-bottom: 6vw;
  }
  .box-training-item__content-card-list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    row-gap: 5.333vw;
  }
  .box-training-item__content-card-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6vw 6.666vw;
    background-size: 110%;
    border-radius: 2.666vw;
  }
  .box-training-item__content-card-item__wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .box-training-item__content-card-item__label {
    font-size: 2.4vw;
    margin-bottom: 2.4vw;
    letter-spacing: .02em;
  }
  .box-training-item__content-card-item__title {
    font-size: 4vw;
    margin-bottom: 0;
  }
  .box-training-item__content-card-item__text-list {
    row-gap: 2vw;
    padding-left: 2vw;
  }
  .box-training-item__content-card-item__text-item {
    font-size: 3.466vw;
    line-height: 1.384;
  }
  .box-training-item__content-desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5.066vw;
    margin-bottom: 5vw;
  }
  .box-training-item__content-desc__heading {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333vw;
        -ms-flex: 0 0 33.333vw;
            flex: 0 0 33.333vw;
    background-size: 110%;
    border-radius: 2.666vw;
    row-gap: 4vw;
  }
  .box-training-item__content-desc__heading-title {
    font-size: 4vw;
    letter-spacing: .05em;
  }
  .box-training-item__content-desc__heading-caption {
    font-size: 3.466vw;
  }
  .box-training-item__content-desc__detail-list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-column-gap: 3.333vw;
       -moz-column-gap: 3.333vw;
            column-gap: 3.333vw;
    row-gap: 2.2vw;
    padding: 3.5vw 2.666vw;
    border-radius: 2.666vw;
  }
  .box-training-item__content-desc__detail-item {
    font-size: 3.466vw;
    line-height: 1.538;
    padding: 1.6vw;
    border-radius: 2vw;
  }
  .box-training-item__content-caption {
    font-size: 3.466vw;
    margin-bottom: 6vw;
  }
  .box-training-item__content-text p {
    font-size: 3.466vw;
    line-height: 1.538;
  }
  .box-benefits {
    margin-top: 15vw;
  }
  .box-benefits-item:not(:last-of-type) {
    margin-bottom: 14.7vw;
  }
  .box-benefits-item__title {
    font-size: 4.533vw;
    margin-bottom: 6.5vw;
  }
  .box-benefits-item__boder {
    margin-bottom: 6.4vw;
  }
  .box-benefits-item__card-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    height: auto;
    min-height: 44.4vw;
    padding: 6vw 0;
    row-gap: 1vw;
  }
  .box-benefits-item__card-item:nth-of-type(2n - 1) {
    border-right: solid 1px #e2dede;
  }
  .box-benefits-item__card-item:last-of-type {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border-right: none;
    height: auto;
    padding: 8vw 0 10.666vw;
    row-gap: 3.8vw;
  }
  .box-benefits-item__card-item:last-of-type .box-benefits-item__card-item__text {
    row-gap: 4.44vw;
  }
  .box-benefits-item__card-item__pic {
    width: 20vw;
  }
  .box-benefits-item__card-item__text {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 1.5vw;
  }
  .box-benefits-item__card-item__text-cat {
    font-size: 4.266vw;
    margin-bottom: 0;
    line-height: 1.3125;
  }
  .box-benefits-item__card-item__text-note {
    font-size: 2.666vw;
    line-height: 1.3;
  }
  .box-benefits-item__card-item__text-text {
    margin-bottom: 2.2vw;
  }
  .box-benefits-item__card-item__text-text p {
    line-height: 1.53;
    font-size: 3.466vw;
  }
  .box-benefits-item__card-item__text-tag {
    padding: 5.6vw 3vw;
    border-radius: 2.666vw;
  }
  .box-benefits-item__card-item__text-tag p {
    line-height: 1.53;
    font-size: 3.466vw;
    letter-spacing: -.025em;
  }
  .box-benefits-item__approval {
    margin-left: 0;
    padding: 11.5vw 6.666vw 10.666vw;
    margin-bottom: 0;
  }
  .box-benefits-item__approval-title {
    font-size: 4vw;
    line-height: 1.4;
    margin-bottom: 4.9vw;
  }
  .box-benefits-item__approval-text {
    margin-bottom: 9.6vw;
  }
  .box-benefits-item__approval-text p {
    line-height: 1.53;
    font-size: 3.466vw;
    letter-spacing: .04em;
  }
  .box-benefits-item__approval-pic {
    position: relative;
    top: 0;
    left: 0;
    width: 97%;
    margin: 0 auto;
    border-radius: 2.666vw;
  }
  .box-review__back {
    margin-bottom: 2.5vw;
  }
  .box-review__back .logo {
    width: 19.333vw;
  }
  .box-review__icon {
    width: 12vw;
    -webkit-box-shadow: rgba(67, 69, 76, 0.1) 0 0 1.2vw 0;
            box-shadow: rgba(67, 69, 76, 0.1) 0 0 1.2vw 0;
  }
  .box-review__icon img {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
  .box-review__icon.icon1 {
    top: 26%;
    left: 18%;
  }
  .box-review__icon.icon2 {
    top: 58.25%;
    left: 78%;
  }
  .box-review__icon.icon3 {
    top: 89%;
    left: 33%;
  }
  .box-review__content {
    width: auto;
    padding: 4vw;
    border-radius: 2.666vw;
    -webkit-box-shadow: rgba(67, 69, 76, 0.1) 0 0 1.2vw 0;
            box-shadow: rgba(67, 69, 76, 0.1) 0 0 1.2vw 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    transition: -webkit-transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    -o-transition: transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    transition: transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
    transition: transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9), -webkit-transform 0.5s cubic-bezier(0.75, 1.6, 0.75, 0.9);
  }
  .box-review__content:not(:last-of-type) {
    margin-bottom: 5.333vw;
  }
  .box-review__content.content1 {
    -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
            transform-origin: 10% 10%;
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .box-review__content.content2 {
    -webkit-transform-origin: 90% 10%;
        -ms-transform-origin: 90% 10%;
            transform-origin: 90% 10%;
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .box-review__content.content3 {
    -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
            transform-origin: 10% 10%;
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .box-review__content-pic {
    -webkit-flex-basis: 20.33%;
        -ms-flex-preferred-size: 20.33%;
            flex-basis: 20.33%;
  }
  .box-review__content-text {
    -webkit-flex-basis: 74.57%;
        -ms-flex-preferred-size: 74.57%;
            flex-basis: 74.57%;
  }
  .box-review__content-text p {
    font-size: 3.466vw;
    line-height: 1.538;
  }
  .box1 {
    margin-bottom: 19vw;
  }
  .box2 {
    margin-bottom: 25.5vw;
  }
  .box3 {
    margin-bottom: 0;
  }
  .box3 {
    padding: 0;
  }
  .box3 .box-linkarea__item:first-child.keyword:before {
    background-size: 6.2vw auto;
    background-position: 91.5% center;
  }
}
/*# sourceMappingURL=training.css.map */