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

/*トップスライダー*/
.top-slider {
	position: relative;
	width: 100%;
	height: 600px ;
}

.slider1 .swiper-slide {
	height: unset;
}
.swiper-custom-parent {
  position: relative;
}
.slider1 {
  position: unset;
  width: 100%;
  height: 100%;
}

.top-catch {
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 100px;
	width: 400px;
  z-index: 1;
}



/*////////////////////////*/
/*セカンドビュー*/
/*////////////////////////*/
.Bbg {
  position: absolute;
  top: 0;
  left: 0;
  background: #1369ab;
  width: 100%;
  height: 500px;
  z-index: -1;
}

/*slider2*/
.slider2 .slider-box {
	position: relative;
	height: 180px;
}
.slider2 .swiper-slide {
	height: 100%;
}
.h-70 {
  height: 70px;
}

.swiper-pagination {
  width: 100%;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    /* border-radius: unset; */
    margin: 0 5px;
    background: #0069ab;
}


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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    background: #000;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    background: #000;
}
.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%);*/
}



.topmap {
  width: 100%;
  height: 300px;
  filter: grayscale(100%);
}


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

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




}

@media (max-width: 768px) {

		.top-slider {
			height: 400px;
			z-index: unset;
		}
    .top-catch {
      position: absolute;
      top: 30px;
      left: 30px;
      width: 260px;
      z-index: 1;
    }
    .Bbg {
      height: 100%;
    }


}