@media screen and (max-width: 800px) {
	
	div.flex{
			flex-direction:column;
	}
	
	div.left_wrap,div.right_wrap{
		width: 100% !important;
		margin: 0 0 0 0 !important;
	}
	.order1.left_wrap{
		order: 1;
	}
	div.right_wrap{
		margin: 0 0 30px 0 !important;
	}
	
	/***header***/
	
	div#container div#header {
    	height: 54px;
	}
	
	
	div#container div#header h1{
		position: absolute;
    	top: 6px;
    	left: 6px;
	}
	div#container div#header h1 img{
		width: 150px;
	}
	
	div#container div#header div#g_navi{
		overflow: hidden;
		opacity: 0;
		transform: translateX(100%);
		transition: all .2s;
	}
	div#container div#header div#g_navi.open{
		overflow: hidden;
		opacity: 1;
		transform: translateX(0);
		transition: all .2s;
	}
	p.menu_bt{
		z-index: 100;
	}
	
	div#container div#header div.wrap{
		background:rgba(255,255,255,0.85);
		height: 100vh;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
	}
	div#container div#header div.wrap ul{
		width: 100%;
		position: absolute;
		top: calc(100% - 50% - 160px);
		left: 0;
	}
	
	div#container div#header ul li.menu_detail_bt{
		font-size: 18px;
		clear:both;
  		padding: 0 0;
		margin: 20px 0 20px;
		width: 100%;
	}

	p.menu_bt{
		display: block;
		position: absolute;
    	top: 15px;
    	right: 15px;
	}
	
	
	
	div#container div#content div#main_visual{
		height: calc(100% - 54px);
		margin: 54px 0 0 0;
	}
	
	/******/
	div#container div.block {
    width: 100%;
    margin: 0 0;
}
	
	div#container div.wrap {
		padding: 25px;
	}
	div#container div.wrap h2{
		margin: 35px 0 45px;
		letter-spacing: 0.05em;
	}
	div#container div.wrap h2 img{
		height:50px;
	}
	div#container div.wrap h3{
		font-size:22px;
		margin: 0 0 40px;
		letter-spacing: 0.05em;
	}
	div#container div.wrap p.read{
	font-size: 14px;
    letter-spacing: 0em;
    margin: 0 0 30px 0;
    line-height: 2.2;
    text-align: justify;
	}
	div#container div.wrap p.read br{
		display: none;
	}
	div#container p.about img {
    	width: 100%;
    	margin:0 0 10px;
	}
	div#container div.wrap p.ph{
		margin: 0 0 0 0;
	}
	div#container div#project p.read {
   		 padding: 20px 0 0px;
		font-size: 14px;
	}
	
	div#container div.photo_wide_block {
		margin: 0 0 0 0;
	}
	
	div#container div#inspection p.read {
    	padding: 10px 0 20px;
    	margin: 0 0 10px 0;
	}
	div#container div#news p.read {
    	margin: 0 0 8px 0;
    	line-height: 1.8;
    	letter-spacing: 0.08em;
	}
	div#container div#news p.read br{
    	display: block;
	}
	div#container div#inspection p.read br{
    	display: block;
	}
	div#container div#news h4 {
	    margin: 0 0 20px 0;
	}
	div#container div#news div.wrapper {
    	margin: 0 0 40px 0;
	}
	div#container div#contact p.liks_button{
		margin: 0 0 10px 0;
	}
	div#container div#contact p.liks_button a {
        width: 100%;
        font-size: 15px;
        color: white;
        padding: 20px 0;
        text-align: center;
        letter-spacing: 0.1em;
        background: #000000;
        margin: 10px 0 0 0;
        display: block;
	}

}