.certificate, 
.recruit-seminar {
  & .container {
    & .content {
      & .a {
        margin-top: 0;
        margin-bottom: 2rem;

        .font-14,
        .font-12 {
          font-size: 1.1rem;
          word-break: break-all;
        }

      }

      .font-14,
      .font-12 {
        font-size: 1.1rem;
      }
    }
  }
}

.certificate, 
.recruit-seminar {
  & .container {
    & .content {
      & > div {
        .title {
          font-size: 1.2em;
          margin-bottom: 1em;

          .font-12 {
            font-size: 1em;
          }
        }
      }
    }
  }
}

.certificate, 
.recruit-seminar {
  & .container {
    & .content {
      & .b {
        margin-bottom: 1.5em;

        .b-1 {
          line-height: 30px;
          display: grid;
          margin-bottom: 25px;
          letter-spacing: 3px;
          grid-template-columns: 1fr;
          gap: 2%;
        }
      }

      & .c {
        margin-bottom: 1.5em;
      }
    }
  }
}

.certificate, 
.recruit-seminar {
  & .container {
    & .content {
      & .d {
        .font-14 {
          font-size: 1.1em;
          line-height: 1.8;
          letter-spacing: 2px;
        }
      }
    }
  }
}

.business-column-content {
  .flip-card-back {
    transform: rotateY(180deg) translateX(-20px) translateY(20px);
    /* transform: translateY(10px); */
  }
}

.business-column {
  & .business-column-content {
    & .flip-card {
      & .flip-card-back {
        img {
          width: 90%;
        }
      }
    }
  }
}

.business-column {
  .business-column-content:last-child {
    & .flip-card {
      & .flip-card-back {
        transform: rotateY(180deg) translateX(10px) translateY(20px);
      }
    }
  }
}

.business-column {
  .business-column-content {
    .flip-card {
      .centerflip {
        .flip-card-back {
          transform: rotateY(180deg) translateX(-40px) translateY(20px);
        }
      }
    }
  }
}

.business-column {
  .business-column-content {
    .flip-card {

      .stayflip,
      .homeflip,
      .flipjunior {
        .flip-card-back {
          transform: rotateY(180deg) translateX(-0px) translateY(-20px)
        }
      }

    }
  }
}

.business-nav {
  display: grid;
  width: 90%;
  margin: auto;
  margin-top: 10vw;
  margin-bottom: 3rem;
  grid-template-columns: 48% 48%;
  gap: 4%;

  .dotty {
    margin-bottom: 8vw;
    grid-column: 1 / 3;

    img:nth-child(1) {
      width: 60%;
      transform: translate(60%, 0px);
    }

    img:nth-child(2) {
      width: 40%;
      transform: translate(55%, 0px);
    }
  }

}

.business-column {
  & .business-column-content {
    ul {
      li {
        line-height: 1.2;
        margin-bottom: .8em;

      }
    }
  }
}

.btm-bnr {
  display: grid;
  max-width: 95%;
  margin: 2em auto;
  grid-template-columns: 1fr;
  gap: 2em;
}

.social-innovation {
  & .shadow-box {
    & .flex {
      a {
        font-size: .9rem;
        margin-top: 10px;
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    & .flex {
      img {
        width: auto;
        height: 6.2em;
        margin-right: auto;
        margin-left: auto;
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    & .flex {
      & img {
        &.kiraku {
          height: 4em;
          margin-top: 1em;
          margin-bottom: 0;
        }
      }
    }
  }
}

.social-innovation {
  .shadow-box {
    margin-right: 2%;
    margin-left: 2%;
    padding-left: 1.5em;
padding-right: 1.5em;
    --shadow-size: .4rem;
  }
}


.social-innovation {
  & .shadow-box {
    & .flex {
      p {
        font-size: 1rem;
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    & .flex {
      & img {
        &.makuta {
          height: 8em;
          margin-top: 1em;
          margin-bottom: 0;
        }
      }
    }
  }
}

.social-innovation {
  & .dotinnovation .d-grid-2.gap-2.mt-4.pl-2.pr-2 {
    & div {
      & .font-20 {
        + p.font-14 {
          font-size: .9em;
          padding-bottom: 4rem;
        }
      }
    }
  }
}

.social-innovation {
  & .dotinnovation .d-grid-2.gap-2.mt-4.pl-2.pr-2 {
    & div {
      a {
        font-size: 1.1rem;
        position: absolute;
        left: 0;
        padding-bottom: 0;
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    &.dotinnovation {
      & .d-grid-2.gap-2.mt-4.pl-2.pr-2 {
        & div {
          .font-20 {
            font-size: 1.4rem !important;
            margin-top: 0;
          }
        }
      }
    }
  }
}

.certificate, 
.recruit-seminar {
  & .container {
    & .sidemenu {
      .info_jp {
        font-size: 15px;
        font-weight: 700;
      }
    }
  }
}

.recruit-seminar .btn-recruit-seminar {
  text-align: center;
}

.top {
  & .message {
    position: relative;
    z-index: 1;

    > p {
      font-size: 14px;
      line-height: 26px;
      max-width: 80%;
      margin-top: 15vw;
    }
  }
}

.symbol {
  & .cover-container {
    margin-top: 4rem;
  }
}


.container-2xs {
  p.font-14.mt-2 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 2em;
    max-width: 68%;
    margin-right: auto;
    margin-left: auto;
  }
}

.structure {
  align-items: center;
  flex-direction: column;
  margin-top: 2rem;

  .d-flex:last-child {
    div:last-child {
      display: flex;
      align-items: center;
      /* flex-basis: content; */
      flex-direction: column;
    }
  }
}

.social-business {
  margin-top: 4rem;
  margin-bottom: 0;
padding-bottom:18rem;
        padding-top: 2em;
}

.social-business {
  & .social-business-buttons {
    gap: .4em;

    .button {
      padding-right: 1em;
      padding-left: 1em;
      border-radius: 50px;

      a {
        font-size: .8em;
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    &.dotinnovation {
      & .d-grid-2.gap-2.mt-4.pl-2.pr-2 {
        & div {
          .font-20 {
            font-size: 1.4rem !important;
            margin-top: 0;
            text-align: left;
          }
        }
      }
    }
  }
}

.social-innovation {
  & .dotinnovation .d-grid-2.gap-2.mt-4.pl-2.pr-2 {
    & div {
      & .font-20 {
        + p.font-14 {
          font-size: .9em;
          padding-bottom: 2.5rem;
        }
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    & .flex {
      p {
        font-size: 1rem;
        text-spacing-trim: trim-start;
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    &.dotjunior {
      margin-right: 2%;
      margin-left: 2%;
      padding: 2em 1em 2em .5em;

      .flex {
        gap: .5em;
      }
    }
  }
}

/*?T?C?g?}?b?v*/

.sitemap-sp {
  & .sitemap-about {
    p.font-10 {
      font-size: 14px;
      line-height: .9;
    }
  }
}

.sitemap-sp {
  .sitemap-medium {
    max-width: 200px;
    height: auto;

  }
}

.sitemap-sp {
  .sitemap-small {
    max-width: 100%;
    height: auto;
  }
}

.sitemap-sp {
  & .shadow-box {
    &:has(+ .open) {
      > span {
        display: none;
        transform: rotate(90deg);
      }
    }
  }
}

.sitemap-sp .font-11,
.sitemap-sp .font-10 {
  font-size: 13px;
}


.sitemap-sp {
  & .group {
    & > div:not(.shadow-box) {
      & > div:not(.shadow-box) {
        > div.small2 {
          margin-left: 5.5em;
        }
      }
    }
  }
}


.sitemap-sp {
  & .group {
    & > div:not(.shadow-box) {
      & > div:not(.shadow-box) {
        > div:not(.shadow-box) {
          > div:not(.shadow-box) {
            margin-left: 2em;
          }
        }
      }
    }
  }
}


.sitemap-sp {
  & .group {
    div.business-menu {
      position: relative;
    }

    div.business-menu::before {
      position: absolute;
      z-index: -1;
      top: -2em;
      bottom: var(--bar-bottom);
      margin-left: -10px;
      content: "";
      border-left: 2px solid var(--color-mediumblue-500);
    }
  }

  div.small2 {
    position: relative;

    .shadow-box:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: calc(2em + 2px);
      content: "";
      transform: translateX(-100%);
      border-top: 3px solid var(--color-mediumblue-500);
    }
  }
}


.sitemap-sp {
  & .group {
    & > div:not(.shadow-box) {
      & .small2:not(.shadow-box) {
        & .shadow-box {
          &:before {
            position: absolute;
            z-index: -1;
            top: 50%;
            left: 1.4em;
            width: calc(2em + 2px);
            content: "";
            transform: translateX(-100%);
            border-top: 2px solid var(--color-mediumblue-500);
          }
        }
      }
    }
  }
}


.sitemap-sp {
  & .group {
    & > div:not(.shadow-box) {
      & .innov03:not(.shadow-box) {
        &::before {
          position: absolute;
          z-index: -1;
          top: 0px;
          margin-left: 2em;
          content: "";
          border-left: 3px solid var(--color-mediumblue-500);
        }
      }
    }
  }
}

.sitemap-sp {
  & .group {
    & > div:not(.shadow-box) {
      & .innov02:not(.shadow-box) {
        &::before {
          position: absolute;
          z-index: -1;
          top: 0px;
          margin-left: 2em;
          content: "";
          border-left: 3px solid var(--color-mediumblue-500);
        }
      }
    }
  }
}

.sitemap-sp {
  & .group {
    & > div:not(.shadow-box) {
      & .innov01:not(.shadow-box) {
        &::before {
          position: absolute;
          z-index: -1;
          top: 0px;
          margin-left: 2em;
          content: "";
          border-left: 3px solid var(--color-mediumblue-500);
        }
      }
    }
  }
}

.videos-ttl {
  font-family: "DotGothic16", sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  position: absolute;
  z-index: 0;
  top: -3.1rem;
  left: 1rem;
  overflow: hidden;
  width: 100%;
  padding: .5em 1em;
  transform: none;
  text-align: left;
  color: #0000c8;
}

.videos-ttl.roll span {
  display: inline-block;
  transition: all .8s cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  transition-property: opacity, transform;
  transform: rotateY(360deg);
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}

.scroll-infinity__list {
  display: flex;
  padding: 0;
  list-style: none;
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 20s infinite linear 0.5s both;
}

.scroll-infinity__item--text {
  width: calc(250vw / 5);
}

#particle {
  width: 100%;
  transform: scale(.5);
  vertical-align: top; /*canvas?^?O????]????????????h??*/
}

.identify {
  & .frame {
            *:nth-child(2) {
                text-align: center;
            }
    *:nth-child(3) {
      font-size: 1.8rem;
      margin-left: 0;
    }
  }
}

.identify {
  & .lg-cards {
    & .card {
      &.vision {
        & .frame {
:nth-child(3) {
                font-size: 1.7rem;
                margin-left: 0;
line-height: 1.6;
                text-align: center;
            }
          *:nth-child(4) {
            width: 7em;
            margin-top: 1rem;
                            text-align: center;
                            margin: 1em auto 0;
          }
        }
      }
    }
  }
}
.identify {
  & .lg-cards {
    & .card {
      &.mission {
        & .frame {
padding:4em .5rem;
            *:nth-child(3) {
                font-size: 2rem;
                margin-left: 0;
line-height: 1.6;
                text-align: center;
            }
          *:nth-child(4) {
                                            text-align: center;
                            margin: 1em auto 0;
          }
        }
      }
    }
  }
}
.identify {
  & .lg-cards {
    & .card {
      &.vision {
        & .frame {
padding:4em .5rem;
          *:nth-child(4) {
                                            text-align: center;
                            margin: 1em auto 0;
          }
        }
      }
    }
  }
}


.identify {
  & .lg-cards {
    & .card {
      &.value {
        & .frame {
                        padding: 4em .5rem;
            *:nth-child(3) {
                font-size: 1.5rem;
                            margin-left: 0;
                            text-align: center;
                            line-height: 1.6;
                text-align: center;
            }
          :nth-child(5) {
            width: 13em;
            margin-top: 1rem;
                            text-align: center;
                            margin: 1em auto 0;
          }
        }
      }
    }
  }
}

.identify {
  & .message1 .frame {
& :nth-child(2) {
     text-align:left;
    }
    & :nth-child(4) {
      width: 11em;
    }
  }
}

    .social-business {
        & .social-business-buttons {
            .button {
span{
font-size:11px;
}

            }
        }
    }
    .identify {
        & .frame {
            *:nth-child(3) {
                font-size: 1.1rem;
                margin-left: 0;
            }
        }
    }
    .identify {
        & .lg-cards {
            .card {
                padding: 6rem 1.5rem;
            }
        }
    }

.identify {
    & .message1 {
        & .frame {
            *:nth-child(3) {
                width: 14rem;
            }
        }
    }
}

/*�{�^���̐F�ύX*/
    .social-business {
        & .social-business-buttons {
            .button {
                color: var(--color-mediumblue-500);
                border-radius: 10px;
                border: 4px solid var(--color-mediumblue-500);
                background: none;
                padding: 0.5em .5em;
            }
        }
    }


/* サービス管理責任者等更新研修ページ */   

.training {
  padding-bottom: 80px;
  
  .container {
    gap: 1%;
  }

  .button {
    padding: 0.75em 2em;
  }

  .training-table {

    td, th {
      font-size: 12px;
    }
  }
  
  .step {
    width: 90%;
  }

  .flow-title {
    padding: 1em;
    margin-bottom: 1em;
  }

  .step-dettail {
    .wid02 {
      width: 100%;
    }
  }
}