@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Shippori+Antique&display=swap");
@import url("lib/ress.min.css");
@import url("lib/remodal.css");
@import url("lib/remodal-default-theme.css");
@import url("lib/slick.css");
.p-home {
  background: url(../img/home_bg.webp) no-repeat 50% 19.6rem/136.6rem auto;
}
@media screen and (max-width: 767px) {
  .p-home {
    background: url(../img/home_bg_sp.webp) no-repeat 50% 0/100dvw auto;
  }
}
.p-home:before {
  display: none;
}

.p-mv {
  height: 68.8rem;
  margin: 0 calc(50% - 50dvw);
  width: 100dvw;
}
@media screen and (max-width: 767px) {
  .p-mv {
    display: flex;
    flex-direction: column;
    height: 61rem;
  }
}
.p-mv-ttl {
  background: linear-gradient(290deg, #1A1A1A 76.85%, #00A2E8 94.97%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-3);
  font-size: 6.4rem;
  font-weight: 400;
  letter-spacing: 0.01rem;
  line-height: 150%;
  display: inline-block;
  margin: 21.2rem 0 0 8.8rem;
  width: -webkit-fit-content;
  width: fit-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .p-mv-ttl {
    font-size: 4.4125rem;
    margin: 2.5rem 0 0 2.4rem;
  }
}
.p-mv-ttl:before, .p-mv-ttl:after {
  content: " ";
  display: inline-block;
  position: absolute;
}
.p-mv-ttl:before {
  aspect-ratio: 163/28;
  background: url(../img/paint_1.webp) no-repeat 0 0/contain;
  height: auto;
  left: 11.8rem;
  top: 8.4rem;
  width: 16.3rem;
}
@media screen and (max-width: 767px) {
  .p-mv-ttl:before {
    left: 8.2rem;
    top: 5.8rem;
    width: 11.2rem;
  }
}
.p-mv-ttl:after {
  aspect-ratio: 81/14;
  background: url(../img/paint_2.webp) no-repeat 0 0/contain;
  height: auto;
  left: 17.8rem;
  top: 18.5rem;
  width: 8.1rem;
}
@media screen and (max-width: 767px) {
  .p-mv-ttl:after {
    left: 12.4rem;
    top: 12.8rem;
    width: 5.5846rem;
  }
}
.p-mv-img {
  display: flex;
  position: absolute;
  right: 0;
  top: 3.2rem;
  width: 84.4rem;
  z-index: 2;
  -webkit-mask-image: linear-gradient(to right, transparent 0, transparent 4rem, black 10rem);
          mask-image: linear-gradient(to right, transparent 0, transparent 4rem, black 10rem);
}
@media screen and (max-width: 767px) {
  .p-mv-img {
    -webkit-mask-image: unset;
            mask-image: unset;
    margin-top: 3.2rem;
    right: unset;
    position: relative;
    top: unset;
    width: 100dvw;
  }
}
.p-mv-img .slick-track {
  margin-left: 10rem;
}
@media screen and (max-width: 767px) {
  .p-mv-img .slick-track {
    margin-left: 2.4rem;
  }
}
.p-mv-img img {
  opacity: 0;
  margin-right: 1.9rem;
  transition: opacity 0.5s ease;
  width: 37.4rem;
}
@media screen and (max-width: 767px) {
  .p-mv-img img {
    margin-right: 1.3rem;
    width: 22.2165rem;
  }
}
.p-mv-img img.is-show {
  opacity: 1;
}
.p-mv-txt {
  bottom: 0.3rem;
  display: flex;
  overflow: hidden;
  padding: 0 0 0 3.8rem;
  position: absolute;
  width: 9999px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-mv-txt {
    bottom: 3.3rem;
    padding: 0 0 0 2.5rem;
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.p-mv-txt span {
  animation: marquee 15s linear infinite;
  color: var(--white);
  font-family: var(--font-2);
  font-size: 12.3rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  opacity: 0.5;
  padding-right: 0.3em;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
@media screen and (max-width: 767px) {
  .p-mv-txt span {
    font-size: 5.4rem;
  }
}

.p-selection {
  align-items: center;
  display: flex;
  height: 11.6rem;
  position: absolute;
  top: 68.9rem;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-selection {
    height: unset;
    position: relative;
    top: unset;
  }
}
.p-selection .c-rbox-1 {
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-selection .c-rbox-1 {
    flex-direction: column;
    padding: 2rem 1rem 0;
  }
}
.p-selection .c-rbox-1 .u-flex {
  align-items: center;
  justify-content: space-between;
  width: 114.3rem;
}
@media screen and (max-width: 767px) {
  .p-selection .c-rbox-1 .u-flex {
    flex-direction: column;
    width: 100%;
  }
}
.p-selection-ttl {
  color: var(--light-blue);
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 700;
  padding: 0 0 0 6.1rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-selection-ttl {
    font-size: 1.6rem;
    padding: 0;
    text-align: center;
  }
}
.p-selection-body {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 1rem 2rem;
  min-width: 63.2rem;
}
@media screen and (max-width: 767px) {
  .p-selection-body {
    margin: 0;
    min-width: 0;
    padding: 0.2rem 0 0.7rem;
  }
}
.p-selection-body .l-selection {
  width: -webkit-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-selection-body .l-selection li {
    margin: 0 1.4rem;
    padding: 1.4rem 0 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .p-selection-body .l-selection li:last-child {
    border: none;
  }
}
.p-selection-body .l-selection-label {
  margin: 0;
}
.p-selection-body .l-selection-date {
  margin: 0 0 0 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-selection-body .l-selection-date {
    margin: 0 0 0 1rem;
  }
}
.p-selection-body .l-selection-time {
  margin: 0 0 0 3rem;
}
@media screen and (max-width: 767px) {
  .p-selection-body .l-selection-time {
    margin: 0 2rem 0 0;
  }
}
.p-selection-body .l-selection-venue {
  max-width: 14rem;
  padding: 0 1rem 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .p-selection-body .l-selection-venue {
    padding: 0;
  }
}
.p-selection-foot {
  flex-shrink: 0;
  width: 17.6rem;
}
@media screen and (max-width: 767px) {
  .p-selection-foot {
    padding: 1.8rem 0 2.8rem;
    width: unset;
  }
}

.p-message {
  padding: 20rem 0 20.9rem;
}
@media screen and (max-width: 767px) {
  .p-message {
    padding: 5.6rem 0 4.3rem;
  }
}
.p-message-head .c-ttl-1 {
  margin-left: -0.3rem;
}
@media screen and (max-width: 767px) {
  .p-message-head .c-ttl-1 {
    margin-left: 0;
  }
}
.p-message-head .txt {
  color: var(--white);
  font-family: var(--font-3);
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
  line-height: 1.95;
  padding: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-message-head .txt {
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.09rem;
    padding: 1.4rem 0 0;
  }
}
.p-message-body {
  display: flex;
  gap: 4.6rem;
  position: absolute;
  right: 0;
  top: -2.4rem;
}
@media screen and (max-width: 767px) {
  .p-message-body {
    gap: 2.9rem;
    padding: 1.7rem 0 0;
    position: unset;
    right: unset;
    top: unset;
  }
}
.p-message-body .img-1 {
  padding: 20.9rem 0 0;
  width: 22.2rem;
}
@media screen and (max-width: 767px) {
  .p-message-body .img-1 {
    padding: 9rem 0 0;
    width: 13.6rem;
  }
}
.p-message-body .img-2 {
  width: 28.9rem;
}
@media screen and (max-width: 767px) {
  .p-message-body .img-2 {
    width: 17.7rem;
  }
}

.p-company .c-rbox-1 {
  padding: 8.5rem 0 12.5rem;
}
@media screen and (max-width: 767px) {
  .p-company .c-rbox-1 {
    padding: 9.1rem 0 4rem;
  }
}
.p-company .c-ttl-1 {
  position: absolute;
  right: 3.4rem;
  top: -3.5rem;
}
@media screen and (max-width: 767px) {
  .p-company .c-ttl-1 {
    left: 2.4rem;
    right: unset;
    top: -5.9rem;
  }
}
.p-company-overview {
  align-items: center;
  display: flex;
  gap: 5.8rem;
  padding: 6.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-company-overview {
    align-items: start;
    flex-direction: column;
    gap: 0.5rem;
    padding: 4.8rem 0 0;
  }
}
.p-company-overview .txt {
  font-size: 2rem;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  .p-company-overview .txt {
    font-size: 1.6rem;
  }
}
.p-company-items {
  display: flex;
  justify-content: space-between;
  padding: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-company-items {
    flex-direction: column;
    justify-content: start;
    gap: 2rem;
    padding: 1.7rem 0 0;
  }
}
.p-company-item {
  aspect-ratio: 1/1;
  height: auto;
  overflow: hidden;
  width: 35.8rem;
}
@media screen and (max-width: 767px) {
  .p-company-item {
    aspect-ratio: 294/203;
    width: 100%;
  }
}
.p-company-item a {
  align-items: center;
  border-radius: 1rem;
  display: flex;
  color: var(--white);
  flex-direction: column;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.p-company-item a .ttl {
  font-size: 2.4rem;
  line-height: normal;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-company-item a .ttl {
    font-size: 2rem;
    margin: -0.4rem 0 1.5rem;
  }
}
.p-company-item a .sub {
  align-items: center;
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  padding: 1.5rem 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-company-item a .sub {
    font-size: 1.6rem;
    margin: -2rem 0 1rem;
  }
}
.p-company-item a .sub:before, .p-company-item a .sub:after {
  aspect-ratio: 8/63;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="63" viewBox="0 0 8 63" fill="none"><path d="M0 54.5V8C0 3.58172 3.58172 0 8 0V1C4.13401 1 1 4.13401 1 8V54.5C1 58.366 4.13401 61.5 8 61.5V62.5C3.58172 62.5 0 58.9183 0 54.5Z" fill="white"/></svg>') no-repeat 0 0/contain;
  content: "";
  display: inline-block;
  width: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-company-item a .sub:before, .p-company-item a .sub:after {
    aspect-ratio: 6/45;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="45" viewBox="0 0 6 45" fill="none"><path d="M0 39.5V5.5C0 2.46243 2.46243 0 5.5 0V1C3.01472 1 1 3.01472 1 5.5V39.5C1 41.9853 3.01472 44 5.5 44V45C2.46243 45 2.06162e-06 42.5376 0 39.5Z" fill="white"/></svg>') no-repeat 0 0/contain;
    width: 0.6rem;
  }
}
.p-company-item a .sub:after {
  transform: scale(-1, 1);
}
.p-company-item a img {
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.5s ease;
  width: 100%;
}
.p-company-item a .more {
  align-items: center;
  background: var(--white);
  border-radius: 0.6rem;
  bottom: 1.4rem;
  color: var(--black);
  display: flex;
  font-family: var(--font-2);
  font-weight: 600;
  gap: 1.4rem;
  height: 4rem;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  position: absolute;
  right: 1.4rem;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: 14.4rem;
}
@media screen and (max-width: 767px) {
  .p-company-item a .more {
    bottom: unset;
    font-size: 1.6rem;
    margin: 0 auto;
    position: unset;
    right: unset;
  }
}
.p-company-item a .more:after {
  background-color: var(--black);
  content: " ";
  display: inline-block;
  height: auto;
  line-height: 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  aspect-ratio: 1/1;
  background-color: var(--light-blue);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z" fill="black"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z" fill="black"/></svg>');
  content: " ";
  display: inline-block;
  height: auto;
  width: 1.4rem;
}
.p-company-item a:hover {
  opacity: 1;
}
.p-company-item a:hover img {
  transform: scale(1.2);
}
.p-company-item a:hover .more {
  background: var(--light-blue);
  color: var(--white);
}
.p-company-item a:hover .more:after {
  background-color: var(--white);
}
.p-company-foot {
  display: flex;
  justify-content: center;
  padding: 4.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-company-foot {
    padding: 4rem 0 0;
  }
}
.p-company-modal {
  max-height: 80.7291666667dvh;
  overflow-y: scroll;
  padding: 9rem 8rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-company-modal {
    padding: 5.2rem 2.4rem;
  }
}
.p-company-modal .ttl {
  align-items: center;
  color: #203A72;
  display: flex;
  gap: 1.7rem;
  font-size: 3.2rem;
  line-height: 1;
  margin: 0 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .ttl {
    align-items: start;
    font-size: 2.4rem;
    gap: 0.7rem;
    line-height: 1.3;
    margin: 0 0 1.5rem;
  }
}
.p-company-modal .ttl:before {
  background: var(--light-blue);
  content: " ";
  display: inline-block;
  height: 2px;
  width: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .ttl:before {
    flex-shrink: 0;
    transform: translateY(1.7rem);
    width: 2rem;
  }
}
.p-company-modal .subttl {
  align-items: center;
  display: flex;
  color: var(--light-blue);
  font-size: 2.4rem;
  padding: 5rem 0 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .subttl {
    font-size: 2rem;
    padding: 1.8rem 0 0.8rem;
  }
}
.p-company-modal .subttl:before {
  content: "・";
}
@media screen and (max-width: 767px) {
  .p-company-modal .subttl:before {
    font-size: 2.6rem;
    padding: 0 0.2rem;
  }
}
.p-company-modal .box-items, .p-company-modal .flow-items {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-company-modal .box-items, .p-company-modal .flow-items {
    flex-direction: column;
    gap: 1.2rem;
    justify-content: start;
  }
}
.p-company-modal .box-item {
  flex: 1;
  padding: 4rem 2rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .box-item {
    padding: 2rem 2.4rem;
  }
}
.p-company-modal .box-item-ttl {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-company-modal .box-item-ttl {
    font-size: 1.6rem;
  }
}
.p-company-modal .box-item-ttl + p {
  padding: 3rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-company-modal .box-item-ttl + p {
    padding: 0.8rem 0 0;
  }
}
.p-company-modal .flow-items {
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .flow-items {
    gap: 3.8rem;
  }
}
.p-company-modal .flow-item {
  flex: 1;
  min-height: 19.6rem;
  padding: 2.2rem 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-company-modal .flow-item {
    align-items: center;
    display: flex;
    min-height: 5.6rem;
    padding: 0 1.6rem;
    text-align: left;
  }
}
.p-company-modal .flow-item-img {
  margin: 0 auto 2rem;
  width: 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .flow-item-img {
    flex-shrink: 0;
    margin: 0 1.8rem 0 0;
    width: 3.9rem;
  }
}
.p-company-modal .flow-item-img img {
  aspect-ratio: 1/1;
  height: auto;
  width: 100%;
}
.p-company-modal .flow-item-num {
  color: var(--light-blue);
  font-family: var(--font-2);
  font-size: 2.4rem;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-company-modal .flow-item-num {
    font-size: 2rem;
    margin: 0 1.2rem 0 0;
    flex-shrink: 0;
    width: 3rem;
  }
}
.p-company-modal .flow-item-ttl {
  font-size: 2rem;
  font-weight: 700;
  padding-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .flow-item-ttl {
    font-size: 1.6rem;
    padding-top: 0;
  }
}
.p-company-modal .flow-item .c-icon-flow-arrow {
  position: absolute;
  right: -2.928rem;
  top: 8.5rem;
}
@media screen and (max-width: 767px) {
  .p-company-modal .flow-item .c-icon-flow-arrow {
    bottom: -3.5rem;
    left: calc(50% - 1rem);
    right: unset;
    top: unset;
    transform: rotate(90deg);
  }
}

.remodal {
  border-radius: 1rem;
  padding: 0 !important;
  max-width: unset !important;
  width: 112rem;
}
@media screen and (max-width: 767px) {
  .remodal {
    border-radius: 0.6rem;
    width: 34.2rem;
  }
}
.remodal-overlay {
  background: rgba(0, 0, 0, 0.6) !important;
}
.remodal-close {
  aspect-ratio: 1/1;
  left: unset;
  height: auto;
  right: 1.6rem;
  top: 1.6rem;
  width: 2.4rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .remodal-close {
    right: 1.4rem;
    top: 1.8rem;
    width: 1.8rem;
  }
}
.remodal-close:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M23.9439 3.01773L14.965 12.0706L23.9439 21.1234L20.9509 24.141L11.972 15.0882L2.99298 24.141L-1.8045e-05 21.1234L8.97897 12.0706L-1.8045e-05 3.01773L2.99298 0.000120807L11.972 9.05295L20.9509 0.000120807L23.9439 3.01773Z" fill="%2300A2E8"/></svg>') no-repeat 0 0/contain;
  content: " ";
  height: 100%;
  width: 100%;
}

.p-people {
  padding: 12.4rem 0 14.7rem;
}
@media screen and (max-width: 767px) {
  .p-people {
    padding: 4.8rem 0 7rem;
  }
}
.p-people .c-ttl-1 {
  position: absolute;
  right: -7rem;
  top: -3.8rem;
}
@media screen and (max-width: 767px) {
  .p-people .c-ttl-1 {
    display: block;
    position: unset;
  }
}
.p-people .c-ttl-2 {
  margin: 0 0 6.5rem;
}
@media screen and (max-width: 767px) {
  .p-people .c-ttl-2 {
    margin: 1rem 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-people-interview {
    padding: 0 0 5rem;
  }
}
.p-people-interview .c-ttl-3 {
  margin: 0 0 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-people-interview .c-ttl-3 {
    margin: 0 0 2.1rem;
  }
}
.p-people-interview .slide-items {
  margin: 0 calc(50% - 50dvw);
  width: 100dvw;
}
.p-people-interview .slide-items .slick-list {
  padding-left: 12.4rem;
}
@media screen and (max-width: 767px) {
  .p-people-interview .slide-items .slick-list {
    padding-left: 2.4rem;
  }
}
.p-people-interview .slide-items .slick-cloned[data-slick-index*="-"] {
  display: none;
}
.p-people-interview .slide-items.show-cloned .slick-cloned {
  display: block;
}
.p-people-interview .slide-items .slick-dots {
  display: flex;
  margin: 4.2rem 0 10.5rem 12.3rem;
  width: 93.6rem;
}
@media screen and (max-width: 767px) {
  .p-people-interview .slide-items .slick-dots {
    margin: 2.2rem 0 0;
    padding: 0 2.4rem;
    width: 100%;
  }
}
.p-people-interview .slide-items .slick-dots li {
  flex: 1;
  height: 1px;
}
.p-people-interview .slide-items .slick-dots li button {
  background: #CBCBCB;
  height: 1px;
  overflow: hidden;
  text-indent: -9999px;
  zoom: 1;
  width: 100%;
}
.p-people-interview .slide-items .slick-dots li.slick-active button {
  background-color: var(--black);
}
.p-people-interview .interview {
  display: block;
  margin: 0 2.5rem 0 0;
  width: 33.1rem;
}
@media screen and (max-width: 767px) {
  .p-people-interview .interview {
    margin: 0 2.4rem 0 0;
    width: 20.9rem;
  }
}
.p-people-interview .interview.is-comingsoon {
  pointer-events: none;
}
.p-people-interview .interview-img {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="331" height="508" viewBox="0 0 331 508" fill="none"><path d="M0 62.9556C0 53.0378 7.2682 44.6181 17.0796 43.1699L308.08 0.218484C320.157 -1.56416 331 7.7957 331 20.0041V444.715C331 454.633 323.732 463.053 313.92 464.501L22.9204 507.452C10.8428 509.235 0 499.875 0 487.667V62.9556Z" fill="black"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="331" height="508" viewBox="0 0 331 508" fill="none"><path d="M0 62.9556C0 53.0378 7.2682 44.6181 17.0796 43.1699L308.08 0.218484C320.157 -1.56416 331 7.7957 331 20.0041V444.715C331 454.633 323.732 463.053 313.92 464.501L22.9204 507.452C10.8428 509.235 0 499.875 0 487.667V62.9556Z" fill="black"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 100%;
  aspect-ratio: 331/514;
}
@media screen and (max-width: 767px) {
  .p-people-interview .interview-img {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="209" height="319" viewBox="0 0 209 319" fill="none"><path d="M0 44.9828C0 35.0666 7.26603 26.6477 17.0757 25.1978L186.076 0.21888C198.154 -1.56642 209 7.7939 209 20.0039V273.678C209 283.595 201.734 292.013 191.924 293.463L22.9243 318.442C10.8455 320.228 0 310.867 0 298.657V44.9828Z" fill="black"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="209" height="319" viewBox="0 0 209 319" fill="none"><path d="M0 44.9828C0 35.0666 7.26603 26.6477 17.0757 25.1978L186.076 0.21888C198.154 -1.56642 209 7.7939 209 20.0039V273.678C209 283.595 201.734 292.013 191.924 293.463L22.9243 318.442C10.8455 320.228 0 310.867 0 298.657V44.9828Z" fill="black"/></svg>');
  }
}
.p-people-interview .interview-img img {
  transition: transform 0.5s ease;
}
.p-people-interview .interview-meta {
  display: flex;
  flex-direction: column;
  padding: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-people-interview .interview-meta {
    padding: 0.6rem 0 0;
  }
}
.p-people-interview .interview-meta .num {
  color: var(--light-blue);
  font-family: var(--font-2);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-people-interview .interview-meta .division {
  font-weight: 500;
}
.p-people-interview .interview-meta .name {
  color: var(--light-blue);
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.3rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-people-interview .interview-meta .name {
    font-size: 2rem;
  }
}
.p-people-interview .interview:hover {
  opacity: 1;
}
.p-people-interview .interview:hover .interview-img img {
  transform: scale(1.15);
}
.p-people .more {
  bottom: -2.8rem;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-people .more {
    align-items: center;
    display: flex;
    padding: 4.8rem 0 0;
    position: unset;
    justify-content: center;
  }
}
.p-people-crosstalk .c-ttl-3 {
  background: var(--white);
  left: 0;
  padding: 1.7rem 2.6rem;
  position: absolute;
  top: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-people-crosstalk .c-ttl-3 {
    margin: 0 0 2rem;
    padding: 0;
    position: unset;
    z-index: 2;
  }
}
.p-people-crosstalk .crosstalk {
  border-radius: 1rem;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.p-people-crosstalk .crosstalk::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.47%, rgba(0, 0, 0, 0.5) 100%);
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-people-crosstalk .crosstalk::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
}
.p-people-crosstalk .crosstalk:hover {
  opacity: 1;
}
.p-people-crosstalk .crosstalk > img {
  aspect-ratio: 1120/451;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-people-crosstalk .crosstalk > img {
    aspect-ratio: 342/220;
  }
}
.p-people-crosstalk .crosstalk .ttl {
  bottom: 3.4rem;
  color: var(--white);
  font-size: 2.4rem;
  font-weight: 700;
  left: 4.8rem;
  line-height: 1.35;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-people-crosstalk .crosstalk .ttl {
    align-items: center;
    bottom: 0;
    display: flex;
    font-size: 2rem;
    height: 14.6rem;
    left: 0;
    line-height: normal;
    padding: 0 2.4rem;
    top: 0.2rem;
    width: 100%;
  }
}
.p-people-crosstalk .crosstalk .c-btn-2 {
  bottom: 3rem;
  position: absolute;
  right: 3.8rem;
  width: 29.2rem;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-people-crosstalk .crosstalk .c-btn-2 {
    bottom: 2rem;
    left: 2.4rem;
    right: unset;
    width: 29.4rem;
  }
}

.p-slide {
  margin: 0 0 14.5rem;
}
@media screen and (max-width: 767px) {
  .p-slide {
    margin: 0 0 6.9rem;
  }
}
@keyframes slide-horizontal {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.p-slide-items {
  animation: slide-horizontal 40s linear infinite;
  display: flex;
  transform: translate3d(0, 0, 0);
  width: -webkit-max-content;
  width: max-content;
  will-change: transform;
}
.p-slide-item {
  flex-shrink: 0;
  width: 56rem;
}
@media screen and (max-width: 767px) {
  .p-slide-item {
    width: 32.8rem;
  }
}

.p-env {
  background: url(../img/home_env_bg.webp) no-repeat 50% 0/cover;
  border-radius: 1rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  padding: 9.7rem 0 11.5rem;
}
@media screen and (max-width: 767px) {
  .p-env {
    padding: 4.2rem 2.4rem 5rem;
  }
}
.p-env .c-ttl-1 {
  position: absolute;
  right: 3.4rem;
  top: -3.8rem;
}
@media screen and (max-width: 767px) {
  .p-env .c-ttl-1 {
    font-size: 4.5rem;
    margin: 0 0 1.5rem;
    position: unset;
  }
}
.p-env .description {
  color: var(--white);
  font-size: 2rem;
  padding: 6.1rem 0 5rem;
}
@media screen and (max-width: 767px) {
  .p-env .description {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 4.2rem 0 2.5rem;
  }
}
.p-env-nav {
  display: flex;
  justify-content: space-between;
  padding: 0 0 9.4rem;
}
@media screen and (max-width: 767px) {
  .p-env-nav {
    flex-direction: column;
    gap: 2rem;
    padding: 0 0 3.2rem;
  }
}
.p-env-nav-btn {
  align-items: center;
  background: var(--white);
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  height: 12.1rem;
  padding: 0 2.3rem 0 2rem;
  width: 54.5rem;
}
@media screen and (max-width: 767px) {
  .p-env-nav-btn {
    height: 9.3rem;
    justify-content: start;
    width: 100%;
  }
}
.p-env-nav-btn .label {
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-env-nav-btn .label {
    font-size: 2rem;
    padding-left: 5rem;
  }
}
.p-env-nav-btn .icon, .p-env-nav-btn .p-flow-btn .icon-faq, .p-flow-btn .p-env-nav-btn .icon-faq, .p-env-nav-btn .p-flow-btn .icon-requirements, .p-flow-btn .p-env-nav-btn .icon-requirements, .p-env-nav-btn .p-flow-btn .icon-profile, .p-flow-btn .p-env-nav-btn .icon-profile, .p-env-nav-btn .icon-benefits, .p-env-nav-btn .icon-school {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 4rem;
}
@media screen and (max-width: 767px) {
  .p-env-nav-btn .icon, .p-env-nav-btn .p-flow-btn .icon-faq, .p-flow-btn .p-env-nav-btn .icon-faq, .p-env-nav-btn .p-flow-btn .icon-requirements, .p-flow-btn .p-env-nav-btn .icon-requirements, .p-env-nav-btn .p-flow-btn .icon-profile, .p-flow-btn .p-env-nav-btn .icon-profile, .p-env-nav-btn .icon-benefits, .p-env-nav-btn .icon-school {
    left: 2rem;
  }
}
.p-env-nav-btn .icon-school {
  aspect-ratio: 1/0.836438098;
  background-image: url(../img/home_env_icon_school.webp);
  width: 5.5184rem;
}
@media screen and (max-width: 767px) {
  .p-env-nav-btn .icon-school {
    width: 3.6rem;
  }
}
.p-env-nav-btn .icon-benefits {
  aspect-ratio: 1/1.0487878788;
  background-image: url(../img/home_env_icon_benefits.webp);
  width: 4.29rem;
}
@media screen and (max-width: 767px) {
  .p-env-nav-btn .icon-benefits {
    width: 3.6rem;
  }
}
.p-env-nav-btn .c-icon-arrow {
  position: absolute;
  right: 2.3rem;
}
.p-env-nav-btn:hover {
  background: var(--black);
  color: var(--white);
  opacity: 1;
}
.p-env-nav-btn:hover .icon-school {
  background-color: var(--black);
  content: " ";
  display: inline-block;
  height: auto;
  line-height: 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  background: var(--white);
  -webkit-mask-image: url(../img/home_env_icon_school.webp);
          mask-image: url(../img/home_env_icon_school.webp);
}
.p-env-nav-btn:hover .icon-benefits {
  background-color: var(--black);
  content: " ";
  display: inline-block;
  height: auto;
  line-height: 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  background: var(--white);
  -webkit-mask-image: url(../img/home_env_icon_benefits.webp);
          mask-image: url(../img/home_env_icon_benefits.webp);
}
.p-env-nav-btn:hover .c-icon-arrow {
  background: var(--white);
}
.p-env-num .c-ttl-3 {
  color: var(--white);
  padding: 0 0 4.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-env-num .c-ttl-3 {
    padding: 0 0 2.2rem;
  }
}
.p-env-num-items {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.p-env-num-item {
  background-color: var(--white);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 25.8rem;
  padding: 3.1rem 0 3.8rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-env-num-item {
    min-height: unset;
    padding: 1.6rem 0 2.5rem;
    width: 100% !important;
  }
}
.p-env-num-item p + p {
  padding: 0;
}
.p-env-num-item .u-flex {
  justify-content: center;
}
.p-env-num-item .icon, .p-env-num-item .p-flow-btn .icon-faq, .p-flow-btn .p-env-num-item .icon-faq, .p-env-num-item .p-flow-btn .icon-requirements, .p-flow-btn .p-env-num-item .icon-requirements, .p-env-num-item .p-flow-btn .icon-profile, .p-flow-btn .p-env-num-item .icon-profile, .p-env-num-item .p-env-nav-btn .icon-school, .p-env-nav-btn .p-env-num-item .icon-school, .p-env-num-item .p-env-nav-btn .icon-benefits, .p-env-nav-btn .p-env-num-item .icon-benefits {
  display: block;
  left: 2.2rem;
  position: absolute;
  top: 1.8rem;
  width: 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-env-num-item .icon, .p-env-num-item .p-flow-btn .icon-faq, .p-flow-btn .p-env-num-item .icon-faq, .p-env-num-item .p-flow-btn .icon-requirements, .p-flow-btn .p-env-num-item .icon-requirements, .p-env-num-item .p-flow-btn .icon-profile, .p-flow-btn .p-env-num-item .icon-profile, .p-env-num-item .p-env-nav-btn .icon-school, .p-env-nav-btn .p-env-num-item .icon-school, .p-env-num-item .p-env-nav-btn .icon-benefits, .p-env-nav-btn .p-env-num-item .icon-benefits {
    left: 1.7rem;
    top: 1rem;
    width: 3.9rem;
  }
}
.p-env-num-item .ttl {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-env-num-item .ttl {
    font-size: 1.6rem;
  }
}
.p-env-num-item .value-1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.p-env-num-item .value-2 {
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-env-num-item .value-2 {
    font-size: 1.6rem;
  }
}
.p-env-num-item .num-1 {
  color: var(--light-blue);
  font-family: var(--font-2);
  font-size: 5.2rem;
  font-weight: 700;
}
.p-env-num-item .num-2 {
  color: var(--light-blue);
  font-family: var(--font-2);
  font-size: 3.2rem;
  font-weight: 700;
}
.p-env-num-item .num-3 {
  font-size: 2rem;
  font-family: var(--font-2);
  font-weight: 700;
}
.p-env-num-item .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1;
}
.p-env-num-item.box-founded {
  width: 23.6rem;
}
.p-env-num-item.box-tenure {
  width: 31.8rem;
}
.p-env-num-item.box-turnover {
  width: 52.5rem;
}
.p-env-num-item.box-overtime {
  width: 36rem;
}
.p-env-num-item.box-holidays {
  width: 23.6rem;
}
.p-env-num-item.box-leave {
  width: 48.3rem;
}
.p-env-num-item.box-leave .balloon {
  aspect-ratio: 108/66;
  color: var(--white);
  font-size: 1.4rem;
  padding: 1rem 0;
  position: absolute;
  line-height: 1.2;
  letter-spacing: 0;
  left: -7.8rem;
  top: -6.5rem;
  width: 10.8rem;
}
@media screen and (max-width: 767px) {
  .p-env-num-item.box-leave .balloon {
    height: 4.8rem;
    margin: 0 0.9rem 0 2rem;
    left: unset;
    padding: 0.5rem 1rem 0.5rem 0;
    position: relative;
    top: unset;
    width: 11.8rem;
  }
}
.p-env-num-item.box-leave .balloon > * {
  z-index: 2;
}
.p-env-num-item.box-leave .balloon:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="108" height="66" viewBox="0 0 108 66" fill="none"><path d="M98 0C103.523 0 108 4.47715 108 10V46C108 51.5228 103.523 56 98 56H89.5V65.5L80 56H10C4.47715 56 0 51.5228 0 46V10C0 4.47715 4.47715 0 10 0H98Z" fill="%2300A2E8"/></svg>') no-repeat 0 0/contain;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-env-num-item.box-leave .balloon:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="48" viewBox="0 0 118 48" fill="none"><path d="M98 0C103.523 0 108 4.47715 108 10V29H117.5L107.987 38.5117C107.721 43.7968 103.351 48 98 48H10C4.47715 48 0 43.5228 0 38V10C0 4.47715 4.47715 0 10 0H98Z" fill="%2300A2E8"/></svg>') no-repeat 0 0/contain;
  }
}
.p-env-num-item.box-leave .balloon.is-right {
  left: unset;
  right: -8rem;
}
@media screen and (max-width: 767px) {
  .p-env-num-item.box-leave .balloon.is-right {
    right: unset;
  }
}
.p-env-num-item.box-leave .balloon.is-right:before {
  transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .p-env-num-item.box-leave .balloon.is-right:before {
    transform: unset;
  }
}
.p-env-num-item.box-age {
  width: 74rem;
}
@media screen and (max-width: 767px) {
  .p-env-num-item.box-age .note {
    bottom: -18.5rem;
    position: absolute;
    text-align: center;
    width: 100%;
  }
}
.p-env-num-item.box-age .txt {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: space-between;
}
.p-env-num-item.box-age .graph {
  margin: -0.5rem 2rem -0.5rem 0;
  width: 36.3rem;
}
@media screen and (max-width: 767px) {
  .p-env-num-item.box-age .graph {
    margin: 1rem 2.2rem 4rem;
    width: 25rem;
  }
}
.p-env-num-item.box-gender {
  width: 36rem;
}

.p-flow {
  padding: 10.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-flow {
    padding: 6.3rem 0 0;
  }
}
.p-flow .c-ttl-5 {
  margin: 0 0 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-flow .c-ttl-5 {
    margin: 0 0 2.3rem;
  }
}
.p-flow-btns {
  display: flex;
  justify-content: space-between;
  padding: 5.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-flow-btns {
    flex-direction: column;
    justify-content: start;
    gap: 2rem;
    padding: 3.7rem 0 0;
  }
}
.p-flow-btn {
  align-items: center;
  background: var(--white);
  border-radius: 1rem;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  height: 10.8rem;
  justify-content: center;
  width: 36rem;
}
@media screen and (max-width: 767px) {
  .p-flow-btn {
    height: 9.3rem;
    justify-content: start;
    padding: 0 0 0 6.6rem;
    width: 100%;
  }
}
.p-flow-btn .icon, .p-flow-btn .icon-faq, .p-flow-btn .icon-requirements, .p-flow-btn .icon-profile, .p-flow-btn .p-env-nav-btn .icon-school, .p-env-nav-btn .p-flow-btn .icon-school, .p-flow-btn .p-env-nav-btn .icon-benefits, .p-env-nav-btn .p-flow-btn .icon-benefits {
  background-repeat: no-repeat;
  background-size: contain;
  left: 2.7rem;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .p-flow-btn .icon, .p-flow-btn .icon-faq, .p-flow-btn .icon-requirements, .p-flow-btn .icon-profile, .p-flow-btn .p-env-nav-btn .icon-school, .p-env-nav-btn .p-flow-btn .icon-school, .p-flow-btn .p-env-nav-btn .icon-benefits, .p-env-nav-btn .p-flow-btn .icon-benefits {
    left: 1.9rem;
  }
}
.p-flow-btn .icon-profile {
  aspect-ratio: 40/45;
  background-image: url(../img/home_flow_icon_profile.webp);
  width: 4rem;
}
@media screen and (max-width: 767px) {
  .p-flow-btn .icon-profile {
    width: 3.3rem;
  }
}
.p-flow-btn .icon-requirements {
  aspect-ratio: 40/44;
  background-image: url(../img/home_flow_icon_requirements.webp);
  width: 4rem;
}
@media screen and (max-width: 767px) {
  .p-flow-btn .icon-requirements {
    width: 3.3rem;
  }
}
.p-flow-btn .icon-faq {
  aspect-ratio: 42/34;
  background-image: url(../img/home_flow_icon_faq.webp);
  width: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-flow-btn .icon-faq {
    width: 3.4rem;
  }
}
.p-flow-btn .c-icon-arrow {
  position: absolute;
  right: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-flow-btn .c-icon-arrow {
    right: 2rem;
  }
}
.p-flow-btn:hover {
  background: var(--black);
  color: var(--white);
  opacity: 1;
}
.p-flow-btn:hover .c-icon-arrow {
  background: var(--white);
}
.p-flow-btn:hover .icon-profile {
  background-color: var(--black);
  content: " ";
  display: inline-block;
  height: auto;
  line-height: 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  background: var(--white);
  -webkit-mask-image: url(../img/home_flow_icon_profile.webp);
          mask-image: url(../img/home_flow_icon_profile.webp);
}
.p-flow-btn:hover .icon-requirements {
  background-color: var(--black);
  content: " ";
  display: inline-block;
  height: auto;
  line-height: 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  background: var(--white);
  -webkit-mask-image: url(../img/home_flow_icon_requirements.webp);
          mask-image: url(../img/home_flow_icon_requirements.webp);
}
.p-flow-btn:hover .icon-faq {
  background-color: var(--black);
  content: " ";
  display: inline-block;
  height: auto;
  line-height: 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  background: var(--white);
  -webkit-mask-image: url(../img/home_flow_icon_faq.webp);
          mask-image: url(../img/home_flow_icon_faq.webp);
}/*# sourceMappingURL=home.css.map */