@charset "utf-8";
@import url("common.css");

#serviceNav li.lunaowners,.serviceList li.lunaowners,.diplayNone,#serviceNav li.party,.serviceList li.party,#serviceNav li.event,.serviceList li.event {
    display: none;
}
h3.center {
    border-bottom: none;
}
h4 {
    border-bottom: 1px solid #333;
    padding-bottom: 0.6rem;
    margin-bottom: 2rem;
}



@media screen and (min-width: 320px) and (max-width: 767px)  {	
	#afterserviceIncArea {
		margin: 40px auto;
		width: 94%;
	}
	
	 .underPage #afterserviceIncArea .inner {
		width: 100%;
	}
	
	#afterserviceIncArea #serviceNav {
		margin-top: 1rem;
	}
	
	#afterserviceIncArea #serviceNav li {
		width: 30.5%;
		margin: 0 2% 2% 0;
	}
	
	#afterserviceIncArea #serviceNav li:nth-child(4n) {
		margin: 0 2% 2% 0;
	}	
}

@media screen and (min-width: 768px) { 	
	ul.serviceList.flexBox {
		margin-bottom: 2rem;
	}	
	
	#afterserviceIncArea {
		margin: 80px auto;
		max-width: 1120px;
		width: 94%;
	}
	
	 .underPage #afterserviceIncArea .inner {
		width: 100%;
	}
	
	#afterserviceIncArea #serviceNav {
		width: 100%;
		margin: 2rem auto 4rem;
		justify-content: center;
	}
	
	#afterserviceIncArea #serviceNav li {
		margin: 0 2% 0 0;
	}
	
	#afterserviceIncArea #serviceNav li:last-child {
		margin: 0 0 0 0;
	}	
}

/*追加*/
.afterServiceContents {
    margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.afterServiceContents.under {
    margin-top: 100px !important;
}

@media screen and (max-width: 1465px) {
	
	 .underPage #afterserviceIncArea .inner {
		width: 100%;
	}

}