@charset "utf-8";
/* CSS Document */
@media screen and ( max-width: 1200px ){
	body{
		width: 1200px;
	}
}

@media screen and ( max-width: 767px ){
	.hd_icon_list li{
		position: relative;
	}
	.drawer-hamburger {
		top: 0;
		position: absolute;
		margin-right: 0px;
	    left: 0;
	}
	.drawer-nav {
	    top: 80px;
	}
	body{
		width: 100%;
	}
	.sp_br{
		display: none;
	}
	.container{
		padding: 0 5%;
	}
	.pankuzu {
    	padding: 11px 5%;
    	/* width: 90%; */
	}
/* ==========================
arrow_midashi
============================= */
.arrow_midashi {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0 0 50px 0;
    padding: 15px 5%;
	}
/* ==========================
table
============================= */
table th,table td{
	display: block;
	padding: 5%;
	width: 100%;
	}
	
/* ==========================
company_list
============================= */
.company_list{
	display: block;
	}
.company_list li{
	text-align: center;
	margin-bottom: 30px;
	}
.company_list li:last-of-type{
	margin-bottom: 0px;
	}
/* ==========================
header
============================= */
header {
    height: 5rem;
	}
	.hd_inner h1{
		max-width: 200px;
		height: auto;
	}
.top_visual {
    top: 100px;
	}
.hd_inner {
    /* padding: 5% */
	padding: 7px 20px;
}
	
.mainvisual {
    margin-top: 0;
}
.zdo_drawer_nav {
	margin-top:110px;
}
/* ==========================
footer
============================= */
.ft_inner {
	display: block;
	padding: 35px 5%;
	}
.ft_right_box ul.address_list{
	display: block;
	}
.ft_right_box ul li{
	margin: 5px;
	}
.ft_left_list .home{
	display: inline-block;
	float: left;
	width: 100%;
	}
.pc_img{
	display: none;
}
.sp_img{
	display: block;
}

}