.page-banner img {
  width: 100%;
  height: 100%;
}

.board-serve .tit {
  text-align: center;
}
.board-serve .tit-main {
  font-weight: bold;
}
.board-serve .tit-sub {
  font-weight: bold;
}
.board-serve .desc {
  color: #666;
}

.board-quality .tit {
  text-align: center;
}
.board-quality .tit-main {
  color: #333;
  font-weight: bold;
}
.board-quality .tit-sub {
  margin: 0 auto;
  color: #666;
}
.board-quality .top {
  color: #333;
  font-weight: bold;
  position: relative;
}
.board-quality .top::before {
  content: " ";
  display: block;
  background: #005BAC;
  position: absolute;
}
.board-quality .msg {
  color: #666;
}

@media (min-width: 769px) {
  .page-banner,
.page-banner-track {
    height: 6.5rem;
  }
  .page-board {
    padding: 0.75rem 4.5rem;
  }
  .board-serve .tit {
    margin-bottom: 0.5rem;
  }
  .board-serve .tit-main {
    font-size: 0.3rem;
    line-height: 0.4375rem;
  }
  .board-serve .tit-sub {
    font-size: 0.45rem;
    line-height: 0.45rem;
  }
  .board-serve .info-item {
    display: flex;
    align-items: center;
  }
  .board-serve .info-item + .info-item {
    margin-top: 1rem;
  }
  .board-serve .info-item.is-left {
    justify-content: flex-end;
  }
  .board-serve .info-item.is-left .desc p {
    text-align: center;
  }
  .board-serve .desc {
    flex: 1;
    margin: 0 0.6rem 0 1.25rem;
    font-size: 0.225rem;
    line-height: 0.4rem;
  }
  .board-serve .img {
    width: 6.875rem;
    height: 3.75rem;
  }
  .board-quality .tit {
    margin-bottom: 0.75rem;
  }
  .board-quality .tit-main {
    margin-bottom: 0.25rem;
    font-size: 0.45rem;
    line-height: 0.65rem;
  }
  .board-quality .tit-sub {
    max-width: 33em;
    font-size: 0.225rem;
    line-height: 0.325rem;
  }
  .board-quality .info-item {
    display: flex;
    align-items: center;
  }
  .board-quality .info-item + .info-item {
    margin-top: 1rem;
  }
  .board-quality .info-item.is-right {
    justify-content: flex-end;
  }
  .board-quality .img {
    width: 6.875rem;
    height: 3.75rem;
  }
  .board-quality .desc {
    flex: 1;
    max-width: 6.875rem;
    margin: 0 1.25rem;
  }
  .board-quality .top {
    margin-bottom: 0.7rem;
    font-size: 0.3rem;
    line-height: 0.4rem;
  }
  .board-quality .top::before {
    width: 0.5875rem;
    height: 0.05rem;
    top: calc(100% + 0.15rem);
    left: 0;
  }
  .board-quality .msg {
    font-size: 0.225rem;
    line-height: 0.4rem;
  }
}
@media (max-width: 768px) {
  .page-banner,
.page-banner-track {
    height: 12.8rem;
  }
  .page-board {
    padding: 1.275rem 1.025rem;
  }
  .board-serve {
    padding-bottom: 3.75rem;
  }
  .board-serve .tit {
    margin-bottom: 1.275rem;
  }
  .board-serve .tit-main {
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
    line-height: 1.275rem;
  }
  .board-serve .tit-sub {
    font-size: 1.4125rem;
    line-height: 1.4125rem;
  }
  .board-serve .info-item.is-left {
    text-align: center;
  }
  .board-serve .info-item.is-right {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 1.275rem;
  }
  .board-serve .desc {
    font-size: 0.9rem;
    line-height: 1.7875rem;
  }
  .board-serve .img {
    width: 100%;
    height: 12.8rem;
    margin-top: 0.7625rem;
  }
  .board-quality {
    padding-bottom: 3.75rem;
  }
  .board-quality .tit-main {
    margin-bottom: 1.275rem;
    font-size: 1.4125rem;
    line-height: 2.05rem;
  }
  .board-quality .tit-sub {
    font-size: 0.9rem;
    line-height: 1.7875rem;
  }
  .board-quality .info-item {
    text-align: center;
    margin-top: 1.275rem;
  }
  .board-quality .info-item.is-left {
    display: flex;
    flex-direction: column-reverse;
  }
  .board-quality .img {
    width: 100%;
    height: 12.8rem;
    margin-top: 1.275rem;
  }
  .board-quality .top {
    margin-bottom: 1.15rem;
    font-size: 1.15rem;
    line-height: 2.05rem;
  }
  .board-quality .top::before {
    width: 1.275rem;
    height: 0.125rem;
    top: calc(100% + 0.375rem);
    left: 50%;
    transform: translateX(-50%);
  }
  .board-quality .msg {
    font-size: 0.7625rem;
    line-height: 1.275rem;
  }
}