@charset "utf-8";

@media screen and (min-width: 960px){
	#footer div		{ height:0; padding:0;}
	#footer div a	{ position:relative; top:-100px;}
}

#visual				{ padding:36.458% 0 0 0;}
#visual h1			{ position:absolute; top:45.57%; left:10.68%; width:30.21%;}

#main				{ -webkit-background-size:100% auto !important; background-size:100% auto !important;}
#main.maintenance	{ background:url(../img/maintenance/bg.png) 50% 0 repeat-y;}
#main.support		{ background:url(../img/support/bg.png) 50% 0 repeat-y;}
#main.business		{ background:url(../img/business/bg.png) 50% 0 repeat-y;}
#main.management	{ background:url(../img/management/bg.png) 50% 0 repeat-y;}

#main>p				{ padding:3.1% 0 3.7% 0; text-align:center; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAC0lEQVQImWNgQAcAABIAAW/6Y7cAAAAASUVORK5CYII=) 0 0 no-repeat;}

@media screen and (max-width: 959px){
	#visual			{ padding:47.631% 0 0 0;}
	#visual h1		{ top:auto; left:50%; width:320px; margin:0 0 0 -160px;}
}
@media screen and (max-width: 570px) and (orientation:landscape), screen and (min-width: 571px) and (max-width: 959px){
	#visual h1		{ bottom:-57px;}

	#main			{ padding:57px 0 0 0;}
	#main>p			{ padding:20px 0 25px 0;}
}
@media screen and (max-width: 570px) and (orientation:portrait){
	#visual h1		{ bottom:-62px;}

	#main			{ padding:62px 0 0 0;}
	#main>p			{ padding:18px 0;margin:0 10px;}
}




#c01				{ padding:0 0 4.8% 0;}
#c01 h2				{ width:49.2%; max-width:945px; margin:0 auto; color:#fff; text-align:center;}
.maintenance #c01 h2{}
.support #c01 h2	{}
.business #c01 h2	{}
.management #c01 h2	{ background:#5ece58;}
#c01 ul				{ width:83.3%; max-width:1600px; margin:0 auto; padding:3.1% 0 0 0;}
#c01 ul li ul		{ width:100.2%; max-width:1600px; margin:0 auto; padding:3.1% 0 0 0;}
#c01 li				{ width:25%; padding:0 5px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}
#c01 li ul li		{ width:50%; padding:0 5px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}
#c01 h3				{ padding:7% 0 2% 0;}
.maintenance #c01 h3{ height:3em;}
.support #c01 h3	{ height:3em;}
.business #c01 h3	{ height:3em;}
.management #c01 h3	{ height:3em;}
#c01 p				{ padding:0 5px; text-align:left;}

@media screen and (max-width: 959px){
	#c01			{ background:#fff;}
	#c01 h2			{ width:auto; margin:0 5px; padding:1px 0 0 0;}
	#c01 ul			{ width:100%; padding:10px 0 0 0;}
	#c01 h3			{ padding:12px 0 4px 0; text-align:center;}
}
@media screen and (max-width: 570px) and (orientation:landscape), screen and (min-width: 571px) and (max-width: 959px){
	#c01			{ padding:0 0 35px 0;}
	#c01 li			{ width:50%; padding:0 5px 25px 5px;}
	#c01 li ul li	{ width:72%; padding:0 5px 25px 5px;}
	#c01 li img		{ width:100%; margin:0 auto;}
	#c01 li ul li img{ width:100%; margin:0 50px;}
}
@media screen and (max-width: 570px) and (orientation:portrait){
	#c01			{ padding:0 0 15px 0;}
	#c01 li			{ width:100%; padding:0 5px 15px 5px;}
	#c01 li img		{ width:100%; margin:0 auto;}
	#c01 h3			{ height:auto !important;}
}




#c02				{ padding:0 0 145px 0; background:#f7f8f8; border-top:solid 1px #fff;}
#c02 h2				{ width:160px; margin:0 auto; padding:3.5% 0 2.3% 0;}
#c02 ul				{ width:79.2%; max-width:1520px; margin:0 auto;}
#c02 li				{ width:50%; margin:0 auto; padding:0 5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.maintenance #c02 li{ float:left;}
.support #c02 li { float:left;}
.business #c02 li { float:left;}
.management #c02 li	{ float:left;}
#c02 em				{ padding:3% 0 4% 0;}
#c02 strong			{ padding:0 0 6px 0;}
#c02 strong span	{ display:inline; vertical-align:middle; font-weight:bold;}
#c02 li.text		{ width:50%; margin:0 auto; padding:80px 30px; -webkit-box-sizing:border-box; box-sizing:border-box;}

@media screen and (max-width: 959px){
	#c02			{ padding:0 0 30px 0;}
	#c02 h2			{ width:98px;}
	#c02 ul			{ width:100%;}
}
@media screen and (max-width: 570px) and (orientation:landscape), screen and (min-width: 571px) and (max-width: 959px){
	#c02 h2			{ padding:35px 0 45px 0;}
}
@media screen and (max-width: 570px) and (orientation:portrait){
	#c02 h2			{ padding:35px 0 5px 0;}
	#c02 li			{ width:100%; padding:25px 5px 0 5px; float:none;}
	#c02 li.text	{ width:100%; padding:25px 5px 0 5px; float:none;}
}





#main>p				{ font-size:24px; line-height:1.83;}

#c01				{ font-size:26px;}
#c01 h2				{ font-size:1em; line-height:2.0}
#c01 h3				{ font-size:0.92em; line-height:1.6;}
#c01 h3 span		{ font-size:0.83em;}
#c01 p				{ font-size:14px; line-height:2.2;}

#c02				{ font-size:38px;}
#c02 em				{ font-size:1em; line-height:1.21;}
#c02 strong			{ font-size:0.89em;}
#c02 strong span	{ font-size:0.53em;}
#c02 i				{ font-size:18px; line-height:1.6;}

@media screen and (min-width:1680px) and (max-width:1919px)	{ #main>p{ font-size:24px;}#c01{ font-size:25px;}#c01 p{ font-size:13px; line-height:2.0;}	#c02{ font-size:33px;}#c02 i{ font-size:17px;}}
@media screen and (min-width:1440px) and (max-width:1679px)	{ #main>p{ font-size:22px;}#c01{ font-size:22px;}#c01 p{ font-size:13px; line-height:1.9;}	#c02{ font-size:28px;}#c02 i{ font-size:15px;}}
@media screen and (min-width:1200px) and (max-width:1439px)	{ #main>p{ font-size:20px;}#c01{ font-size:19px;}#c01 p{ font-size:12px; line-height:1.9;}	#c02{ font-size:23px;}#c02 i{ font-size:13px;}}
@media screen and (min-width: 960px) and (max-width:1199px)	{ #main>p{ font-size:18px;}#c01{ font-size:16px;}#c01 p{ font-size:12px; line-height:1.8;}	#c02{ font-size:18px;}#c02 i{ font-size:11px;}}
@media screen and (max-width: 959px){
	#main>p			{ font-size:12px;}

	#c01 h2			{ font-size:16px; line-height:1.5;}
	#c01 h3			{ font-size:15px; line-height:1.5;}
	#c01 h3 span	{ font-size:0.87em;}
	#c01 p			{ font-size:11px; line-height:1.7;}

	#c02 em			{ font-size:16px; line-height:1.21;}
	#c02 strong		{ font-size:15px;}
	#c02 strong span{ font-size:0.67em;}
	#c02 i			{ font-size:11px; line-height:1.33;}
}