@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* ヘッダ */
	#header h1.title img {
		max-height: 25px;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		font-size: 16px;
		letter-spacing: 2.4px;
	}
	#container h3.sub span {
		font-size: 35px;
		letter-spacing: 3.5px;
	}
	/* フッター */
	#footer {
		background: url(../img/footer-bg.png) no-repeat bottom right / 30% auto, #333333;
	}
	#footer .box dt {
		text-align: center;
	}
	#footer .box dt img {
		max-width: 250px;
	}
	#footer .box dd .contact p {
		width: 100%;
		text-align: center;
	}
	#footer .box dd .contact .tel a {
		margin-right: auto;
		margin-bottom: 15px;
	}
	#footer .box dd .address {
		margin-bottom: 0;
		text-align: center;
	}
	#copyright2 {
		font-size: 12px;
		color: #CCCCCC;
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
		text-align: center;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	.slider:after {
		border-bottom: 60px solid #F2F2F2;
	}
	#top_service {
		padding-bottom: 0;
	}
	#top_service .logo_txt .txt {
		width: 60%;
	}
	#top_service .btn_box p {
		width: 48%;
		margin-bottom: 20px;
	}
	#top_service::after,
	#top_waste_treatment::after,
	#top_facility_management::after,
	#top_road_maintenance::after {
		bottom: -30px;
		height: 30px;
	}
	#top_waste_treatment .box {
		width: 100%;
		margin-bottom: 20px;
	}
	#top_waste_treatment .box:last-child {
		margin-bottom: 0;
	}
	#top_facility_management h4 {
		font-size: 20px;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}
	#top_facility_management .photo,
	#top_facility_management .text {
		width: 100%;
	}
	#top_facility_management .text .box .txt {
		font-size: 18px;
	}
	#top_facility_management .text .box .txt .circle {
		width: 60px;
		height: 60px;
		font-size: 14px;
	}
	#top_facility_management .text .box .txt .ft {
		font-size: 14px;
	}
	#top_facility_management .text .box .btn a {
		width: 70px;
		line-height: 32px;
		font-size: 13px;
		letter-spacing: 2px;
	}
	#top_facility_management .ttl {
		width: 100%;
		margin-bottom: 20px;
	}
	#top_facility_management .list {
		width: 100%;
	}
	#top_facility_management .list li {
		width: 100%;
		line-height: 30px;
	}
	#top_road_maintenance p {
		width: 100%;
		margin-bottom: 20px;
	}
	#top_road_maintenance p:last-child {
		margin-bottom: 0;
	}
	#top_contents .box li {
		padding: 10px;
		display: inline-block;
		margin: 5px;
	}
/*------------------------------------------------*/
}