@charset "utf-8";
/* CSS Document */
a#pagetop { display: none; }
/* 色変え用ボックス */
div.orangbox {
	background-color: #FFEBB3;
	margin: 50px auto 0 auto;
	padding-top: 10px;
}
/* ページトップ */
div.topmessagebox {
	background: #ff9f00;
	padding: 10px 0;
}
	div.topmessagebox div.center {
		width:94%;
		margin: 0 auto;
		background: url(../images/flogo.png) no-repeat;
		background-size: auto 30px;
		background-position: left center;
	}
		div.topmessagebox div.center p {
			font-size: 12px;
			color: #fff;
			letter-spacing: 1px;
			font-weight: bold;
			line-height: 16px;
			box-sizing: border-box;
			padding-left: 45px;
			
		}
div.hederbox {}
	div.hederbox div.center {}
		div.hederbox div.center div#popmenu {
			width:100%;
			height:110px;
			position: fixed;
			bottom:0px;
			left:0;
			background: rgb(255 255 255 / 80%);
			box-sizing: border-box;
			padding: 10px 0;
			z-index: 100;
		}
			div.hederbox div.center div#popmenu a.linebtn {
				display: block;
				height:40px;
				line-height: 40px;
				width:80%;
				box-shadow: 0px 5px 15px rgb(0 0 0 / 30%);
				background: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%) !important;
				border-radius: 60px;
				text-align: center;
				text-decoration: none;
				color: #fff;
				font-size: 14px;
				letter-spacing: 1px;
				font-weight: bold;
				margin:0 auto;
			}
			div.hederbox div.center div#popmenu a.telbtn {
				display: block;
				height:40px;
				line-height: 15px;
				width:80%;
				box-shadow: 0px 5px 15px rgb(0 0 0 / 30%);
				background: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%) !important;
				border-radius: 60px;
				text-align: center;
				text-decoration: none;
				color: #fff;
				font-size: 10px;
				letter-spacing: 1px;
				font-weight: bold;
				box-sizing: border-box;
				padding: 5px 0;
				margin: 10px auto 0 auto;
			}
				div.hederbox div.center div#popmenu a.telbtn span { font-size: 16px;}
/* トップイメージ  */
div.topimgnbox {
	width:100%;
	height:121vw;
	background: url(../images/topimg_sp.jpg);
	background-size: 100% 100%;
}
/* お問い合わせ2 */
div.contactbox2 {
	padding: 30px 0;
	width:90%;
	margin: 0 auto;
}
	div.contactbox2 p {
		height:50px;
		text-align: center;
		vertical-align: top;
	}
div.contactbox2 p img { 
	display: inline-block;
	height:50px;
	margin-right: 10px;
	vertical-align: top;
}
div.contactbox2 p span {
	display: inline-block;
	height:50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: top;
}
		div.contactbox2 div.center {
			width: 100%;
			margin: 0 auto 0 auto;
			text-align: center;
			padding-top: 10px;
			position: relative;
		}
			div.contactbox2 div.center a.linebtn {
				display: block;
				height:60px;
				line-height: 60px;
				width:100%;
				box-shadow: 0px 5px 15px rgb(0 0 0 / 30%);
				background: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%) !important;
				border-radius: 60px;
				text-align: center;
				text-decoration: none;
				color: #fff;
				font-size: 16px;
				letter-spacing: 1px;
				font-weight: bold;
				margin:0 auto;
			}
			div.contactbox2 div.center a.telbtn {
				display: block;
				height:60px;
				line-height: 22px;
				width:100%;
				box-shadow: 0px 5px 15px rgb(0 0 0 / 30%);
				background: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%) !important;
				border-radius: 60px;
				text-align: center;
				text-decoration: none;
				color: #fff;
				font-size: 12px;
				letter-spacing: 1px;
				font-weight: bold;
				box-sizing: border-box;
				padding: 8px 0;
				margin: 10px auto 0 auto;
			}
				div.contactbox2 div.center a.telbtn span { font-size: 20px;}
/* 注意 */
div.stopbox {
	width:100%;
	padding: 20px 0 30px 0;
	background: #4c4c4c;
}
	div.stopbox div.center {
		width:90%;
		margin: 0 auto;
		
	}
		div.stopbox div.center h2 {
			color: #fff;
			font-size: 16px;
			line-height: 40px;
			box-sizing: border-box;
			padding-left: 60px;
			background: url(../images/icon_stop.png) no-repeat;
			background-size: auto 40px;
			background-position: left center;
		}
		div.stopbox div.center p {
			color: #fff;
			font-size: 12px;
			line-height: 20px;
			margin-top: 20px;
		}
/* タイトル */
h2.title {
	width:90%;
	display: block;
	min-height:25px;
	text-align: center;
	margin: 30px auto 0 auto;
	vertical-align: middle;
	font-size: 18px;
	color: #000;
	line-height: 25px;
}
	h2.title img {
		height:25px;
		vertical-align: top;
		margin-right: 10px;
	}
	h2.title span.companyname {
		font-size: 24px;
		color: #ff505b;
	}
p.ptext01 {
	width:90%;
	font-size: 12px;
	margin: 20px auto 0 auto;
	line-height: 23px;
}
	p.ptext01.center { text-align: center; }
p.ptext02 {
	width:90%;
	font-size: 12px;
	margin: 20px auto 0 auto;
	line-height: 23px;
	color: green;
	font-weight: bold;
}
	p.ptext02.center { text-align: center; }
/* こんなことにお困りではありませんか？ */
div.img02 {
	width:100%;
	height:145vw;
	background: url(../images/img02_sp.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 30px auto 0 auto;
}
/* 選ばれる理由 */
div.pointbox {
	width:90%;
	margin: 30px auto 0 auto;
}
	div.pointbox div.point {
		display: inline-block;
		width:100%;
		height:60px;
		box-sizing: border-box;
		box-shadow: 0 4px 6px 0 rgb(0 0 0 / 50%);
		border-radius: 20px;
		margin-bottom: 15px;
		position: relative;
		padding-left: 70px;
	}
		div.pointbox div.point div.imgbox {
			width:40px;
			height:40px;
			position: absolute;
			left:15px;
			top:10px;
		}
		div.pointbox div.point.point01 div.imgbox {
			background: url(../images/icon_reason01.png) no-repeat;
			background-size:contain;
			background-position: center center;
		}
		div.pointbox div.point.point02 div.imgbox {
			background: url(../images/icon_reason02.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point.point03 div.imgbox {
			background: url(../images/icon_reason03.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point.point04 div.imgbox {
			background: url(../images/icon_reason04.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point.point05 div.imgbox {
			background: url(../images/icon_reason05.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point.point06 div.imgbox {
			background: url(../images/icon_reason06.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point.point07 div.imgbox {
			background: url(../images/icon_reason07.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point.point08 div.imgbox {
			background: url(../images/icon_reason08.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point.point09 div.imgbox {
			background: url(../images/icon_reason09.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.pointbox div.point p {
			font-size: 14px;
			font-weight: bold;
			box-sizing: border-box;
			line-height: 60px;
		}
/* 料金プラン例 */
div.planbox {
	width:100%;
	height:220.3vw;
	background: url(../images/plan_sp.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 30px auto 0 auto;
}
/* 不用品回収品・清掃等作業一例 */
div.listbox {
	width:90%;
	margin: 30px auto 0 auto;
}
	div.listbox div.list {
		display: inline-block;
		width:100%;
		height:60px;
		box-sizing: border-box;
		box-shadow: 0 4px 6px 0 rgb(0 0 0 / 50%);
		border-radius: 20px;
		margin-bottom: 15px;
		position: relative;
		padding-left: 70px;
	}
		div.listbox div.list div.imgbox {
			width:40px;
			height:40px;
			position: absolute;
			left:15px;
			top:10px;
		}
				div.listbox div.list.list01 div.imgbox {
			background: url(../images/../images/icon_example01.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list02 div.imgbox {
			background: url(../images/../images/icon_example02.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list03 div.imgbox {
			background: url(../images/../images/icon_example03.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list04 div.imgbox {
			background: url(../images/../images/icon_example04.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list05 div.imgbox {
			background: url(../images/../images/icon_example05.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list06 div.imgbox {
			background: url(../images/../images/icon_example06.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list07 div.imgbox {
			background: url(../images/../images/icon_example07.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list08 div.imgbox {
			background: url(../images/../images/icon_example08.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list09 div.imgbox {
			background: url(../images/../images/icon_example09.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list10 div.imgbox {
			background: url(../images/../images/icon_example10.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list11 div.imgbox {
			background: url(../images/../images/icon_example11.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list12 div.imgbox {
			background: url(../images/../images/icon_example12.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list13 div.imgbox {
			background: url(../images/../images/icon_example13.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list14 div.imgbox {
			background: url(../images/../images/icon_example14.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list15 div.imgbox {
			background: url(../images/../images/icon_example15.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list16 div.imgbox {
			background: url(../images/../images/icon_example16.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list.list17 div.imgbox {
			background: url(../images/../images/icon_example17.png) no-repeat;
			background-size: contain;
			background-position: center center;
		}
		div.listbox div.list p {
			font-size: 14px;
			font-weight: bold;
			box-sizing: border-box;
			line-height: 60px;
		}
/* ご依頼までの流れ */
div.stepbox {
	width:100%;
	height:225.6vw;
	background: url(../images/step_sp.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 30px auto 0 auto;
}
/* 対応エリア */
div.areaimg {
	width:90%;
	height:65vw;
	background: url(../images/area.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 30px auto 0 auto;
}
/* 作業実例 */
div.casebox {
	width:90%;
	margin: 30px auto 0 auto;
}
	div.casebox div.case {}
	div.casebox div.case.case02 { margin-top: 20px;}
		div.casebox div.case div.infobox {
			width:100%;
			box-sizing: border-box;
			padding: 0 10px;
		}
			div.casebox div.case div.infobox p.name {
				font-size: 16px;
				font-weight: bold;
			}
			div.casebox div.case div.infobox p.ptext {
				font-size: 12px;
				line-height: 20px;
				margin-top: 10px;
			}
				div.casebox div.case div.infobox p span.orange {
					color: orange;
				}
		div.casebox div.case div.beforeimg {
			width:100%;
			height:63vw;
			margin: 20px auto 0 auto;
		}
		div.casebox div.case.case01 div.beforeimg {
			background: url(../images/pn_case01_before.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		div.casebox div.case.case02 div.beforeimg {
			background: url(../images/pn_case02_before.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
		}
			div.casebox div.case div.beforeimg span {
				display: block;
				width:80px;
				height:30px;
				line-height: 30px;
				text-align: center;
				background: orange;
				font-size: 12px;
				font-weight: bold;
				color: #fff;
			}
		div.casebox div.case div.afterimg {
			width:100%;
			height:63vw;
		}
		div.casebox div.case.case01 div.afterimg {
			background: url(../images/pn_case01_after.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		div.casebox div.case.case02 div.afterimg {
			background: url(../images/pn_case02_after.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
		}
			div.casebox div.case div.afterimg span {
				display: block;
				width:80px;
				height:30px;
				line-height: 30px;
				text-align: center;
				background: #FF505B;
				font-size: 12px;
				font-weight: bold;
				color: #fff;
			}
		div.casebox div.case div.sita {
			width:100%;
			height:25px;
			background: url(../images/sita.png) no-repeat;
			background-size: auto 100%;
			background-position: center center;
			margin: 5px auto;
		}
/* お客様の声 */
div.custmerbox {
	width:90%;
	margin: 30px auto 0 auto;
}
	div.custmerbox div.custmer {
		width:100%;
		box-sizing: border-box;
		padding: 20px;
		box-shadow: 0 4px 6px 0 rgb(0 0 0 / 50%);
		border-radius: 20px;
		margin-top: 10px;
	}
		div.custmerbox div.custmer p.name {
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			line-height: 20px;
		}
		div.custmerbox div.custmer p.type {
			text-align: center;
			font-size: 14px;
			margin-top: 5px;
			line-height: 20px;
		}
		div.custmerbox div.custmer p.manzoku {
			text-align: center;
			font-size: 14px;
			line-height: 20px;
		}
			div.custmerbox div.custmer p.manzoku span { color: orange;font-size: 12px; margin-left: 5px;}
		div.custmerbox div.custmer div.imgbox {
			width:100%;
			height:40vw;
			margin: 10px auto 0 auto;
		}
		div.custmerbox div.custmer.c01 div.imgbox {
			background: url(../images/ph_voice01.png) no-repeat;
			background-size: auto 100%;
			background-position: center center;
		} 
		div.custmerbox div.custmer.c02 div.imgbox {
			background: url(../images/ph_voice02.png) no-repeat;
			background-size: auto 100%;
			background-position: center center;
		} 
		div.custmerbox div.custmer.c03 div.imgbox {
			background: url(../images/ph_voice03.png) no-repeat;
			background-size: auto 100%;
			background-position: center center;
		} 

		div.custmerbox div.custmer p.ptext {
			font-size: 12px;
			line-height: 20px;
			margin: 10px auto 0 auto;
		}
/* よくあるご質問 */
div.faqbox {
	background-color: #FFEBB3;
	margin: 30px auto 0 auto;
	padding: 30px 0 50px 0;
}
	div.faqbox div.faq {
		width:90%;
		box-sizing: border-box;
		padding: 20px;
		margin: 20px auto 0 auto;
		background: #fff;
	}
		div.faqbox div.faq p.quest {
			font-size: 14px;
			font-weight: bold;
			line-height: 23px;
			padding-bottom: 20px;
			border-bottom: orange 2px dotted;
		}
			div.faqbox div.faq p.quest span { color: orange; font-size: 20px; margin-right: 5px;}
		div.faqbox div.faq p.answer {
			margin: 20px auto 0 auto;
			font-size: 12px;
			line-height: 23px;
		}
			div.faqbox div.faq p.answer span  { color: #FF505B; font-size: 20px; margin-right: 5px; font-weight: bold;}
/* 会社概要 */
div.companybox {
	width:90%;
	margin: 30px auto 0 auto;
}
	div.companybox table {
		width:100%;
	}
	div.companybox table tr {
		border-top: #ccc 1px solid;
		border-bottom: #ccc 1px solid;
	}
	div.companybox table th {
		width:100px;
		background: #FFEBB3;
		font-size: 12px;
		text-align: left;
		box-sizing: border-box;
		padding:10px;
		line-height: 20px;
		vertical-align: top;
	}
	div.companybox table td  {
		font-size: 12px;
		text-align: left;
		box-sizing: border-box;
		padding: 10px;
		line-height: 20px;
	}
/* フッター */
div.footerbox {
	background: #FFEBB3;
	padding-top: 30px;
	padding-bottom: 140px;
	margin: 50px auto 0 auto;
}
	div.footerbox div.center {}
		div.footerbox div.center a.linebtn { display: none; }
		div.footerbox div.center a.telbtn { display: none; }
	div.footerbox small {
		margin: 0px auto 0 auto;
		display: block;
		text-align: center;
		font-size: 10px;
	}