/* t-benefit
---------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .t-benefit .c-column-unique.-columnType01 > .c-column__block:nth-of-type(2) {
    margin-top: 3.5rem; } }

.t-benefit__training__figure {
  margin-bottom: 6.4rem;
  padding: 38px 154px;
  border: 1px solid #e9e9e9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    .t-benefit__training__figure {
      padding: 35px 80px; } }
  @media screen and (max-width: 768px) {
    .t-benefit__training__figure {
      margin-bottom: 4rem;
      padding: 25px; } }
  .t-benefit__training__figure img {
    max-width: 680px;
    width: 100%; }

.t-benefit__institution__banner a {
  display: block;
  padding: 5.7rem 5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F9F9F9;
  border: 1px solid #F1F1F1;
  -webkit-transition: -webkit-box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  @media screen and (max-width: 768px) {
    .t-benefit__institution__banner a {
      padding: 0;
      background: none; } }
  .t-benefit__institution__banner a:hover .u-hov-txtLine-in-black04:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left; }
  .t-benefit__institution__banner a:hover .c-button-arrow__icon:before {
    -webkit-animation: arrowRight-m 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: arrowRight-m 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .t-benefit__institution__banner a .c-button-arrow {
    font-size: 3.4rem;
    line-height: 1;
    font-family: DINNextLTPro-Medium, serif;
    letter-spacing: 0.08em;
    color: #000000; }
    @media screen and (max-width: 1023px) {
      .t-benefit__institution__banner a .c-button-arrow {
        font-size: 2.8rem; } }
    @media screen and (max-width: 768px) {
      .t-benefit__institution__banner a .c-button-arrow {
        padding-left: 3.3rem;
        font-size: 2rem; } }
    .t-benefit__institution__banner a .c-button-arrow .c-button-arrow__icon {
      top: calc(50% - .3rem); }
      @media screen and (max-width: 768px) {
        .t-benefit__institution__banner a .c-button-arrow .c-button-arrow__icon {
          width: 23px;
          height: 24px; } }
  .t-benefit__institution__banner a .c-txt02 {
    color: #000000; }

.t-benefit__institution__banner__pict {
  display: none; }
  @media screen and (max-width: 768px) {
    .t-benefit__institution__banner__pict {
      display: block;
      border-radius: 3px 3px 0 0;
      overflow: hidden; } }

.t-benefit__institution__banner__inner {
  text-align: center; }
  @media screen and (max-width: 768px) {
    .t-benefit__institution__banner__inner {
      padding: 2.8rem 1.6rem;
      background-color: #ffffff;
      border-radius: 0 0 3px 3px;
      overflow: hidden;
      background-color: #f0f1f3; } }

@media screen and (max-width: 768px) {
  .t-benefit__events {
    display: block; } }

@media screen and (max-width: 768px) {
  .t-benefit__institution__banner {
    margin-top: 4rem; } }

.t-benefit__events__picts .c-column {
  margin-top: -.6rem !important; }
  @media screen and (max-width: 768px) {
    .t-benefit__events__picts .c-column {
      margin-top: 2.2rem !important; } }