@charset "UTF-8";

.mainPhoto {
    background: url("../image/service/main.jpg") no-repeat 0 60%;
    background-size: 100%;
}

.underPage .wrap {
    margin-bottom: 120px;
}

.service h2 {
    font-size: clamp(34px, 5vw, 50px);
}

.service .subText {
	line-height: 2.2;
	margin-bottom: 40px;
}

.service .serviceList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.service .serviceList li {
    background: #292929;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 6px 15px;
    margin: 0 4px;
    letter-spacing: 2px;
}

.service ul.logoIcon {
	justify-content: center;
}

.service ul.logoIcon li {
    line-height: 0;
    border-radius: 10px;
    overflow: hidden;
    width: 60px;
	height: 60px;
	margin: 10px 5px;
}

.service ul.logoIcon li.border {
    border: 1px solid #ddd;
}

.service ul.logoIcon li.border02 {
    border: 3px solid #292929;
}

.service ul.logoIcon li.text {
	width: 100%;
	height: auto;
	text-align: center;
}




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

	
	.underPage .wrap {
		margin-bottom: 60px;
	}
	
	.service h2 {
		margin-bottom: 30px;
		letter-spacing: 1px;
	}
	
	.service .subText {
		margin-bottom: 30px;
		font-size: 14px;
	}
	
	.service .serviceList {
		margin-bottom: 25px;
	}
	
	.service .serviceList li {
		padding: 2px 10px;
		margin: 0 3px 6px;
		font-size: 14px;
	}

	.service ul.logoIcon li {
		width: 45px;
		height: 45px;
		margin-bottom: 0px;
	}		
		
	.service ul.logoIcon li.border02 {
		border: 2px solid #292929;
	}	
	
	.service ul.logoIcon li.text p {
		font-size: 12px;
	}

	
	
	


}

@media screen and (min-width:769px) and (max-width:1024px) { 

	.sp.tb {
		display: block;
	}
	

}