/* ---------------------------------------------------------------------
    Aboutページ
--------------------------------------------------------------------- */
.about-message {
    margin-top: 20px;
    color: #fff;
  }
  
  .about-message h2 {
    font-size: 20px;
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#039be5),
      to(#333)
    );
    background-image: linear-gradient(90deg, #039be5, #333);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    padding: 5px 15px;
    -webkit-box-shadow: inset 0 0 2px 2px #333;
    box-shadow: inset 0 0 2px 2px #333;
  }
  
  .about-message p {
    margin-top: 10px;
    color: #fff;
  }
  
  .about-gallery {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 100px;
  }
  @media screen and (max-width:1000px) {
      .about-gallery {
          grid-template-columns: repeat(2, 1fr);
          place-items: center;
      }
  }
  @media screen and (max-width:768px) {
      .about-gallery {
          grid-template-columns: repeat(1, 1fr);
      }
  }
  .about-gallery img {
    width: 300px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  @media screen and (max-width:1000px) {
      .about-gallery img {
          max-width: 400px;
          width: 100%;
      }
  }
  @media screen and (max-width:768px) {
      .about-gallery img {
          height: 300px;
          object-fit: contain;
      }
  }