@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
 
.hed_imgbox_ogata{width: 100%; background-color: #09f; color: #fff; text-align: center;
    font-weight: bolder; font-size: 4.2vw; padding: 5px 0 4px; margin-bottom: 16px;}
.hed_imgbox_kogata{width: 100%; background-color: #09f; color: #fff; text-align: center;
    font-weight: bolder; font-size: 4.2vw; padding: 5px 0 4px; margin-bottom: 16px;} 
.haisouhou{display: none;}
.hed_imgbox_pet{width: 100%; background-color: #09f; color: #fff; text-align: center;
    font-weight: bolder; font-size: 4.2vw; padding: 5px 0 4px; margin-bottom: 16px;}
.pet_setumi{float: right; margin: 4px 0 16px; font-size: 3.4vw; width: 60%; }
.pet_setumi ul{line-height: 1.4; padding-left: 10%;} 
    
.cate_box{width: 92%; margin: 5px auto; border:1px solid #00f; padding: 6px 2% 0; 
    overflow: hidden;} 
.cate_pict{width: 38%; float: left; margin-right: 2%;}
.cate_name{font-size: 6vw; font-weight: bold; float: left;} 
.cate_taiou{font-size: 3vw; background-color: #ffff7f; line-height: 1.3; width: 57%; 
    float: right; padding: 3px 1.5%; margin-bottom: 4px;}   
.cate_taiou p{font-size: 2.8vw; color: #f00;} 
.cate_box table {width: 60%; border: 1px #008000 solid; border-collapse: collapse; 
    font-size: 3vw; font-weight: bold;}  
.cate_box table th,td{text-align: center; padding: 3px 0; line-height: 1.3;} 
.cate_box table th{background-color: #008000; color: #fff; width: 48%;}     
.setumi{margin: 4px 0 2px; font-size: 2.6vw; line-height: 1.3;} 
.cate_forNext{width: 25%; margin-left: 60%;} 

}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  

/* 大型 */
.hed_imgbox_ogata{width: 100%; padding: 20% 0 0; position: relative;
    background-image: url(images/ogata.jpg); background-position: center; background-size:cover;}
.hed_imgbox_ogata span{position: absolute; top: 40%; left: 0; width: 100%; height: 60%;
    text-align: center; font-size: 5vw;} 
/* 小型 */
.hed_imgbox_kogata{width: 100%; padding: 20% 0 0; position: relative;
    background-image: url(images/kogata.jpg); background-position: center; background-size:cover;}
.hed_imgbox_kogata span{position: absolute; top: 40%; left: 0; width: 100%; height: 60%;
    text-align: center; font-size: 5vw;} 
/* ペット */
.hed_imgbox_pet{width: 100%; padding: 20% 0 0; position: relative;
    background-image: url(images/header_pet.jpg); background-position: center; background-size:cover;}
.hed_imgbox_pet span{position: absolute; top: 40%; left: 0; width: 100%; height: 60%;
    text-align: center; font-size: 5vw;}    
    
    
.category{overflow: hidden;  margin: 20px 0;}    
.cate_box{float: left; width: 47.5%; height: auto; padding: 0; margin: 0 1% 16px;
    border:1px solid #00f; position:relative;}
.cate_pict{width: 80%; margin: 8px 10% 4px;} 
.cate_name{font-size: 4.5vw; font-weight: bold; padding-left: 3%;} 
.cate_taiou{font-size: 1.5vw; background-color: #ffff7f; margin: 4px 3%; padding: 4px 4px 2px;          line-height: 1.3;}   
.cate_taiou p{font-size: 1.2vw; color: #f00; font-weight: bold;} 
.cate_box table {width: 93.5%; border: 1px #008000 solid; border-collapse: collapse; 
    margin: 0 3% 4px; font-size: 1.6vw; font-weight: bold;}  
.cate_box table th,td{text-align: center; padding-top: 4px; line-height: 1.3;} 
.cate_box table th{background-color: #008000; color: #fff; width: 48%;}     
.setumi{width: 96%; height: 40px; margin: 8px auto 0; font-size: 1.6vw; line-height: 1.3;} 
.cate_forNext{width: 40%; margin-left: 30%;} 
.pet_setumi{width: 96%; height: 45px; margin: 8px auto 0; font-size: 1.6vw; line-height: 1.4;}  
.pet_setumi ul{line-height: 1.2; margin: 12px 0; padding-left: 10%;}     
.haisouhou{display: none;}    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
   
.category{overflow: hidden; }    
.cate_box{float: left; width: 254px; height: 420px; margin: 0 5px 20px 6px;
    border-bottom:1px solid #00f; border-right:1px solid #00f; position:relative;}
.cate_pict{width: 254px; } 
.cate_name{font-size: 32px; font-weight: bold;}
.cate_taiou{font-size: 12px; background-color: #ffff7f; margin: 4px 0; padding: 4px 4px 2px; line-height: 1.3;}   
.cate_taiou p{font-size: 11px; color: #f00; font-weight: bold;}      
.cate_box table { width: 99%; border: 2px #008000 solid; border-collapse: collapse; margin-bottom: 5px; }  
.cate_box table th,td{text-align: center; padding-top: 5px; 
    line-height: 1.3;} 
.cate_box table th{background-color: #008000; color: #fff; 
    width: 48%;} 
.cate_forNext{width: 80px; margin-left: 160px; position:absolute;  bottom:0; }
.setumi{width: 96%; height: 45px; margin: 8px auto 0; font-size: 12px; line-height: 1.4;}     
    
/* PET */
.pet_setumi{width: 96%; height: 45px; margin: 8px auto 0; font-size: 1.6vw; line-height: 1.4;}  
.pet_setumi ul{ font-size: 15px; line-height: 1.2; margin: 12px 0; padding-left: 20px;} 
 
/* 廃棄物の処理及び清掃に関する法律の構造基準 */
.haisouhou{width: 520px; height: 420px; float: left; margin-left: 5px;
    border:1px solid #666;} 
.haisouhou_title{background-color: red; width: 100%; text-align: center; font-size: 20px; 
    color: #fff; line-height: 1.2; padding: 10px 0 3px; margin-bottom: 20px;}     
.haisouhou_kijyun ul{padding-left: 20px; line-height: 1.4; margin: 0 25px; font-size: 14px;}
.haisouhou_kijyun li{margin-bottom: 4px;}
.haisouhou_kijyun p{font-size: 14px; color: #00f;  margin-bottom: 18px; text-align: right;}    
.haisouhou_kijyun p:first-letter{color: red;} 
    

/*ヘッダー画像 小型*/
.hed_imgbox_kogata{width: 800px; height: 130px; text-align: center; padding-top: 80px;
    margin-bottom: 6px; font-size: 48px; line-height: 1.2;
	background-image: url(images/kogata.jpg);
	background-position: center;
	background-size:cover;}
	
/*ヘッダー画像 大型*/
.hed_imgbox_ogata{width: 800px; height: 130px; text-align: center; padding-top: 80px;
    margin-bottom: 6px; font-size: 48px; line-height: 1.2;
	background-image: url(images/ogata.jpg);
	background-position: center;
	background-size:cover;}
	
	
	
/*ヘッダー画像 ペット*/
.hed_imgbox_pet{width: 800px; height: 130px; text-align: center; padding-top: 80px;
    margin-bottom: 6px; font-size: 48px; line-height: 1.2;
	background-image: url(images/header_pet.jpg);
	background-position: center;
	background-size:cover;}	


}