/**
* 免許・留学・資格
*/
#life {

  /*
---------------------
カラム
---------------------
*/
  .toc-container {
    margin: 0 auto clamp(2.188rem, 1.25rem + 4vw, 3.75rem);
    max-width: 680px;
  }

  .event-container {
    margin-bottom: 50px;

    .event-container__content {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(calc(320px - (clamp(0.938rem, -2.25rem + 13.6vw, 6.25rem) * 2)), 1fr));
      gap: 0 1.25rem;

      .event-container__bordered-section {
        border: 2px solid var(--color-main);
        border-radius: 15px;
        margin-bottom: 30px;
        padding: 42px 16px 16px;
        position: relative;

        .event-container__bordered-section-title {
          background-color: var(--color-main);
          border-radius: 13px 13px 0 0;
          color: #FFF;
          text-align: center;
          padding: 0 0 6px;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
        }
      }

      /* .event-container__bordered-section */
    }

    /* .event-container__content */
  }

  /* .event-container */

  /*
---------------------
先輩の声　アコーディオン
---------------------
*/

  .accordion-003 {
    max-width: ;
    margin-bottom: 7px;
    border-bottom: 1px solid #d0d0d0;
  }

  .accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: var(--bs-body-color);
    font-weight: 500;
    cursor: pointer;
  }

  .accordion-003 summary::-webkit-details-marker {
    /* display: none; */
    height: 0;
  }

  .accordion-003 summary::before,
  .accordion-003 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 0px;
    background-color: #aaa;
    content: '';
  }

  .accordion-003 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
  }

  .accordion-003 summary::after {
    transition: rotate .3s;
  }

  .accordion-003[open] summary::after {
    rotate: 90deg;
  }

  .accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: var #212529 (--bs-body-color);
    ;
    transition: transform .5s, opacity .5s;
  }

  .accordion-003[open] p {
    transform: none;
    opacity: 1;
  }


  /*
  -------------------
  リストのマージンボトム
  -------------------
  */
 ul.list-dot li {
  margin-bottom: 0.6rem !important ;
 }

/**
* 見出し上部テキスト
*/
.midashi-upper-text span::before,
.midashi-upper-text span::after 
{
	display: inline-block;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #333333;
    margin: 0 0.6rem -0.3rem;
}

.midashi-upper-text span::before {
    transform: rotate(-40deg);
}

.midashi-upper-text span::after {
    transform: rotate(40deg);
}





}