@charset "utf-8";


div#servicePage01 {
	margin-top:150px;
}
ul.serviceList {
	margin-bottom:80px;
}
ul.serviceList li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:95%;
	margin:80px 0 0 auto;
}
ul.serviceList li:nth-child(even) {
	margin:80px auto 0 0;
}
ul.serviceList li div.serviceListText {
	width: 47.5%;
	padding:100px 0;
	box-sizing: border-box;
}
ul.serviceList li div.serviceListPhoto {
	width: 47.5%;
}
div#servicePage01 ul.serviceList li:first-child div.serviceListPhoto {
	background: url("../../service/images/service01-01.jpg") 50% 50% no-repeat;
	background-size: cover;
}
div#servicePage01 ul.serviceList li:nth-child(2) div.serviceListPhoto {
	background: url("../../service/images/service01-02.jpg") 50% 50% no-repeat;
	background-size: cover;
}
div#servicePage01 ul.serviceList li:nth-child(3) div.serviceListPhoto {
	background: url("../../service/images/service01-03.jpg") 50% 50% no-repeat;
	background-size: cover;
}
div#servicePage01 ul.serviceList li:nth-child(4) div.serviceListPhoto {
	background: url("../../service/images/service01-04.jpg") 50% 50% no-repeat;
	background-size: cover;
}


div#servicePage02 {
	margin-top:150px;
}
div#servicePage02 ul.serviceList li:first-child div.serviceListPhoto {
	background: url("../../service/images/service02-01.jpg") 50% 50% no-repeat;
	background-size: cover;
}
div#servicePage02 ul.serviceList li:nth-child(2) div.serviceListPhoto {
	background: url("../../service/images/service02-02.jpg") 50% 50% no-repeat;
	background-size: cover;
}


div#servicePage03 {
	margin-top:150px;
}
div#servicePage03 div.sectionInner {
}
div#servicePage03 div.sectionInner ul {
	display: flex;
	flex-wrap: wrap;
}
div#servicePage03 div.sectionInner ul li {
	width: calc((100% - 45px) / 4);
	margin-right:15px;
	padding:50px 30px;
	background-color: #FFF5F5;
	box-sizing: border-box;
}
div#servicePage03 div.sectionInner ul li:last-child {
	margin-right:0;
}
div#servicePage03 div.sectionInner ul li p.servicePage02icon {
	color: #BB1D1E;
	font-size: 2.5em;
	line-height: 100%;
}
div#servicePage03 div.sectionInner ul li h4.title03 {
	text-align: center;
	margin-top:20px;
}
div#servicePage03 div.sectionInner ul li p {
	text-align: center;
}



@media screen and (min-width:769px) and (max-width:1280px) {
	ul.serviceList li,
	ul.serviceList li:nth-child(even) {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	ul.serviceList li div.serviceListText {
		width: 100%;
		padding-top:0;
		padding-bottom:0;
		order: 2;
		margin-top:50px;
	}
	ul.serviceList li div.serviceListPhoto {
		width: 100%;
		height: 400px;
		order: 1;
	}

	div#servicePage03 div.sectionInner ul li {
		width: calc((100% - 15px) / 2);
		margin-top:15px;
	}
	div#servicePage03 div.sectionInner ul li:first-child,
	div#servicePage03 div.sectionInner ul li:nth-child(2) {
		margin-top:0;
	}
	div#servicePage03 div.sectionInner ul li:last-child {
		margin-right:15px;
	}
	div#servicePage03 div.sectionInner ul li:nth-child(even) {
		margin-right:0;
	}
}



@media screen and (max-width:768px) {
	div#servicePage01 {
		margin-top:50px;
	}
	ul.serviceList {
		margin-bottom:50px;
	}
	ul.serviceList li,
	ul.serviceList li:nth-child(even) {
		width:90%;
		margin-top:50px;
		margin-left:auto;
		margin-right:auto;
	}
	ul.serviceList li div.serviceListText {
		width: 100%;
		padding-top:0;
		padding-bottom:0;
		order: 2;
		margin-top:30px;
	}
	ul.serviceList li div.serviceListPhoto {
		width: 100%;
		height: 240px;
		order: 1;
	}

	div#servicePage02 {
		margin-top:50px;
	}

	div#servicePage03 {
		margin-top:50px;
	}
	div#servicePage03 div.sectionInner ul li {
		width: 100%;
		margin-top:10px;
		margin-right:0;
		padding:25px 20px;
	}
	div#servicePage03 div.sectionInner ul li:first-child {
		margin-top:0;
	}
}