@charset "utf-8";

/*************************************************
		index.html専用
*************************************************/

/*/////////////　index専用のheader　/////////////////*/

/*index上部の切り替わる画像 slider-pro -------------*/
.headerimgs-wrapper{position: relative;background: url(../img/index_bigimg1_bg.jpg) no-repeat center top;padding: 60px 0 40px 0;}
/*slider-proの配置画像　トリミング　上下中央*/
#headerimgs.slider-pro{}
.sp-slides-container{margin-top: 186px;}

/*slider-proの横の矢印
.sp-horizontal .sp-arrows {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;}
*/

.slider-pro p.index-bigimg1-text1{width:540px;text-align:center;font-family:'Noto Serif JP', serif;font-weight:400;line-height:1.2;font-size:50px;letter-spacing: 0.25em;background-color: rgba(255,255,255,0.8);padding: 5px 0 12px 0;}
.slider-pro p.index-bigimg1-text2{width:540px;text-align:center;font-family:'Noto Serif JP', serif;font-weight:300;line-height:2.2;font-size:20px;letter-spacing: 0.15em;background-color: rgba(255,255,255,0.8);padding: 9px 0 12px 0;}



/*ページ上部の緊急告知部分 ---------------*/
#window {max-width: 980px;width: 94%;padding: 16px 35px 17px 35px;position: absolute;left: 0;margin: 0 auto;right: 0;top: 49px;background: #fff;box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.6);
				z-index:5;font-size: 100%;font-family: 'Noto Serif JP', serif;font-weight: 400;line-height: 1.6;}

#popup-msg p.title{font-family: 'Noto Serif JP', serif;font-weight: 400;line-height: 1.2;font-size: 125%;letter-spacing: 0.1em;text-align: center;padding-bottom: 5px;}
#popup-msg p {margin:12px 0 0px 0;}
#popup-msg p.cap{text-align:right;line-height:1.4;}



/*＝＝＝＝＝＝　ひとつひとつ丁寧に　＝＝＝＝＝＝*/
.section.teinei{border-top:4px solid #555;border-bottom:4px solid #555;background: url(../img/index_news_bg.jpg) no-repeat center top -150px;}

.section.teinei .container{background-color: rgba(255,255,255,0.8);padding: 40px 0;}

.index-midashi{font-family:'Noto Serif JP', serif;font-weight:400;line-height:1.2;font-size:46px;letter-spacing: 0.25em;text-align: center;}

.index-soap{text-align:center;margin-top:60px;}
.index-soap img{max-width:800px;width:100%;}

.index-com1{width:80%;line-height:2;margin:40px auto 0 auto;text-align:left;}



/*＝＝＝＝＝＝　開発スタイル　＝＝＝＝＝＝*/
.section.style{background: url(../img/index_news_bg.jpg) no-repeat center top -500px;}
.index-midashi2{background-color:#717070;color:#fff;font-family:'Noto Serif JP', serif;font-weight:400;line-height:1.2;font-size:31px;letter-spacing: 0.3em;padding:12px 0 14px 0;text-align:center;}

ul.style-box{text-align:center;margin: 20px auto 0 auto;max-width:1800px;}
ul.style-box li{width:48%;padding-bottom:27%;height:0;margin:0 0.8%;position:relative;display: inline-block;}
ul.style-box li.oem{background:url(../img/index_oem_img.jpg) no-repeat center top;background-size:cover;}
ul.style-box li.slabo{background:url(../img/index_brand_img.jpg) no-repeat center top;background-size:cover;}

ul.style-box li .cont {position: absolute;bottom: 30px;width: 100%;padding: 20px 0;}
ul.style-box li.oem .cont{background-color:#50646e;}
ul.style-box li.slabo .cont{background-color:#6e5661;}




/*＝＝＝＝＝＝　お知らせ　＝＝＝＝＝＝*/
.section.oshirase{padding:0;transform: scale(-1, 1);background: url(../img/index_news_bg.jpg) no-repeat center top -150px;}
.section.oshirase .toumei{background-color: rgba(255,255,255,0.85);transform: scale(-1, 1);}

dl.indexnews-dl{display:table;width:90%;margin:30px auto 0 auto;padding-bottom: 70px;}

dl.indexnews-dl dd dl.news-dl{text-align:left;}
dl.indexnews-dl dd dl.news-dl a{color:#222;text-decoration:none;display: block;padding: 10px;}
dl.indexnews-dl dd dl.news-dl a:hover{color: #990000;background:#f9eeee;transition: 0.8s;}
dl.indexnews-dl dd dl.news-dl dt{float:left;width:120px;font-size: 93%;background: url(../img/arrow_glay3-5.png) no-repeat right 9px;line-height: 1.3;}

dl.indexnews-dl dd dl.news-dl a dd{padding:0 0 0 130px;line-height: 1.3;transition: 0.8s;}
dl.indexnews-dl dd dl.news-dl a dd img{margin: 0 0 3px 10px;}
dl.indexnews-dl dd dl.news-dl a:hover dd{padding:0 0 0 135px;transition: 0.8s;}


dl.indexnews-dl dd dl.news-dl.is-hidden {opacity: 0;height: 0;display: none;}
dl.indexnews-dl dd dl.news-dl.is-hidden a {padding:0;}


.news-more{text-align: center;margin: -60px 0 0 0;padding-bottom: 60px;}
.news-more a{font-size: 90%;color:#444;background: url(../img/arrow_glaydown7-4.png) no-repeat left center;padding: 0 0 0 11px;text-decoration: none;display: inline-block;}
.news-more a:hover{text-decoration: underline;}