@charset "utf-8";
/* CSS Document */

section.about p{
	width: 85%;
	margin: 0 auto;
}


/* =====================
  .service
===================== */
.service{
	padding: 80px 0;
}
.service dl{
	float: left;
	width: 32%;
	text-align: center;
	margin-bottom: 35px;
	background-color: #f5f5f5;
	margin-right: 2%;
}
.service dl a:hover{
	background-color: #1eb9ee;
	transition: 0.3s ease-in-out;
}
a{
	transition: 0.3s ease-in-out;
}
.service dl:hover:after{
	transition: 0.3s ease-in-out;
}
.service dl:hover dt{
	color: #FFFFFF;
	transition: 0.3s ease-in-out;
}
.service dl a{
	width: 100%;
	padding: 75px 0;
	transition: 0.3s ease-in-out;
}
.service dt{
	color: #1eb9ee;
	margin-top: 30px;
	position: relative;
	display: inline-block;
	font-size: 2rem;
}
.nomargin{
	margin-right: 0!important;
}





/* ====================================================================================
         ipad時
  ==================================================================================== */
/* 縦 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}
/* 横 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
}


/* ====================================================================================
         SP時
  ==================================================================================== */
@media screen and (max-width: 768px) {


	/* =====================
	  .service
	===================== */
	.service{
		padding: 50px 0;
	}
	.service dl{
		float: none;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.service dl a{
		padding: 20px 0;
	}
	.service dt{
		color: #1eb9ee;
		margin-top: 30px;
		position: relative;
		font-size: 1.6rem;
	}
	.nomargin{
		margin-right: 0!important;
	}
	
	
	
}/*  SP // */



/* ====================================================================================
	 調整
  ==================================================================================== */
@media screen and (min-width: 1920px) {
	
}