:root {
  --navy: #1c1060;
  --yellow: #ffcc00;
  --green: #0a9a48;
  --green-light: #b9e4b0;
  --pink: #e4005f;
  --pink-light: #f29ac0;
  --yellow-light: #fff200;
  --font: "M PLUS 1", "Hiragino Kaku Gothic Std", "Yu Gothic", "Meiryo", sans-serif;
}
* {
  box-sizing: border-box;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.flex-under {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}
/* 価格 */
.pricebox {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1;
  max-width: 450px;
  --u: clamp(10px, 1.6vw, 16px); /* 全体サイズの基準 */
  min-width: 230px;
}
.num {
  display: inline-block;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-weight: 600;
  font-size: calc(var(--u) * 8);
  color: var(--yellow);
  letter-spacing: -0.01em;
  -webkit-text-stroke: calc(var(--u) * 0.2) var(--navy);
  paint-order: stroke fill;
  text-shadow:
    calc(var(--u) * 0.2) calc(var(--u) * 0.2) 0 var(--navy),
    calc(var(--u) * 0.4) calc(var(--u) * 0.4) 0 var(--navy);
}
.num .comma {
  display: inline-block;
  font-size: 0.55em;
  margin: 0 -0.06em;
  -webkit-text-stroke-width: calc(var(--u) * 0.3);
  text-shadow:
    calc(var(--u) * 0.2) calc(var(--u) * 0.2) 0 var(--navy),
    calc(var(--u) * 0.4) calc(var(--u) * 0.4) 0 var(--navy);
}
.unit {
  position: relative;
  margin-left: calc(var(--u) * 0.8);
  padding-top: calc(var(--u) * 3.4);
}
.unit .tax {
  position: absolute;
  bottom: 60%;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Hiragino Kaku Gothic Std", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: calc(var(--u) * 1.3);
  color: var(--navy);
  white-space: nowrap;
}
.yen {
  display: block;
  transform-origin: center bottom;
  vertical-align: bottom;
  margin: 0 calc(var(--u) * -0.6);
  font-size: calc(var(--u) * 5.6);
  color: white;
  -webkit-text-stroke: calc(var(--u) * 0.25) var(--navy);
  paint-order: stroke fill;
  text-shadow: calc(var(--u) * 0.25) calc(var(--u) * 0.25) 0 var(--navy);
}
.kit-img {
  width: 80%;
  max-width: 250px;
  min-width: 120px;
  padding-right: 20px;
  margin-right: 0;
}
svg.kit-img {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .kit-img {
    padding-right: 5px;
  }
}

svg {
  max-width: 100%;
  height: auto;
}