@charset "utf-8";
/* 主にシロアリ駆除サービスのLPで利用します */
/* CSS-Document */
.sir-heading{
	text-align: center;
	color: rgb(130, 191, 153);
	font-size: 1.6rem;
	margin: 1.25rem 0;
}
.sir-paragraph:not(.text-left):not(.text-right) > p{
	text-align: center;
}
.sir-intro > .sir-heading:not(:first-of-type){
	margin-top: 5rem;
}
@media screen and (max-width:511px) {
.sir-intro > .sir-heading:not(:first-of-type){
	margin-top: 2rem;
}
}


.sir-area{
	text-align: center;
}
.sir-area dt,.sir-area dd{
	display: inline-block;
}
.sir-area ul>li:not(:last-of-type)::after{
	content: '、';
}
.sir-area dt::after{
	content: '：';
}
.sir-area .list-inline .list-inline-item:not(:last-of-type){
	margin-right: 0;
}
.sir-media{
	text-align: center;
}
.sir-media p{
	text-align: left;
	font-size: .9rem;
}
.sir-media h3{
	margin-top: 1rem;
}

.sir-flow-list{
	display: flex;
	padding-left: 0;
	list-style: none;
	flex-direction: row;
	margin: 0 -40px 0 0;
	justify-content: space-between;
	margin-bottom: 4rem;
}
.sir-flow-list-item{
	list-style: none;
	padding: 0;
	width: 20%;
	position: relative;
}
.sir-flow-list>.sir-flow-list-item:not(:last-of-type)::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	right: 8px;
	background-image: url("arrow.png");
	background-position: left center;
	background-size: 100% 100%;
	width: 25px;
	height: 25px;
}
.sir-flow-tbox{
	background-color: #6eb92c;
	font-size: 1.1rem;
	padding: 1rem .5rem;
	color: white;
	display: block;
	text-align: center;
	margin-right: 40px;
}

@media screen and (max-width:767px) {
	.sir-flow-list {
	flex-direction: column;

		margin-right: 0;
	}
.sir-flow-list-item{
	width: 100%;
}
.sir-flow-list>.sir-flow-list-item:not(:last-of-type)::after{
	background-image: url("arrow-down.png");
	bottom: 0;
	right: 50%;
	transform: translate(50%,.5rem);
	background-position: center top;
}
.sir-flow-tbox{
	margin-right: 0;
	margin-bottom: 40px;
}
.sir-flow-tbox br{
	display: none;
}

}


.sir-estimate-button.btn{
	border-radius: 0;
	background-color: #fbb03b;
	padding: .75rem 5rem ;
	color: #fff;
	font-size: 2rem;
	transition: background-color .2s ease-in-out;
}
.sir-estimate-button.btn:hover{
	background-color: #bf812e;
}
@media screen and (max-width:767px) {
.sir-estimate-button.btn{
	padding: .5rem 1rem ;
	font-size: 1.4rem;
	display: block;
}

}

/* 日本環境エンジニアリングのカラーを設定 */

#nke .sir-heading,
#nke .text-nke{
	color: #21b8c5;
}
#nke .sir-flow-tbox{
	background-color: #2cb9b9;
}

/* キャプションの位置を上にするスタイル定義 */
.caption-side-top caption{
	caption-side: top;
}
.sir-intro table{
	font-size: .8rem;
}
.sir-intro .table thead th{
	vertical-align: middle;
}
.sir-intro table caption{
	font-size: 1rem;
}