@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%;
}
}

.slider-catch__sub,
.slider-catch__main {
  background: #fff;
  color: #0d4394;
  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, 31px);
  font-weight: 600;
}

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