@charset "utf-8";

#business .read{
	text-align: center;
	margin-bottom: 5em;
	line-height: 2;
}
#business .list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5em;
}
#business .list > li{
	max-width: 375px;
	width: 45.88%;
	text-align: center;
	margin-bottom: 7em;
}
#business .list > li:nth-child(odd){
	margin-right: 6.25%;
}
#business .list_ttl{
	font-weight: bold;
	font-size: 125%;
	margin: 2em 0 2em;
	line-height: 1.3;
}
#business .irregular{
	margin-bottom: 0.7em;
}
#business .sub_ttl{
	font-size: 80%;
	font-weight: normal;
}
#business .number > li{
	border: 1px solid #a3a3a3;
	padding: 2px 5px;
	margin-bottom: 0.5em;
}

#service .read{
	text-align: center;
	margin-bottom: 5em;
}
#service table{
	max-width: 800px;
	width: 100%;
	border-collapse: collapse;
	border-style: solid none;
	border-width: 1px;
	border-color: #666;
	margin-bottom: 2em;
}
#service table td{
	padding: 15px 0 15px 20px;
}
#service .item{
	border-bottom: 1px solid #666;
}
#service .do{
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}
#service .note{
	font-size: 87.5%;
	margin-bottom: 3em;
}

/* 詳細を見る　ボタン */
#service .btn{
	text-align: center;
	margin-bottom: 8em;
}
#service .btn_area{
	max-width: 335px;
	width: 100%;
	height: 40px;
	border: 1px solid #000;
	padding: 7px;
}
#service .btn_area:hover{
	background-color: #000;
}
#service .btn_txt{
	font-weight: bold;
}
#service .btn_txt:hover{
	color: #fff;
}
#service .btn_txt::before{
	content: "";
	display: inline-block;
	width: 7px;
	height: 9px;
	background-image: url(../img/top/arrow.png);
	margin-right: 0.5em;
	top: -2px;
}
#service .btn_txt:hover::before{
	background-image: url(../img/top/arrow_w.png);
}

/* リサイクル方法 */
#service .recycle{
	max-width: 800px;
	width: 100%;
	border: 1px solid #2b3a62;
	padding: 3em;
	margin-bottom: 8em;
	position: relative;
}
#service .ttl_recycle_box{
	position: absolute;
	top: 1%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-weight: bold;
	font-size: 156.25%;
	max-width: 300px;
	width: 100%;
	height: 50px;
	background-color: #fff;
}
#service .ttl_recycle{
	text-align: center;
	color: #2b3a62;
}
#service .plan_list > .plan:first-child{
	margin-bottom: 1em;
}
#service .plan{
	text-align: center;
	background-color: #e1e1e1;
	padding: 2em 1em;
}
#service .plan_box{
	max-width: 700px;
	width: 100%;
	display: flex;
	justify-content: center;
	font-weight: bold;
	margin-bottom: 1em;
}
#service .plan_ttl_catch{
	font-size: 137.5%;
	color: #fff;
	display: flex;
	margin-right: 1em;
}
#service .first{
	margin-right: 0.5em;
}
#service .catch{
	width: 100%;
	height: 40px;
	padding: 2px 10px;
}
#service .material{
	background-color: #ff821e;
}
#service .thermal{
	background-color: #ff7b9b;
}
#service .plan_ttl{
	font-size: 125%;
	text-align: left;
	line-height: 1.2;
}
#service .plan_ttl_sub{
	font-size: 80.5%;
}

/* 分類別 */
#service .category_area{
	margin-bottom: 2em;
}
#service .category_list{
	display: flex;
	flex-wrap: wrap;
}
#service .category_list > li{
	max-width: 210px;
	width: 25.25%;
	margin-bottom: 5em;
}
#service .category_list > li:not(:nth-child(3n)){
	margin-right: 10.63%;
}
#service .category{
	text-align: center;
}
#service .category_ttl{
	font-weight: bold;
	font-size: 112.5%;
	margin-top: 1em;
}
#service .box{
	color: #fff;
	margin-bottom: 0.5em;
	padding: 0.2em;
}
#service .local_category_list{
	margin-top: 0.5em;
}
#facility .read{
	margin-bottom: 5em;
	line-height: 2;
}
#facility .read_ttl{
	font-size: 156.25%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
#facility .list_area{
	margin-bottom: 8em;
}
#facility .list_area > li{
	margin-bottom: 8em;
}
#facility .ttl_group{
	display: flex;
	align-items: center;
	position: relative;
}
#facility .list_number{
	font-size: 375%;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
#facility .list_number::after{
	content: "";
	position: absolute;
	right: -15px;
	top: 25%;
	background-color: #000;
	width: 1px;
	height: 50%;
}
#facility .list_ttl{
	font-size: 187.5%;
	margin-left: 30px;
}
#facility .list_img{
	margin-bottom: 2em;
}
#facility .list_txt{
	line-height: 2;
}
#facility .circle{
	font-size: 80%;
	margin-right: 0.2em;
}

/* ===============================================
	ブレイクポイント
=============================================== */
@media screen and (max-width:768px){
	#facility .list_number{
		font-size: 320%;
	}
	#facility .list_ttl{
		font-size: 170.5%;
	}
	#facility .list_txt{
	line-height: 1.8;
	}
}
@media screen and (max-width:600px){
	#business .read{
		text-align: left;
	}
	#service .category_list > li:not(:nth-child(3n)){
		margin-right: 6.63%;
	}
	#service .category_list > li{
		width: 28.25%;
	}
}
@media screen and (max-width:425px){
	#service table td{
		padding: 10px 0 10px 15px;
	}
	#business .list{
		display: block;
	}
	#business .list > li{
		width: 100%;
	}
	#service .plan_box{
		display: block;
	}
	#service .catch{
		width: 14%;
	}
	#service .plan{
		text-align: left;
	}
	#service .pc,
	#business .pc{
		display: none;
	}
	#service .plan_ttl_catch{
		justify-content: center;
	}
	#service .plan_ttl{
		text-align: center;
	}
	#service .plan_ttl_catch{
		margin-bottom: 0.5em;
	}
	#service .category_list > li{
		width: 46.25%;
	}
	#service .category_list > li:not(:nth-child(3n)){
		margin-right: 0;
	}
	#service .category_list > li:not(:nth-child(2n)){
		margin-right: 6.63%;
	}
	#service .plan_ttl_catch{
		margin-right: 0;
	}
	#service .ttl_recycle_box{
		width: 80%;
	}
	#service .recycle{
		padding: 3em 2em;
	}
	#facility .list_number{
		font-size: 280%;
	}
	#facility .list_ttl{
		font-size: 155.5%;
	}
	#facility .list_img{
		margin-bottom: 1em;
	}
}
@media screen and (max-width:375px){
	#service .catch{
		width: 17%;
	}
}
@media screen and (max-width:320px){
	#service .catch{
		width: 22%;
	}
	#service .sp{
		display: block;
	}
}