@charset "utf-8";


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

/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;top: 0;text-align: center;width: 100%;height: 100%;background: #fff;}
#load-text {position: absolute;font-size:11px;color: #666;text-align: center;width: 100%;top:44%;padding-top: 100px;height:60px;display: block;
						background:url(../img/loading.png) no-repeat center top,url(../js/loading.svg) no-repeat center bottom 5px;}



/*TOPページ上部の背景big画像-------------*/
.headerimgs-wrapper{position: relative;}
/*画像上の文字*/
.slider-pro p.sp-layer{font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;line-height: 1;color: #fff;border-bottom: 1px solid RGBA(255,255,255,0.6);padding-bottom: 22px;width:769px;padding-left: 5px;font-size: 218%;}
.slider-pro p.sp-layer.text1{border:none;padding: 0;}
.slider-pro p.sp-layer.text2{margin-top: 80px;}
.slider-pro p.sp-layer.text3{margin-top: 165px;}

@media screen and (max-width: 1500px) {
	.slider-pro p.sp-layer {margin-top: 15px;margin-left: -3%;}
	.slider-pro p.sp-layer.text3 {margin-top: 153px;}
}


/*/////////////　BUSINESS CONTENT　////////////////*/
.section.indexbusiness{background:url(../img/index_cont_bg.jpg) no-repeat center top;min-height:1060px;padding: 120px 0 100px 0;}

.insta-mark {width:48px;margin:0 auto 20px;}

/*二重線*/
.midashi1{display: flex;align-items: center;font-family: YakuHanJP, 'Noto Sans JP', sans-serif;font-weight:700;color:#223363;line-height:1.3;text-align:center;font-size:168%;max-width: 1100px;margin: 0 auto;}
.midashi1::before,
.midashi1::after {content: "";height: 7px;flex-grow: 1;background-color: transparent;display: block;border-top: 1px solid #223363;border-bottom: 1px solid #223363;}
.midashi1::before {margin-right: 1.5rem;}
.midashi1::after {margin-left: 1.5rem;}

/*六角形*/
dl.index-cont-dl{margin-top:90px;}
dl.index-cont-dl dt{background-color:rgba(88,112,168,0.5);height:145px;}
dl.index-cont-dl dd{position:relative;margin:-128px auto 0 auto;max-width:1100px;}
dl.index-cont-dl dd ul{ text-align: center;}
dl.index-cont-dl dd ul li.hexagon{position: relative;overflow:hidden;display:inline-block;vertical-align: top;margin:-53px 0.7% 0 0.7%;width: 191px;height:220px;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);}
dl.index-cont-dl dd ul li.hexagon::before {position: absolute;content: "";width: inherit;height: inherit;background-color:rgba(0,31,135,0.7);left: 0;transition: 0.8s;}

dl.index-cont-dl dd ul li a{position:relative;display: flex;justify-content: center;align-items: center;width: inherit;height: inherit;text-decoration: none;line-height: 1.2;font-size: 127%;font-weight: bold;color:#fff;background:url(../img/cont_arrow38-38.png) no-repeat center bottom 43px;padding-bottom: 29px;}

dl.index-cont-dl dd ul li:nth-child(1) {background:url(../img/index_cont_bg1.jpg) no-repeat center center;}
dl.index-cont-dl dd ul li:nth-child(2) {background:url(../img/index_cont_bg2.jpg) no-repeat center center;}
dl.index-cont-dl dd ul li:nth-child(3) {background:url(../img/index_cont_bg3.jpg) no-repeat center center;}
dl.index-cont-dl dd ul li:nth-child(4) {background:url(../img/index_cont_bg4.jpg) no-repeat center center;}
dl.index-cont-dl dd ul li:nth-child(5) {background:url(../img/index_cont_bg5.jpg) no-repeat center center;}

dl.index-cont-dl dd ul li a:hover{padding-bottom: 38px;background-position: center bottom 49px;}
dl.index-cont-dl dd ul li.hexagon:hover::before{background-color:rgba(0,31,135,1);}


/*会社紹介*/
.index-company{position:relative;max-width:1160px;margin:130px auto 0 auto;z-index: 10;}
.index-company .img{position:absolute;box-shadow: 16px 17px 20px 1px rgba(0,0,0,0.2);width: 41.24%;z-index: 5;}
.com-cont{position:absolute;background:#fff url(../img/index_company_bg.png) repeat-y left top;padding: 60px 50px 50px 39%;top: 40px;left: 80px;width: 90.5%;box-shadow: 16px 17px 20px 1px rgba(0,0,0,0.2);z-index: 4;}
.com-cont-midashi{font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight:600;line-height: 1;color: #000;font-size:220%;border-bottom: 1px solid #999;padding-bottom: 30px;letter-spacing: 0;}
.com-cont-com{margin-top:20px;font-size:93%;}
.index-company .blue{position:absolute;right:2px;width:175px;height:175px;background-color:#2e4c92;top: 14px;z-index: 3;}




/*/////////////　NEWS　////////////////*/
.section.indexnews{background-color:#e5e8ed;padding: 100px 0 100px 0;}

.index-news-box{max-width: 990px;margin: 10px auto 0 auto;max-height: 320px;overflow: auto;
								scrollbar-base-color: #fff;scrollbar-face-color: #dfdfdf;scrollbar-highlight-color: #fff;scrollbar-shadow-color: #fff;scrollbar-3dlight-color: #fff;scrollbar-arrow-color: #999999;scrollbar-track-color: #fff;scrollbar-darkshadow-color: #fff;}
.index-news-box dl.news-dl{border-bottom: 1px solid #717070;margin-right: 15px;}
.index-news-box dl.news-dl dt{float:left;width:110px;padding:0 0 0 10px;line-height: 1.3;color: #213361;letter-spacing: 0;transition: 0.8s;font-size: 93%;}
.index-news-box dl.news-dl dd{padding:0 0 0 130px;line-height: 1.3;color: #333;transition: 0.8s;font-size: 105%;}
.index-news-box dl.news-dl dd .title{font-weight: bold;margin-bottom: 3px;color: #213361;max-width: 835px;}
.index-news-box dl.news-dl dd .title img{width: auto;margin: 0 0 5px 7px;}
.index-news-box dl.news-dl dd .com{font-size: 90%;max-width: 835px;}

 
.index-news-box dl.news-dl a{color:#000;text-decoration:none;display: block;padding: 17px 0;}
.index-news-box dl.news-dl a:hover{background-color:rgba(166, 212, 253, 0.2);}
.index-news-box dl.news-dl a:hover dt{padding-left:15px;}
.index-news-box dl.news-dl a:hover dd{padding-left:138px;background-position:left 124px top 7px;}
.index-news-box dl.news-dl a:hover dd .title{color: #1f78c8;}


.news-list{max-width: 990px;margin: 30px auto 0 auto;}
.news-list a{max-width:140px;color: #fff;text-align: center;text-decoration: none;line-height:1;font-size:78%;transition: 0.8s;display: block;background: #2e4c92 url(../img/arrow_right8-17.png) no-repeat right 12px center;padding:7px 14px 7px 0;margin: 0 0 0 auto;background-size: 6px;letter-spacing: 0.03em;}
.news-list a:hover{background-color: #1f78c8;padding-left: 8px;background-position: right 8px center;}

body.home .google-map{}