@charset "utf-8";
/* CSS Document */
#services-page{
	color: #3e3a39;
}
/*メインイメージ*/
#services-main-image{
	background-image: url( "../images/services/main.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*150/1000);
	position: relative;
}
#services-page-title01{
	position: absolute;
	color: white;
	font-size: 1.4rem;
	font-weight: bold;
	top:20%;
	left: 3%;
}
#services-page-title02{
	position: absolute;
	color: white;
	font-size: 1.2rem;
	font-weight: 300;
	top:50%;
	left: 3%;
}
.text-green{
	color: #00a384;
}
table{
	display: block;
	width: 90%;
	border-collapse: collapse;
	margin: 0 auto;
}
th{
	display: none;
}
td{
	display: block;
	border: solid 1px #B5B5B6;
	padding: 1rem;
	width: 90%;
	margin: 0 auto;
}
td:first-child{
	color: white;
	background-color: #00a384;
	padding: 1rem;
	font-weight: bold;
}
td:nth-child(2),td:last-child{
	text-align: center;
}
td:nth-child(2):before,td:last-child:before{
	content: attr(data-label);
	float: left;
	
}
.other-service{
	margin: 0 auto;
	width: 81%;
	border: solid 1px #B5B5B6;
	
}
.border-flame{
	border-bottom: solid 1px #B5B5B6; 
	padding: 1rem;
}
.border-flame_last{
	padding: 1rem;
}

/*タブレット表示設定*/
@media (min-width: 600px) {
	#services-page-title01{
		font-size: 2.6rem;
		top:25%;
	}
	#services-page-title02{
		font-size: 1.4rem;
		top:55%;
	}
	table{
		display: table;
		width: 96%;
		
	}
	th{
		display: table-cell;
		background-color: #00a384;
		color: white;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		letter-spacing: 3rem;
		text-indent: 3rem;
		width: 96%;
		padding: 2rem 1rem;
		border: solid 1px #B5B5B6;
	}
	th:first-child{
		width: 50%;
	}
	td{
		display: table-cell;
		padding: 2rem 1rem;
		border: solid 1px #B5B5B6;
		font-size: 2rem;
		text-align: center;
	}
	
	td:first-child{
		text-align: left;
		width: 50%;
		color: #00a384;
		font-weight: normal;
		background-color: transparent;
	}
	th:nth-child(2),th:last-child,td:nth-child(2),td:last-child{
		width: 25%;
	}
	td:nth-child(2):before,td:last-child:before{
		display: none;
	}
	.other-service{
		
		width: 96%;
		border-left: none;
		
	}
	.border-flame{
		border-left: solid 1px #B5B5B6; 
		padding: 2rem 1rem;
	}
	.border-flame_last{
		border-right: solid 1px #B5B5B6;
		border-left: solid 1px #B5B5B6;
		padding: 2rem 1rem;
	}
}
/*PC表示設定*/
@media (min-width: 1025px) {
	#services-page-title01{
		font-size: 4rem;
	}
	#services-page-title02{
		font-size: 2.4rem;
	}
	
}