@charset "UTF-8";
.container.supplement {
  padding-top: 140px;
}
@media (max-width: 760px) {
  .container.supplement {
    padding-top: 36vw;
  }
}
.supplement .right-frame .page-title {
  padding-left: 0;
}
.supplement .main-frame {
  margin: 64px auto;
}

.supplement .page-title {
  padding-top: 0;
}
.supplement .right-frame .inner {
  padding: clamp(16px, 3vw, 32px);
  margin: auto;
}

.supplement .pagetopimg {
  background-image: url(/images/supplement_topimg.webp);
  background-size: cover;
  height: 200px;
  background-position: left;
}

.supplement h3 {
  background-color: #65922210;
  padding: 16px 24px;
  margin-top: 48px;
}
.supplement p {
  padding: 16px 24px;
}

.supplement .lead {
  text-align: center;
}
.supplement .attention {
  border: 1px solid rgb(101, 146, 34);
  padding: 32px;
  text-align: center;
  margin-top: 64px;
}