@charset "UTF-8";

/* タイトルエリア */
.sub-page .first-view {
  height: 300px;
}

.sub-page .contents-title {
  transform: translate(-50%, -85%);
}

.about__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 200px;
  z-index: 40;
  opacity: 0;
}

.about__img.visible {
  opacity: 1;
  transform: translate(-50%, 50%);
}




/* メインコンテンツ */
.about {
  padding-top: 120px;
}


.about__title {
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.1em;
  margin-bottom: clamp(30px, 7%, 45px);
}

.about__sub-title {
  display: block;
  font-size: .45em;
  font-weight: 500;
}

.about__main-text {
  transform: translateY(10%);
}

.about__main-text.visible {
  transform: translateY(0);
  transition-delay: .4s;
}

.about__main-text span {
  display: block;
  margin-bottom: 2%;
}


@media(max-width:780px) {
  .sub-page .first-view {
    height: 190px;
  }

  .sub-page .contents-title {
    transform: translate(-50%, -100%);
  }


  /* メインコンテンツ */
  .about__img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 150px;
    z-index: 40;
  }

  .about {
    padding-top: 85px;
  }
}