.hero-secondary {
  height: 240px;
  background-image: url('../img/blurry-gradient-haikei.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.hero-secondary p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 20%);
  font-size: 3rem;
  line-height: 2.7rem;
  font-weight: bold;
  color: #fff;
  width: calc(100% - 60px);
  max-width: 1000px;
  text-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.hero-secondary span {
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: 0.1em;
}

.content-secondary {
  width: 100%;
  margin: 0px auto 0px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-secondary h2 {
  font-size: 2.2rem;
  color: #444444;
  text-align: left;
}

.content-secondary p {
  font-size: 1.6rem;
  color: #666666;
  text-align: left;
}

.content-inner {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto 0;
}

.guidance-section,
.admission-section,
.charter-section,
.about-section,
.data-section,
.product-section {
  margin-bottom: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background: #fff;
  padding: 30px;
  border-radius: 8px;
}

.guidance-section p,
.admission-section p,
.charter-section p,
.about-section p,
.data-section p,
.product-section p {
  color: #666666;
}