.certificate, 
.recruit-seminar {
  & .container {
    & .content {
      & .c {
        .c-2 {
          margin-bottom: 1em;
        }
      }
    }
  }
}

.certificate, 
.recruit-seminar {
  & .container {
    & .content {
      .contact {
        font-size: 14px;
        font-weight: 700;
        display: flex;
        flex-direction: column;
        width: auto;
        max-width: 250px;
        margin: auto;
        margin-top: 0;
        margin-bottom: 2em;
        padding: 1em 2em;
        text-align: center;
        text-decoration: none;
        color: white;
        border-radius: 20px;
        background-color: var(--color-mediumblue-500);
      }
    }
  }
}

.business-nav {
  display: grid;
  width: 80%;
  max-width: 1080px;
  margin: auto;
  margin-top: 4vw;
  grid-template-columns: 40% 28% 28%;
  gap: 2%;

  a {
    text-decoration: none;
  }
}

.business-column-content p:nth-of-type(1) a {
  text-decoration: none;
  color: #000;
}

.office {
  & .new-card {
    &.hall {
      --border-color: var(--color-gold-200);
      --shadow-color: var(--color-gold-200);
      --transparent-color: #f3ea92;
    }
  }
}

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

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

.social-innovation .shadow-box .flex div {
  cursor: pointer;
}


.container-2xs {
  max-width: 440px;
  margin-right: auto;
  margin-left: auto;

}

.container-2xs .font-14.mt-2 {
  line-height: 2em;
}

.structure {
  align-items: stretch;
  justify-content: center;
  margin-top: 2em;
  gap: 1.5rem;

  > div:first-child {
    display: flex;
    flex-direction: column;

    > div:nth-child(2) {
      flex-grow: 1;
    }
  }

  > div:nth-child(2) {
    > div {
      display: flex;
      flex-direction: column;

      > div:nth-child(2) {
        flex-grow: 1;

        p.pc {
          white-space: nowrap;
        }
      }
    }
  }

  .d-flex {
    gap: 1.5rem;

    .dotstay {
      transform: translateY(0.1em);
    }
  }

  .hr {
    width: 100%;
    border-bottom: 2px solid black;
  }
}

.social-business {
  margin-top: 10em;
  margin-bottom: 0;
    padding: 5rem 0 10rem;
    background-color: #F2F2FC;


  .center:first-child {
    padding: 1em;
    color: #000;
    background: none;
  }

  .social-business-buttons {
    .button {
      padding-right: 2em;
      padding-left: 2em;
      border-radius: 40px;
z-index:2;
    }
  }
}

.deco-wrapper {
  position: relative;

  .deco {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: max(350px, 35%);
    transform: translateY(-100%);
  }
}

.structure {
  .d-flex {
    justify-content: center;
    gap: 1.5rem;
  }
}

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


span.gaibulink img {
    width: 12px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    margin-left: 5px;
filter: brightness(0) saturate(100%) invert(12%) sepia(89%) saturate(6228%) hue-rotate(253deg) brightness(73%) contrast(136%);
}


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

.training {

  ul li + li {
    margin-top: .5em;
  }

  .mgt10 {
    margin-top: 10px;
  }

  .mgt20 {
    margin-top: 20px;
  }

  .mgt40 {
    margin-top: 40px;
  }

  .blue {
    color: var(--color-mediumblue-500);
  }

  .red02 span {
    color: #ff0000;
  }

  .button {
    padding: 3em 5em;
  }

  .button02 {
    font-size: 12px;
    font-weight: 700;
    display: block;
    width: 100%;
    max-width: 450px;
    margin-top: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
    color: var(--color-mediumblue-500);
    border: 3px solid var(--color-mediumblue-500);
    border-radius: 20px;
    box-shadow: 5px 5px var(--color-mediumblue-500);
  }

  .training-table {
    width: 100%;
    border: 1px solid #595959;
    border-collapse: collapse;

    td, th {
      padding: 5px 3px;
      border: 1px solid #595959;
      border-collapse: collapse;
      text-align: center;
    }

    td.left {
      text-align: left;
      padding-left: 1em;
      padding-right: 1em;
      vertical-align: top;
    }

    td:nth-child(2) {
      width: 30%;
    }

    td:nth-child(3) {
      width: 50%;
    }

    .bk-blue, .bk-blue td {
      background-color:#F2F2FC;
      font-weight: 700;
    }

  }

  .wid01 {
    width: 10%;
  }

  .wid02 {
    width: 30%;
  }

  .wid03 {
    width: 70%;
  }

  .training-table02 {
    td, th {
      padding: 5px 3px 5px 10px;
      text-align: left;

      a {
        color: var(--color-mediumblue-500);
      }
    }
  }

  .gaitou li {
    list-style: none;
  }

  .step {
    border-radius: 5px;
    border: 5px solid var(--color-mediumblue-500);
    text-align: center;
    width: 70%;
    margin-inline: auto;
    padding: 10px;

    h3 {
      color: var(--color-mediumblue-500);
      font-size: 20px;
    }
  }

  .step-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 30px solid var(--color-mediumblue-500);
    border-bottom: 0;
    margin-inline: auto;
    margin-bottom: 10px;
  }

  .flow-title {
    background-color: var(--color-mediumblue-500);
    padding: 1em;
    padding-left: 8px;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 55px;
  }

  .chui {
    background-color: #F2F2FC;
    padding: 2em;
  }

  .chui ul {
    padding-left: 1em;
  }

  ol li + li {
    margin-top: 0.8em;
  }

  .pdf::before {
    content: '';/*何も入れない*/
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-pdf.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 5px;
  }
  

}

