@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/

.service-detail-list{
}
.service-detail-list > li{
	position:relative;
	margin-bottom:150px;
	padding-bottom:5%;
}
.service-detail-list > li:before{
	content:"";
	position:absolute;
	top:30%;
	left:0;
	width:70%;
	height:70%;
	background:#F8F8F8;
}
.service-detail-list > li:nth-child(even):before{
	right:0;
	left:inherit;
}
.service-detail-list > li .box{
	position:relative;
	z-index:2;
}

/*---------------*/

.service-detail-list .inner{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.service-detail-list .inner .ph{
	width:50%;
}
.service-detail-list .inner .txt{
	width:50%;
	padding:0 5% 0 5%;
}
.service-detail-list > li:nth-child(even) .inner .txt{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}
.service-detail-list .inner .ttl{
	margin-bottom:30px;
}
.service-detail-list .inner .ttl .en{
	display:block;
	font-size:13px;
	line-height:1.4;
	margin-bottom:10px;
	font-family: "Oswald", serif;
	color:#B39948;
}
.service-detail-list .inner .ttl .jp{
	display:block;
	font-size:46px;
	line-height:1;
	font-weight:700;
}
.service-detail-list .inner .subttl{
	position:relative;
	margin-bottom:10px;
	font-size:18px;
	line-height:1.4;
	font-weight:700;
	color:#0E3B74;
	padding-left:20px;
}
.service-detail-list .inner .subttl:before{
	content:"";
	position:absolute;
	top:0.2em;
	left:0;
	width:4px;
	height:1em;
	background-color:#0E3B74;
}
.service-detail-list .inner .main-service-list{
	font-size:14px;
	line-height:1.8;
}



#works{
	margin-bottom:120px;
}
#works .works-list{
	padding:40px;
	background-color:#F8F8F8;
	font-size:14px;
	line-height:1.8;
}
#works .works-list ul{
	width:47.5%;
	padding-left:25px;
}
#works .works-list ul > li{
	list-style-type: disc;
	margin-bottom:5px;
}









}

@media screen and (min-width:768px) and ( max-width:1366px) {
	
	

}

@media (max-width: 768px) {
		
	.service-detail-list{
	}
	.service-detail-list > li{
		position:relative;
		margin-bottom:12vw;
		padding-bottom:5%;
	}
	.service-detail-list > li:before{
		content:"";
		position:absolute;
		top:30%;
		left:0;
		width:70%;
		height:70%;
		background:#F8F8F8;
	}
	.service-detail-list > li:nth-child(even):before{
		right:0;
		left:inherit;
	}
	.service-detail-list > li .box{
		position:relative;
		z-index:2;
	}
	
	/*---------------*/
	
	.service-detail-list .inner{
		padding:0 5vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.service-detail-list .inner .ph{
		width: 100%;
        margin-bottom: 5vw;
	}
	.service-detail-list .inner .txt{
		width:100%;
	}
	.service-detail-list > li:nth-child(even) .inner .txt{
	}
	.service-detail-list .inner .ttl{
		margin-bottom:3vw;
	}
	.service-detail-list .inner .ttl .en{
		display:block;
		font-size:12px;
		line-height:1.4;
		margin-bottom:10px;
		font-family: "Oswald", serif;
		color:#B39948;
	}
	.service-detail-list .inner .ttl .jp{
		display:block;
		font-size:26px;
		line-height:1;
		font-weight:700;
	}
	.service-detail-list .inner .subttl{
		position:relative;
		margin-bottom:2vw;
		font-size:16px;
		line-height:1.4;
		font-weight:700;
		color:#0E3B74;
		padding-left:4vw;
	}
	.service-detail-list .inner .subttl:before{
		content:"";
		position:absolute;
		top:0.2em;
		left:0;
		width:4px;
		height:1em;
		background-color:#0E3B74;
	}
	.service-detail-list .inner .main-service-list{
		font-size:14px;
		line-height:1.8;
	}
		
			
	#works{
		margin-bottom:12vw;
	}
	#works .works-list{
		padding:5vw;
		background-color:#F8F8F8;
		font-size:12px;
		line-height:2;
	}
	#works .works-list ul{
		padding-left:3vw;
	}
	#works .works-list ul > li{
		list-style-type: disc;
	}

		
}