@charset "UTF-8";

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background:#113568;
	text-align:center;
	color:#113568;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
    height: 185px;
}

/* Loading アイコンの大きさ設定　*/
#splash_logo svg{
/*    width:300px;*/
}

/*=============== SVGアニメーション内の指定 =================*/

/*アニメーション前の指定*/
#mask path {
		fill-opacity: 0;/*最初は透過0で見えない状態*/
		transition: fill-opacity .5s;/*カラーがつく際のアニメーション0.5秒で変化*/
		fill: none;/*塗りがない状態*/
		stroke: #fff;/*線の色*/
	}

/*アニメーション後に.doneというクラス名がで付与された時の指定*/
#mask.done path{
	  fill: #fff;/*塗りの色*/
	  fill-opacity: 1;/*透過1で見える状態*/
	  stroke: none;/*線の色なし*/
	}

.cls-1{fill:#fff;}




/*トップスライダー*/
.top-slider {
	position: relative;
	width: 100%;
	height: 100vh ;
}
.slider1 .swiper-slide {
	height: unset;
	position: relative;
}
.swiper-custom-parent {
  position: relative;
}
.slider1 {
  position: unset;
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullet {
	width: 8%;
    height: 3px;
    border-radius: unset;
    background: #fff;
}
.swipe-cap {
	position: absolute;
	top:110px;
	left: 20px;
	font-size: 1.6rem;
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
	text-shadow: #fff 1px 0 10px , #fff 2px 0 10px , #fff 3px 0 10px , #fff -1px 0 10px;

}


.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-catch {
	position: absolute;
	z-index: 1;
	top: 55%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 25%;
}

.top-ph07 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
}
.top-news {
    height: 145px;
    overflow: scroll;
}
.bg-index-service {
	background: url(/assets/images/top/index-service-bg.jpg) no-repeat top center /  auto 300px ;
}
.bg-index-works {
	background: url(/assets/images/top/index-works-bg.jpg) no-repeat top center /  auto 300px ;
}

.index-bnr-recruit {
	position: relative;
	width: 768px;
	height: 170px;
}

.c-box {display: none;}

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

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

@media (max-width: 768px) {

#splash_logo {
    height: 230px;
}
		.top-slider {
			height: 50vh;
		}
		.Bwrap {
			height: 410px;
		}
		/*slider2*/
		.slider2 .slider-box {
			height: 150px;
		}
		/*slider3*/
		.slider3 .slider-box {
			height: 180px;
		}
		.top-catch {
			top:62%;
			width: 50%;
			height: auto;
		}
		.index-bnr-recruit {
			width: 90%;
			height: 130px;
		}

		.index-news01 {
			height: 60px;
		}
		.index-news03 {
			height: 60px;
			line-height: 60px;
		}
		.top-ph07 {

			width: 90%;
		}
		.swipe-cap {
			top:80px;
			font-size: 0.8rem;
		}

}