@charset "utf-8";


/*************************************************
	index専用
*************************************************/

/*----トップローディング ---------------------*/
/* Loading背景画面設定　*/
#splash {position: fixed;z-index:9000;top: 0;text-align: center;width: 100%;height: 100%;}
svg {position: absolute;top: 45%;height: 90px;right: 0;left: 0;margin:-45px auto 0 auto;}

/*=============== SVGアニメーション内の指定 =================*/
#mask path {
		fill-opacity: 0;/*最初は透過0で見えない状態*/
		transition: fill-opacity 0.2s;transition:1s;}	/*カラーがつく際のアニメーション1秒で変化*/
		
#mask.done path{	/*アニメーション後に.doneというクラス名がで付与された時の指定*/
	  fill-opacity: 1;/*透過1で見える状態*/
		/*stroke: none;*//*線の色なし*/
		stroke-width:0.1;}

/*TOPのrogoのSVGアニメ*/
.done path.path_red{fill: #fff/*#ff3303*/;fill-opacity: 1;}
.done path{/*stroke:none;*/stroke-width:0.1;}



/*index上部の切り替わる画像 slider-pro -------------*/
.headerimgs-wrapper{position: relative;margin-top:0px;}
/*slider-proの配置画像　トリミング　上下中央*/
#headerimgs.slider-pro{}
.sp-slides-container {}


/*背景画像の上の文字*/
ul.headerimgs-text{position: absolute;margin:0 auto;right:0;left:0;top:31%;z-index: 45;text-align: center;width: 990px;padding:70px 0;}
ul.headerimgs-text li{}
ul.headerimgs-text li.headerimgs-text1{max-width: 834px;margin: 0 auto;}
ul.headerimgs-text li.headerimgs-text2{background-color:#ff3300;color:#fff;font-family:'M PLUS 1p';font-weight:800;line-height:1;font-size:160%;max-width: 830px;margin: 20px auto 20px auto;padding: 9px 0;letter-spacing: 0.2em;}
ul.headerimgs-text li.headerimgs-text2 span{font-weight: 800;}
ul.headerimgs-text li.headerimgs-text3{color:#ff3300;font-size:155%;letter-spacing: 0.1em;font-family: 'M PLUS 1p';font-weight: 700;
					text-shadow: 
							rgba(255,255,255,1) 3px 0px 0, rgba(255,255,255,1) -3px 0px 0,
							rgba(255,255,255,1) 0px -3px 0, rgba(255,255,255,1) -3px 0px 0,
							rgba(255,255,255,1) 3px 3px 0, rgba(255,255,255,1) -3px 3px 0,
							rgba(255,255,255,1) 3px -3px 0, rgba(255,255,255,1) -3px -3px 0,
							rgba(255,255,255,1) 1px 3px 0, rgba(255,255,255,1) -1px 3px 0,
							rgba(255,255,255,1) 1px -3px 0, rgba(255,255,255,1) -1px -3px 0,
							rgba(255,255,255,1) 3px 1px 0, rgba(255,255,255,1) -3px 1px 0,
							rgba(255,255,255,1) 3px -1px 0, rgba(255,255,255,1) -3px -1px 0,
							rgba(255,255,255,1) 1px 1px 0, rgba(255,255,255,1) -1px 1px 0,
							rgba(255,255,255,1) 1px -1px 0, rgba(255,255,255,1) -1px -1px 0;}
.headerimgs-text-box{border: 20px solid rgba(255,255,255,0.7);content: "";position: absolute;width: 100%;height:100%;top: 0;left: 0;}

/*slider-proの横の矢印*/
.sp-horizontal .sp-arrows {top: 54%;}/*top: 47%;*/
.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {height: 53%;}
	
/*slider-proの下の丸いナビゲーションボタン*/
.sp-buttons {position: absolute;padding-top:0;bottom: -35px;z-index: 5;}
.sp-button {border:1px solid #ddd;}
.sp-selected-button {background-color: #ccc;}


/*スクロールダウンボタン*/
.btn-scroll-box{position:absolute;bottom:50px;right:0;left:0;display:block;transition: 0.6s;z-index:45;}
.btn-scroll-box:hover{opacity:0.5;cursor: pointer;bottom:40px;}

.btn-scroll-box a {position: absolute;padding-top: 41px;left:49%;z-index: 2;display: inline-block;color: #fff;font-size: 12px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);text-decoration: none;}
.btn-scroll-box a span {position: absolute;top: 0;left: 50%;width: 26px;height: 40px;margin-left: -13px;border: 2px solid #fff;border-radius: 40px;box-sizing: border-box;}
.btn-scroll-box a span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
  0% {-webkit-transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 15px);opacity: 0;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 15px);opacity: 0;}
  100% {opacity: 0;}
}





/*/////////////　紹介文 About　//////////////////////////////*/
.section.indexabout{padding: 170px 0 90px 0;}
.container.indexabout{}

.index-about-midashi{font-family:'M PLUS 1p';font-weight:800;line-height:1.3;font-size:65px;color:#ff3300;text-align: center;letter-spacing: -0.02em;}

.index-about-com{font-family:'M PLUS 1p';font-weight:700;line-height:2;font-size:137%;color:#ff3300;text-align: center;letter-spacing: 0;margin-top: 20px;}

.container.indexabout .naka-kuwashii{margin-top: 40px;}
.container.indexabout .naka-kuwashii a{color: #f30;background: #fff url(../img/arrow_red68-105.png) no-repeat left -17px center;background-size: 45px;border: 3px solid #f30;min-width: 400px;line-height: 2.2;font-size: 170%;}
.container.indexabout .naka-kuwashii a:hover{color: #fff;background:#f30 url(../img/arrow_white68-105.png) no-repeat left -12px center;background-size: 45px;padding-left:10px;border:3px solid #f30;}




/*/////////////　事業内容 Business　//////////////////////////////*/
.section.indexbusiness{padding: 85px 0 90px 0;}
.container.indexbusiness{width:1400px;}

ul.index-business-ul{}
ul.index-business-ul li{text-align:center;}

dl.index-business-dl{display:table;width: 100%;/*! height: 460px; */}
dl.index-business-dl .left{float:left;}
dl.index-business-dl .right{float:right;}
dl.index-business-dl dt{width:50%;background-color:rgba(0,0,0,0.8);height: 460px;overflow: hidden;}
dl.index-business-dl dd{display:table-cell;width:50%;background-color:#ff3300;color:#fff;padding:50px 5% 0 5%;height: 460px;}

dl.index-business-dl dt a{display:block;width: 100%;height: inherit;}
dl.index-business-dl dt a:hover{transform: scale(1.08);opacity:0.5;}

dl.index-business-dl dd .title{font-family:'M PLUS 1p';font-weight:800;line-height:1.3;font-size:60px;letter-spacing: 0.5em;}
dl.index-business-dl dd .cap{font-family:'M PLUS 1p';font-weight:800;line-height:1;font-size:170%;letter-spacing:0.5em;margin-top: 9px;}
dl.index-business-dl dd .com{text-align:left;font-size: 108%;margin-top: 25px;line-height: 2;}

dl.index-business-dl dd .naka-kuwashii{margin-top: 30px;}
dl.index-business-dl dd .naka-kuwashii a{background:#b52400 url(../img/arrow_white68-105.png) no-repeat left -17px center;background-size: 40px;line-height: 2.2;max-width: 340px;width: 100%;}
dl.index-business-dl dd .naka-kuwashii a:hover{background:#480f00 url(../img/arrow_white68-105.png) no-repeat left -12px center;background-size:40px;}







/*/////////////　採用情報　Recruit　//////////////////////////////*/
.section.bg-recruit{background:url(../img/bg_index_recruit.jpg) no-repeat center center;padding: 85px 0 90px 0;}
.container.indexrecruit{}

.container.indexrecruit .cap{font-family:'M PLUS 1p';font-weight:700;line-height:1;font-size:175%;color:#fff;background-color:#ff3300;letter-spacing:0.3em;width:830px;margin:0 auto;text-align:center;padding: 6px 0;}
.container.indexrecruit .title{font-family:'M PLUS 1p';font-weight:800;line-height:1;font-size:90px;color:#ff3300;letter-spacing:0em;text-align:center;margin-top: 25px;
				text-shadow: 
rgba(255,255,255,1) 5px 0px 0, rgba(255,255,255,1) -5px 0px 0,
							rgba(255,255,255,1) 0px -5px 0, rgba(255,255,255,1) -5px 0px 0,
							rgba(255,255,255,1) 5px 5px 0, rgba(255,255,255,1) -5px 5px 0,
							rgba(255,255,255,1) 5px -5px 0, rgba(255,255,255,1) -5px -5px 0,
							
							rgba(255,255,255,1) 2px 5px 0, rgba(255,255,255,1) -2px 5px 0,
							rgba(255,255,255,1) 2px -5px 0, rgba(255,255,255,1) -2px -5px 0,
							rgba(255,255,255,1) 5px 2px 0, rgba(255,255,255,1) -5px 2px 0,

							rgba(255,255,255,1) 1px 3px 0, rgba(255,255,255,1) -1px 3px 0,
							rgba(255,255,255,1) 1px -3px 0, rgba(255,255,255,1) -1px -3px 0,
							rgba(255,255,255,1) 3px 1px 0, rgba(255,255,255,1) -3px 1px 0,
							
							rgba(255,255,255,1) 5px -2px 0, rgba(255,255,255,1) -5px -2px 0,
							rgba(255,255,255,1) 2px 2px 0, rgba(255,255,255,1) -2px 2px 0,
							rgba(255,255,255,1) 2px -2px 0, rgba(255,255,255,1) -2px -2px 0,
							
							rgba(255,255,255,1) 3px -1px 0, rgba(255,255,255,1) -3px -1px 0,
							rgba(255,255,255,1) 1px 1px 0, rgba(255,255,255,1) -1px 1px 0,
							rgba(255,255,255,1) 1px -1px 0, rgba(255,255,255,1) -1px -1px 0;}

ul.indexrecruit-ul{width:940px;margin:30px auto 0 auto;}
ul.indexrecruit-ul li{display:inline-block;width:30%;margin:0 1.5% 12px 1%;background:#ff3300 url(../img/rogomark_darkred.png) no-repeat center center;background-size:97px;border-radius:10px;text-align: center;color: #fff;font-weight: bold;line-height: 1.5;font-size: 155%;padding: 27px 0;}
ul.indexrecruit-ul li img{max-width:266px;height:auto;}

.container.indexrecruit .naka-kuwashii a{font-size:150%;}
.container.indexrecruit .naka-kuwashii{margin-top: 0;}
dl.indexrecruit-dl{text-align:center;margin-top:40px;}
dl.indexrecruit-dl dt{display:inline-block;margin:0 20px 20px 20px;}
dl.indexrecruit-dl dd{display:inline-block;margin:0 20px 0 20px;}