@charset "utf-8";


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

/*index上部の切り替わる画像 slider-pro -------------*/
.headerimgs-wrapper{position: relative;margin-top:119px;background: url(../img/index_bigimg_bg.png) repeat-x;background-size: auto;
background-size: contain;}
/*slider-proの配置画像　トリミング　上下中央*/
#headerimgs.slider-pro{}
.sp-slides-container {}

.slider-pro p.sp-layer.bigimg-title{}
/*
.slider-pro p.sp-layer.bigimg1-title,
.slider-pro p.sp-layer.bigimg2-title,
.slider-pro p.sp-layer.bigimg3-title{display: flex;justify-content: center;align-items: center;width: inherit;height: inherit;}
*/
.slider-pro p.sp-layer img{width:196px;height:auto;}

.slider-pro p.sp-layer.text-title{font-feature-settings: normal;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;text-orientation: upright;
		font-size: 115%;color:#000;line-height:2.1;letter-spacing: 0.06em;white-space: nowrap;
		text-shadow: 
		rgba(255,255,255,1) 2px 0px 0, rgba(255,255,255,1) -2px 0px 0,
		rgba(255,255,255,1) 0px -2px 0, rgba(255,255,255,1) -2px 0px 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) 1px 2px 0, rgba(255,255,255,1) -1px 2px 0,
		rgba(255,255,255,1) 1px -2px 0, rgba(255,255,255,1) -1px -2px 0,
		rgba(255,255,255,1) 2px 1px 0, rgba(255,255,255,1) -2px 1px 0,
		rgba(255,255,255,1) 2px -1px 0, rgba(255,255,255,1) -2px -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;}


/*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　//////////////////////////////*/

/*youtube動画レスポンシブ*/
body.home .responsive-video{margin: 80px auto -30px auto;}


.section.indexabout{background:url(../img/about_bg.png) no-repeat top 70px right;padding: 170px 0 90px 0;}
.container.indexabout{width:1270px;}

dl.indexabout-dl{}
dl.indexabout-dl dt{float:left;width:55%;}
dl.indexabout-dl dt img{max-width:100%;height:auto;}
dl.indexabout-dl dd{float:right;width:40%;}
dl.indexabout-dl dd .midashi{font-size:220%;font-weight:bold;line-height:1.4;margin-top:35px;letter-spacing: 0;}
dl.indexabout-dl dd .com{margin-top:17px;line-height:2.1;}

dl.indexabout-dl dd .naka-kuwashii {text-align: left;}




/*/////////////　事業内容 Business　//////////////////////////////*/
.section.indexbusiness{background:url(../img/business_bg.png) no-repeat top 60px left , url(../img/bg_blue_hougan.png) repeat center top;padding: 85px 0 90px 0;}
.container.indexbusiness{width:1550px;}

.index-h2{text-align:center;font-weight:bold;font-size:280%;line-height:1.3;letter-spacing:0.3em;}

ul.index-business-ul{text-align:center;margin-top: 90px;}
ul.index-business-ul li{display:inline-block;width:30%;margin:0 1% 20px 0.5%;}
ul.index-business-ul li a{max-width:440px;display: block;position: relative;}
ul.index-business-ul li a .index-business-title{font-feature-settings: normal;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;text-orientation: upright;align-items: center;display: flex;
		font-size:136%;font-weight:bold;color:#fff;letter-spacing: 0.1em;width:100px;height:250px;padding-top: 22px;position: absolute;right: 20px;top: -20px;z-index: 10;transition: 0.5s;
		background: rgba(0,157,228,0.8) url(../img/arrow_white15-19.png) no-repeat center bottom 20px;background-size: 13px;}
ul.index-business-ul li a .index-business-img-box{height: 0;background-color: rgba(0,97,138,0.6);overflow: hidden;width: inherit;padding-bottom: 75%;}
ul.index-business-ul li a .index-business-img{width:100%;height:0;padding-top:75%;transition: 0.5s;background-size: cover;background-position: center center;}

ul.index-business-ul li a:hover .index-business-title{background-position:right 35px bottom 20px;top:-15px;background-color:rgba(0,0,0,0.8);}
ul.index-business-ul li a:hover .index-business-img{transform: scale(1.08);opacity:0.5;}




/*/////////////　採用情報　Recruit　//////////////////////////////*/
.section.bg-recruit{background:url(../img/recruit_bg.png) no-repeat top 60px right , url(../img/bg_recruit.jpg) no-repeat center center;padding: 85px 0 90px 0;}

dl.indexrecruit-dl{margin: 60px 0 30px 0;}
dl.indexrecruit-dl dt{max-width:500px;margin:0 auto;text-align:center;}

.index-recruit-com{line-height: 2;font-size:122%;}
dl.indexrecruit-dl dt .naka-kuwashii{height: 70px;}
dl.indexrecruit-dl dt .naka-kuwashii a{width: 500px;font-size: 115%;letter-spacing: 0.3em;}