@charset "utf-8";
body{
	background: url("../images/bg_city_color.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
/*=============================================
				main
=============================================*/
#main, #content{
	padding: 290px 0;
}
/*=============================================
				content
=============================================*/
#content h1{
	font-size: 40px;
	margin-bottom: 45px;
	text-align: center;
	font-weight: 700;
	color: #194c89;
}
#content .textbox{
	margin-bottom: 45px;
}
/*=============================================
				business
=============================================*/
#business .wrap{
	background: rgba(255,255,255,0.85);
	padding: 15px 60px;
	margin-bottom: 60px;
}
#business .tab_btn_wrap{
	width: 100%;
	margin: 0 auto;
}
#business .tab_btn_wrap .box{
	padding-top: 5px;
	padding-bottom: 5px;
}
#business .section.hac_outline,
#business .section.yuugu_outline{
	padding: 60px 0 30px;
}
#business .tab_btn_wrap .tab_btn{
	width: 100%;
    height: 176px;
    text-align: center;
    color: #888;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    position: relative;
    box-sizing: border-box;
    padding: 17px 15px;
    cursor: pointer;
    box-shadow: 0px 0 5px rgba(0,0,0,0.2);
    transition: all .1s ease;
    border-radius: 15px;
}
#business .tab_btn_wrap .tab_btn span{
	position: relative;
    background: #ffff57;
    display: inline-block;
    font-size: 17px;
    padding: 5px 20px;
    border-radius: 30px;
    margin-bottom: 15px;
	color: #ff8300;
}
#business .tab_btn_wrap .tab_btn::after{
	content:"";
	position: absolute;
    bottom: 30px;
    width: 12px;
    height: 12px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 10;
    border-top: 2px solid #888;
    border-right: 2px solid #888;
}
#business .tab_btn_wrap .tab_btn.jokin:hover{
	color: #38bfff;
	box-shadow: 0px 0 8px rgba(0,0,0,0.2);
}
#business .tab_btn_wrap .tab_btn.jokin:hover::after{
	border-top: 2px solid #38bfff;
    border-right: 2px solid #38bfff;
}
#business .tab_btn_wrap .tab_btn.jokin{
	margin-right: 30px;
	box-sizing: border-box;
	background: #fff;
}

#business .tab_btn_wrap .tab_btn.yuugu{
	box-sizing: border-box;
	background: #fff;
}
#business .tab_btn_wrap .tab_btn.yuugu:hover{
	color: #5ac5a1;
	box-shadow: 0px 0 8px rgba(0,0,0,0.2);
}
#business .tab_btn_wrap .tab_btn.yuugu:hover::after{
	border-top: 2px solid #5ac5a1;
    border-right: 2px solid #5ac5a1;
}
#business .tab_btn_wrap .tab_btn.jokin.active::after,
#business .tab_btn_wrap .tab_btn.yuugu.active::after{
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
#business .tab_btn_wrap .tab_btn.jokin.active,
#business .tab_btn_wrap .tab_btn.yuugu.active{
	background: -moz-linear-gradient(60deg, #38bfff, #5ac5a1);
	background: -webkit-linear-gradient(60deg, #38bfff, #5ac5a1);
	background: linear-gradient(60deg, #38bfff, #5ac5a1);
	color: #fff;
	box-shadow: 0px 0 10px rgba(0,0,0,0.2);
}
/*#business .tab_btn_wrap .tab_btn.jokin:hover::after,
#business .tab_btn_wrap .tab_btn.yuugu:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}*/
/* hac_feature */
#business .hac_feature .box{
	border-right: 1px dotted #ccc;
    box-sizing: border-box;
    height: 410px;
}
#business .hac_feature .box:last-child{
	border-right: 0;
}
#business .hac_feature img{
	margin-bottom: 35px;
}

/* hac_effects */
#business .hac_effects .caption{
	background: #555555;
	font-weight: 700;
	color: #fff;
	padding: 10px 15px 13px;
	text-align: center;
}

/* hac_detail */
#business .hac_detail{
	padding-bottom: 0;
}
#business .hac_detail dl{
	padding-bottom: 8px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ccc;
}
#business .hac_detail dl dt{
	font-weight: 700;
	display: inline-block;
	margin-right: 15px;
	float: left;
}
#business .hac_detail dl dt, #business .hac_detail dl dd{
	font-size: 14px;
}
#business .hac_detail dl dt span, #business .hac_detail dl dd span{
	font-size: 12px;
}
/* nano_feature */
#business .nano_outline{
	padding: 60px 0 30px; 
}
#business .nano_feature .box_wrap:last-child {
    padding-top: 60px;
    border-top: 1px dotted #ccc;
    margin-top: 60px;
}
#business .nano_feature .box_wrap:last-child .box:last-child{
	border-left: 1px dotted #ccc;
}
#business .nano_feature .box_wrap:last-child .txt{
	margin-bottom: 35px;
}
/* nano_kaimen */
#business .nano_graph {
	padding: 45px 0 0;
}
#business .nano_graph .btn_contact {
	margin: 45px auto 0;
}
#business .nano_graph .kaimen_box{
	padding: 20px;
    background: #fff;
    margin: 10px 0 60px;
} 
#business .nano_graph .kaimen_box span{
	font-size: 12px;
} 
#business .nano_graph .kaimen_box ul{
	text-align: center;
}
#business .nano_graph .kaimen_box li{
	display: inline-block;
	font-size: 15px;
	padding-left: 15px;
	position: relative;
}
#business .nano_graph .kaimen_box li::before{
    content: "●";
    position: absolute;
    left: 0;
    font-size: 10px;
    top: 50%;
    margin-top: -5px;
}
#business .nano_graph .kaimen_box li:nth-child(2){
	margin: 0 20px;
}
#business .nano_graph h4{
	text-align: center;
	margin-bottom: 25px;
}
/* yuugu */
#business .section.yuugu_tenken .box_wrap:last-child{
	padding-top: 45px;
	border-top: 1px dotted #ccc;
	margin-top: 45px;
}
#business .section.yuugu_tenken h4.check{
	width: auto;
	text-align: left;
}
#business .section.yuugu_tenken h4.check.tenken{
	margin-top: 10px;
}
#business .section.yuugu_tenken .midashi_fukidashi{
	background: #5ac5a1;
	background-size: cover,auto;
}
#business .section.yuugu_tenken .midashi_fukidashi::after{
	border-color: #5ac5a1 transparent transparent transparent;
}
/*=============================================
			   company
=============================================*/
#company{
	padding: 60px 0 35px;
	background: url("../images/bg_blue.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
#company .ttl_area .midashi_italic, #company .ttl_area p{
	color: #fff;
}
#company .ttl_area p{
	color: #38bfff;
}
#company table {
	width: 100%;
}
#company table th, #company table td{
	color: #fff;
	padding: 20px 15px;
	box-sizing: border-box;
	line-height: 2;
	letter-spacing: 1.5px;
}
#company table th{
	font-weight: 700;
	width: 200px;
}
#company table td span{
	font-weight: 700;
}
#company table tr{
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
#company table tr:last-child{
	border-bottom: 0;
}

/*=============================================
			   contact
=============================================*/
#contact{
	padding: 60px 0;
	background: url("../images/bg_city_gray.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

/*=============================================
			IE
=============================================*/
@media all and (-ms-high-contrast: none){
	.btn_contact {
		padding:23px 0 20px;
	}
	#business .tab_btn_wrap .tab_btn{
		padding: 20px 15px 17px;
	}
	.midashi_fukidashi{
		padding: 17px 15px 10px;
	}
	h4.check{
		padding-top: 10px;
	}
	#business .hac_effects .caption {
    	padding: 12px 15px 8px;
	}
	#business .hac_detail dl{
		padding-bottom: 6px;
		padding-top: 2px;
	}
	table.mailform_table th span.mu{
		padding: 3px 5px 4px!important;
	}
}