@charset "UTF-8";
/*▼▼メイン画像▼▼pc*/
#mainimg{
	margin-bottom:4%;
	background:#FA9600;
}
#mainimg>p{
	width:92%;
	max-width:1000px;
	margin:0 auto;
}
/*▼▼タイプ▼▼pc*/
#type{
	margin-bottom:4%;
}
#type>ul{
	width:94%;
	max-width:1080px;
	margin:0 auto;
}
#type>ul>li{
	width:13%;
	margin-right:1.5%;
	float:left;
}
#type>ul>li:last-child{
	margin-right:0;
}
/*▼▼紹介文▼▼pc*/
#intro{
	margin-bottom:6%;
}
#intro>div{
	width:92%;
	max-width:1000px;
	margin:0 auto;
}
#intro>div>p{
	margin-bottom:4%;
	font-size:15px;
	color:#7b7b7b;
}
#intro>div>p span{
	color:#F95000;
}
/*▼▼コンテンツ▼▼pc*/
#content{
	margin-bottom:8%;
}
#content>div.content_h2{
	margin-bottom:8%;
	overflow:hidden;
}
#content>div.content_h2>h2{
	width:30%;
	max-width:420px;
	margin:0 auto;
	line-height:1;
	position:relative;
}
#content>div.content_h2>h2:before{
	content:"";
	width:200%;
	height:100%;
	margin-left:-200%;
	display:block;
	background-image:url(../img/dotline_left.png);
	background-position:right center;
	background-size:auto 20px;
	background-repeat:repeat-x;
	position:absolute;
	top:0;
	left:0;
}
#content>div.content_h2>h2:after{
	content:"";
	width:200%;
	height:100%;
	margin-right:-200%;
	display:block;
	background-image:url(../img/dotline_right.png);
	background-position:left center;
	background-size:auto 20px;
	background-repeat:repeat-x;
	position:absolute;
	top:0;
	right:0;
}
/*▼▼コンテンツ▼▼サービス内容▼▼pc*/
#content>ul>li{
	padding-bottom:4%;
	background-size:100% 90%;
	background-position:center center;
	background-repeat:no-repeat;
}
#content>ul>li:nth-child(2n+1){
	background-image:url(../img/content_slope_1.png);
}
#content>ul>li:nth-child(2n){
	background-image:url(../img/content_slope_2.png);
}
#content>ul>li>div{
	width:92%;
	max-width:1000px;
	margin:0 auto;
	border-radius:10px;
	background:#fff;
	box-shadow:0 0 9px rgba(0,0,0,0.3);
	overflow:hidden;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
	position:relative;
}
#content>ul>li>div>a>div,#content>ul>li>div>div>div{
	width:68%;
	padding:4% 6% 4.5%;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
	-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;
}
#content>ul>li>div>a:hover>div{
	background:#fff1e5;
	-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;
}
#content>ul>li:nth-child(2n+1)>div>a>div,#content>ul>li:nth-child(2n+1)>div>div>div{
	float:left;
}
#content>ul>li:nth-child(2n)>div>a>div,#content>ul>li:nth-child(2n)>div>div>div{
	float:right;
}
#content>ul>li>div>a>div>h3,#content>ul>li>div>div>div>h3{
	margin-bottom:2%;
	font-size:25px;
	color:#FA5000;
	letter-spacing:2px;
}
#content>ul>li>div>a>div>p.intro,#content>ul>li>div>span>div>p.intro{
	color:#565656;
}
#content>ul>li>div>a>p.service_img,#content>ul>li>div>div>p.service_img{
	width:32%;
	height:100%;
	background:#969696;
	position:absolute;
	top:0;
}
#content>ul>li:nth-child(2n+1)>div>a>p.service_img,#content>ul>li:nth-child(2n+1)>div>div>p.service_img{
	right:0;
}
#content>ul>li:nth-child(2n)>div>a>p.service_img,#content>ul>li:nth-child(2n)>div>div>p.service_img{
	left:0;
}
/*▼▼バナー▼▼pc*/
#banner{
	padding:5% 0;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	margin-bottom:10%;
	background:#fff;
	background-image:url(../img/bg_cloud.png);
	background-size:100% auto;
	background-position:50% 50%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
}
#banner>div{
	width:92%;
	max-width:1000px;
	margin:0 auto;
}
#banner>div>a{
	width:47%;
	padding:10px;
	box-shadow:0 0 6px rgba(0,0,0,0.6);
	display:block;
	float:left;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}
#banner>div>a:first-child{
	margin-right:6%;
}
/*-----------------------------------------------------
//
MAXWIDTH / 1280
//
--------------------------------------------------------*/
@media screen and (max-width:1280px){
}
/*-----------------------------------------------------
//
MAXWIDTH / 960
//
--------------------------------------------------------*/
@media screen and (max-width:960px){
}
/*-----------------------------------------------------
//
MAXWIDTH / 600
//
--------------------------------------------------------*/
@media screen and (max-width:600px){
}
/*-----------------------------------------------------
//
MAXWIDTH / 480
//
--------------------------------------------------------*/
@media screen and (max-width:480px){
/*▼▼メイン画像▼▼480*/
#mainimg{
	margin-bottom:5%;
}
#mainimg>p{
	width:100%;
}
/*▼▼タイプ▼▼480*/
#type{
	margin-bottom:8%;
}
#type>ul{
	width:92%;
}
#type>ul>li{
	width:19%;
	margin-right:1.25%;
}
/*▼▼紹介文▼▼480*/
#intro{
	margin-bottom:10%;
}
#intro>div{
	width:88%;
}
#intro>div>p{
	margin-bottom:6%;
	font-size:13px;
	line-height:1.6;
}
/*▼▼コンテンツ▼▼480*/
#content{
	margin-bottom:6%;
}
#content>div.content_h2{
	margin-bottom:12%;
}
#content>div.content_h2>h2{
	width:58%;
}
#content>div.content_h2>h2:before{
	background-size:auto 10px;
}
#content>div.content_h2>h2:after{
	background-size:auto 10px;
}
/*▼▼コンテンツ▼▼サービス内容▼▼480*/
#content>ul>li{
	padding-bottom:8%;
	background-size:100% 80%;
}
#content>ul>li>div{
	width:88%;
	box-shadow:0 0 6px rgba(0,0,0,0.5);
}
#content>ul>li>div>a>div,#content>ul>li>div>div>div{
	width:100%;
	padding:9% 8% 10%;
}
#content>ul>li:nth-child(2n+1)>div>a>div,#content>ul>li:nth-child(2n+1)>div>div>div{
	float:none;
}
#content>ul>li:nth-child(2n)>div>a>div,#content>ul>li:nth-child(2n)>div>div>div{
	float:none;
}
#content>ul>li>div>a>div>h3,#content>ul>li>div>div>div>h3{
	margin-bottom:6%;
	font-size:20px;
	letter-spacing:0;
	text-align:center;
}
#content>ul>li>div>a>div>p,#content>ul>li>div>div>div>p{
	font-size:13px;
	line-height:1.6;
}
#content>ul>li>div>a>p.service_img,#content>ul>li>div>div>p.service_img{
	width:100%;
	height:160px;
	position:static;
}
/*▼▼バナー▼▼480*/
#banner{
	padding:8% 0;
	border-top:none;
	border-bottom:none;
	margin-bottom:10%;
}
#banner>div{
	width:94%;
}
#banner>div>a{
	width:49%;
	padding:0;
	box-shadow:none;
}
#banner>div>a:first-child{
	margin-right:2%;
}
}