.banner {
  height: 700px;
  background: url(../image/about/1.png) no-repeat;
  background-size: 100% 100%;
}

.banner-content {
  margin-top: 155px;
}

.banner-content h1 {
  font-size: 4.5rem;
  font-weight: 700;
  color: #003466;
  letter-spacing: 5px;
}

.banner-content h2 {
  color: #1b1b19;
}

.breadcrumb-wrapper {
  padding: 1.25rem 1.5rem;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.content-about p {
  font-size: 1.25rem;
  margin-top: 10px;
}

.content-about p.is-text-indent {
  text-indent: 32px;
}

.content-about p.is-margin-small {
  margin-bottom: 11px;
}

.content-about h2 {
  font-size: 2.1875rem;
  margin-top: 45px;
  margin-bottom: 27px;
}

.is-gray-light-bg {
  background-color: #eee;
}

.hero-title {
  font-size: 38px;
  padding: 75px 0 37px 0;
  background-color: #fff;
}

.hero-images {
  margin-top: 37px;
}

.hero-images img {
  margin-bottom: 17px;
}

.cooperation {
  background-color: #fff;
  margin: 36px auto;
}

.cooperation .columns {
  padding: 15px;
}

.cooperation .columns:last-child {
  padding-top: 0;
}

.cooperation img {
  width: 395px;
  height: 220px;
}

.cooperation p {
  font-size: 18px;
}

.breadcrumb a {
  color: #878787;
  font-size: 1.125rem;
}

.breadcrumb li.is-active a {
  color: #333;
}