@charset "utf-8"; /* 文字化けしないために書く */

@media screen and (min-width: 1025px) {
  .img {
    flex: 3;
  }
  .who {
    flex: 4;
  }
  .about {
    flex: 7;
  }
}

@media screen and (max-width: 1024px) {
  .img {
    flex: 2;
  }
  .who {
    flex: 3.2;
  }
  .about {
    flex: 2.8;
  }
  .who h6 {
    font-size: 1rem;
  }
  .who p,
  .about p {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 670px) {
  .title h3 {
    font-size: 2.5rem;
    margin-top: 0;
    padding-top: 0;
  }
  .ja {
    font-size: 1rem;
  }
  .introduction {
    border: none;
    border-bottom: 4px solid #c8c8c8;
  }
  .introduction {
    display: grid;
    grid-template-columns: 45% 55%;
    grid-template-rows: auto;
  }
  .introduction img {
    height: 90%;
    width: auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .who {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .who h6 {
    font-size: 1rem;
  }
  .who h3 {
    font-size: 1.5rem;
  }
  .who p {
    font-size: 0.7rem;
  }
  .about {
    grid-row: 2/3;
    grid-column: 1/3;
  }
  .about p {
    font-size: 0.9rem;
  }
  .about li {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 360px) {
  .introduction img {
    height: auto;
    width: 90%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}