@media (min-width: 768px) {
  .header {
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.fv__head {
  color: #3e5192;
  position: absolute;
  text-shadow: 2px 2px 6px rgba(255, 255, 255, 0.5), -2px -2px 6px rgba(255, 255, 255, 0.5), -2px 2px 6px rgba(255, 255, 255, 0.5), 2px -2px 6px rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
  .fv__head {
    top: 160px;
    left: 70px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .fv__head {
    top: 11.71vw;
    left: 5.12vw;
  }
}
@media (max-width: 767px) {
  .fv__head {
    top: calc(70px + 8vw);
    left: 8vw;
  }
}
.fv__head .en {
  display: flex;
  align-items: center;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .fv__head .en {
    font-size: 68px;
  }
}
@media (max-width: 767px) {
  .fv__head .en {
    font-size: 11.47vw;
  }
}
.fv__head .ja {
  display: flex;
  align-items: center;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .fv__head .ja {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .fv__head .ja {
    font-size: 5.33vw;
  }
}
.fv__head.is-active {
  --x: 0;
}
.fv__head .char {
  overflow: hidden;
}
.fv__head .char-text {
  display: inline-block;
  transform: translateX(var(--x, -101%));
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.05s * var(--char-index));
}
@media (min-width: 768px) {
  .intro {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .intro {
    padding-bottom: 30px;
  }
}
.intro__p {
  color: #3e5192;
}
@media (min-width: 768px) {
  .intro__p {
    line-height: 76px;
  }
}
@media (max-width: 767px) {
  .intro__p {
    line-height: 58px;
  }
}

.detail {
  background-image: url(../img/common/bg_blue.png);
  background-position: top center;
  background-repeat: repeat;
  background-size: auto;
}
@media (min-width: 768px) {
  .detail {
    padding: 80px 0 100px;
  }
}
@media (max-width: 767px) {
  .detail {
    padding: 45px 0 70px;
  }
}
@media (min-width: 768px) {
  .detail__wrapper {
    max-width: 1160px;
    padding: 0 20px;
  }
}
.detail__items {
  list-style: none;
}
.detail__item {
  background-color: #fff;
  border-radius: 25px;
  opacity: 0;
  transform: translateY(50px);
  transition-property: transform, opacity;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1);
}
@media (min-width: 768px) {
  .detail__item {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .detail__item {
    padding: 30px 20px;
  }
}
.detail__item.show {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .detail__img {
    flex: 1;
    margin-right: 60px;
    max-width: 480px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .detail__img {
    max-width: 48vw;
    margin-right: 6vw;
  }
}
@media (min-width: 768px) {
  .detail__content {
    width: 480px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .detail__content {
    width: 48vw;
  }
}
.detail__title {
  color: #3e5192;
}
@media (min-width: 768px) {
  .detail__title {
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .detail__title {
    line-height: 27px;
  }
}
.detail__p {
  color: #686868;
  line-height: 40px;
}
.detail__5 .detail__p {
  line-height: 36px;
}