@charset "UTF-8";
.fade_slider {
  position: relative;
  width: 100%;
  height: 700px;
  overflow: hidden;
}
.fade_slider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(63, 169, 245, 0.15) 0%,
    rgba(63, 169, 245, 0.15) 100%
  );
  z-index: 5;          /* 画像より上、テキストより下 */
  pointer-events: none;
}
@media (max-width:767px) {
  .fade_slider {
    height: 400px;/*300px;*/
  }
}
.fade_slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 1;
}
.fade_slider img.active {
  opacity: 1;
  z-index: 2;
}

.slider-catch {
  position: absolute;
  top: 50%;
  right: 0;
  /*transform: translateY(-50%);*/
  text-align: right;
  z-index: 10;
  display: flex;
  flex-direction: column; 
  align-items: flex-end;
  gap: 20px;
}

@media (max-width:767px) {
  .slider-catch {
  gap: 10px;
	  top: 70%;
}
}
.bgwrap {
    position: absolute;
    top: calc(45% - 40px);
    width: 100%;
    padding: 20px 0;
}
.bgwrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #10833b;
    mix-blend-mode: multiply;
    z-index: 10;
}

.bgwrap p {
    position: relative;
    z-index: 20; /* 疑似要素より前面に */
    text-align: center;
    color: #fff;
}
.slider-catch__sub,
.slider-catch__main {
  padding: 5px 35px;
  letter-spacing: .3rem;
}

@media (max-width:767px) {
.slider-catch__sub,
.slider-catch__main {
  padding: 4px 3px 4px 8px;
  letter-spacing: unset;
}
}

.slider-catch__sub {
  font-size: clamp(15px, 2.5vw, 20px);
  font-weight: 600;
}

.slider-catch__main {
  font-size: clamp(20px, 4vw, 40px);
  font-weight: bold;
  line-height: 1.4;
}