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

@media screen and (max-width:480px){
	/*画面幅が480pxまでの時*/
	
	.header{
		width: auto;
		padding: 3em 8px 1em 8px;
		}
		
	.kabusiki{
		font-size:18px;
		}
		
	.tel{
		float:left;
		}
		
	.header .menu{
		display: none;
		}
		
		
	
	.top img{
		width: 100%;
		}
		
		
		
	.w-concept{
		width: 100%;
		}
		
		
		
	.main{
		width: 100%;
		}
		
		
		
	.menu2{
		width: 100%;
		}
		
		
	.m_1{
		margin-left: auto;
		margin-right: auto;
		float: none;
		}
		
	.m_2{
		margin-left: auto;
		margin-right: auto;
		float: none;
		}
		
	.m_3{
		margin-left: auto;
		margin-right: auto;
		float: none;
		}
		
		
		
		
	.menu2 a img{
		width: 100%;
		}
			
	.concept{
		width: 100%;
		margin-right: 0;
		}
		
	.works{
		width: 100%;
		margin-top: 30px;
		margin-right: 0;
		}
		
	.contact{
		width: 100%;
		margin-top: 30px;
		margin-right: 0;
		}
		
		
		
	.footer-wrap{
		width: 100%;
		}
	.footer-wrap .left{
		width: 100%;
		float: none;
		}
	.footer h5{
		text-align:center;
		}
		
	.footer-wrap .left p{
		text-align:center;
		}
	.footer p{
		width: auto;
		}
		
	.footer-wrap .right{
		width: 100%;
		}
		
	.right .menu{
		margin-top: 10px;
		}
		
	.right .menu ul{
		padding: 0;
		}
		
	.right .menu li{
		width: 100%;
		float: none;
		height: 40px;
		line-height: 40px;
		}
		
	.right .menu li a{
		text-decoration: none;
		padding: 20px 10px;
		}
		
		
		
		
		
		/*写真*/
	.m-right{
		width: 100%;
		margin: 0 auto;
		align: center;
		}
		
		
	}

@media screen and (min-width:781px){
  /*画面幅が781px以上の時*/

}