@media screen and (min-width: 980px) {/*ウィンドウ幅が980px以上の場合に適用*/
@charset "utf-8";
/* CSS Document */

/*------------------------------サブページ共通------------------------------*/
#sub_main{
	clear:both;
	padding-bottom:80px;
}

#sub_main h1{
	color:#ffffff;
	background:url(../images/img_sub_main.png) center center no-repeat;
	background-position:center;
	clear:both;
	height:130px;
	width:100%;
	background-size: cover;
	text-align:center;
	font-size:33px;
	font-weight:normal;
	padding:100px 0 0 0;
	line-height:40px;	
}

/*------------------------------業務内容------------------------------*/
#sub_main .solutions .section{
	width:1000px;
	margin:0 auto;
}

#sub_main .solutions .section .desc{
	text-align:center;
	margin:85px 0;
}

#sub_main .solutions .section .content h2.development{
	color:#ffffff;
	background:url(../images/tit_solutions_package.png) center center no-repeat;
	background-position:center;
	clear:both;
	height:87px;
	width:850px;
	background-size: cover;
	font-size:33px;
	font-weight:normal;
	padding:55px 0 0 150px;
	line-height:40px;	
}

#sub_main .solutions .section .content h2.web_asp{
	color:#ffffff;
	background:url(../images/tit_solutions_asp.png) center center no-repeat;
	background-position:center;
	clear:both;
	height:87px;
	width:850px;
	background-size: cover;
	font-size:33px;
	font-weight:normal;
	padding:55px 0 0 150px;
	line-height:40px;	
}

#sub_main .solutions .section .content h3{
	color:#3EA6C6;
	font-size:28px;
	font-weight:normal;
	text-align:center;
	margin:40px 0 5px;
}

#sub_main .solutions .section .content .article{
	margin:55px 80px;
}

#sub_main .solutions .section .content .article ul{
	margin:35px 90px;
}

#sub_main .solutions .section .content .article .detail{
	margin:0 60px;
}

/*------------------------------会社概要------------------------------*/
#sub_main .company .section{
	margin:85px 0;
}

#sub_main .company .section .desc{
	text-align:center;
	width:900px;
	margin:0 auto 120px;
}

#sub_main .company .section .content h2{
	color:#ffffff;
	background-color:#4F96B2;
	clear:both;
	height:100px;
	width:100%px;
	font-size:25px;
	font-weight:normal;
	text-align:center;
	line-height:100px;
}

#sub_main .company .section .content .detail{
	margin:50px auto 120px;
	width:1000px;
}

#sub_main .company .section .content .detail table{
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

#sub_main .company .section .content .detail table td{
	border-bottom:1px solid #CDCDCD;
	padding:34px 60px;
}

#sub_main .company .section .content .detail table td.b_none{
		border-bottom:none;
}

#sub_main .company .section .content .detail .address{
	margin:15px 0;
}

#sub_main .company .section .content .detail .address h3{
	margin:10px 0 0;
}

/*----------------------------お問い合わせ------------------------------*/
#sub_main .contact .section{
	width:840px;
	margin:0 auto 100px;
}

#sub_main .contact .section .desc{
	text-align:center;
	padding:60px 0
}

/*----------------------------プライバシーポリシー------------------------------*/
#sub_main .privacy .section{
	width:1000px;
	margin:65px auto 100px;
}

#sub_main .privacy .section h2{
	font-size:20px;
}

#sub_main .privacy .section .content{
	padding:5px 0 35px;
	font-size:15px;
}

/*----------------------------プライバシーポリシー------------------------------*/
#sub_main .security .section{
	width:1000px;
	margin:65px auto 100px;
}

#sub_main .security .section h2{
	font-size:20px;
}

#sub_main .security .section .content{
	padding:5px 0 35px;
	font-size:14px;
}


}

/*---------------------------------------------------------ここからスマホ---------------------------------------------------------------*/


@media screen and (max-width: 980px) {/*ウィンドウ幅が980px以下の場合に適用*/
/*------------------------------サブページ共通------------------------------*/
#sub_main{
	clear:both;
	padding-bottom:30px;
	padding-top:65px;
}

#sub_main h1{
	color:#ffffff;
	background:url(../images/img_sub_main_sp.png) center center no-repeat;
	background-position:center;
	clear:both;
	height:100px;
	width:100%;
	background-size: cover;
	text-align:center;
	font-size:26px;
	font-weight:normal;
	padding:60px 0 0 0;
	line-height:40px;	
}

/*------------------------------業務内容------------------------------*/
#sub_main .solutions .section{
	width:100%;
	margin:0 auto;
}

#sub_main .solutions .section .desc{
	text-align:center;
	margin:35px 40px;
}

#sub_main .solutions .section .content h2.development{
	color:#ffffff;
	background:url(../images/tit_solutions_package_sp.png) center center no-repeat;
	background-position:center;
	clear:both;
	height:0px;
	width:92%;
	background-size: cover;
	font-size:22px;
	/*font-weight:normal;*/
	padding:25px 0px 55px 8%;
	line-height:40px;	
}

#sub_main .solutions .section .content h2.web_asp{
	color:#ffffff;
	background:url(../images/tit_solutions_asp_sp.png) center center no-repeat;
	background-position:center;
	clear:both;
	height:0px;
	width:92%;
	background-size: cover;
	font-size:22px;
	/*font-weight:normal;*/
	padding:25px 0px 55px 8%;
	line-height:40px;		
}

#sub_main .solutions .section .content h3{
	color:#3EA6C6;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	margin:20px 0 5px;
}

#sub_main .solutions .section .content .article{
	margin:30px 30px 40px;
}

#sub_main .solutions .section .content .article ul{
	margin:15px 10px 20px 10px;
	background-color:#F4F4F4;
	padding:15px 10px 10px 35px;
}

#sub_main .solutions .section .content .article ul li{
	font-size:14px;
	line-height:20px;
}

#sub_main .solutions .section .content .article .detail{
	margin:0 10px;
	font-size:15px;
	line-height:20px;
}

/*------------------------------会社概要------------------------------*/
#sub_main .company .section{
	margin:40px 0;
}

#sub_main .company .section .desc{
	/*text-align:center;*/
	margin:0 20px 30px;
	font-size:15px;
}

#sub_main .company .section .content h2{
	color:#ffffff;
	background-color:#4F96B2;
	clear:both;
	height:70px;
	width:100%px;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	line-height:72px;
}

#sub_main .company .section .content .detail{
	margin:20px auto 30px;
	width:100%;
}

#sub_main .company .section .content .detail table{
	border-collapse: collapse;
	border-spacing: 0;
	width:95%;
	margin:0px auto;
}

#sub_main .company .section .content .detail table td{
	border-bottom:1px solid #CDCDCD;
	padding:15px 12px 15px 20px;
	font-size:14px;
}

#sub_main .company .section .content .detail table td.tit{
	width:25%;
	padding-right:0;
}

#sub_main .company .section .content .detail table td.date{
	width:30%;
	padding-right:0;
}

#sub_main .company .section .content .detail table td.b_none{
		border-bottom:none;
}

#sub_main .company .section .content .detail .address{
	margin:15px 20px;
}

#sub_main .company .section .content .detail .address h3{
	margin:10px 0 0;
}

#sub_main .company .section .content .detail .address .add{
	font-size:14px;
}

#sub_main .company .section .content .detail .map{
	margin:0 auto;
}

/*----------------------------お問い合わせ------------------------------*/
#sub_main .contact .section{
	width:100%;
	margin:0 auto 50px;
}

#sub_main .contact .section .desc{
	text-align:center;
	padding:40px 0
}

#sub_main .contact .section .content{
	margin:0 30px;
}

#sub_main .contact .section .content img{
	width:100%;
}
	

/*----------------------------プライバシーポリシー------------------------------*/
#sub_main .privacy .section{
	width:100%;
	margin:30px auto 20px;
}

#sub_main .privacy .section h2{
	font-size:18px;
	margin:0 25px;
}

#sub_main .privacy .section .content{
	padding:0px 25px 15px;
	font-size:14px;
}

/*----------------------------プライバシーポリシー------------------------------*/
#sub_main .security .section{
	width:100%;
	margin:30px auto 20px;
}

#sub_main .security .section h2{
	font-size:18px;
	margin:0 25px;
}

#sub_main .security .section .content{
	padding:0px 25px 15px;
	font-size:14px;
}

}