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

@media screen and (max-width: 540px) {
#SMP------------------------{}
	
	#footer .footer-right {
    	margin-top: 20px;
  	}
	#footer .footer-right a img{
      	width: 150px!important;
	}
	#footer .footer-right p{
      	font-size: 14px;
      	line-height: 24px;
	}
	
	#main_add{
		width: 92%;
    	margin: 0 auto 40px;
	}
	#main_add ul li{
		width: 100%;
    	margin-bottom: 5VW;
	}
	#main_add ul li:last-child{
    	margin-bottom: 0px;
	}
	#main_add ul li img{
    	width:100%;
		height:auto;
	}
	#main_add > img{
    	margin: 50px auto 10px;
		transform: translateX(-10px);
	}
	#main_sub img {
    	width: 80%;
    	top: -20VW;
  	}
}

@media screen and (min-width: 541px) {
#PC------------------------{}
    #header .header-tel {
      	padding: 12px 0 0 0;
      	font-size: 12px;
      	line-height: 24px;
    }
    #header .header-tel img {
		width: 100%;
      	width: 150px;
    	height: auto;
    }
	
	.footer-right a img{
      	width: 150px;
	}
	.footer-right p{
      	font-size: 14px;
      	line-height: 24px;
	}
	#main_add{
		width: 960px;
    	height: 380px;
    	margin: 0 auto 0px;
	}
	#main_add ul li{
		float:left;
		width: 440px;
    	margin-right: 80px;
	}
	#main_add ul li:last-child{
    	margin-right: 0px;
	}
	#main_add > img{
    	margin: 50px auto 10px;
	}
	#main_sub {
    	height: 160px;
  	}
	#main_sub img {
		transform: translateY(-20px);
	}

}
