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


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




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

	button.drawer-toggle.drawer-hamburger {
		display: block;
	}
	
	.header {
	    position: fixed;
		z-index: 200;
	    top: 60px;
	}
	
    .header_inner {
		width: auto;
		height: 32px;
		margin: auto;
		padding: 10px;
		text-align: center;
	}
	.header_L {
		float: none;
	}
	.header_L img {
		max-width: 100%;
		height: auto;
	    max-height: 32px;
	}
	.header_R {
		display: none;
	}

	.sp_menu_bg {
		background:url(/engineering/common/img/sp_menu_bg.png)no-repeat center center;
		background-size: cover;
		width: 100%;
	    height: 60px;
		position: fixed;
		z-index: 200;
		top: 0;
	}
	
	.top_nav {
		display: none;
	}

/* ==========================
======== ¥¹¥Þ¥Û¥á¥Ë¥å©` =======
============================= */
	
	button.drawer-toggle.drawer-hamburger {
		background: #fff;
		padding: 10px 6px 20px;
		margin: 8px 10px 0 0;
	}
	
	nav.drawer-nav {
		z-index: 1000;
		background: rgba(52, 80, 136, 0.86);
	}
	
	ul.drawer-menu {
		padding: 20px;
	}
	
	ul.drawer-menu li {
		margin-bottom: 17px;
		padding-left: 15px;
		background: url(/engineering/common/img/link_icon01.png) no-repeat 1px center;
		color: #fff;
	}
	
	ul.drawer-menu li a:link {
		color: #fff;
	}
	ul.drawer-menu li a:visited {
		color: #fff;
	}


    
/* ==========================
============ main ===========
============================= */	
	.main {
		margin-top: 112px;
	}

/* ==========================
========= ÏŒӥᥤ¥ó²¿ ========
============================= */
	
.main_contents.contents_box .left_contents {
    float: none;
    width: 100%;
}

	
/* ==========================
======= ÏŒӥµ¥¤¥É¥á¥Ë¥å©` =====
============================= */
.main_contents.contents_box .right_contents {
    float: none;
    width: 100%;
	max-width: none;
	overflow: hidden
}
	
	
	
	
/* ==========================
=========== footer ==========
============================= */
 
    .other_contents.contents_box ul {
		overflow: hidden;
		max-width: 350px;
		width:100%;
		margin: auto;
	}
	
	.other_contents.contents_box ul li:nth-child(odd) {
		width: 47%;
		max-width: 165px;
		margin: 2% 2% 0 2%;
	}
	
	.other_contents.contents_box ul li:nth-child(even) {
		width: 47%;
		max-width: 165px;
		margin: 2% 2% 0 0;
	}
	
	.other_contents .img_zoomBox {
		height: auto;
	}
	
	.footer.contents_box .footer_inner {
		display: block!important;
		width: 90%;
	}
	
	.footer_R ul li {
		margin-top: 5px;
		float: none;
	}
	
	.footer_R ul li:last-child {
		margin-left: 0px;
	}
	
}