.education {
  --height:1200;
  background:linear-gradient(#dedede 0, #f6f6f6 calc(272 * var(--u)),#fff calc(272 * var(--u)));
  z-index:0
}

.education .section-heading {
  padding-top:calc(83 * var(--u))
}

.education .highlight {
  margin-top:calc(25 * var(--u))
}

.education-grid {
  display:grid;
  grid-template-columns:repeat(2,calc(402 * var(--u)));
  gap:calc(111 * var(--u));
  margin:calc(120 * var(--u)) auto 0;
  width:fit-content
}

.education-card {
  display:block;
  position:relative;
  width:100%;
  text-align:center
}

.education-visual {
  display:block;
  height:calc(223 * var(--u));
  position:relative
}

.education-card strong {
  display:block;
  font-size:calc(20 * var(--u));
  font-weight:500;
  padding-top:calc(18 * var(--u))
}

.bubble {
  position:absolute;
  width:calc(126 * var(--u));
  height:calc(126 * var(--u));
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:500;
  font-size:calc(16 * var(--u));
  line-height:1.5;
  top:calc(-62 * var(--u));
  left:calc(-23 * var(--u))
}

.bubble:nth-of-type(2) {
  left:auto;
  right:calc(-28 * var(--u))
}

.blue {
  background:#64c0d5
}

.deep-blue {
  background:#499bd0
}

.pink {
  background:#e8a0b8;
  font-size:calc(14 * var(--u))
}

.yellow {
  background:#ffd081;
  font-size:calc(14 * var(--u))
}

.education-visual .draft-tag {
  position:absolute;
  left:calc(128 * var(--u));
  top:calc(110 * var(--u));
  font-size:calc(15 * var(--u))
}

.education>.more-link {
  margin-top:calc(39 * var(--u))
}

.diary {
  --height:1010
}

.diary-copy {
  padding-top:calc(213 * var(--u));
  margin-left:calc(170 * var(--u));
  width:calc(435 * var(--u))
}

.diary .section-heading {
  text-align:left
}

.diary .section-heading small {
  margin-top:calc(10 * var(--u))
}

.diary .highlight {
  margin:calc(34 * var(--u)) 0 0;
  line-height:calc(65 * var(--u));
  background:none;
  padding:0;
  white-space:nowrap;
  position:relative;
  font-size:calc(26 * var(--u))
}

.diary .highlight::before,.diary .highlight::after {
  content:'';
  position:absolute;
  left:0;
  right:calc(28 * var(--u));
  height:calc(50 * var(--u));
  border-radius:calc(5 * var(--u));
  background-image:var(--gradient);
  background-size:100% 100%;
  z-index:-1;
  top:calc(8 * var(--u))
}

.diary .highlight::after {
  top:calc(73 * var(--u))
}

.diary .highlight {
  padding-left:calc(17 * var(--u))
}

.diary .body-copy {
  margin-top:calc(34 * var(--u))
}

.diary .more-link {
  margin:calc(120 * var(--u)) 0 0
}

.team {
  --height:1280
}

.team .section-heading {
  padding-top:calc(53 * var(--u))
}

.team-cards {
  display:grid;
  grid-template-columns:repeat(5,calc(243.5 * var(--u)));
  gap:calc(21.75 * var(--u));
  margin-left:calc(170 * var(--u));
  margin-top:calc(64 * var(--u));
  height:calc(326 * var(--u))
}

.team-card {
  position:relative;
  height:calc(268.36 * var(--u))
}

.team-card:nth-child(even) {
  margin-top:calc(54 * var(--u))
}

.team-card-0 {
  transform:scale(1.295);
  transform-origin:center center;
  z-index:1
}

.staff-type {
  position:absolute;
  right:0;
  top:0;
  color:#fff;
  background:#98b987;
  border-radius:0 calc(5 * var(--u)) 0 calc(5 * var(--u));
  padding:calc(10 * var(--u)) calc(9 * var(--u));
  font-size:calc(14 * var(--u));
  writing-mode:vertical-rl;
  min-height:calc(72 * var(--u))
}

.team-card-0 .staff-type {
  background:#e2b492
}

.team-card-1 .staff-type {
  background:#e79bb3
}

.staff-caption {
  position:absolute;
  bottom:calc(-31 * var(--u));
  left:calc(27 * var(--u));
  border-radius:calc(8 * var(--u));
  background:#fff;
  padding:calc(10 * var(--u)) calc(13 * var(--u));
  font-size:calc(17 * var(--u));
  font-weight:500;
  white-space:nowrap
}

.staff-caption small {
  display:block;
  font-size:calc(10 * var(--u));
  margin-top:calc(3 * var(--u))
}

.team .highlight {
  margin-top:calc(13 * var(--u))
}

.team .body-copy {
  margin-top:calc(33 * var(--u));
  text-align:center
}

.team>.more-link {
  margin-top:calc(41 * var(--u))
}