@charset "utf-8";

.main_visual {
	background-image: url(../images/top/main-visual.jpg);
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 410px;
}

.top_logo {
	text-align:center;
}

.top_logo h1 {
	width: 180px;
	padding-top: 68px;
	margin-left: auto;
	margin-right: auto;
}

.top_logo p {
	margin-top:44px;
	font-size:26px;
	font-weight:500;
	color:#FFF;
	letter-spacing: 0.4em;
}

.top_contents_bg {
	background-image:url(../images/top/bg-grid.gif);
	background-repeat:repeat;
}

#main_menu_icons {
	position: relative;
	height: 390px;
}
#main_menu_icons hr {
	width: 100%;
	height: 4px;
	background: url(../images/common/shadow-40.png);
}
#main_menu_icons .main_menu_icons_inwrap {
	position: absolute;
	top: -50px;
	left: 0; right: 0;
	margin-left: auto;
	margin-right: auto;
}
#main_menu_icons .main_menu_icons_inwrap a {
	display:block;
	position: relative;
	overflow: hidden;
	float:left;
}

#main_menu_icon_01 { background: url(../images/top/main_menu_01_on.jpg); }
#main_menu_icon_02 { background: url(../images/top/main_menu_02_on.jpg); }
#main_menu_icon_03 { background: url(../images/top/main_menu_03_on.jpg); }
#main_menu_icon_04 { background: url(../images/top/main_menu_04_on.jpg); }
#main_menu_icon_05 { background: url(../images/top/main_menu_05_on.jpg); }
#main_menu_icon_06 { background: url(../images/top/main_menu_06_on.jpg); }
#main_menu_icon_07 { background: url(../images/top/main_menu_07_on.jpg); }
#main_menu_icon_08 { background: url(../images/top/main_menu_08_on.jpg); }
.main_menu_icons_inwrap a .image:hover { opacity: 0; }


.main_menu_icon_2c a {
	width:470px;
	height: 90px;
	color: #fff;
	font-size: 16px;
	line-height: 90px;
	margin-left:20px;
}

.main_menu_icon_3c a {
	width:306px;
	height: 130px;
	color: #fff;
	font-size: 16px;
	line-height: 130px;
	margin-left:21px;
}

.main_menu_icon_2c a:first-child,
.main_menu_icon_3c a:first-child {
	margin-left: 0;
}



/* 施工対応エリア */
.top_contents_map_bg {
	background-image: linear-gradient(-45deg, #0d0603, #1b1b1b);
}
.top_map {
	height:350px;
	padding-top: 50px;
	background-image: url(../images/top/top-map.png),url(../images/top/top-map.png);
	background-repeat: no-repeat;
}
.top_contents_map_bg .title h2 {
	display: inline-block;
	color: #fff;
	font-size: 30px;
	line-height: 1em;
}
.top_contents_map_bg .title p {
	display: inline-block;
	color: #707070;
	font-size: 16px;
	vertical-align: bottom;
}
.top_contents_map_bg hr {
	width: 100%;
	height: 1px;
	background-image: url(../images/top/area_hr.png);
	background-repeat: no-repeat;
}
.top_contents_map_bg .text {
	color: #fff;
	font-size: 14px;
	line-height: 1.8em;
}
.top_contents_map_bg .text span {
	color: #707070;
}
.top_contents_map_bg .btn {
	display: inline-block;
	width: 238px;
	height: 38px;
	color: #fff;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #707070;
}
.top_contents_map_bg .btn:hover {
	color: #1b1b1b;
	border: 1px solid #fff;
	background: #fff;
}
.top_contents_map_bg .btn span {
	display: inline-block;
}
.top_contents_map_bg .btn span::before {
	display: inline-block;
	content: url(../images/common/arrow-thin.png);
	line-height: 38px;
	vertical-align: -0.1em;
	padding-right: 10px;
}




.pickup_menus {
	padding: 50px 0 120px 0;
}
.pickup_menu_c1 {
	text-align: center;
}
.pickup_menu_c1 .title,
.pickup_menu_c1 .text {
	color: #fff;
}
.pickup_menu_c1 .title {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	width: 480px;
	pointer-events: none;
	font-weight: 500;
	font-size: 30px;
	line-height: 1em;
	z-index: 1;
}
.pickup_menu_c1 .text {
	display: block;
	position: absolute;
	top: 95px;
	left: 0;
	width: 480px;
	pointer-events: none;
	font-size: 14px;
	line-height: 1.8em;
	z-index: 1;
}
.pickup_menu_c2 a {
	display: block;
	position: relative;
	width: 470px;
	height: 130px;
	color: #fff;
	font-size: 16px;
	line-height: 130px;
	float: left;
}

.pickup_menu_c1 .image,
.pickup_menu_c2 .image {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 0;
}
.pickup_menu_c1 .image:hover,
.pickup_menu_c2 .image:hover {
	opacity: 0;
}

#pickup_menu_01 {
	display: block;
	position: relative;
	width: 960px;
	height: 250px;
	background: url(../images/top/pickup_menu_01_on.jpg);
}

#pickup_menu_02 {
	background: url(../images/top/pickup_menu_02_on.jpg);
}

#pickup_menu_03 {
	margin-left: 20px;
	background: url(../images/top/pickup_menu_03_on.jpg);
}