@charset "utf-8";

/* footer
------------------------------------------------------------------------------------ */
footer {
	margin-top:0;
}


/* serviceIntercom
------------------------------------------------------------------------------------ */
section#serviceIntercom {
	margin-top:200px;
	padding:0;
}
section#serviceIntercom div.sectionInner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	margin:0;
}
section#serviceIntercom div.sectionInner div#serviceIntercomPhoto {
	width: 60%;
	background: url("../../service/images/intercom.jpg") 50% 50% no-repeat;
	background-size: cover;
}
section#serviceIntercom div.sectionInner div#serviceIntercomText {
	width: 40%;
	padding:200px 100px;
	box-sizing: border-box;
}


/* serviceFirealarm
------------------------------------------------------------------------------------ */
section#serviceFirealarm {
}
section#serviceFirealarm div.sectionInner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	margin:0;
}
section#serviceFirealarm div.sectionInner div#serviceFirealarmText {
	width: 40%;
	padding:200px 100px;
	box-sizing: border-box;
}
section#serviceFirealarm div.sectionInner div#serviceFirealarmPhoto {
	width: 60%;
	background: url("../../service/images/firealarm.jpg") 50% 50% no-repeat;
	background-size: cover;
}


/* serviceOthers
------------------------------------------------------------------------------------ */
section#serviceOthers {
}


/* servicePoint
------------------------------------------------------------------------------------ */
section#servicePoint {
	margin-top:200px;
}
section#servicePoint ul {
	display: flex;
	flex-wrap: wrap;
}
section#servicePoint ul li {
	width: calc((100% - 60px) / 4);
	text-align: center;
	margin-right:20px;
	padding:50px 20px;
	background-color: #f0f4f8;
	border-radius:20px;
	box-sizing: border-box;
}
section#servicePoint ul li:last-child {
	margin-right:0;
}
section#servicePoint ul li p.servicePointIcon {
	color: #09639a;
	font-size: 3.5rem;
	line-height: 100%;
}
section#servicePoint ul li h4.title02 {
	margin-top:20px;
}
section#servicePoint ul li p {
}



@media screen and (min-width:769px) and (max-width:1280px) {
	/* serviceIntercom
	------------------------------------------------------------------------------------ */
	section#serviceIntercom {
		margin-top:150px;
	}
	section#serviceIntercom div.sectionInner div#serviceIntercomPhoto {
		width: 100%;
		height: 360px;
	}
	section#serviceIntercom div.sectionInner div#serviceIntercomText {
		width: 100%;
		padding:80px 5% 150px 5%;
	}

	/* serviceFirealarm
	------------------------------------------------------------------------------------ */
	section#serviceFirealarm div.sectionInner div#serviceFirealarmText {
		width: 100%;
		padding:80px 5% 150px 5%;
		order: 2;
	}
	section#serviceFirealarm div.sectionInner div#serviceFirealarmPhoto {
		width: 100%;
		height: 360px;
		order: 1;
	}

	/* servicePoint
	------------------------------------------------------------------------------------ */
	section#servicePoint {
		margin-top:150px;
	}
	section#servicePoint ul li {
		width: calc((100% - 20px) / 2);
		margin-top:20px;
	}
	section#servicePoint ul li:nth-child(even) {
		margin-right:0;
	}
	section#servicePoint ul li:first-child,
	section#servicePoint ul li:nth-child(2) {
		margin-top:0;
	}
}



@media screen and (max-width:768px) {
	/* serviceIntercom
	------------------------------------------------------------------------------------ */
	section#serviceIntercom {
		margin-top:100px;
	}
	section#serviceIntercom div.sectionInner div#serviceIntercomPhoto {
		width: 100%;
		height: 240px;
	}
	section#serviceIntercom div.sectionInner div#serviceIntercomText {
		width: 100%;
		padding:50px 5% 100px 5%;
	}

	/* serviceFirealarm
	------------------------------------------------------------------------------------ */
	section#serviceFirealarm div.sectionInner div#serviceFirealarmText {
		width: 100%;
		padding:50px 5% 100px 5%;
		order: 2;
	}
	section#serviceFirealarm div.sectionInner div#serviceFirealarmPhoto {
		width: 100%;
		height: 240px;
		order: 1;
	}

	/* servicePoint
	------------------------------------------------------------------------------------ */
	section#servicePoint {
		margin-top:100px;
	}
	section#servicePoint ul li {
		width: 100%;
		margin-top:20px;
		margin-right:0;
		padding:30px 20px;
	}
	section#servicePoint ul li:first-child {
		margin-top:0;
	}
	section#servicePoint ul li p.servicePointIcon {
		font-size: 2.5rem;
		line-height: 100%;
	}
}