@charset "utf-8";


/* BannerList
------------------------------------------------------------------------------------ */
section#BannerList {
	margin-top: 0;
}


ul#intercomList {
}
ul#intercomList li {
	position:relative;
	margin-top:150px;
}
ul#intercomList li:first-child {
	margin-top:0;
}
ul#intercomList li:nth-child(even) {
	padding-bottom:150px;
	background-color: #fff5f5;
}
ul#intercomList li:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 225px;
	background-color: #FFF;
}
ul#intercomList li div.intercomListPhoto {
	position:relative;
	width: 80%;
	height:450px;
	margin-bottom:100px;
	z-index:2;
}
ul#intercomList li:first-child div.intercomListPhoto {
	background: url("../../inspect/images/inspect01.jpg") 50% 50% no-repeat;
	background-size: cover;
}
ul#intercomList li:nth-child(2) div.intercomListPhoto {
	background: url("../../inspect/images/inspect02.jpg") 50% top no-repeat;
	background-size: cover;
}
ul#intercomList li:nth-child(even) div.intercomListPhoto {
	margin-left:auto;
}
ul#intercomList li div.intercomListText {
}
ul#intercomList li div.intercomListText div.sectionInner {
	display: flex;
	justify-content: space-between;
}
ul#intercomList li div.intercomListText div.sectionInner div.title04 {
	width:400px;
}
ul#intercomList li div.intercomListText div.sectionInner div.intercomListTextBody {
	width: calc((100% - 400px) - 5%);
}



@media screen and (min-width:769px) and (max-width:1280px) {
	ul#intercomList li:before {
		height: 150px;
	}
	ul#intercomList li div.intercomListPhoto {
		width: 80%;
		height:300px;
		margin-bottom:80px;
	}
	ul#intercomList li div.intercomListText div.sectionInner {
		display: block;
	}
	ul#intercomList li div.intercomListText div.sectionInner div.title04 {
		width:100%;
	}
	ul#intercomList li div.intercomListText div.sectionInner div.intercomListTextBody {
		width: 100%;
		margin-top:50px;
	}
}



@media screen and (max-width:768px) {
	ul#intercomList li {
		margin-top:50px;
	}
	ul#intercomList li:nth-child(even) {
		padding-bottom:50px;
	}
	ul#intercomList li:before {
		height: 80px;
	}
	ul#intercomList li div.intercomListPhoto {
		width: 85%;
		height:160px;
		margin-bottom:30px;
	}
	ul#intercomList li div.intercomListText div.sectionInner {
		display: block;
	}
	ul#intercomList li div.intercomListText div.sectionInner div.title04 {
		width:100%;
	}
	ul#intercomList li div.intercomListText div.sectionInner div.intercomListTextBody {
		width: 100%;
		margin-top:25px;
	}
}