@charaset "utf-8";


/*********************************************************

top専用CSS

/*********************************************************/


/*****************
サービス一覧
****************/
#service {background:#eee;}
#intro > .content,
#service > .content{padding:40px 50px;}
#service  ul {font-size:0;text-align: center;}
#service  ul li{width: 220px;margin-right:29px;display: inline-block;border:3px solid #f8b62d;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;text-align: center;padding:36px;background:#fff;}
#service  ul li:last-child{margin-right:0;}
#service  ul li img {height:90px;}
#service  ul li p {font-size:30px;font-weight:bold;line-height: 1;margin-top:22px;}

#intro {background:url('../../img/bg_intro.jpg') no-repeat bottom left/cover;}
#intro > .content > div {
	padding:40px;
	background:rgba(255,255,255,.8);
	font-size:20px;
	line-height: 1.6;
}
#intro > .content > h2 {padding:0;margin-bottom: 20px;}
#intro > .content > div p {margin-bottom:20px;}
#intro > .content > div p:last-child {margin-bottom:20px;}
/*################################################################################
  media query
################################################################################*/


/* ***********************************************************
スマホタブレット
*********************************************************** */
@media screen and (max-width: 1024px) {
	

	
}


/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
	#intro > .content,
	#service > .content{padding:40px 10px;}
	#service ul li {
		width:31%;
		margin-right:2%;
		padding:10px;
	}
	#service ul li img {height:50px;}
	#service ul li:last-child {margin-right:0;}
	#service ul li p {font-size:15px;margin-top:15px;}
	
	#intro > .content > div {font-size:18px;padding-top:0;}
}