.hero {
  --height:1184
}

.hero-copy {
  padding-top:calc(263 * var(--u));
  padding-left:calc(117 * var(--u));
  color:#fff
}

.hero h1 {
  font-family:YuGothic,'Yu Gothic','Source Han Sans JP',sans-serif;
  font-weight:500;
  font-size:calc(68 * var(--u));
  line-height:1.39;
  letter-spacing:.015em
}

.hero-copy p {
  margin-top:calc(55 * var(--u));
  margin-left:calc(5 * var(--u));
  font-size:calc(13 * var(--u));
  font-family:Montserrat,sans-serif;
  font-weight:500
}

.hero-actions {
  position:absolute;
  right:0;
  top:calc(767 * var(--u));
  display:flex;
  background:#fff;
  width:calc(472 * var(--u));
  border-radius:calc(6 * var(--u)) 0 0 calc(6 * var(--u));
  height:calc(63 * var(--u))
}

.hero-actions a {
  width:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:calc(12 * var(--u));
  color:#aa617a;
  font-size:calc(13 * var(--u));
  font-weight:700
}

.hero-actions a+a {
  border-left:1px solid #eee
}

.hero-actions [lang] {
  font-family:Montserrat,sans-serif;
  font-weight:500;
  font-size:calc(18 * var(--u))
}

.hero-actions a span:last-child {
  margin-left:calc(15 * var(--u))
}

.section-heading {
  font-weight:500;
  font-size:calc(50 * var(--u));
  line-height:1.12;
  text-align:center;
  white-space:pre-line
}

.section-heading>span {
  font-family:Montserrat,sans-serif;
  font-weight:500
}

.section-heading small {
  display:block;
  font-weight:700;
  font-size:calc(16 * var(--u));
  line-height:1.5;
  margin-top:calc(10 * var(--u))
}

.body-copy {
  font-size:calc(16 * var(--u));
  font-weight:500;
  line-height:2
}

.highlight {
  font-size:calc(26 * var(--u));
  line-height:calc(50 * var(--u));
  font-weight:500;
  color:#fff;
  background-image:var(--gradient);
  background-size:100% 100%;
  border-radius:calc(5 * var(--u));
  width:fit-content;
  margin-inline:auto;
  padding-inline:calc(17 * var(--u))
}

.more-link {
  display:flex;
  align-items:center;
  gap:calc(10 * var(--u));
  font-family:YakuHanJP,'Source Han Sans JP',sans-serif;
  font-size:calc(14 * var(--u));
  font-weight:700;
  width:fit-content;
  margin-inline:auto;
  min-height:44px
}

.arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:calc(50 * var(--u));
  height:calc(50 * var(--u));
  border-radius:50%;
  background:var(--pink);
  color:#fff;
  font-family:sans-serif;
  transition:transform .2s;
  font-size:calc(21 * var(--u));
  font-weight:400
}

.about {
  --height:1556;
  background:#dedede;
  color:#fff
}

.about-copy {
  padding-top:calc(214 * var(--u));
  margin-left:55%;
  width:calc(515 * var(--u))
}

.about .section-heading {
  text-align:left;
  font-size:calc(60 * var(--u))
}

.about .section-heading>span {
  font-weight:600
}

.about .section-heading small {
  font-size:calc(20 * var(--u));
  margin-top:calc(8 * var(--u))
}

.about h3 {
  font-family:YuGothic,'Yu Gothic','Source Han Sans JP',sans-serif;
  font-size:calc(32 * var(--u));
  font-weight:700;
  text-align:center;
  margin-top:calc(69 * var(--u));
  white-space:nowrap
}

.about-copy>p {
  font-size:calc(16 * var(--u));
  line-height:2.5;
  margin-top:calc(62 * var(--u))
}

.about .more-link {
  margin-left:calc(6 * var(--u));
  margin-top:calc(85 * var(--u))
}

.about-connect {
  position:absolute;
  top:calc(369 * var(--u));
  left:calc(127 * var(--u));
  font-family:YuGothic,'Yu Gothic',sans-serif;
  font-weight:500;
  font-size:calc(78 * var(--u));
  line-height:1.45;
  opacity:.3
}

.draft-tag {
  display:block;
  background:#e94ddb;
  color:#fff;
  line-height:1.5;
  padding:calc(4 * var(--u)) calc(9 * var(--u));
  font-size:calc(12 * var(--u));
  font-weight:700;
  width:fit-content
}

.about-draft {
  position:absolute;
  left:calc(331 * var(--u));
  top:calc(21 * var(--u))
}