@charset "utf-8";
/* CSS Document */
/* ページトップ */
a#pagetop {
	width:53px;
	height:53px;
	background: url(../images/btn_top.png) no-repeat;
	position: fixed;
	z-index: 100px;
	bottom:30px;
	right:20px;
}
div.topmessagebox {
	background: #ff9f00;
	padding: 10px 0;
}
	div.topmessagebox div.center {
		width:90%;
		margin: 0 auto;
	}
		div.topmessagebox div.center p {
			font-size: 14px;
			color: #fff;
			letter-spacing: 1px;
			font-weight: bold;
		}
/* 色変え用ボックス */
div.orangbox {
	background-color: #FFEBB3;
	margin: 50px auto 0 auto;
	padding-top: 50px;
}
/* ヘッダー お問い合わせメニュー */
div.hederbox {
	width:100%;
	height:130px;
	box-sizing: border-box;
	padding: 10px 0;
}
	div.hederbox div.center {
		width:90%;
		height:110px;
		margin: 0 auto;
		position: relative;
		background: url(../images/toplogo.png) no-repeat;
		background-size: auto 100%;
		background-position: left top;
	}
		div.hederbox div.center div#popmenu {
			width:520px;
			height:60px;
			position: absolute;
			top:20px;
			right:0;
		}
			div.hederbox div.center div#popmenu a.linebtn {
				display: block;
				height:60px;
				line-height: 60px;
				width:250px;
				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;
				float: left;
			}
			div.hederbox div.center div#popmenu a.telbtn {
				display: block;
				height:60px;
				line-height: 20px;
				width:250px;
				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: 14px;
				letter-spacing: 1px;
				font-weight: bold;
				box-sizing: border-box;
				padding: 10px 0;
				float: right;
			}
				div.hederbox div.center div#popmenu a.telbtn span { font-size: 16px;}
/* トップイメージ  */
div.topimgnbox {
	width:100%;
	height:45vw;
	background: url(../images/topimg_pc.jpg);
	background-size: 100% 100%;
}
/* お問い合わせ2 */
div.contactbox2 {
	padding: 50px 0;
}
	div.contactbox2 p {
		text-align: center;
		color: #000;
	}
		div.contactbox2 p img { display: none; }
		div.contactbox2 p span {
			font-size: 20px;
			font-weight: bold; 
		}
		div.contactbox2 div.center {
			width: 800px;
			height:140px;
			margin: 0 auto 0 auto;
			background: url(../images/ph_20off.jpg) no-repeat;
			background-size: auto 100%;
			background-position: right top;
			text-align: center;
			padding-top: 30px;
			position: relative;
		}
			div.contactbox2 div.center a.linebtn {
				display: block;
				height:60px;
				line-height: 60px;
				width:250px;
				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;
				position: absolute;
				left:140px;
				top:40px;
			}
			div.contactbox2 div.center a.telbtn {
				display: block;
				height:60px;
				line-height: 20px;
				width:250px;
				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: 14px;
				letter-spacing: 1px;
				font-weight: bold;
				box-sizing: border-box;
				padding: 10px 0;
				position: absolute;
				right:140px;
				top:40px;
			}
				div.hederbox div.center div#popmenu a.telbtn span { font-size: 16px;}
/* 注意 */
div.stopbox {
	width:100%;
	padding: 30px 0;
	background: #4c4c4c;
}
	div.stopbox div.center {
		width:90%;
		max-width: 900px;
		min-height: 130px;
		margin: 0 auto;
		box-sizing: border-box;
		padding-left: 160px;
		background: url(../images/icon_stop.png) no-repeat;
		background-position: left top;
	}
		div.stopbox div.center h2 {
			color: #fff;
			font-size: 20px;
		}
		div.stopbox div.center p {
			color: #fff;
			font-size: 14px;
			line-height: 24px;
			margin-top: 20px;
		}
/* タイトル  テキスト*/
h2.title {
	display: block;
	height:30px;
	text-align: center;
	margin-top: 70px;
	vertical-align: middle;
	font-size: 24px;
	color: #000;
}
	h2.title img {
		height:30px;
		vertical-align: top;
		margin-right: 20px;
	}
	h2.title span.companyname {
		font-size: 30px;
		color: #ff505b;
	}
p.ptext01 {
	font-size: 14px;
	margin-top: 20px;
	line-height: 23px;
}
	p.ptext01.center { text-align: center; }
p.ptext02 {
	font-size: 14px;
	margin-top: 20px;
	line-height: 23px;
	color: green;
	font-weight: bold;
}
	p.ptext02.center { text-align: center; }
/* こんなことにお困りではありませんか？ */
div.img02 {
	width:900px;
	height:301px;
	background: url(../images/img02_pc.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 50px auto 0 auto;
}
/* 選ばれる理由 */
div.pointbox {
	width:835px;
	margin: 50px auto 0 auto;
}
	div.pointbox div.point {
		display: inline-block;
		width:265px;
		height:60px;
		box-sizing: border-box;
		box-shadow: 0 4px 6px 0 rgb(0 0 0 / 50%);
		border-radius: 20px;
		margin-left: 15px;
		margin-bottom: 15px;
		position: relative;
		padding-left: 60px;
	}
	div.pointbox div.point:nth-of-type(3n-2) {margin-left: 0px;}
		div.pointbox div.point div.imgbox {
			width:30px;
			height:30px;
			position: absolute;
			left:10px;
			top:15px;
		}
		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 {
			line-height: 60px;
			font-size: 14px;
			font-weight: bold;
		}
/* 料金プラン例 */
div.planbox {
	width:900px;
	height:512px;
	background: url(../images/plan_pc.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 50px auto 0 auto;
}
/* 不用品回収品・清掃等作業一例 */
div.listbox {
	width:835px;
	margin: 50px auto 0 auto;
}
	div.listbox div.list {
		display: inline-block;
		width:265px;
		height:60px;
		box-sizing: border-box;
		box-shadow: 0 4px 6px 0 rgb(0 0 0 / 50%);
		border-radius: 20px;
		margin-left: 15px;
		margin-bottom: 15px;
		position: relative;
		padding-left: 70px;
	}
	div.listbox div.list:nth-of-type(3n-2) {margin-left: 0px;}
		div.listbox div.list div.imgbox {
			width:50px;
			height:50px;
			position: absolute;
			left:5px;
			top:5px;
		}
		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 {
			line-height: 60px;
			font-size: 14px;
			font-weight: bold;
		}
/* ご依頼までの流れ */
div.stepbox {
	width:900px;
	height:211px;
	background: url(../images/step_pc.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 50px auto 0 auto;
}
/* 対応エリア */
div.areaimg {
	width:729px;
	height:538px;
	background: url(../images/area.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 50px auto 0 auto;
}
/* 作業実例 */
div.casebox {
	width:900px;
	margin: 50px auto 0 auto;
}
	div.casebox div.case {
		width:100%;
		height:200px;
		position: relative;
	}
	div.casebox div.case.case02 { margin-top: 30px;}
		div.casebox div.case div.infobox {
			width:290px;
			height:210px;
			box-sizing: border-box;
			padding: 0 10px;
			position: absolute;
			top:0;
			left:0;
		}
		div.casebox div.case.case02 div.infobox { left:610px;}
			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:290px;
			height:210px;
			position: absolute;
			top:0;
		}
		div.casebox div.case.case01 div.beforeimg {
			background: url(../images/pn_case01_before.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left: 305px;
		}
		div.casebox div.case.case02 div.beforeimg {
			background: url(../images/pn_case02_before.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left:0;
		}
			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:290px;
			height:210px;
			position: absolute;
			top:0;
		}
		div.casebox div.case.case01 div.afterimg {
			background: url(../images/pn_case01_after.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left:610px;
		}
		div.casebox div.case.case02 div.afterimg {
			background: url(../images/pn_case02_after.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
			left: 305px;
		}
			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.yajirusi {
			width:30px;
			height:30px;
			background: url(../images/migi.png) no-repeat;
			position: absolute;
			top:90px;
		}
		div.casebox div.case.case01 div.yajirusi { left:590px;}
		div.casebox div.case.case02 div.yajirusi { left:280px;}
/* お客様の声 */
div.custmerbox {
	width:900px;
	margin: 50px auto 0 auto;
}
	div.custmerbox div.custmer {
		width:280px;
		box-sizing: border-box;
		padding: 20px;
		box-shadow: 0 4px 6px 0 rgb(0 0 0 / 50%);
		border-radius: 20px;
		margin: 10px 5px;
		float: left;
	}
		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:140px;
			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 {
			min-height: 180px;
			font-size: 12px;
			line-height: 20px;
			margin: 10px auto 0 auto;
		}

/* よくあるご質問 */
div.faqbox {
	background-color: #FFEBB3;
	margin: 50px auto 0 auto;
	padding: 50px 0 100px 0;
}
	div.faqbox div.faq {
		width:800px;
		box-sizing: border-box;
		padding: 30px;
		margin: 30px auto 0 auto;
		background: #fff;
	}
		div.faqbox div.faq p.quest {
			font-size: 16px;
			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: 16px;
			line-height: 23px;
		}
			div.faqbox div.faq p.answer span  { color: #FF505B; font-size: 20px; margin-right: 5px; font-weight: bold;}
/* 会社概要 */
div.companybox {
	width:800px;
	margin: 50px 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:200px;
		background: #FFEBB3;
		font-size: 14px;
		text-align: left;
		box-sizing: border-box;
		padding: 20px;
		line-height: 24px;
		vertical-align: top;
	}
	div.companybox table td  {
		font-size: 14px;
		text-align: left;
		box-sizing: border-box;
		padding: 20px;
		line-height: 24px;
	}
/* フッター */
div.footerbox {
	background: #FFEBB3;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 80px auto 0 auto;
}
	div.footerbox div.center {
		width:90%;
		height:70px;
		margin: 0 auto;
		background: url(../images/flogo.png) no-repeat;
		background-size: auto 100%;
		background-position: left center;
	}
			div.footerbox div.center a.linebtn {
				display: block;
				height:60px;
				line-height: 60px;
				width:250px;
				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;
				float: right;
				margin-right: 20px;
			}
			div.footerbox div.center a.telbtn {
				display: block;
				height:60px;
				line-height: 20px;
				width:250px;
				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: 14px;
				letter-spacing: 1px;
				font-weight: bold;
				box-sizing: border-box;
				padding: 10px 0;
				float: right;
			}
				div.footerbox div.center a.telbtn span { font-size: 16px;}

	div.footerbox small {
		margin: 50px auto 0 auto;
		display: block;
		text-align: center;
		font-size: 12px;
	}