.heading02 {
  text-align: center;
  font-size: 24px;
  @media (max-width: 768px) {
    text-align: left;
    font-size: 20px;
  }
}

.trainer {
  .item {
    border: 1px solid var(--main-color);
    padding: 30px;
    margin-bottom: 30px;
    display: flex;
    gap: 60px;
  }
  .item .img {
    width: 40%;
  }
  .item .profile {
    width: 60%;
    .name {
      display: grid;
      margin-bottom: 10px;
      .en {
        letter-spacing: 0.15em;
      }
      .jp {
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0.1em;
      }
    }
    .msg {
      h3 {
        color: var(--main-color);
        font-size: 20px;
        letter-spacing: 0.1em;
        margin-bottom: 10px;
      }
    }
  }
  @media (max-width: 768px) {
    .item {
      display: block;
    }
    .item .img,
    .item .profile {
      width: 100%;
    }
  }
}