#prospect {
  margin: 30rem auto 0;
}
@media screen and (max-width: 767px) {
  #prospect {
    margin: 16rem auto 0;
  }
}
#prospect .container .prospect-inner {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner {
    flex-wrap: wrap;
  }
}
#prospect .container .prospect-inner .prospect-txt {
  width: 55%;
  padding: 0 0 0 15rem;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-txt {
    width: 62.5rem;
    padding: 0;
    margin: 0 auto;
  }
}
#prospect .container .prospect-inner .prospect-txt .main-ttl {
  text-align: left;
}
#prospect .container .prospect-inner .prospect-txt .main-txt {
  margin: 3rem 0 0;
  width: 42rem;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-txt .main-txt {
    width: 100%;
  }
}
#prospect .container .prospect-inner .prospect-txt .swiper-pagination {
  display: flex;
  gap: 7.5px;
  margin: 5rem 0 0;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-txt .swiper-pagination {
    margin: 2rem 0;
  }
}
#prospect .container .prospect-inner .prospect-txt .swiper-pagination-bullet {
  background: #EAEAEF;
  opacity: 1;
}
#prospect .container .prospect-inner .prospect-txt .swiper-pagination-bullet-active {
  background: var(--main-color-red);
}
#prospect .container .prospect-inner .prospect-slider {
  width: 100%;
  margin: 0 0 0 5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider {
    margin: 15rem auto 0;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-wrapper {
  height: 45rem;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-wrapper {
    height: 65rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide {
  width: 29.8rem;
  height: 28rem;
  background: #fff;
  border-radius: 8px;
  padding: 4.5rem;
  display: grid;
  align-items: center;
  align-content: center;
  transform: translateY(4rem);
  transition: 0.5s linear;
  margin-right: 3.5rem;
  filter: drop-shadow(2px 24px 60px rgba(0, 0, 0, 0.06));
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-slide {
    height: 41rem;
    padding: 5rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide h5 {
  transition: 0.5s;
  font-size: 1.8rem;
  color: var(--main-color-red);
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide .main-txt {
  color: var(--main-color-text);
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-slide .main-txt {
    font-size: 1.4rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide .ttl-wrap {
  gap: 1.2rem;
  margin: 0 0 2rem;
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide .ttl-wrap img {
  width: 3.5rem;
  margin: 0 0 2rem;
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide .ttl-en {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--main-color-red);
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-slide .ttl-en {
    font-size: 2rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide:last-child {
  margin-right: 0;
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active {
  transform: translateY(0);
  height: 32rem;
  filter: inherit;
  background: var(--main-color-redgra);
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active {
    height: 45rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active h5,
#prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active .main-txt {
  color: #fff;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active h5 {
    font-size: 3.2rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active .main-txt {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active .main-txt {
    font-size: 2.6rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active .ttl-en {
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active .ttl-en {
    font-size: 2rem;
  }
}
#prospect .container .prospect-inner .prospect-slider .swiper-slide.swiper-slide-active .ttl-wrap img {
  filter: brightness(5);
}/*# sourceMappingURL=prospect.css.map */