@charset "UTF-8";
@keyframes fuwafuwacloud {
  to {
    background-position: calc(-7875rem / 16) 0;
  }
}
@keyframes fuwafuwacloudPC {
  to {
    background-position: calc(max(54.39vw, 96.74vh) * -21) 0;
  }
}
@keyframes anime-fv-line-top {
  to {
    background-position: calc(-600rem / 16) 0;
  }
}
@keyframes anime-fv-line-bottom {
  to {
    background-position: calc(-420rem / 16) 0;
  }
}
@keyframes anime-fv-line-double-pc {
  to {
    background-position: calc(-1200rem / 16) 0;
  }
}
@keyframes anime-fv-line-short-pc {
  to {
    background-position: calc(-1230rem / 16) 0;
  }
}
.fvLine__top {
  background-image: url(/assets/images/top/fv-line-top.png);
  background-repeat: no-repeat;
  z-index: var(--z-line);
  animation: anime-fv-line-top 5s steps(6) infinite 0.1s;
  background-size: calc(600rem / 16) 100%;
  width: calc(100rem / 16);
  height: calc(120rem / 16);
  position: absolute;
  top: 0;
  left: 0;
}
.fvLine__bottom {
  background-image: url(/assets/images/top/fv-line-bottom.png);
  background-repeat: no-repeat;
  z-index: var(--z-line);
  animation: anime-fv-line-bottom 5s steps(6) infinite 0.2s;
  background-size: calc(420rem / 16) 100%;
  width: calc(70rem / 16);
  height: calc(80rem / 16);
  position: absolute;
  top: calc(400rem / 16);
  right: 0;
}

:root {
  --y: 0;
  --y2: 100%;
}

.lHeader {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--z-header);
  height: calc(56rem / 16);
}
.lHeader__inner {
  justify-content: flex-end;
  padding-right: calc(20rem / 16);
}
.lHeader__button {
  position: relative;
  right: 0;
}

.pFixedImage {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: -1;
  transform: translateY(-50%);
  width: 100%;
  opacity: 0;
  height: 100vh;
}
.pFixedImage img {
  height: 100%;
}

[data-scroll-show=true] .pFixedImage {
  opacity: 1;
}

.pLinkButton {
  border-radius: calc(28rem / 16);
  border: 1px solid var(--c-black);
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pLinkButton__text {
  font-size: calc(16rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.6;
}
.pLinkButton__arrow {
  width: calc(8rem / 16);
}
.pLinkButton__cloud {
  width: calc(71rem / 16);
  position: absolute;
  top: -32px;
  right: -15px;
  z-index: 1;
}

.pMv {
  background: #fff;
}
.pMv__inner {
  height: 100svh;
}
.pMv__scroll {
  font-size: calc(10rem / 16);
  position: absolute;
  bottom: calc(20rem / 16);
  right: calc(24rem / 16);
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.1em;
}
.pMv__lead {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.pMv__lead_line {
  position: absolute;
  top: calc(9rem / 16);
  right: calc(-63rem / 16);
}
.pMv__lead_text {
  font-size: calc(15rem / 16);
  letter-spacing: 0.02em;
  margin: calc(111rem / 16) calc(65rem / 16) 0 calc(31rem / 16);
  line-height: 2.5;
}
.pMv__lead_text.is-active .pMv_text--1, .pMv__lead_text.is-active .pMv_text--2, .pMv__lead_text.is-active .pMv_text--3, .pMv__lead_text.is-active .pMv_text--4, .pMv__lead_text.is-active .pMv_text--5 {
  opacity: 1;
}

.pMvRight {
  height: calc(400rem / 16);
  width: 100%;
  position: relative;
}
.pMvRight.cFadein {
  transition-duration: 0.2s;
}
.pMvRight::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  transform: translateY(0);
  transition: 1s var(--ease-out) 0.2s;
}
.pMvRight.is-active::after {
  transform: translateY(-100%);
}
.pMvRight__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pMvRight__cloud {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.pMvRight__cloud::before {
  position: absolute;
  content: "";
  background-image: url(../images/top/Fv_right_Image.png);
  background-repeat: no-repeat;
  width: 100%;
  height: calc(400rem / 16);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  animation: fuwafuwacloud 8s steps(21) infinite;
  background-size: calc(7875rem / 16) 100%;
}

.pMvLeft {
  position: relative;
  height: calc(100svh - 400rem / 16);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pMvLeft__wrapper {
  position: relative;
  margin: 0 0 0 calc(-5rem / 16);
}
.pMvLeft__headline {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.pMvLeft__headline--1 {
  position: relative;
}
.pMvLeft__headline_icon {
  position: absolute;
  z-index: 0;
}
.pMvLeft__copy {
  font-size: calc(11rem / 16);
  letter-spacing: 0.1em;
  margin-top: calc(35rem / 16);
}
.pMvLeft .line {
  position: relative;
  display: inline-block;
  margin-right: calc(4rem / 16);
}
.pMvLeft .line::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--c-black);
  position: relative;
  bottom: 0;
  left: 0;
}

.pSectionTitle {
  display: flex;
  align-items: center;
}
.pSectionTitle__en {
  font-size: calc(34rem / 16);
  letter-spacing: 0.03em;
}

.pService {
  padding: calc(142rem / 16) calc(30rem / 16) calc(108rem / 16);
  background-color: #fff;
}
.pService__title_jp {
  width: calc(94rem / 16);
  margin-left: calc(16rem / 16);
}
.pService__flow {
  margin-top: calc(50rem / 16);
  width: calc(315rem / 16);
}
.pService__link {
  margin-top: calc(71rem / 16);
  padding: calc(18rem / 16) calc(29rem / 16);
}
.pService__link_text {
  letter-spacing: 0;
}

.pServiceStep__index {
  font-size: calc(15rem / 16);
  letter-spacing: 0.05em;
  margin-top: calc(38rem / 16);
}
.pServiceStep__title {
  font-size: calc(24rem / 16);
  letter-spacing: 0.02em;
  margin-top: calc(14rem / 16);
}
.pServiceStep__copy {
  margin-top: calc(16rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.9;
  font-size: calc(14rem / 16);
  font-family: var(--f-gothic);
}
.pServiceStep__list {
  margin-top: calc(37rem / 16);
}
.pServiceStep__contents {
  margin-top: calc(34rem / 16);
}
.pServiceStep__contents_title {
  font-size: calc(17rem / 16);
  letter-spacing: 0.02em;
}
.pServiceStep__contents_title--1 {
  margin-top: calc(34rem / 16);
}
.pServiceStep__contents_title--2 {
  margin-top: calc(40rem / 16);
}
.pServiceStep__image {
  width: 100%;
  margin-top: calc(85rem / 16);
  z-index: 1;
}

.pServiceStepItem {
  margin-top: calc(20rem / 16);
}
.pServiceStepItem__title {
  font-size: calc(17rem / 16);
  letter-spacing: 0.02em;
}
.pServiceStepItem__copy {
  font-size: calc(14rem / 16);
  letter-spacing: 0.01em;
  line-height: 1.85;
  margin-top: calc(6rem / 16);
  padding: calc(15rem / 16) calc(15rem / 16) calc(12rem / 16);
  background: var(--c-white);
  font-family: var(--f-gothic);
}
.pServiceStepItem__copy_sub {
  font-size: calc(13rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin-top: calc(3rem / 16);
  display: flex;
  align-items: flex-start;
}
.pServiceStepItem__copy_sub::before {
  content: "※";
}
.pServiceStepItem__imege {
  width: calc(227rem / 16);
}

.pServiceStep1 {
  position: relative;
}
.pServiceStep1__image {
  padding-top: calc(63rem / 16);
  margin-top: calc(60rem / 16);
}
.pServiceStep1__image_phone {
  width: calc(115rem / 16);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.pServiceStep1__image_human {
  width: calc(265rem / 16);
  position: relative;
}
.pServiceStep1__line--1 {
  position: absolute;
  top: calc(-23rem / 16);
  left: calc(-30rem / 16);
  width: calc(85rem / 16);
}
.pServiceStep1__line--2 {
  position: absolute;
  top: calc(12rem / 16);
  left: calc(-30rem / 16);
  width: calc(80rem / 16);
}
.pServiceStep1 .pServiceStepItem__title {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(12rem / 16);
       column-gap: calc(12rem / 16);
}

.pServiceStep2 {
  margin-top: calc(90rem / 16);
  position: relative;
}
.pServiceStep2__line {
  width: calc(132rem / 16);
  position: absolute;
  top: calc(-77rem / 16);
  right: calc(-30rem / 16);
}
.pServiceStep2__flow {
  margin-top: calc(13rem / 16);
  width: calc(315rem / 16);
}

.pServiceStep3 {
  margin-top: calc(94rem / 16);
  position: relative;
}
.pServiceStep3__line--1 {
  width: calc(90rem / 16);
  position: absolute;
  top: calc(-101rem / 16);
  left: calc(-30rem / 16);
}
.pServiceStep3__line--2 {
  width: calc(77rem / 16);
  position: absolute;
  top: calc(-72rem / 16);
  left: calc(-30rem / 16);
}

.pServiceStep4__list {
  background: var(--c-white);
  padding: calc(30rem / 16) calc(15rem / 16) calc(22rem / 16);
  margin-top: calc(10rem / 16);
}

.pServiceStep4Item__image {
  width: calc(227rem / 16);
  margin: 0 auto;
}
.pServiceStep4Item__title {
  font-size: calc(16rem / 16);
  letter-spacing: 0.02em;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 2px;
  position: relative;
}
.pServiceStep4Item__title--1 {
  margin-top: calc(20rem / 16);
}
.pServiceStep4Item__title--1::after {
  content: "";
  display: block;
  width: 103%;
  height: 93%;
  border: 1px solid var(--c-black);
  position: absolute;
  top: 1px;
  left: -2px;
}
.pServiceStep4Item__title--2 {
  margin-top: calc(20rem / 16);
}
.pServiceStep4Item__title--2::after {
  content: "";
  display: block;
  width: 104%;
  height: 93%;
  border: 1px solid var(--c-black);
  position: absolute;
  top: 1px;
  left: -2px;
}
.pServiceStep4Item__copy {
  margin-top: calc(9rem / 16);
  font-size: calc(14rem / 16);
  line-height: 1.85;
  letter-spacing: 0.01em;
}
.pServiceStep4Item__list {
  margin-top: calc(13rem / 16);
}
.pServiceStep4Item__list_item {
  font-size: calc(14rem / 16);
  letter-spacing: 0.01em;
  line-height: 1.85;
  display: flex;
  align-items: flex-start;
}
.pServiceStep4Item__list_item::before {
  content: "・";
  display: block;
}

.pFixedArea {
  position: relative;
  height: calc(380rem / 16);
  width: 100%;
}
.pFixedArea__line {
  width: calc(117rem / 16);
  position: absolute;
  top: calc(-58rem / 16);
  left: 0;
}

.pInterview {
  background: #fff;
  padding: calc(90rem / 16) calc(30rem / 16) 0;
  width: 100%;
}
.pInterview__title_jp {
  margin: 0 0 0 calc(12rem / 16);
  font-size: calc(14rem / 16);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
}
.pInterview__nav {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: calc(8rem / 16);
       column-gap: calc(8rem / 16);
  margin-top: calc(24rem / 16);
}
.pInterview__nav_button {
  width: calc(36rem / 16);
  height: calc(36rem / 16);
  border: 1px solid #000;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.pInterview__nav_button:disabled {
  opacity: 0.3;
  cursor: default;
}
.pInterview__nav_button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(8rem / 16);
  height: calc(8rem / 16);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.pInterview__nav_button--prev::before {
  transform: translate(-30%, -50%) rotate(-135deg);
}
.pInterview__nav_button--next::before {
  transform: translate(-70%, -50%) rotate(45deg);
}
.pInterview__embed {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: calc(16rem / 16);
       column-gap: calc(16rem / 16);
  margin-top: calc(16rem / 16);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.pInterview__embed::-webkit-scrollbar {
  display: none;
}
.pInterview__embed iframe {
  /* noteの埋め込みは inline で width と display:block が付くため、横並びに上書きする */
  flex: 0 0 min(494px, 78vw);
  width: min(494px, 78vw) !important;
  max-width: none !important;
  margin: 0 !important;
  scroll-snap-align: start;
  border: 0;
}
/* iframe未設置のあいだ、貼り付け位置が分かるように枠を出す。改行や空白文字があると :empty が外れるため、HTML側の div はコメントだけの1行にしておく */
.pInterview__embed:empty {
  display: block;
  min-height: calc(240rem / 16);
  border: 1px dashed #000;
}
.pInterview__more {
  display: block;
  padding: calc(20rem / 16) 0;
  width: 100%;
  margin-top: calc(35rem / 16);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: inherit;
  text-decoration: none;
  text-align: center;
  font-size: calc(15rem / 16);
  letter-spacing: 0.03em;
}
.pInterview__more_title {
  font-size: calc(17rem / 16);
  letter-spacing: 0.03em;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.pInterview__more_title::after {
  content: "";
  display: block;
  width: calc(10rem / 16);
  height: calc(10rem / 16);
  background-image: url(/assets/images/top/plus.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.pInterviewRss__source {
  margin-top: calc(8rem / 16);
  font-size: calc(12rem / 16);
  letter-spacing: 0.02em;
  word-break: break-all;
}
.pInterviewRss__card {
  flex: 0 0 min(320px, 68vw);
  width: min(320px, 68vw);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}
.pInterviewRss__thumb {
  width: 100%;
  aspect-ratio: 800 / 419;
  height: auto;
  object-fit: cover;
  background: #f3f3f3;
}
.pInterviewRss__cardTitle {
  padding: calc(12rem / 16) calc(14rem / 16) calc(14rem / 16);
  font-size: calc(14rem / 16);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.pInterviewRss__status {
  flex: 1 0 100%;
  padding: calc(24rem / 16) 0;
  font-size: calc(14rem / 16);
}

.pVoice {
  background: #fff;
  padding: calc(90rem / 16) calc(30rem / 16) 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.pVoice__line--1 {
  position: absolute;
  top: calc(23rem / 16);
  right: calc(-41rem / 16);
  width: calc(121rem / 16);
}
.pVoice__line--2-1 {
  position: absolute;
  bottom: calc(133rem / 16);
  left: calc(-46rem / 16);
  width: calc(135rem / 16);
}
.pVoice__line--2-2 {
  position: absolute;
  bottom: calc(23rem / 16);
  left: calc(-109rem / 16);
  width: calc(187rem / 16);
}
.pVoice__title_jp {
  margin-left: calc(12rem / 16);
  width: calc(80rem / 16);
}
.pVoice__list {
  margin-top: calc(40rem / 16);
}
.pVoice__link {
  margin-top: calc(140rem / 16);
  padding: calc(20rem / 16) calc(25rem / 16) calc(18rem / 16) calc(22rem / 16);
}
.pVoice__link_text {
  letter-spacing: 0;
}

.pVoiceItem {
  position: relative;
  border-radius: calc(40rem / 16);
  padding: calc(30rem / 16) calc(20rem / 16) calc(28rem / 16);
  margin-top: calc(47rem / 16);
}
.pVoiceItem__inner {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: calc(15rem / 16);
       column-gap: calc(15rem / 16);
}
.pVoiceItem:first-child {
  margin-top: 0;
}
.pVoiceItem__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: calc(5rem / 16);
}
.pVoiceItem--light {
  background: var(--c-white);
}
.pVoiceItem--dark {
  background: var(--c-beige-light);
}
.pVoiceItem__icon {
  width: calc(70rem / 16);
}
.pVoiceItem__post {
  font-size: calc(13rem / 16);
  letter-spacing: 0.02em;
  border-bottom: 1px solid var(--c-black);
  padding-bottom: 1px;
}
.pVoiceItem__copy {
  font-size: calc(14rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.7;
}
.pVoiceItem__copy .strong {
  font-weight: 700;
}
.pVoiceItem__name {
  font-size: calc(13rem / 16);
  letter-spacing: 0.02em;
  line-height: 1.84;
  font-family: var(--f-gothic);
  margin-top: calc(9rem / 16);
  padding: calc(2rem / 16) calc(6rem / 16);
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
}
.pVoiceItem__fukidashi {
  width: calc(56rem / 16);
  position: absolute;
  top: calc(-40rem / 16);
  left: calc(72rem / 16);
}

.pVoiceAccordion__button {
  opacity: 1;
  transition: opacity 0.8s var(--ease-out);
}
.pVoiceAccordion__button_title {
  font-size: calc(17rem / 16);
  letter-spacing: 0.03em;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.pVoiceAccordion__button_title::after {
  content: "";
  display: block;
  width: calc(10rem / 16);
  height: calc(10rem / 16);
  background-image: url(/assets/images/top/plus.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.pVoiceAccordion.is-show .pVoiceAccordion__button {
  opacity: 0;
  display: none;
}
.pVoiceAccordion__button {
  padding: calc(20rem / 16) 0;
  width: 100%;
  text-align: center;
  font-size: calc(15rem / 16);
  letter-spacing: 0.03em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: calc(35rem / 16);
  opacity: 1;
}
.pVoiceAccordion__contents {
  overflow: hidden;
  transition: height 0.8s;
  height: 0;
}
.pVoiceAccordion__contents_body {
  padding-top: calc(47rem / 16);
}

@media (min-width: 768px) {
  .pLinkButton {
    border-radius: min(20px, calc(20rem / 16));
    margin-top: min(125px, calc(125rem / 16));
    width: min(668px, calc(668rem / 16));
    -moz-column-gap: min(15px, calc(15rem / 16));
         column-gap: min(15px, calc(15rem / 16));
    justify-content: center;
    transition: 0.6s var(--ease-out);
  }
  .pLinkButton__text {
    font-size: min(17px, calc(17rem / 16));
    transition: 0.6s var(--ease-out);
  }
  .pLinkButton__arrow {
    width: min(6px, calc(6rem / 16));
  }
  .pLinkButton__cloud {
    width: min(71px, calc(71rem / 16));
    top: -25px;
    right: -36px;
  }
  .lHeader {
    height: min(61px, calc(61rem / 16));
  }
  .lHeader__inner {
    justify-content: flex-end;
    padding-right: min(54px, calc(54rem / 16));
  }
  .fvLine__double {
    background-image: url(/assets/images/top/fv-line-double-pc.png);
    background-repeat: no-repeat;
    z-index: var(--z-line);
    animation: anime-fv-line-double-pc 5s steps(6) infinite 0.1s;
    background-size: calc(1200rem / 16) 100%;
    width: calc(200rem / 16);
    height: calc(130rem / 16);
    position: absolute;
    top: 0;
    right: 0;
  }
  .fvLine__short--1 {
    background-image: url(/assets/images/top/fv-line-short-pc.png);
    background-repeat: no-repeat;
    z-index: var(--z-line);
    animation: anime-fv-line-short-pc 5s steps(6) infinite 2s;
    background-size: calc(1230rem / 16) 100%;
    width: calc(205rem / 16);
    height: calc(250rem / 16);
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .fvLine__short--2 {
    background-image: url(/assets/images/top/fv-line-short-pc.png);
    background-repeat: no-repeat;
    z-index: var(--z-line);
    animation: anime-fv-line-short-pc 5s steps(6) infinite 3s;
    background-size: calc(1230rem / 16) 100%;
    width: calc(205rem / 16);
    height: calc(250rem / 16);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .pMv {
    position: relative;
    overscroll-behavior: none;
    scroll-behavior: auto;
  }
  .pMv[data-index="1"] {
    --y: 0;
    --y2: 100%;
  }
  .pMv[data-index="2"] {
    --y: -100%;
    --y2: 0;
  }
  .pMv__container {
    height: 250vh;
    width: 100%;
  }
  .pMv__wrapper {
    height: 100vh;
    width: 100%;
    position: sticky;
    top: 0;
    overflow: hidden;
  }
  .pMv__inner {
    display: flex;
    align-items: center;
    height: 100vh;
  }
  .pMv__scroll {
    width: 100%;
    text-align: center;
    font-size: min(11px, calc(11rem / 16));
    bottom: calc(34rem / 16);
    right: 0;
  }
  .pMv__lead {
    height: 100vh;
    display: flex;
    position: absolute;
    top: 0;
    left: calc(743rem / 16);
    overflow: hidden;
    width: calc(100% - 743rem / 16);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(var(--y2, 0));
    align-items: center;
  }
  .pMv__lead_text {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    width: fit-content;
    font-size: calc(16rem / 16);
    line-height: 2.6;
  }
  .pMv__lead_text--1 {
    transition-delay: 0.6s;
  }
  .pMv__lead_text--2 {
    transition-delay: 0.9s;
  }
  .pMv__lead_text--3 {
    transition-delay: 1.3s;
  }
  .pMv__lead_text--4 {
    transition-delay: 1.7s;
  }
  .pMv__lead_text--5 {
    transition-delay: 2s;
  }
  .pMv__lead_text--6 {
    transition-delay: 2.3s;
  }
  .pMv__lead_text--7 {
    transition-delay: 2.6s;
  }
  .pMvRight {
    height: 100vh;
    width: calc(743rem / 16);
  }
  .pMvRight__image img {
    height: 100%;
  }
  .pMvRight__cloud {
    width: 100%;
    height: 100%;
  }
  .pMvRight__cloud::before {
    background-image: url(../images/top/Fv_right_Image-pc.png);
    width: 100%;
    height: 100vh;
    animation: fuwafuwacloudPC 22s steps(21) infinite;
    background-size: calc(max(54.39vw, 96.74vh) * 21) auto;
    left: auto;
    right: 0;
  }
  .pin-trigger {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 1%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .pin-trigger__item {
    width: 100%;
    height: 100%;
  }
  .pMvLeft {
    width: calc(100% - 743rem / 16);
    height: 100vh;
    display: flex;
    overflow: auto;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(var(--y, 0));
  }
  .pMvLeft__wrapper {
    width: calc(440rem / 16);
    margin: calc(-21rem / 16) 0 0 calc(29rem / 16);
  }
  .pMvLeft__headline {
    width: 100%;
  }
  .pMvLeft__copy {
    margin: calc(49rem / 16) 0 0 calc(12rem / 16);
  }
  .pMvLeft .line::after {
    bottom: calc(-7rem / 16);
  }
  .pSectionTitle__en {
    font-size: min(42px, calc(42rem / 16));
  }
  .pService {
    padding: min(155px, calc(155rem / 16)) 0 min(210px, calc(210rem / 16));
    background: #fff;
    overflow: hidden;
    margin-top: -1px;
  }
  .pService__wrapper {
    width: min(1366px, 100%);
    margin: 0 auto;
  }
  .pService__title {
    margin-left: min(131px, calc(131rem / 16));
    position: relative;
  }
  .pService__title_line {
    top: max(-24px, calc(-24rem / 16));
    right: 0;
    position: absolute;
  }
  .pService__title_jp {
    width: min(105px, calc(105rem / 16));
    margin-left: min(28px, calc(28rem / 16));
  }
  .pService__flow {
    margin-top: min(111px, calc(111rem / 16));
    overflow: hidden;
    width: min(1920px, calc(1920rem / 16));
    height: min(110px, auto);
    margin-left: calc(50% - min(960px, calc(960rem / 16)));
  }
  .pService__list {
    margin: min(92px, calc(92rem / 16)) min(130px, calc(130rem / 16)) 0;
  }
  .pService__link {
    margin: min(124px, calc(124rem / 16)) auto 0;
    border-radius: min(20px, calc(20rem / 16));
    padding: min(25px, calc(25rem / 16)) 0 min(20px, calc(20rem / 16));
  }
  .pServiceStep {
    display: flex;
    align-items: flex-start;
  }
  .pServiceStep__wrapper {
    flex-shrink: 1;
    flex-grow: 1;
    margin: 0 0 0 min(109px, calc(109rem / 16));
  }
  .pServiceStep__image {
    width: min(402px, calc(402rem / 16));
    flex-shrink: 0;
    margin-top: min(35px, calc(35rem / 16));
  }
  .pServiceStep__index {
    font-size: min(17px, calc(17rem / 16));
  }
  .pServiceStep__copy {
    font-size: min(14px, calc(14rem / 16));
    margin-top: min(33px, calc(33rem / 16));
    line-height: 2;
  }
  .pServiceStep__contents {
    margin-top: min(45px, calc(45rem / 16));
  }
  .pServiceStep__contents_title {
    font-size: min(18px, calc(18rem / 16));
  }
  .pServiceStep__contents_title--1 {
    margin-top: min(45px, calc(45rem / 16));
  }
  .pServiceStep__contents_title--2 {
    margin-top: min(30px, calc(30rem / 16));
  }
  .pServiceStep__list {
    margin-top: min(57px, calc(57rem / 16));
  }
  .pServiceStep__title {
    font-size: min(24px, calc(24rem / 16));
  }
  .pServiceStepItem {
    margin-top: min(25px, calc(25rem / 16));
  }
  .pServiceStepItem__title {
    font-size: min(18px, calc(18rem / 16));
  }
  .pServiceStepItem__copy {
    margin-top: min(10px, calc(10rem / 16));
    padding: min(18px, calc(18rem / 16)) min(24px, calc(24rem / 16)) min(12px, calc(12rem / 16));
    line-height: 2;
    font-size: min(14px, calc(14rem / 16));
    letter-spacing: 0.02em;
  }
  .pServiceStepItem__copy_sub {
    font-size: min(13px, calc(13rem / 16));
    margin-top: min(3px, calc(3rem / 16));
  }
  .pServiceStep1__image {
    position: relative;
    width: min(402px, calc(402rem / 16));
    padding: min(80px, calc(80rem / 16)) min(65px, calc(65rem / 16)) 0 0;
    flex-shrink: 0;
  }
  .pServiceStep1__image_phone {
    width: min(147px, calc(147rem / 16));
  }
  .pServiceStep1__image_human {
    width: min(337px, calc(337rem / 16));
    position: relative;
  }
  .pServiceStep1__wrapper {
    margin-top: min(20px, calc(20rem / 16));
  }
  .pServiceStep1__line--1 {
    top: min(148px, calc(148rem / 16));
    left: max(-158px, calc(-158rem / 16));
  }
  .pServiceStep1__line--2 {
    top: min(264px, calc(264rem / 16));
    left: max(-195px, calc(-195rem / 16));
  }
  .pServiceStep2 {
    margin: min(163px, calc(163rem / 16)) 0 0;
  }
  .pServiceStep2__line--1 {
    top: min(12px, calc(12rem / 16));
    right: max(-231px, calc(-231rem / 16));
    position: absolute;
  }
  .pServiceStep2__line--2 {
    top: min(506px, calc(506rem / 16));
    left: max(-25px, calc(-25rem / 16));
    position: absolute;
  }
  .pServiceStep2__flow {
    width: min(594px, calc(594rem / 16));
  }
  .pServiceStep3 {
    margin: min(163px, calc(163rem / 16)) 0 0;
    align-items: center;
  }
  .pServiceStep3__line--1 {
    top: max(-35px, calc(-35rem / 16));
    left: auto;
    right: max(-107px, calc(-107rem / 16));
  }
  .pServiceStep4 {
    margin: min(154px, calc(154rem / 16)) 0 0;
    position: relative;
  }
  .pServiceStep4__line--1 {
    position: absolute;
    top: max(-20px, calc(-20rem / 16));
    left: max(-196px, calc(-196rem / 16));
  }
  .pServiceStep4__list {
    padding: min(45px, calc(45rem / 16)) min(50px, calc(50rem / 16)) min(50px, calc(50rem / 16));
  }
  .pServiceStep4__title::after {
    width: 103%;
  }
  .pServiceStep4Item:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pServiceStep4Item:last-child {
    margin-top: min(28px, calc(28rem / 16));
  }
  .pServiceStep4Item__list_item {
    font-size: min(14px, calc(14rem / 16));
  }
  .pServiceStep4Item__image {
    order: 2;
    width: min(227px, calc(227rem / 16));
    flex-shrink: 0;
  }
  .pServiceStep4Item__inner {
    order: 1;
  }
  .pServiceStep4Item__title {
    font-size: min(16px, calc(16rem / 16));
  }
  .pServiceStep4Item__copy {
    font-size: min(14px, calc(14rem / 16));
    margin-top: min(12px, calc(12rem / 16));
  }
  .pFixedArea {
    height: min(670px, calc(670rem / 16));
  }
  .pFixedArea__line {
    left: auto;
    right: min(20px, calc(20rem / 16));
    top: max(-424px, calc(-424rem / 16));
  }
  .pInterview {
    padding: 0;
  }
  .pInterview__wrapper {
    width: min(1366px, 100%);
    margin: 0 auto;
    padding: min(80px, calc(80rem / 16)) min(130px, calc(130rem / 16)) 0;
  }
  .pInterview__title_jp {
    margin-left: min(16px, calc(16rem / 16));
    font-size: min(16px, calc(16rem / 16));
  }
  .pInterview__embed {
    margin-top: min(16px, calc(16rem / 16));
  }
  .pInterview__embed:empty {
    min-height: min(320px, calc(320rem / 16));
  }
  .pInterview__more {
    padding: min(30px, calc(30rem / 16)) 0 min(25px, calc(25rem / 16));
    font-size: min(17px, calc(17rem / 16));
    margin-top: min(66px, calc(66rem / 16));
  }
  .pInterview__more_title {
    font-size: min(17px, calc(17rem / 16));
    transition: 0.6s var(--ease-out);
  }
  .pInterview__more_title::after {
    width: min(12px, calc(12rem / 16));
    height: min(12px, calc(12rem / 16));
    background-image: url(/assets/images/top/plus-pc.svg);
  }
  .pVoice {
    padding: 0 0;
  }
  .pVoice__line--1 {
    top: min(75px, calc(75rem / 16));
    position: absolute;
    right: 0;
  }
  .pVoice__line--2-1 {
    bottom: min(178px, calc(178rem / 16));
    left: auto;
    right: max(-64px, calc(-64rem / 16));
    width: min(135px, calc(135rem / 16));
  }
  .pVoice__line--2-2 {
    bottom: min(59px, calc(59rem / 16));
    left: auto;
    right: min(19px, calc(19rem / 16));
    width: min(132px, calc(132rem / 16));
  }
  .pVoice__line--3-1 {
    position: absolute;
    top: min(391px, calc(391rem / 16));
    left: max(-31px, calc(-31rem / 16));
    width: min(211px, calc(211rem / 16));
  }
  .pVoice__line--3-2 {
    position: absolute;
    top: min(500px, calc(500rem / 16));
    left: max(-74px, calc(-74rem / 16));
    width: min(135px, calc(135rem / 16));
  }
  .pVoice__line--5 {
    top: min(75px, calc(75rem / 16));
    position: absolute;
    right: 0;
  }
  .pVoice__wrapper {
    width: min(1366px, 100%);
    margin: 0 auto;
    padding: min(220px, calc(220rem / 16)) min(130px, calc(130rem / 16)) 0;
  }
  .pVoice__title_jp {
    width: min(91px, calc(91rem / 16));
    margin-left: min(25px, calc(25rem / 16));
  }
  .pVoice__list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: min(40px, calc(40rem / 16));
         column-gap: min(40px, calc(40rem / 16));
    margin-top: min(91px, calc(91rem / 16));
  }
  .pVoice__link {
    margin: min(240px, calc(240rem / 16)) auto 0;
    padding: min(25px, calc(25rem / 16)) 0 min(20px, calc(20rem / 16));
  }
  .pVoiceItem {
    width: calc((100% - min(40px, calc(40rem / 16))) / 2);
    margin-top: min(55px, calc(55rem / 16));
    padding: min(31px, calc(31rem / 16)) min(33px, calc(33rem / 16)) min(32px, calc(32rem / 16)) min(30px, calc(30rem / 16));
    border-radius: min(40px, calc(40rem / 16));
  }
  .pVoiceItem:first-child, .pVoiceItem:nth-child(2) {
    margin-top: 0;
  }
  .pVoiceItem__inner {
    -moz-column-gap: min(30px, calc(30rem / 16));
         column-gap: min(30px, calc(30rem / 16));
    align-items: center;
  }
  .pVoiceItem__left {
    row-gap: min(5px, calc(5rem / 16));
  }
  .pVoiceItem__icon {
    width: min(70px, calc(70rem / 16));
  }
  .pVoiceItem__post {
    font-size: min(13px, calc(13rem / 16));
  }
  .pVoiceItem__copy {
    font-size: min(14px, calc(14rem / 16));
    line-height: 2;
  }
  .pVoiceItem__name {
    font-size: min(13px, calc(13rem / 16));
    padding: min(2px, calc(2rem / 16)) min(6px, calc(6rem / 16));
  }
  .pVoiceItem__fukidashi {
    width: min(56px, calc(56rem / 16));
    height: min(40px, calc(40rem / 16));
    top: max(-39px, calc(-39rem / 16));
    left: min(72px, calc(72rem / 16));
  }
  .pVoiceItem__fukidashi img {
    height: 100%;
  }
  .pVoiceList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: min(40px, calc(40rem / 16));
         column-gap: min(40px, calc(40rem / 16));
  }
  .pVoiceAccordion {
    margin-top: 0;
  }
  .pVoiceAccordion__button {
    padding: min(30px, calc(30rem / 16)) 0 min(25px, calc(25rem / 16));
    font-size: min(17px, calc(17rem / 16));
    margin-top: min(66px, calc(66rem / 16));
  }
  .pVoiceAccordion__button_title {
    transition: 0.6s var(--ease-out);
    font-size: min(17px, calc(17rem / 16));
  }
  .pVoiceAccordion__button_title::after {
    width: min(12px, calc(12rem / 16));
    height: min(12px, calc(12rem / 16));
    background-image: url(/assets/images/top/plus-pc.svg);
  }
}
@media (min-width: 768px) and (hover: hover) {
  .pLinkButton:hover {
    border-radius: calc(30rem / 16);
  }
  .pLinkButton:hover .pLinkButton__text {
    letter-spacing: 0.16em;
  }
  .pVoice .pLinkButton:hover {
    border-radius: calc(30rem / 16);
  }
  .pVoice .pLinkButton:hover .pLinkButton__text {
    letter-spacing: 0.11em;
  }
  .pVoiceAccordion__button:hover .pVoiceAccordion__button_title {
    letter-spacing: 0.11em;
  }
  .pInterview__more:hover .pInterview__more_title {
    letter-spacing: 0.11em;
  }
}

/* 20240426 add
------------------------------------------------------------------------------- */
.pVoiceItem__name.add_202404 {
	border-radius: 0.3rem;
}