@charset "utf-8";

@media screen and (max-width: 750px) {
body{
	background: none;
}
body:before {
    content: "";
    display: block;
    z-index: -3;
    width: 100%;
    height: 100%;
    background: url("../images/bg_city_color_sp.jpg") no-repeat center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*=============================================
				content
=============================================*/
#content h1{
    font-size: 5.2vw;
    margin-bottom: 6vw;
}
#content .textbox{
	margin-bottom: 8vw;
	text-align: justify!important;
    text-justify: inter-ideograph!important;
}
/*=============================================
				main
=============================================*/
#main{
	padding: 50vw 0 40vw;
}
#content{
	padding: 60vw 0 80vw;
}
/*=============================================
				business
=============================================*/
#business .wrap{
	width: 89.4%;
	padding: 8vw 5.3vw;
	margin-bottom: 10.6vw;
}
#business .tab_btn_wrap .box{
	padding: 5px 5px 1.3vw;
}
#business .section.hac_outline,
#business .section.yuugu_outline,
#business .nano_outline{
	padding: 8vw 0 10.6vw;
}
#business .tab_btn_wrap .tab_btn{
	width: 100%;
    height: auto;
    font-size: 4.6vw;
    padding: 2.6vw 0;
    border-radius: 2.6vw;
}
#business .tab_btn_wrap .tab_btn span{
    font-size: 3.2vw;
    padding: 1vw 4vw;
    border-radius: 10vw;
    margin-bottom: 1.3vw;
}
#business .tab_btn_wrap .tab_btn::after{
	display: none;
}
#business .tab_btn_wrap .tab_btn.jokin{
	margin-right: 0;
}
#business .guidetxt{
	color: #fff;
    background: #777;
    width: calc(100% - 10px);
    margin: 0 auto 1.3vw;
    font-size: 3.2vw;
    text-align: center;
    padding: 2vw 0;
    border-radius: 6vw;
}

/* hac_feature */
#business .hac_feature{
	margin-bottom: 10.6vw;
}
#business .hac_feature .box{
    height: auto;
    margin-bottom: 6vw;
    padding-bottom: 6vw;
    border-bottom: 1px dotted #ccc;
    border-right: 0;
}
#business .hac_feature .box:last-child{
	border-right: 0;
	border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#business .hac_feature img{
	margin-bottom: 4vw;
    width: auto;
    height: 28vw;
}

/* hac_effects */
#business .hac_effects .box_wrap{
	margin: 0 -1.3vw 8vw -1.3vw;
}
#business .hac_effects .box{
	padding: 0 1.3vw;
	margin-bottom: 2.6vw;
}
#business .hac_effects .caption{
	padding: 2.6vw 4vw;
	font-size: 3.6vw;
}

/* hac_detail */
#business .hac_detail dl{
    padding-bottom: 2vw;
    margin-bottom: 4vw;
}
#business .hac_detail dl dt{
	margin-right: 0;
	width: 20vw;
}
#business .hac_detail dl dt, #business .hac_detail dl dd{
	font-size: 3.7vw;
}
#business .hac_detail dl dt span, #business .hac_detail dl dd span{
	font-size: 3.7vw;
}
#business .hac_detail .mab45{
	margin-bottom: 4vw;
}
#business .hac_detail img{
    margin-bottom: 6vw;
    width: 70%;
}
/* nano_feature */
#business .nano_feature .box_wrap:last-child,
#business .nano_feature .box_wrap:last-child .box:last-child{
    padding-top: 6vw;
	border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin-top: 6vw;
}
#business .nano_feature .box_wrap:last-child .box:last-child{
	border-left: none;
	border-bottom: none;
}
#business .nano_feature .box_wrap:last-child .txt,
#business .nano_feature .box_wrap .txt,
#business .nano_feature .box_wrap .kome{
	margin-bottom: 4vw;
}
#business .nano_feature img{
	width: 100%;
	height: auto;
}
	
/* nano_kaimen */
#business .nano_graph {
	padding: 10.6vw 0 0;
}
#business .nano_graph .btn_contact{
	margin: 8vw auto 0;
}
#business .nano_graph .kaimen_box{
	padding: 4vw 4vw 2.6vw;
    margin: 2.6vw 0 8vw;
    line-height: 1.3;
} 
#business .nano_graph .kaimen_box span{
	font-size: 2.3vw;
} 
#business .nano_graph .kaimen_box ul{
	text-align: left;
}
#business .nano_graph .kaimen_box li{
    font-size: 3.6vw;
    padding-left: 0px;
    margin-bottom: 2.6vw;
}
#business .nano_graph .kaimen_box li::before{
    display: none;
}
#business .nano_graph .kaimen_box li:nth-child(2){
	margin: 0 0 2.6vw;
}
#business .nano_graph h4{
	margin-bottom: 4vw;
}
	
/* yuugu */
#business .section.yuugu_tenken .txt{
	margin-bottom: 4vw;
}
#business .section.yuugu_tenken .box_wrap:last-child{
	padding-top: 9vw;
	border-top: 1px dotted #ccc;
	margin-top: 10.6vw;
}
#business .section.yuugu_tenken h4.check{
	width: auto;
	text-align: left;
}
#business .section.yuugu_tenken h4.check.tenken{
	margin-top: 0;
	text-align: center;
}
#business .section.yuugu_tenken .midashi_fukidashi{
	background: url("../images/bg_fukidashi_g.jpg"),#5ac5a1;
	background-size: cover,auto;
}
#business .section.yuugu_tenken .midashi_fukidashi::after{
	border-color: #5ac5a1 transparent transparent transparent;
}
#business .section.yuugu_tenken .btn_contact{
	 margin: 2.6vw auto 0;
}

/*=============================================
			   company
=============================================*/
#company{
	padding: 10.6vw 0;
	background: #0777BF;
	background-attachment: inherit;
}
#company table,
#company tbody,
#company tr,
#company th,
#company td{
	display: block;
	width: 100%;
}
#company table th, #company table td{
	padding: 2.6vw 4vw;
	letter-spacing: 0.1vw;
}
#company table td{
	padding: 0 4vw 2.6vw;
}
#company table th{
	width: 100%;
	padding: 2.6vw 4vw 1.3vw;
}


/*=============================================
			   contact
=============================================*/
#contact{
	padding: 10.6vw 0;
	background: none;
	position: relative;
	background-attachment: inherit;
	background: url("../images/bg_city_gray_sp.jpg") no-repeat bottom center, #eeeeee;
    background-size: 100% auto;
}

}