.home {
  padding: 0;
  overflow: hidden;
  background: #0031D4;
  position: relative;
}
.home::before {
  content: "";
  display: block;
  width: 100%;
  height: 500rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #000057), color-stop(49.04%, #0000BD), to(rgba(0, 152, 254, 0)));
  background: linear-gradient(180deg, #000057 20%, #0000BD 49.04%, rgba(0, 152, 254, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.home .l-header {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.is-loaded .home .l-header {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.home-bg-star {
  width: 100%;
  height: 500rem;
  background-image: url("/ise/recruit/assets/images/home/main_bg_01.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  position: fixed;
  top: 0;
  left: 0;
  mix-blend-mode: plus-lighter;
}
@media screen and (max-width:767px) {
  .home-bg-star {
    height: 55.4rem;
    background-image: url("/ise/recruit/assets/images/home/main_bg_01_sp.webp");
  }
}

.home-mv {
  height: 100vh;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:767px) {
  .home-mv {
    min-height: 60.4rem;
  }
}
.home-mv::before {
  content: "";
  display: block;
  width: 100%;
  height: 18.6rem;
  /*position: absolute;*/
  position: fixed;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 110, 111, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(62, 110, 111, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 3;
}
.home-mv__heading {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
.home-mv__inner {
  height: 100vh;
  min-height: 70rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .home-mv__inner {
    min-height: 50rem;
    max-height: 50rem;
  }
}
.home-mv__copy {
  position: absolute;
  bottom: 4rem;
  left: 6.6rem;
  z-index: 2;
  clip-path: inset(0 100% 0 0);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
@media screen and (max-width:767px) {
  .home-mv__copy {
    bottom: 3rem;
    left: 1.7rem;
  }
}
.is-loaded .home-mv__copy {
  clip-path: inset(0 0 0 0);
}
.home-mv__copy-en {
  display: block;
  font-size: 14.2rem;
  line-height: 0.9;
  font-weight: 900;
  background: linear-gradient(180.77deg, #0000BD 0.66%, #009DFF 197.19%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  white-space: nowrap;
  position: relative;
  clip-path: inset(0 100% 0 0);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media screen and (max-width:1024px) {
  .home-mv__copy-en {
    font-size: 12rem;
  }
}
@media screen and (max-width:767px) {
  .home-mv__copy-en {
    font-size: 5.36rem;
  }
}
.is-loaded .home-mv__copy-en {
  clip-path: inset(0 0 0 0);
}
.home-mv__copy--cover {
  display: block;
  font-size: 14.2rem;
  line-height: 0.9;
  font-weight: 900;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  clip-path: inset(0 0 0 0);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media screen and (max-width:1024px) {
  .home-mv__copy--cover {
    font-size: 12rem;
  }
}
@media screen and (max-width:767px) {
  .home-mv__copy--cover {
    font-size: 5.36rem;
  }
}
.is-loaded .home-mv__copy--cover {
  clip-path: inset(0 0 0 100%);
}
.home-mv__copy-ja {
  display: block;
  width: 51.3rem;
  margin: -8.2rem 0 0 3.4rem;
  position: relative;
  z-index: 2;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transform: translateY(5rem);
          transform: translateY(5rem);
  opacity: 0;
  -webkit-transition: 0.5s 1.5s;
  transition: 0.5s 1.5s;
}
@media screen and (max-width:1024px) {
  .home-mv__copy-ja {
    margin: -6rem 0 0 2rem;
  }
}
@media screen and (max-width:767px) {
  .home-mv__copy-ja {
    width: 26rem;
    margin: -1.5rem 0 0 0.5rem;
  }
}
.is-loaded .home-mv__copy-ja {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.home-mv__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width:767px) {
  .home-mv__bg {
    height: 50rem;
  }
}
.home-mv__bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(217, 217, 217, 0)), to(rgba(106, 130, 134, 0.7)));
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(106, 130, 134, 0.7) 100%);
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.home-mv__3min {
  width: 20.4rem;
  background-color: var(--color-main-01);
  border-radius: 50%;
  position: absolute;
  right: 3rem;
  bottom: 3rem;
  z-index: 5;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s 1s;
  transition: 0.5s 1s;
}
@media screen and (max-width:1024px) {
  .home-mv__3min {
    width: 16rem;
  }
}
@media screen and (max-width:767px) {
  .home-mv__3min {
    width: 12.3rem;
    right: 1rem;
    bottom: -8.5rem;
  }
}
.home-mv__3min::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url("/ise/recruit/assets/images/home/mv_3min_btn_02.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-animation: rotation-3min 40s linear infinite;
          animation: rotation-3min 40s linear infinite;
}
.home-mv__3min img {
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media print and (hover: hover), screen and (min-width:768px) and (hover: hover) {
  .home-mv__3min:hover img {
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
  }
}
.is-loaded .home-mv__3min {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

@-webkit-keyframes rotation-3min {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotation-3min {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.home-mv-slider__img {
  height: 100vh;
}
@media screen and (max-width:767px) {
  .home-mv-slider__img {
    height: 50rem;
  }
}
.home-mv-slider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.home-main {
  position: relative;
  z-index: 3;
  color: #fff;
}

.home-container-01 {
  padding-top: 17.5rem;
  padding-bottom: 12rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .home-container-01 {
    padding-top: 0;
    padding-bottom: 10rem;
  }
}

.home-animate-01.is-animate {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 1s 0s, -webkit-transform 1s 0s;
  transition: opacity 1s 0s, -webkit-transform 1s 0s;
  transition: opacity 1s 0s, transform 1s 0s;
  transition: opacity 1s 0s, transform 1s 0s, -webkit-transform 1s 0s;
}
.home-animate-01.is-animate .c-ttl-01__en {
  clip-path: inset(0 100% 0 0);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.home-animate-01.is-animate .c-ttl-01__ja {
  clip-path: inset(0 100% 0 0);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.home-animate-01.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.home-animate-01.is-animated .c-ttl-01__en {
  clip-path: inset(0 0 0 0);
}
.home-animate-01.is-animated .c-ttl-01__ja {
  clip-path: inset(0 0 0 0);
}

.home-intro {
  position: relative;
  margin-bottom: 21rem;
}
@media screen and (max-width:767px) {
  .home-intro {
    margin-bottom: 4rem;
    padding-top: 18.7rem;
    padding-bottom: 20.4rem;
  }
}
.home-intro__txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.2rem;
  font-size: 2.2rem;
  line-height: 2;
  font-weight: 700;
  position: relative;
  z-index: 3;
}
@media screen and (max-width:1024px) {
  .home-intro__txt {
    padding-left: 0;
    font-size: 2rem;
  }
}
@media screen and (max-width:767px) {
  .home-intro__txt {
    margin: 0;
    padding-left: 0;
    font-size: 1.3rem;
  }
}
.home-intro__txt > * + * {
  margin-top: 2em;
}
.home-intro__img {
  position: absolute;
  z-index: 2;
}
.home-intro__img--01 {
  width: 37.5rem;
  top: 0;
  left: -24.4rem;
}
@media screen and (max-width:1024px) {
  .home-intro__img--01 {
    width: calc(37.5rem * 0.8);
    left: calc(-24.4rem + 10rem);
  }
}
@media screen and (max-width:767px) {
  .home-intro__img--01 {
    width: 12.6rem;
    left: 0;
  }
}
.home-intro__img--02 {
  width: 48.4rem;
  top: 11.9rem;
  left: 104.8rem;
}
@media screen and (max-width:1024px) {
  .home-intro__img--02 {
    width: calc(48.4rem * 0.8);
    top: calc(11.9rem * 0.8);
    left: calc(104.8rem - 20rem);
  }
}
@media screen and (max-width:767px) {
  .home-intro__img--02 {
    width: 18.6rem;
    top: 3.4rem;
    right: 0;
    left: inherit;
  }
}
.home-intro__img--03 {
  width: 20.2rem;
  top: 41.2rem;
  left: 3.6rem;
}
@media screen and (max-width:1024px) {
  .home-intro__img--03 {
    width: calc(20.2rem * 0.8);
    top: calc(41.2rem * 0.8);
    left: calc(3.6rem * 0.8);
  }
}
@media screen and (max-width:767px) {
  .home-intro__img--03 {
    display: none;
  }
}
.home-intro__img--04 {
  width: 30.6rem;
  top: 57.1rem;
  left: -8.7rem;
}
@media screen and (max-width:1024px) {
  .home-intro__img--04 {
    width: calc(30.6rem * 0.8);
    top: calc(57.1rem * 0.8);
    left: calc(-8.7rem * 0.8);
  }
}
@media screen and (max-width:767px) {
  .home-intro__img--04 {
    width: 12.6rem;
    bottom: 6.7rem;
    left: 0;
    top: inherit;
    margin-bottom: 5rem;
  }
}
.home-intro__img--05 {
  width: 25.9rem;
  top: 53.2rem;
  left: 92.6rem;
}
@media screen and (max-width:1024px) {
  .home-intro__img--05 {
    width: calc(25.9rem * 0.8);
    top: calc(53.2rem * 0.8);
    left: calc(92.6rem - 20rem);
  }
}
@media screen and (max-width:767px) {
  .home-intro__img--05 {
    width: 18.6rem;
    bottom: 0;
    right: 0;
    top: inherit;
    left: inherit;
    margin-bottom: 5rem;
  }
}
.home-intro__ring-01 {
  width: 190rem;
  top: 24.2rem;
  left: 17rem;
  -webkit-transform: rotate(-10.64deg);
          transform: rotate(-10.64deg);
}
@media screen and (max-width:767px) {
  .home-intro__ring-01 {
    width: 82.6rem;
    top: 56.5rem;
    left: 1.4rem;
  }
}
.home-intro__ring-02 {
  width: 196.5rem;
  top: 20.7rem;
  left: 25.8rem;
  -webkit-transform: rotate(-16.11deg);
          transform: rotate(-16.11deg);
}
@media screen and (max-width:767px) {
  .home-intro__ring-02 {
    width: 85.4rem;
    top: 54.9rem;
    left: 5.3rem;
  }
}

.home-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .home-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2rem;
  }
}
.home-news__head {
  width: 16rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width:767px) {
  .home-news__head {
    width: auto;
  }
}
.home-news__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4em;
}
.home-news__ttl span {
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1;
}
.home-news__ttl b {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
}
.home-news__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home-news__btn {
  margin-top: 3.2rem;
}
.home-news__btn .c-btn-01__item {
  min-width: 20.2rem;
}
.home-news .c-txt-none-01 {
  border: none;
  background-color: rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(0.5rem);
}

.home-works {
  margin-top: 10.1rem;
}
@media screen and (max-width:767px) {
  .home-works {
    margin-top: 9.7rem;
    padding-top: 2.2rem;
    position: relative;
  }
}
.home-works__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media screen and (max-width:767px) {
  .home-works__cont {
    background-color: #00177D;
    position: static;
  }
}
.home-works__body {
  width: 56rem;
  min-height: 56.2rem;
  padding-bottom: 4rem;
}
@media screen and (max-width:767px) {
  .home-works__body {
    width: 100%;
    min-height: inherit;
    padding: 0;
  }
}
.home-works__body > * {
  position: relative;
  z-index: 2;
}
.home-works__ttl {
  margin-bottom: 5.4rem;
}
@media screen and (max-width:767px) {
  .home-works__ttl {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
}
.home-works__copy {
  position: absolute;
  z-index: 3;
  font-size: 1rem;
  top: 1.2rem;
  left: 1.7rem;
  color: #fff;
}
@media screen and (max-width:767px) {
  .home-works__copy {
    font-size: 0.8rem;
    top: 1rem;
    left: auto;
    right: 1rem;
  }
}
.home-works__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 91.6vw;
  max-width: 220rem;
  height: 52rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .home-works__img {
    width: 100%;
    height: auto;
    margin-bottom: -3.5rem;
    position: relative;
    bottom: inherit;
    left: inherit;
    -webkit-transform: none;
            transform: none;
  }
}
.home-works__img span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.home-works__img span::before {
  content: "";
  width: 90%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(31.66%, rgba(0, 26, 129, 0.8)), to(rgba(2, 0, 23, 0)));
  background: linear-gradient(270deg, rgba(0, 26, 129, 0.8) 31.66%, rgba(2, 0, 23, 0) 100%);
  z-index: 2;
}
@media screen and (max-width:767px) {
  .home-works__img span::before {
    width: 100%;
    height: 12.9rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5.84%, #001A81), color-stop(94.16%, rgba(2, 0, 23, 0)));
    background: linear-gradient(180deg, #001A81 5.84%, rgba(2, 0, 23, 0) 94.16%);
    opacity: 0.6;
  }
}
@media screen and (max-width:767px) {
  .home-works__img span::after {
    content: "";
    width: 100%;
    height: 15.4rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(5.84%, #00177D), color-stop(94.16%, rgba(2, 0, 23, 0)));
    background: linear-gradient(360deg, #00177D 5.84%, rgba(2, 0, 23, 0) 94.16%);
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
  }
}
.home-works__img span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (max-width:767px) {
  .home-works__box {
    padding-bottom: 8.4rem;
  }
}
.home-works__lead {
  margin-bottom: 3.4rem;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:767px) {
  .home-works__lead {
    padding: 0 2rem;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
  }
}
.home-works__txt {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width:767px) {
  .home-works__txt {
    padding: 0 2rem;
    font-size: 1.3rem;
  }
}
.home-works__arrow {
  position: absolute;
  right: 5.7rem;
  bottom: 4.7rem;
  z-index: 3;
}
@media screen and (max-width:767px) {
  .home-works__arrow {
    bottom: 2rem;
    right: 2rem;
  }
}
@media print and (hover: hover), screen and (min-width:768px) and (hover: hover) {
  .home-works:hover .home-works__img span {
    -webkit-transform: scale(1.051) translateZ(0);
            transform: scale(1.051) translateZ(0);
  }
}

.home-interview {
  margin-top: 22.3rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .home-interview {
    margin-top: 11.6rem;
  }
}
.home-interview__ttl {
  margin-bottom: 4rem;
  position: relative;
  z-index: 2;
}
.home-interview__ring-01 {
  width: 230rem;
  position: absolute;
  top: 74.4rem;
  left: -75.5rem;
  -webkit-transform: rotate(-169.36deg);
          transform: rotate(-169.36deg);
  z-index: 1;
}
@media screen and (max-width:767px) {
  .home-interview__ring-01 {
    width: 82.6rem;
    top: -10.4rem;
    left: -42.9rem;
  }
}
.home-interview__ring-02 {
  width: 238rem;
  top: 70.1rem;
  left: -94.2rem;
  -webkit-transform: rotate(-163.89deg);
          transform: rotate(-163.89deg);
  z-index: 1;
}
@media screen and (max-width:767px) {
  .home-interview__ring-02 {
    width: 85.4rem;
    top: -12rem;
    left: -49.5rem;
  }
}

.home-interview-slider__container {
  position: relative;
  z-index: 2;
}
.home-interview-slider__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 54.4rem;
}
@media screen and (max-width:767px) {
  .home-interview-slider__items {
    min-height: 29.2rem;
  }
}
.home-interview-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 43rem;
  height: 47.3rem;
  margin: 0 -5.5rem;
  padding: 0 16rem 0 0;
  -webkit-transition: width 1s ease, height 1s ease;
  transition: width 1s ease, height 1s ease;
}
@media screen and (max-width:767px) {
  .home-interview-slider__item {
    width: 21.8rem;
    height: 23.9rem;
    margin: 0;
    padding: 0 2.4rem;
  }
}
.home-interview-slider__item.swiper-slide-active {
  height: 54.4rem;
  padding: 0;
}
@media screen and (max-width:767px) {
  .home-interview-slider__item.swiper-slide-active {
    height: 29.2rem;
    padding: 0;
  }
}
@media print, screen and (min-width:768px) {
  .home-interview-slider__item.swiper-slide-active ~ * {
    padding: 0 0 0 16rem;
  }
}
.home-interview-slider__trigger {
  display: block;
  width: 271px;
  position: relative;
  z-index: 2;
}
.swiper-slide-active .home-interview-slider__trigger {
  width: 100%;
}
@media print and (hover: hover), screen and (min-width:768px) and (hover: hover) {
  .home-interview-slider__trigger:hover .home-interview-slider__img {
    -webkit-transform: scale(1.051) translateZ(0);
            transform: scale(1.051) translateZ(0);
  }
}
.home-interview-slider__thumb {
  height: calc(100% - 7.4rem);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .home-interview-slider__thumb {
    height: calc(100% - 5.2rem);
  }
}
.home-interview-slider__thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 45%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(13.49%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 13.49%, rgba(255, 255, 255, 0.8) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.swiper-slide-active .home-interview-slider__thumb::before {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.home-interview-slider__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (max-width:767px) {
  .home-interview-slider__img {
    -o-object-position: center top;
       object-position: center top;
  }
}
.home-interview-slider__copy {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.swiper-slide-active .home-interview-slider__copy {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.home-interview-slider__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.8rem 0 1.3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width:767px) {
  .home-interview-slider__body {
    padding: 1.4rem 0 0.7rem;
  }
}
.home-interview-slider__info {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width:767px) {
  .home-interview-slider__info {
    font-size: 1rem;
  }
}
.home-interview-slider__name {
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 300;
}
@media screen and (max-width:767px) {
  .home-interview-slider__name {
    font-size: 2.4rem;
  }
}
.home-interview-slider__accessory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  position: absolute;
  top: 1rem;
  right: 0;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .home-interview-slider__accessory {
    margin-top: 3.2rem;
    position: static;
    display: block;
    overflow: hidden;
  }
}
.home-interview-slider__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width:767px) {
  .home-interview-slider__navigation {
    float: left;
  }
}
.home-interview-slider__more .c-btn-01__item {
  min-width: 20.2rem;
}
@media screen and (max-width:767px) {
  .home-interview-slider__more .c-btn-01__item {
    float: right;
  }
}

.home-environment {
  margin-top: 18.2rem;
  padding-bottom: 10rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .home-environment {
    margin-top: 12rem;
    padding-bottom: 4.6rem;
  }
}
.home-environment::before {
  content: "";
  display: block;
  width: calc(120rem - 16rem + (100vw - 120rem) / 2);
  height: calc(100% - 4.2rem);
  background: rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(5px);
  position: absolute;
  top: 4.2rem;
  right: 16rem;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .home-environment::before {
    width: 26rem;
    height: calc(100% - 2rem);
    top: 2rem;
    right: 9.5rem;
  }
}
.home-environment__inner {
  position: relative;
  z-index: 3;
}
@media screen and (max-width:767px) {
  .home-environment__ttl {
    margin-bottom: 3rem;
  }
}
.home-environment__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8rem;
}
@media screen and (max-width:767px) {
  .home-environment__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.4rem;
  }
}
.home-environment__txt {
  min-width: 56rem;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width:767px) {
  .home-environment__txt {
    min-width: inherit;
    font-size: 1.3rem;
  }
}

.home-environment-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem;
  margin-top: 5.7rem;
}
@media screen and (max-width:767px) {
  .home-environment-link {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 3.2rem;
    margin-top: 5.6rem;
  }
}
.home-environment-link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
@media screen and (max-width:767px) {
  .home-environment-link__item {
    gap: 0;
  }
}
.home-environment-link__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 9.6rem;
  padding: 1.8rem 8rem 1.8rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
}
@media screen and (max-width:767px) {
  .home-environment-link__body {
    min-height: 8rem;
    padding: 1.5rem 7rem 1.5rem 0;
  }
}
.home-environment-link__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .home-environment-link__ttl {
    font-size: 1.6rem;
  }
}
.home-environment-link__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.home-voices {
  max-width: 120rem;
  margin: 0 auto;
  margin-top: 12.8rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .home-voices {
    margin-top: 8.3rem;
  }
}
.home-voices__trigger {
  width: 100%;
}