.c-title-h1 {
  font-size: 4.2rem;
  line-height: 170%;
  letter-spacing: 4.2px;
  font-weight: 700;
}

.c-title-h2 {
  font-size: 3.6rem;
  line-height: 170%;
  letter-spacing: 3.6px;
  font-weight: 700;
}

.c-title-h2-news {
  font-size: 3.0rem;
  line-height: 170%;
  letter-spacing: 3px;
  font-weight: 700;
}

.c-title-h3 {
  font-size: 2.4rem;
  line-height: 170%;
  letter-spacing: 2.4px;
  font-weight: 700;
}

.c-title-h4 {
  font-size: 2.0rem;
  line-height: 170%;
  letter-spacing: 2px;
  font-weight: 700;
}

.c-title-h5 {
  font-size: 1.8rem;
  line-height: 170%;
  letter-spacing: 1.8px;
  font-weight: 700;
}

.c-title-h6 {
  font-size: 1.6rem;
  line-height: 170%;
  letter-spacing: 1.6px;
  font-weight: 700;
}

.c-title-en-ja {
  display: grid;
  gap: 10px;

  .c-title-en-ja__en {
    display: flex;
    align-items: center;
    gap: 10px;

    .c-title-en-ja__en-text {
      font-family: var(--font-ff-outfit);
      font-size: 20px;
      font-weight: 200;
    }
  }

  .c-title-en-ja__ja {
    font-size: 4.2rem;
    font-weight: 700;
    letter-spacing: 4.2px;
  }
}

.c-title-visual {
  gap: 40px;
  display: grid;

  .c-title-h1 {
    text-align: center;
  }

  .c-title-visual__image {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .c-title-visual__image-sp {
    display: none;

    .c-title-visual__image-sp-image {
      width: 100%;
    }
  }
}

/* TABLET */
@media screen and (max-width: 1024px) {
  .c-title-visual {
    .c-title-h1 {
      margin: 0 var(--device-tab-padding);
      text-align: center;
    }

    .c-title-visual-description {
      .l-container {
        margin: 0 var(--device-tab-padding);
      }
    }
  }
}

/* SP */
@media screen and (max-width: 768px) {
  .c-title-h2 {
    font-size: 3.2rem;
    line-height: 140%;
    letter-spacing: 3.2px;
  }

  .c-title-h6 {
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: 1.4px;
  }

  .c-title-en-ja {
    .c-title-en-ja__en {
      .c-title-en-ja__en-text {
        font-size: 1.4rem;
      }
    }
  
    .c-title-en-ja__ja {
      font-size: 3.2rem;
      line-height: 120%;
      letter-spacing: 3.2px;
    }
  }

  .c-title-visual {
    gap: 30px;
  
    .c-title-h1 {
      text-align: left;
      margin: 0 30px;
      font-size: 3.2rem;
    }
  
    .c-title-visual__image {
      display: none;
    }

    .c-title-visual__image-sp {
      display: block;
    }

    .c-title-visual-description {
      .l-container {
        margin: 0 30px;
  
        .c-text {
          font-size: 1.4rem;
        }
      }  
    }
  }
}