/*====================================================================================================
  TOPPAGE 
====================================================================================================*/
#toppage {}

/* MAINIMG */
#toppage .mainimg {
	width:100%;
	max-height:800px;
	height:800px;
	background:linear-gradient( to top, #182E3B, rgba(24,46,59,0.04) 80%), url(../../image/top/mainimg.png) no-repeat;
	background-size:cover;
}
#toppage .mainimg img { width:100%; }


/* SERVICE */
#toppage .service { width:100%; position:relative; }
#toppage .service::after { display:block; clear:both; content:""; }
#toppage .service h3 {
	font-family:"Century Gothic";
	font-size:567%;
	font-weight:bolder;
	color:#CCC;
	position:absolute;
	top:-15px;
	left:5%;
	z-index:2;

}
#toppage .service .box {
	float:left;
	width:20%;
	max-height:384px;
	height:384px;
	text-align:center;
	background:linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.5)), url(../../image/top/service_01.png) no-repeat;
	background-size:cover;
	font-family:"Noto Sans JP";
	cursor:pointer;
}
#toppage .service .box.coating:hover {
	background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.8)), url(../../image/top/service_01.png) no-repeat;
	background-size:cover;
}
#toppage .service .box.maintenance {
	background:linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.5)), url(../../image/top/service_02.png) no-repeat;
	background-size:cover;
}
#toppage .service .box.maintenance:hover {
	background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.8)), url(../../image/top/service_02.png) no-repeat;
	background-size:cover;
}
#toppage .service .box.insurance {
	background:linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.5)), url(../../image/top/service_03.png) no-repeat;
	background-size:cover;
}
#toppage .service .box.insurance:hover {
	background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.8)), url(../../image/top/service_03.png) no-repeat;
	background-size:cover;
}
#toppage .service .box.sales {
	background:linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.5)), url(../../image/top/service_04.png) no-repeat;
	background-size:cover;
}
#toppage .service .box.sales:hover {
	background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.8)), url(../../image/top/service_04.png) no-repeat;
	background-size:cover;
}
#toppage .service .box.foreign {
	background:linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.5)), url(../../image/top/service_05.png) no-repeat center center;
	background-size:cover;
}
#toppage .service .box.foreign:hover {
	background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), linear-gradient(rgba(24,46,59,0.8), rgba(24,46,59,0.8)), url(../../image/top/service_05.png) no-repeat center center;
	background-size:cover;
}
#toppage .service .box a { position:relative; display:block; width:100%; height:100%; text-decoration:none; color:#FFF; }
#toppage .service .box h4 {
	position:absolute;
	top:48%;
	left:0;
	right:0;
	margin:auto;
	transform:translateY(-48%);
	font-size:163%;
	letter-spacing:8px;
}
#toppage .service .box.coating h4 { letter-spacing:5px; }
#toppage .service .box:hover h4 { color:#182E3B; }
#toppage .service .box h4::after {
	content:"";
	position:absolute;
	bottom:-25px;
	left:0;
	right:0;
	margin:auto;
	background:#FFF;
	height:2px;
	width:128px;
}
#toppage .service .box.maintenance h4::after { width:189px; }
#toppage .service .box:hover h4::after { background:#182E3B; }


/* NEWS */
#toppage .news {
	background:rgba(96,96,96,.25);
	padding:100px 0 110px;
}
#toppage .news .box { clear:both; max-width:1000px; width:100%; margin:auto; }
#toppage .news .box::after { clear:both; content:""; display:block; }
#toppage .news .box h3 { 
	text-align:center; 
	font-size:567%; 
	font-family:"Century Gothic"; 
	color:rgba(24,46,59,.8); 
	line-height:100%;
}

#toppage .news .box .news_list { width:100%; margin:90px auto auto; font-family:Noto Sans JP; position:relative; }
#toppage .news .box .news_list .list { background:#fff; padding:34px 30px 35px 32px; text-align:justify; }
#toppage .news .box .news_list .list+.list { margin-top:30px; }
#toppage .news .box .news_list .list { text-decoration:none; color:#000; clear:both; }
#toppage .news .box .news_list .list::after { clear:both; content:""; display:block; }
#toppage .news .box .news_list .list:nth-child(n+3){ display: none;}
#toppage .news .box .news_list .list .photo { float:right; max-width:403px; }
#toppage .news .box .news_list .list .photo img { width:100%; height: auto; }
#toppage .news .box .news_list .list .box1 { float:left; width:515px; }
#toppage .news .box .news_list .list .box1 h4 { font-size:150%; color:#231815; margin-bottom:30px; line-height:150%; }
#toppage .news .box .news_list .list .box1 .come { color:#000; line-height:200%; }

#toppage .news .box p.b_more { 
	float:right; 
	width:130px;
	height:40px;
	text-align:center;
	margin-top:-60px;
}
#toppage .news .box p.b_more a { 
	background:rgba(24,46,59,.8); 
	text-decoration:none; 
	color:#fff; 
	display:block;
	padding:5px 12px; 
}
#toppage .news .box p.b_more a:hover { background:#fff; color:rgba(24,46,59,.8); font-weight:bold; }


/* ACCESS */
#toppage .access { line-height:0; }
#toppage .access iframe { width:100%; height:420px; }