@charset "UTF-8";


/* COMMON */
.infoW {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	display: block;
	overflow: hidden;
}

.infoTxt {
	margin: 30px auto 40px auto;
	width: 980px;
	text-align: center;
	font-size: 145%;
	line-height: 1.75em;
	color: #000;
}

#infoMain a:hover img {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
}

#infoMain a img {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.center {
	text-align: center;
}

ul {
	list-style-type: none;
	padding: 0;
}

/* pagetop botton */
.sceneBtn {
	text-align: right;
}

.sceneBtn img {
	margin-left: 10px;
}

.mr0 {
	margin-right: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


/* INFO CONTENTS */
#infoContents {}

#infoTitleArea {
	margin-bottom: 40px;
	height: 320px;
	background: #FFF url(/info/corporate/pest_control/images/main.jpg) center center;
	display: block;
	overflow: hidden;
}

#infoTitle {
	margin: 0 auto;
	width: 980px;
}

#infoTitle h1 {
	margin-left: 22px;
}


/* PESTS, FLOW */
#pests,
#flow {
	padding-top: 80px;
}

#flow {
	padding-bottom: 80px;
}

#pests h2,
#flow h2 {
	margin: 0 auto 35px auto;
	width: 980px;
	text-align: center;
}

#pestsArea {
	padding: 32px 0 40px 0;
	border-top: #34489B 8px solid;
	background: #EAECF5 url(/info/corporate/pest_control/images/down1.png) center top no-repeat;
}

#flowArea {
	padding: 32px 0 40px 0;
	border-top: #45B8C5 8px solid;
	background: #ECF7F9 url(/info/corporate/pest_control/images/down2.png) center top no-repeat;
}


.contentBox {
	margin: 30px auto 0;
	padding: ;
	width: 980px;
	background: #FFF;
	display: block;
	overflow: hidden;
}

.contentBox h4 {
	margin: 0 auto 30px;
	width: 880px;
}

.contentBoxInner {
	margin: 0 auto 40px;
	width: 860px;
	display: block;
	overflow: hidden;
}




.contentRead {
	margin: 0 auto 25px;
	width: 980px;
	text-align: center;
	font-size: 170%;
	letter-spacing: 0.1em;
	color: #323232;
}

.contentPct {
	margin: 0 auto 40px;
	width: 860px;
	text-align: center;
	display: block;
	overflow: hidden;
}

.contentTxt {
	margin: 0 auto 40px;
	width: 860px;
	display: block;
	overflow: hidden;
}


/* PESTS */
#pests h3 {
	margin: 15px 0 25px 0;
	padding-bottom: 15px;
	width: 980px;
	text-align: center;
	border-bottom: #34489B 5px solid;
}

#pestsInner {
	margin: 0 auto 40px;
	width: 900px;
	display: block;
	overflow: hidden;
}

#pestsInnerL {
	width: 380px;
	font-size: 115%;
	float: left;
}

#pestsInnerL p {
	margin-bottom: 1em;
}

#pestsPict {
	margin-top: 30px;
}

ul#pestsInnerR {
	width: 480px;
	float: right;
	display: block;
	overflow: hidden;
}

ul#pestsInnerR li {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}


/* OFFICE LINK */
.officeLink {
	margin: 0 auto 40px;
	padding: 30px;
	width: 834px;
	border: #FFF000 3px solid;
	display: block;
	overflow: hidden;
	box-sizing: content-box;
}

#officeLinkL {
	width: 410px;
	color: #263791;
	font-size: 190%;
	font-weight: bold;
	text-align: center;
	float: left;
}

#officeLinkR {
	width: 420px;
	float: right;
}


/* FLOW */
#flow h3 {
	margin: 15px 0 25px 0;
	padding-bottom: 15px;
	width: 980px;
	text-align: center;
	border-bottom: #45B8C5 5px solid;
}

#flowInner {
	margin: 0 auto 40px;
	width: 900px;
	display: block;
	overflow: hidden;
}

#flowPct {}

ul#flowTxt {
	margin-top: 20px;
	font-size: 115%;
	display: block;
	overflow: hidden;
}

ul#flowTxt li {
	width: 205px;
	margin-right: 20px;
	float: left;
}



/* CONTACT */
#contactArea {
	padding: 40px 0;
	border-top: #898989 8px solid;
	background: #F3F3F3;
	display: block;
	overflow: hidden;
}

#inquiryLink {
	margin: 0 auto;
}

@media(max-width:640px) {

	/* COMMON */
	.infoW {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		display: block;
		overflow: hidden;
	}

	/* pagetop botton */
	.sceneBtn {
		text-align: right;
		width: 20%;
		margin: 0 !important;
	}

	.sceneBtn img {
		margin-left: 0;
	}

	.mb20 {
		margin-bottom: 10px !important;
	}

	.mb40 {
		margin-bottom: 20px !important;
	}

	#infoTitleArea {
		margin-bottom: 20px;
		height: auto;
		background: #FFF url(/info/corporate/pest_control/images/main.jpg) center center;
		display: block;
		overflow: hidden;
	}

	#infoTitle {
		margin: 0 auto;
		width: 96%;
	}

	#infoTitle h1 {
		margin-left: 0;
	}


	/* PESTS, FLOW */
	#pests,
	#flow {
		padding-top: 40px;
	}

	#flow {
		padding-bottom: 40px;
	}

	#pests h2,
	#flow h2 {
		margin: 0 auto 25px auto;
		width: 96%;
		text-align: center;
	}

	#pestsArea {
		padding: 22px 0 20px 0;
		border-top: #34489B 8px solid;
		background: #EAECF5 url(/info/corporate/pest_control/images/down1.png) center top no-repeat;
		background-size: 10%;
	}

	#flowArea {
		padding: 22px 0 20px 0;
		border-top: #45B8C5 8px solid;
		background: #ECF7F9 url(/info/corporate/pest_control/images/down2.png) center top no-repeat;
		background-size: 10%;
	}


	.contentBox {
		margin: 15px auto 0;
		width: 96%;
		background: #FFF;
		display: block;
		overflow: hidden;
	}

	.contentBox h4 {
		margin: 0 auto 15px;
		width: 100%;
	}

	.contentBoxInner {
		margin: 0 auto 20px;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.contentRead {
		margin: 0 auto 15px;
		width: 100%;
		text-align: center;
		font-size: 170%;
		letter-spacing: 0.1em;
		color: #323232;
	}

	.contentPct {
		margin: 0 auto 20px;
		width: 100%;
		text-align: center;
		display: block;
		overflow: hidden;
	}

	.contentTxt {
		margin: 0 auto 20px;
		width: 100%;
		display: block;
		overflow: hidden;
	}


	/* PESTS */
	#pests h3 {
		margin: 10px auto;
		padding-bottom: 15px;
		width: 96%;
		text-align: center;
		border-bottom: #34489B 5px solid;
	}

	#pestsInner {
		margin: 0 auto 40px;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	#pestsInnerL {
		width: 96%;
		font-size: 115%;
		float: none;
		margin: 0 auto;
	}

	#pestsInnerL p {
		margin-bottom: 1em;
	}

	#pestsPict {
		margin-top: 30px;
	}

	ul#pestsInnerR {
		width: 96%;
		float: none;
		display: flex;
		overflow: hidden;
		justify-content: space-between;
		margin: 20px auto 0 auto;
		flex-wrap: wrap;
	}

	ul#pestsInnerR li {
		width: 48%;
		float: none;
		margin: 20px 0 0 0;
	}


	/* OFFICE LINK */
	.officeLink {
		margin: 0 auto 20px;
		padding: 15px;
		width: 86%;
		border: #FFF000 3px solid;
		display: block;
		overflow: hidden;
		box-sizing: content-box;
	}

	#officeLinkL {
		width: 100%;
		color: #263791;
		font-size: 190%;
		font-weight: bold;
		text-align: center;
		float: none;
	}

	#officeLinkR {
		width: 80%;
		float: none;
		margin: 20px auto 0 auto;
	}


	/* FLOW */
	#flow h3 {
		margin: 15px 0 25px 0;
		padding-bottom: 15px;
		width: 96%;
		text-align: center;
		border-bottom: #45B8C5 5px solid;
	}

	#flowInner {
		margin: 0 auto 40px;
		width: 96%;
		display: block;
		overflow: hidden;
	}

	ul#flowTxt {
		margin-top: 10px;
		font-size: 100%;
		display: flex;
		overflow: hidden;
		justify-content: space-between;
	}

	ul#flowTxt li {
		width: 24%;
		margin-right: 0;
		float: none;
	}



	/* CONTACT */
	#contactArea {
		padding: 40px 0;
		border-top: #898989 8px solid;
		background: #F3F3F3;
		display: block;
		overflow: hidden;
	}

	#inquiryLink {
		margin: 0 auto;
	}

}