@charset "utf-8";
.contentsTop { position: relative;}
.jquery-slider-pages { display: none;}
.contentsTop ul { width: 1000px; margin: 0 auto; position: relative; z-index: 9990; min-height: 500px;}
.contentsTop ul li { width: 100%; overflow: hidden;}
.contentsTop ul li span { display: block; padding: 4% 0 0 4%; font-size: 160%; color: #000; line-height: 1.8;}
.contentsTopBg img { width: 100%; opacity: 0.8;}
.mainContents { margin: 90px auto; max-width:1200px;}
.mainContents .outer { width: 31%; margin: 0 3.5% 0 0; float: left; /*border-bottom: 1px solid #3f3f40;*/}
.mainContents .last { margin: 0; float: right; width: 31%;}
.mainContents .inner { background: #FFF; padding: 10px; border: 0px solid #0cf; min-height:240px; box-shadow: 0 0 6px #ccc; border-radius:5px;}
.mainContents .inner img { width: 100%;}
.mainContents h2 { font-size: 120%; font-weight: bold; color: #000; padding: 10px 0;}
.mainContents .outer { position: relative;}
.mainContents .bottomLink { right: 15px;}
.mainContents .bottomLink a { color: #49882d;}

@media screen and (max-width:768px){
	h1 img { max-width: 100%;}
	.contentsTop ul li span { font-size: 140%;}
	.mainContents .outer { width: 32%; margin: 0 1.5% 0 0; float: left; border-bottom: 1px solid #3f3f40;}
	.mainContents .last { margin: 0; float: right; width: 32.5%;}
	.bottomLink { padding: 8px 0 0 0px;}
}

@media screen and (max-width:480px){
	.contentsTop ul { width: 100%; margin: 0 auto; position: relative; z-index: 9990; min-height: 180px;}
	.contentsTop ul li span { font-size: 90%; line-height: 1; padding: 6% 3% 3% 3%;}
	.mainContents .outer { width: 90%; margin: 0 auto 20px; float: none; border-bottom: 1px solid #49882d;}
	.mainContents .last { float: none; margin: 0 auto; width: 90%;}
	.mainContents{ margin: 20px auto;}
	.mainContents .inner{}
}