@charset "utf-8";
/* CSS Document */


@media screen and ( max-width: 1200px ){

    body {
        width: 1200px;
    }
	
}




@media screen and ( max-width: 700px ){
	
    body {
        width: 100%;
    }
    
/* ==========================
=========== header ==========
============================= */

	.header_auter {
		background: #fff;
		position: fixed;
		top: 0;
		padding: 0 0;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	}
	
	.header_inner {
		width: auto;
		padding: 17px 10px 16px;
	}
	
	.header_logo {
		width: 170px;
	}
	
	.header_menu {
		display: none;
	}
	
	.header_recruit {
		right: 62px;
		transform: translate(0px,0px);
		width: 63px;
	    height: 70px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0);
	}
	
	.header_recruit p img {
		width: 40px;
	}
	
	.header_recruit .hr_txt {
	    padding: 3px 10px;
    	font-size: 11px;
	    margin-top: 7px;
	}
	
	

/* ==========================
======== スマホメニュー =======
============================= */
	
	button.drawer-toggle.drawer-hamburger {
		display: block;
		background: #0b9552;
		padding: 6px 11px 0px;
		margin: 0px 0px 0 0;
		height: 64px;
	}
	
	nav.drawer-nav {
		z-index: 1000;
		background: rgba(52, 80, 136, 0.86);
	}
	
	ul.drawer-menu {
		padding: 20px 0 0 20px;
	    max-height: 1000px;
	}
	
	ul.drawer-menu li {
		margin-bottom: 17px;
		padding-left: 15px;
		background: url(../img/link_icon02.png) no-repeat 1px center;
		color: #fff;
	}
	
	li.drawer-dropdown.open {
		background: url(../img/link_icon02.png) no-repeat 1px 5px;
	}
	li.drawer-dropdown.open ul.drawer-dropdown-menu li {
		margin: 10px 0 0 20px;
    	width: auto;
	}
	
	ul.drawer-menu li a:link {
		color: #fff;
	}
	ul.drawer-menu li a:visited {
		color: #fff;
	}


    
/* ==========================
============ main ===========
============================= */	

	.main {
	    margin-top: 70px;
	}
	
	.under_visual {
		padding: 50px 0;
	}
	
	
/* ==========================
========= 下層メイン部 ========
============================= */
	
	.under_main_contents .side_menu {
		display: none;
	}
	.under_main_contents .main_inner {
		width: 100%;
	}
	
	
/* ==========================
=========== footer ==========
============================= */

	.footer.contents_box .footer_inner {
		display: block;
		width: 290px;
	}
	
	.footer_R {
		margin-top: 20px;
	}
	
	.footer_R ul {
		float: none;
	}
	
	
}