@charset "UTF-8";

/* =====================
  first-view
===================== */
.r-hero-main {
  display: flex;
  column-gap: 96rem;
  padding-block-start: 144rem;
  padding-inline: var(--section-both02);
  position: relative;
}
.r-hero-image__wrapper {
  border: var(--color-white) 6rem solid;
  border-radius: var(--img-round);
  overflow: hidden;
  width: 532rem;
  height: 565rem;
  position: sticky;
  top: 144rem;
  left: 0;
}
.r-hero-image {
  width: 100%;
  aspect-ratio: 532 / 565;
}
.r-hero-text__wrapper {
  width: calc(100% - 532rem - 96rem);
}
.r-hero-text__top {
  min-height: 435rem;
  display: grid;
  align-content: center;
}
.r-hero-text__heading {
  font-size: 38rem;
}
.r-hero-text__bottom {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: last baseline;
  column-gap: 24rem;
  padding-bottom: 64rem;
  border-bottom: var(--border) var(--color-text-primary);
}
.r-hero__person {
  line-height: 1.7;
  letter-spacing: 0.06em;
}
.r-hero__position {
  font-size: 18rem;
  margin-top: 8rem;
  > span {
    display: inline-block;
    &:nth-child(2) {
      margin-left: 8rem;
      &::before {
        content: '/';
        display: inline-block;
        margin-right: 8rem;
      }
    }
  }
}
.r-hero__name {
  font-size: 48rem;
}
.r-interview-content {
  margin-top: 96rem;
}
.r-interview-heading {
  font-size: 32rem;
  letter-spacing: 0.06em;
  margin-bottom: 24rem;
}
.r-interview-question {
  display: inline-block;
  margin-right: 8rem;
}