/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */

/* ---------------------------------------- common */



/* ---------------------------------------- service */

#service h2 {
	color: #fff;
	/* background: #333; */
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: normal;
	padding: .5em;
	margin: 0;
}

#service ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#service li { 
	border: 3px #333 solid;
	position: relative; 
}
#service li p {
	width: calc( 100% - 2em );
	color: #fff;
	background: rgba( 0, 0, 0, .6 );
	text-align: center;
	line-height: 1.5;
	padding: 1em;
	margin: 0 1em;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	bottom: 1em;
	left: 0;
}

/* imges scale up */
.scale_up { overflow: hidden; }
.scale_up img {
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
.scale_up img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

@media (max-width: 599px) {
	#service li { width: 50%; }
	#service li p { font-size: 1.3rem; }
} /* end -599 */

@media (min-width: 600px) and (max-width:768px) {
	#service li { width: 50%; }
	#service li p { font-size: 1.4rem; }
} /* end 600-959 */

@media (min-width: 769px) and (max-width:959px) {
	#service li { width: 33.33333%; }
	#service li p { font-size: 1.4rem; }
} /* end 600-959 */

@media (min-width: 960px) and (max-width:1099px) {
	#service li { width: 33.33333%; }
	#service li p { font-size: 1.4rem; }
} /* 960- */

@media (min-width: 1100px) {
	#service li { width: 25%; }
	#service li p { font-size: 1.5rem; }
}