@charset "utf-8";

.h-section {
  margin-bottom: 40px;
  font-size: clamp(calc(56 / 4 * 3px), calc(56 * calc(100vw / 1920)), 56px);
}

.h-section:before {
  margin-bottom: 15px;
  content: attr(data-title-en);
  display: block;
  color: #A49445;
  font-size: 24px;
  letter-spacing: 0.04em;
}

.h-rad {
  margin-bottom: 40px;
  padding: 10px 40px;
  text-align: center;
  color: #fff;
  font-size: clamp(calc(52 / 4 * 3px), calc(52 * calc(100vw / 1920)), 52px);
  background: #3BA2BE;
  border-radius: 50px;
}

.h-rad.mod-white {
  color: #3BA2BE;
  background-color: #fff;
}

.h-rad-s {
  display: table;
  margin-bottom: 40px;
  padding: 5px 40px;
  color: #fff;
  font-size: 28px;
  background: #3BA2BE;
  border-radius: 24px;
}

.home-h-section {
  margin-bottom: 50px;
  text-align: center;
  font-size: clamp(calc(50 / 4 * 3px), calc(50 * calc(100vw / 1920)), 50px);
  font-weight: 500;
  font-family: var(--ff-mplus-font-family);
}

.home-h-section:after {
  content: attr(data-title-en);
  display: block;
  color: #808080;
  font-size: 21px;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.home-h-section.fc-white:after {
  color: inherit;
}

@media (max-width: 720px) {

.h-section {
  margin-bottom: 20px;
  font-size: 22px;
  text-align: center;
}

.h-section:before {
  margin-bottom: 5px;
  font-size: 15px;
}

.h-rad {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 18px;
}

.h-rad-s {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  padding: 5px 20px;
  font-size: 18px;
}

.home-h-section {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 22px;
}

.home-h-section:after {
  font-size: 15px;
}

}