@charset "UTF-8";

/*トップスライダー*/
.top-slider {
	position: relative;
	width: 100%;
	height: 100vh ;
	z-index: 100;
	background: #fff;
}
.slider1 .swiper-slide {
	height: unset;
}
.swiper-custom-parent-slider1 {
  position: relative;
  height: calc(100vh - 80px) ;
}
.slider1 {
  position: unset;
  width: 100%;
  height: 95%;
}
.slider1 .swiper-pagination {
		bottom: 0!important;
/*		padding-left: 10%;*/
		text-align: end;
}
.slider1 .swiper-pagination-bullet {
		width: 20%;
    height: 3px;
    border-radius: unset;
    background: #808080;
}
.top-catch {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	color: #fff;
}
.main-logo {
	width: 200px;
	height: 150px;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.top-menu {
		padding-left: 100px;
/*    margin-top: 10px;*/
}
.sub_h_logo {
		width: 60px;
}
.index-bg02 {
  background: url(/assets/images/top/top-ph02@2x-100.jpg) no-repeat center center / cover ;
  padding: 80px 0;
}
.index-bg02-box {
	background:rgba(0,0,0,0.6);
	color: #fff;
	padding: 80px;
}

.index-bg03 {
  background: url(/assets/images/top/top-ph03.svg) no-repeat center right / 90% ;
  padding: 80px 0;
}

.swiper-custom-parent-slider2 {
  position: relative;
  height: 360px;
}
.slider2 {
	height: 100%;
}
.slider2 .swiper-wrapper {
	height: 95%;
}
.slider2 .swiper-pagination {
		bottom: 0!important;
		text-align: start;
}
.slider2 .swiper-pagination-bullet {
		width: 6%;
    height: 3px;
    border-radius: unset;
    background: #808080;
}

.contact-box {display: none}

.top-read {
		display: block;
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    font-family: 'Poppins', sans-serif;
    color: #999999;
    margin: 0 0 80px;
    letter-spacing: 0.1rem;
}

.bnr-box {
  position: relative;
  height: 230px;
  color: #fff;
  overflow-y: hidden;
}

.bnr-box-img {
  position: absolute;
  top: 0;
  left: 0;
/*  z-index: -1;*/
}
.bnr-box-text {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 50%;
}



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



}

@media (max-width: 768px) {

		.top-slider {
			height: 100vh;
			z-index: unset;
		}
		.top-menu {display: none}

		.swiper-custom-parent-slider1 {
		  position: relative;
		  height: 60vh;
		}
		.slider1 {
		  height: 97%;
		}
		.slider1 .swiper-pagination {
				text-align: center;
		}
		.main-ph {
			height: 40vh;
		}

.index-bg02 {
  background: url(/assets/images/top/top-ph02@2x-100.jpg) no-repeat top center / contain ;
  padding: 100px 0 0;
}
.index-bg02-box {
	padding: 20px;
}
.index-bg03 {
  padding: 50px 0;
}
.swiper-custom-parent-slider2 {
  height: 200px;
}
.top-read {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 20px;
}




}