@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-news {
  padding-block: calc(calc(95 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
  padding-top: calc(calc(95 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
  padding-bottom: calc(calc(calc(95 / var(--abi-parent-font-size) * 1rem) + var(--about-border-radius)) * var(--abi-value-zoom));
  width: 100%;
  overflow: hidden;
}
.p-news__header {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .p-news__header {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-news__header {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-news__header {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-news__header {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-3);
  }
}
@media only screen and (max-width: 767px) {
  .p-news__header {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
.p-news__link {
  margin-right: 0;
  margin-left: auto;
}
.p-news__slider {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  margin-top: calc(calc(30 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
}
@media only screen and (min-width: 1025px) {
  .p-news__slider {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-news__slider {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-news__slider {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-news__slider {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-news__slider {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
.p-news__slider .c-slider__btn--next {
  transform: translateY(-50%);
}
.p-news__slide {
  width: calc(1 / 4 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-news__slide {
    width: calc(1 / 2 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-news__slide {
    width: calc(332 / 388 * 100%);
  }
}
.p-news__slide-title {
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  --row: 3;
  --line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--row);
  line-height: var(--line-height);
  overflow: hidden;
  width: 100%;
  margin-bottom: calc(20 / var(--abi-parent-font-size) * 1rem);
  min-height: calc(var(--line-height) * 1em * var(--row));
}
@media only screen and (min-width: 768px) {
  .p-news__slide-title {
    --abi-target-font-size: 16;
  }
}
@media only screen and (max-width: 767px) {
  .p-news__slide-title {
    --abi-target-font-size: 18;
  }
}
.p-news__slide-time {
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .p-news__slide-time {
    --abi-target-font-size: 12;
  }
}
@media only screen and (max-width: 767px) {
  .p-news__slide-time {
    --abi-target-font-size: 15;
  }
}
.p-news__slide-time:has(+ *) {
  padding-right: 1em;
  margin-right: 1em;
  border-right: 1px solid #000;
}
.p-news__slide-link {
  width: calc(300 / 320 * 100%);
  border: 1px solid #767676;
  border-right: none;
  border-bottom: none;
  border-top-left-radius: calc(6 / var(--abi-parent-font-size) * 1rem);
  text-decoration: none;
  line-height: 1.2;
  --padding-size: 30;
  padding-top: calc(var(--padding-size) / 320 * 100%);
  padding-left: calc(var(--padding-size) / 320 * 100%);
  padding-right: calc(calc(var(--padding-size) / 2) / 320 * 100%);
  padding-bottom: calc(calc(var(--padding-size) / 2) / 320 * 100%);
  display: flex;
  flex-wrap: wrap;
}
.mouse .p-news__slide-link {
  transition: opacity .15s ease-in;
}
.mouse .p-news__slide-link:hover, .touch .p-news__slide-link.touchstart {
  opacity: 0.8;
  opacity: .7;
}
.touch .p-news__slide-link {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-news__slide-link.touchend {
  transition-delay: 200ms;
}
@media only screen and (max-width: 767px) {
  .p-news__slide-link {
    --padding-size: 20;
  }
}

.p-work {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: transparent;
}
.p-work__trigger01 {
  height: calc(var(--vh) * 10);
  padding-bottom: calc(var(--vh) * 100);
  margin-bottom: calc(var(--vh) * -100);
  box-sizing: content-box;
}
@media only screen and (max-width: 767px) {
  .p-work__trigger01 {
    height: 1em;
    padding-bottom: calc(var(--vh) * 150);
    margin-bottom: calc(var(--vh) * -150);
    margin-top: -20em;
  }
}
.p-work__trigger01.is-inview ~ .p-work__bg .p-work__bg-inner {
  filter: blur(calc(15 / var(--abi-parent-font-size) * 1rem));
}
.p-work__main {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  display: flex;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-work__main {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-work__main {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 768px) {
  .p-work__main {
    width: calc(1150 / 1440 * 100%);
    max-width: calc(1150 / var(--abi-parent-font-size) * 1rem);
    height: calc(var(--vh) * 100);
    position: sticky;
    left: 0;
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-work__main.is-inview + .p-work__images {
    transition-delay: .25s;
    opacity: 1 !important;
  }
}
.p-work__catch {
  margin-top: calc(calc(30 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
}
@media only screen and (max-width: 767px) {
  .p-work__catch.u-font-size--45 {
    --abi-target-font-size: 34;
  }
}
.p-work__text {
  margin-top: calc(calc(30 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
}
.p-work__btn {
  margin-top: calc(calc(40 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
}
.p-work__images {
  height: calc(var(--vh) * 100);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  z-index: 1;
  transition-property: opacity;
  transition-duration: .5s;
  transition-timing-function: ease-out;
  opacity: 0;
  order: -1;
  margin-top: calc(var(--vh) * 100 * -1);
  position: sticky;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .p-work__images {
    max-width: calc(1150 / var(--abi-parent-font-size) * 1rem);
    width: calc(1150 / 1440 * 100%);
  }
}
.p-work__images .c-marquee {
  overflow: hidden;
  height: calc(var(--vh) * 100);
  width: calc(235 / 1150 * 100%);
  --marquee-element-size: calc(235 / var(--abi-parent-font-size) * 1rem);
  --marquee-speed: calc(5 / var(--abi-parent-font-size) * 1rem);
}
.p-work__images .c-marquee:not(:first-child) {
  margin-left: calc(35 / 1150 * 100%);
}
.p-work__images .c-marquee p {
  width: 100%;
  padding-top: calc(20 / var(--abi-parent-font-size) * 1rem);
}
.p-work__images .c-marquee p img {
  border-radius: 1000px;
  overflow: hidden;
}
.p-work__sp-images {
  margin-top: calc(45 / var(--abi-parent-font-size) * 1rem);
  z-index: 1;
  position: relative;
}
.p-work__sp-images ul {
  margin-right: auto;
  margin-left: auto;
  width: calc(347 / 428 * 100%);
  display: flex;
  flex-wrap: wrap;
  --left-offset: calc(65 / var(--abi-parent-font-size) * 1rem);
  padding-bottom: var(--left-offset);
}
.p-work__sp-images ul li {
  width: calc(158 / 347 * 100%);
  border-radius: 1000px;
  overflow: hidden;
}
.p-work__sp-images ul li:nth-child(odd) {
  transform: translateY(var(--left-offset));
}
.p-work__sp-images ul li:nth-child(even) {
  margin-right: 0;
  margin-left: auto;
}
.p-work__sp-images ul li:nth-child(n+3) {
  margin-top: calc(30 / var(--abi-parent-font-size) * 1rem);
}
.p-work__bg {
  position: sticky;
  order: -1;
  left: 0;
  top: 0;
  right: 0;
  height: calc(var(--vh) * 100);
  overflow: hidden;
}
.p-work__bg-inner {
  width: 100%;
  height: 100%;
  background: url("../images/home/bg_recruit-pc.jpg") no-repeat center top;
  transform: scale(1.1);
  transition-property: filter;
  transition-duration: 1s;
  transition-delay: .25s;
  transition-timing-function: ease-out;
}

:root {
  --about-border-radius: calc(35 / var(--abi-parent-font-size) * 1rem);
}

.p-about {
  border-top-left-radius: var(--about-border-radius);
  border-top-right-radius: var(--about-border-radius);
  margin-top: calc(var(--about-border-radius) * -1);
  background: no-repeat center top/cover;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .p-about {
    padding-block: calc(135 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-about {
    padding-block: calc(140 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-about:not(.js-inview), .p-about.js-inview.is-inview {
    background-image: url("../images/home/bg_about-pc.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .p-about:not(.js-inview), .p-about.js-inview.is-inview {
    background-image: url("../images/home/bg_about-sp.jpg");
  }
}
.p-about > .inner {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-about > .inner {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-about > .inner {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-about > .inner {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about > .inner {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-about > .inner {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 768px) {
  .p-about > .inner {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .p-about__box-title {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-about__box-text {
    max-width: calc(555 / var(--abi-parent-font-size) * 1rem);
    margin-right: 0;
    margin-left: auto;
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__box-text {
    margin-top: 4em;
  }
}
.p-about__catch1::before {
  content: "(";
  margin-right: .5em;
}
.p-about__catch1::after {
  content: ")";
  margin-left: .5em;
}
.p-about__catch2 {
  margin-top: calc(25 / var(--abi-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-about__catch2 {
    font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
    --abi-target-font-size: 38;
  }
}
.p-about__text {
  margin-top: calc(25 / var(--abi-parent-font-size) * 1rem);
}
.p-about__button {
  margin-top: calc(40 / var(--abi-parent-font-size) * 1rem);
}

.p-insta {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-top: calc(70 / var(--abi-parent-font-size) * 1rem);
  padding-bottom: calc(90 / var(--abi-parent-font-size) * 1rem);
  z-index: 2;
  position: relative;
}
.p-insta__box-title {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-insta__box-title {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-insta__box-title {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-insta__box-title {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-insta__box-title {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-insta__box-title {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) {
  .p-insta__box-title {
    max-width: calc(1000 / var(--abi-parent-font-size) * 1rem);
  }
}
.p-insta .c-marquee {
  margin-top: calc(40 / var(--abi-parent-font-size) * 1rem);
  --marquee-animation-duration: 35s;
  --marquee-animation-duration: 30s;
}
.p-insta .c-marquee__slide-set {
  align-items: flex-start;
}
.p-insta .c-marquee__slide-set p {
  margin-right: calc(10 / var(--abi-parent-font-size) * 1rem);
  border-radius: calc(3 / var(--abi-parent-font-size) * 1rem);
  overflow: hidden;
}
.p-insta .c-marquee__slide-set p:has(img[width="194"]) {
  width: calc(194 / var(--abi-parent-font-size) * 1rem);
}
.p-insta .c-marquee__slide-set p:has(img[width="200"]) {
  width: calc(200 / var(--abi-parent-font-size) * 1rem);
}
.p-insta .c-marquee__slide-set p:has(img[width="203"]) {
  width: calc(203 / var(--abi-parent-font-size) * 1rem);
}
.p-insta .c-marquee__slide-set p:has(img[width="290"]) {
  width: calc(290 / var(--abi-parent-font-size) * 1rem);
}
.p-insta .c-marquee__slide-set p:has(video) video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-insta .c-marquee__slide-set p:has(video[data-ratio="4-3"]) {
  width: calc(200 / var(--abi-parent-font-size) * 1rem);
  aspect-ratio: 4 / 3;
}
.p-insta .c-marquee__slide-set p:has(video[data-ratio="16-9"]) {
  width: calc(200 / var(--abi-parent-font-size) * 1rem);
  aspect-ratio: 16 / 9;
}
.p-insta .c-marquee__slide-set p:has(video[data-ratio="200-350"]) {
  width: calc(200 / var(--abi-parent-font-size) * 1rem);
  aspect-ratio: 200 / 350;
}
.p-insta__catch {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  margin-top: -2rem;
  font-weight: 600;
  line-height: .9;
  order: 9;
  z-index: -1;
  letter-spacing: -0.06em;
}
@media only screen and (min-width: 1025px) {
  .p-insta__catch {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-insta__catch {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-insta__catch {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-insta__catch {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-insta__catch {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (min-width: 1025px) {
  .p-insta__catch {
    --abi-target-font-size: 84;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-insta__catch {
    --abi-target-font-size: 80;
  }
}
@media only screen and (max-width: 767px) {
  .p-insta__catch {
    --abi-target-font-size: 58;
  }
}
@media only screen and (max-width: 767px) {
  .p-insta__catch {
    margin-top: -1rem;
  }
}
.p-insta__catch-box {
  display: flex;
  width: 100%;
  position: relative;
}
.p-insta__catch-box:nth-of-type(1) {
  --row-delay: 0s;
}
.p-insta__catch-box:nth-of-type(2) {
  --row-delay: .4s;
}
.p-insta__catch-box:nth-of-type(3) {
  --row-delay: .8s;
}
@media only screen and (max-width: 767px) {
  .p-insta__catch-box:nth-of-type(3) {
    width: 104%;
  }
}
@media only screen and (max-width: 767px) {
  .p-insta__catch-box:not(:first-child) {
    margin-top: .25em;
  }
}
.p-insta__catch-line {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.p-insta__catch-line span {
  min-width: .3em;
}
.p-insta__catch-line--gray {
  color: var(--abi-color-f3);
}
.p-insta__catch-line--black {
  z-index: 1;
  color: var(--abi-color-e5);
  position: absolute;
  left: 0;
  top: 0;
}
.p-insta__catch-line--black span {
  opacity: 0;
  transform: translate3d(0, 50%, 0);
  transition-property: opacity, transform;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.43, 0.05, 0.17, 1);
}
.p-insta__catch-line--black span:nth-child(1) {
  --char-delay: 0.03s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(2) {
  --char-delay: 0.06s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(3) {
  --char-delay: 0.09s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(4) {
  --char-delay: 0.12s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(5) {
  --char-delay: 0.15s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(6) {
  --char-delay: 0.18s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(7) {
  --char-delay: 0.21s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(8) {
  --char-delay: 0.24s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(9) {
  --char-delay: 0.27s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(10) {
  --char-delay: 0.3s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(11) {
  --char-delay: 0.33s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(12) {
  --char-delay: 0.36s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(13) {
  --char-delay: 0.39s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(14) {
  --char-delay: 0.42s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(15) {
  --char-delay: 0.45s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(16) {
  --char-delay: 0.48s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(17) {
  --char-delay: 0.51s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(18) {
  --char-delay: 0.54s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(19) {
  --char-delay: 0.57s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(20) {
  --char-delay: 0.6s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(21) {
  --char-delay: 0.63s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(22) {
  --char-delay: 0.66s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(23) {
  --char-delay: 0.69s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(24) {
  --char-delay: 0.72s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch-line--black span:nth-child(25) {
  --char-delay: 0.75s;
  transition-delay: calc(var(--char-delay) + var(--row-delay));
}
.p-insta__catch.is-inview .p-insta__catch-line--black span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.p-interview {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  padding-block: calc(calc(100 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
  background: no-repeat center top/cover;
  display: flex;
  align-items: center;
  border-radius: calc(3 / var(--abi-parent-font-size) * 1rem);
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .p-interview {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-interview {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-interview {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-interview {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .p-interview {
    margin-top: calc(100 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview {
    margin-top: calc(150 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-interview {
    margin-bottom: calc(100 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview {
    margin-bottom: calc(100 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-interview:not(.js-inview), .p-interview.js-inview.is-inview {
    background-image: url("../images/home/bg_interview-pc.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .p-interview:not(.js-inview), .p-interview.js-inview.is-inview {
    background-image: url("../images/home/bg_interview-sp.jpg");
  }
}
@media only screen and (min-width: 1025px) {
  .p-interview {
    min-height: calc(680 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-interview {
    min-height: calc(560 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-interview {
    align-items: flex-end;
    min-height: calc(865 / var(--abi-parent-font-size) * 1rem);
  }
}
.p-interview > .inner {
  width: calc(1210 / 1360 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-interview > .inner {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-interview > .inner > * {
    width: 60%;
    max-width: calc(605 / var(--abi-parent-font-size) * 1rem);
    margin-right: 0;
    margin-left: auto;
  }
}
.p-interview .c-slider__slide {
  min-height: calc(1.4 * 1em * 3);
}
@media only screen and (max-width: 767px) {
  .p-interview .c-slider__slide {
    min-height: calc(1.4 * 1em * 4);
  }
}
.p-interview .c-slider__pagination {
  margin-top: calc(calc(20 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
  justify-content: flex-start;
}
.p-interview__catch {
  margin-top: calc(calc(40 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-interview__catch .c-catch {
    --abi-target-font-size: 36;
  }
}
@media only screen and (max-width: 767px) {
  .p-interview__catch .c-catch {
    --abi-target-font-size: 34;
  }
}
.p-interview__btn {
  margin-top: calc(calc(40 / var(--abi-parent-font-size) * 1rem) * var(--abi-value-zoom));
}

.p-environment {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  max-width: 2560px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .p-environment {
    margin-bottom: calc(95 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-environment {
    margin-bottom: calc(100 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-environment {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-environment {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
.p-environment__box-text {
  margin-right: 0;
  margin-left: auto;
  width: calc(630 / 1440 * 100%);
  max-width: calc(630 / var(--abi-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-environment__box-text {
    width: 100%;
  }
}
.p-environment__box-image {
  margin-left: 0;
  margin-right: 0;
  width: calc(720 / 1440 * 100%);
  display: flex;
}
@media only screen and (max-width: 767px) {
  .p-environment__box-image {
    margin-top: calc(40 / var(--abi-parent-font-size) * 1rem);
    width: 100%;
  }
}
.p-environment__box-image picture:nth-child(1) {
  width: calc(406 / 720 * 100%);
}
.p-environment__box-image picture:nth-child(2) {
  margin-right: 0;
  margin-left: auto;
  width: calc(310 / 720 * 100%);
}
.p-environment__box-image img {
  flex-wrap: wrap;
}
.p-environment__catch {
  margin-top: calc(40 / var(--abi-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-environment__catch {
    text-align: center;
    ----abi-target-font-size: 34;
  }
}
.p-environment__btn {
  margin-top: calc(40 / var(--abi-parent-font-size) * 1rem);
}