@charset "UTF-8";
/*////////////////////////*/
/*ファーストビュー*/
/*////////////////////////*/

/*トップスライダー*/
.top-slider {
	position: relative;
	width: 100%;
	height: 510px ;
  margin-bottom: 100px;
}
.top-bg {
  position: absolute;
  right: 0;
}

.slider1 .swiper-slide {
	height: unset;
}
.swiper-custom-parent {
  position: relative;
}
.slider1 {
  position: unset;
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullet {
	width: 8%;
    height: 3px;
    border-radius: unset;
    background: #808080;
}
.top-catch {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
/* 	width: 33%;
	height: 100%; */
	background:rgba(14,55,129,0.9);
  color:#fff;
  padding: 75px;
}
.news-box {
	position: absolute;
  bottom: 30px;
  z-index: 1;
  width: 100%;
}


/*////////////////////////*/
/*セカンドビュー*/
/*////////////////////////*/



/*slider2*/
.slider2 {
  width: calc(100% - 90px);
}
.slider-ph-box {
	position: relative;
  width: 100%;
  height: 180px;
}
.slider2-cap {
	position: absolute;
	left: 0;
	top: 0;
  text-align: center;
  padding: 2px 15px;
	background: #0e3781;
  color: #fff;
}
.slider2 .swiper-slide {
	height: auto;
}

.slider2 .slider-box {
	height: 100%;
}



/*slider3*/
.slider3 .slider-box {
	position: relative;
	height: 220px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -5px;
    background: #0e3781;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -5px;
    background: #0e3781;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 1.4rem;
    color: #fff;
}



.top-news {
	position: absolute;
	bottom: 2%;
	left: 0;
	z-index: 1;
	/*transform: translateX(-50%);
	-webkit- transform: translateX(-50%);*/
}

.index-btn03 {
  background: url(/assets/images/common/arrow.svg) no-repeat rgba(0,0,0,0.5) bottom 15px right 25px / 30px ;
  color:#fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px;
}


/*PCのみ*/
@media (min-width: 768px) {

		.index-news01 {
			width: 240px;
		}
		.index-news03 {
			width: 110px;
		}




}

@media (max-width: 768px) {

		.top-slider {
			height: calc(100vh - 60px) ;
			z-index: unset;
      background-color: #dde3e7;
      margin-bottom: 0;
		}
    .top-bg {
      height: 75%;
  }
    .top-catch {
      position: absolute;
      z-index: 1;
      top: 45%;
      left: 0;
      transform: translateY(-50%);
      width: 80%;
      height: 40%;
      background: rgba(14, 55, 129, 0.9);
      padding: 20px;
    }
		.news-box {
      width: 94%;
      bottom: 10px;
      left: 3%;
    }
    .slider2 {
      width: calc(100% - 25px);
    }

}