@charset "utf-8";


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

/*----トップローディング ---------------------*/
.loading {width: 100vw;height: 100vh;transition: all 1s;background-color: #FFF;position: fixed;top: 0;left: 0;z-index: 9999;opacity: 1;visibility: visible;}
.loading-animation{position: absolute;font-size:11px;color: #666;text-align: center;width: 100%;padding-top:107px;height:60px;display: block;top:45%;
									background:url(../img2/loading.png) no-repeat center top,url(../js/loading.svg) no-repeat center bottom 5px;opacity: 1;visibility: visible;transition: 0.8s;background-size: 90px , auto;}
.loading-animation.is-noactive {opacity: 0;visibility: hidden;top:36%;}
.loading.is-active {opacity:0; visibility: hidden;}
.loading.is-active .loading-animation{display:none;}


/*TOPページ上部の背景big画像-------------*/
.headerimgs-wrapper{position: relative;height:100%;margin-top: 90px;/*overflow: hidden;*/}
#headerimgs{}

.index-bigimg-text{position:absolute;top:41%;z-index: 2;right: 0;left: 0;margin: 0 auto;display: table;}
	
/*big画像下のボタン*/
.sp-buttons {padding-top:6px;z-index: 2;}
.sp-button {margin: 4px 6px;width: 10px;height: 10px;}




/*/////////////　introduction　////////////////*/
.section.intro{padding: 110px 15px 90px 15px;}
.intro-midashi{font-size:140%;line-height:1.6;font-weight:bold;text-align:center;}
.intro-midashi span{font-weight:bold;}
.intro-com{text-align:center;line-height:3;margin-top:30px;}




/*/////////////　NEWS　////////////////*/
.bg-glay{background-color:#f7f7f7;}

.indexnews-box{position:relative;display:table;max-width: 1100px;margin: 0 auto;width: 100%;}

h2{font-size:190%;line-height:1.5;font-weight:bold;text-align:center;margin-bottom:40px;color: #333;letter-spacing: 0.15em;}

.index-kuwashiku.news{position:absolute;top:19px;right:0;padding-right:15px;}
.index-kuwashiku.news a{background:url(../img2/plus.png) no-repeat left top;color:#333;height: 25px;display: flex;align-items: center;padding-left: 33px;text-decoration: none;font-size: 79%;}
.index-kuwashiku.news a:hover{opacity:0.6;}

dl.news-dl{border-top: 1px solid #ddd;}
dl.news-dl:last-child{border-bottom: 1px solid #ddd;}
dl.news-dl a{color:#000;text-decoration:none;display: block;padding: 20px 1% 21px 1.3%;}
dl.news-dl a:hover{color: #990000;background:rgba(0,0,0,0.04);webkit-transition: 0.8s;transition: 0.8s;}
dl.news-dl dt{float:left;width:111px;font-size: 88%;letter-spacing: 0;color: #444;}
dl.news-dl dd{padding:0 0 0 140px;font-size: 98%;line-height: 1.3;}
dl.news-dl dd img{margin: 0 0 4px 7px;}
dl.news-dl a:hover dd{text-decoration:underline;}




/*/////////////　施工実績　////////////////*/
.section.sekou{}

/*― エリアで検索 ―*/
.sekou-box{position:relative;max-width:1200px;margin:0 auto;}
.sekou-title{position:absolute;top:72px;left:2%;font-size:130%;display:table;z-index: 2;text-align: center;letter-spacing: 0.1em;line-height: 1.3;}
.sekou-title span{font-size:70%;letter-spacing: 0;}
.sekou-map{}


/*― 業態で検索 ー*/
.sekou-box.gyoutai{margin:135px auto 0 auto;}
		
.sekou-box.gyoutai .sekou-title{top:-74px;}

.gyoutai-box{border:1px solid #bbb;padding:40px 4%;}