#slide {width:100%;height:600px;position:relative;}
#img1 {position:absolute;top:0;background:url('../img/main_1.jpg') no-repeat center top;height:600px;width:100%;}
#img2 {position:absolute;top:0;background:url('../img/main_2.jpg') no-repeat center top;display:none;height:600px;width:100%;}
#img3 {position:absolute;top:0;background:url('../img/main_3.jpg') no-repeat center top;display:none;height:600px;width:100%;}
#img4 {position:absolute;top:0;background:url('../img/main_4.jpg') no-repeat center top;display:none;height:600px;width:100%;}
#img5 {position:absolute;top:0;background:url('../img/main_5.jpg') no-repeat center top;display:none;height:600px;width:100%;}
#img6 {position:absolute;top:0;background:url('../img/main_6.jpg') no-repeat center top;display:none;height:600px;width:100%;}
h1 {width:1100px;margin:0 auto;height:81px;position:relative;}
h1 img {position:absolute;top:34px;left:98px;z-index:10;}
.bg-p01 {background:url('../img/p_01.jpg') no-repeat center top;width:100%;height:635px;margin:30px 0 0 0;}
#menu {background:url('../img/bg_menu.jpg') repeat-x;height:85px;display:none;width:100%;z-index:20;}
#menu ul {width:960px;padding:0 70px;margin:0 auto;}
#menu ul li {float:left;}
.bg-01 {background:url('../img/bg_01.jpg') no-repeat center top #F4F1EA;height:700px;}
.bg-01 div {width:1100px;margin:0 auto;position:relative;}
.bg-01 .text1 {position:absolute;top:267px;left:410px;width:650px;font-size:14px;}
.bg-01 .text2 {position:absolute;top:325px;left:410px;width:650px;font-size:14px;}
.bg-01 .text3 {position:absolute;top:440px;left:70px;width:910px;font-size:14px;}
.bg-01 .text4 {position:absolute;top:520px;left:70px;width:910px;font-size:14px;}
.jirei {background:url('../img/jirei.jpg') no-repeat center top;height:289px;width:100%;}
.jirei-box ul {width:1030px;margin:0 auto;padding:0 0 0 70px;}
.jirei-box ul li {float:left;width:219px;margin:0 28px 0 0;}
.jirei-box ul li.last {margin:0;}
.jirei-box ul li dd {background:#F4F1EA;padding:16px 10px 0 10px;margin:5px 0 0 0;font-size:13px;min-height:80px;}
.jirei-box ul li dd p {font-weight:bold;}
.jirei-box .jirei-btn {padding:45px 0 0 0;text-align:center;}
.topics-box {background:#F4F1EA;height:350px;margin:30px 0 0 0;}
.topics-inner {width:1100px;margin:0 auto;}
.topics-box h2 {padding:33px 0 0 97px;}
.topics-box .scroll-outer {background:#FFF;width:940px;margin:10px 0 0 70px;padding:20px 10px;}
.topics-box .scroll-pane {height:180px;}
.topics-box dl {background:url('../img/bar_900.jpg') no-repeat center bottom;width:900px;margin:0 auto 15px auto;padding:0 0 15px 0;}
.topics-box dt {background:url('../img/sankaku.jpg') no-repeat 6px 5px;padding:0 0 0 20px;}
.topics-box dd {padding:5px 0 0 20px;}
.topics-box a:link {color:#333;text-decoration:underline;}
.topics-box a:visited {color:#333;text-decoration:underline;}
.topics-box a:hover {color:#333;text-decoration:underline;}
.topics-box .topics-btn {margin:15px 0 0 855px;}
.bg-toi {background:url('../img/p_02.jpg') no-repeat 70px 175px;padding:0 0 45px 0;width:1100px;margin:0 auto;}
.bg-toi .baner {text-align:center;padding:37px 0 0 0;}
.bg-toi .toi-btn {margin:24px 0 0 750px;}
.bg-02 {background:url('../img/bg_02.jpg') no-repeat center top #040406;height:680px;font-size:14px;color:#FFF;}
.bg-02-inner {width:1100px;margin:0 auto;height:680px;position:relative;}
.bg-02 .text1 {position:absolute;top:470px;left:90px;}
.bg-02 .text2 {position:absolute;top:525px;left:90px;}
.bg-02 .text3 {position:absolute;top:580px;left:90px;}
.bg-03 {background:url('../img/bg_03.jpg') no-repeat center top;height:1001px;font-size:14px;}
.bg-03-inner {width:1100px;margin:0 auto;height:1001px;position:relative;}
.bg-03 p {position:absolute;top:890px;left:120px;}
.bg-04 {background:url('../img/bg_04.jpg') no-repeat center top #EEE;height:873px;font-size:14px;}
.bg-04-inner {width:1100px;margin:0 auto;height:873px;position:relative;}
.bg-04 .text1 {position:absolute;top:230px;left:79px;width:960px;}
.bg-04 .text2 {position:absolute;top:266px;left:79px;width:960px;}
.bg-04 .text3 {position:absolute;top:330px;left:79px;width:960px;}
.bg-04 .text4 {position:absolute;top:490px;left:79px;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:8px;height:100%;background:red;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#F4F1EA;position:relative;}
.jspDrag{background:#B7A795;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}


@media screen and (max-width:767px){
	h1,
	#menu ul,
	.bg-01 div,
	.jirei-box ul,
	.topics-inner,
	.bg-toi,
	.bg-02-inner,
	.bg-03-inner,
	.bg-04-inner{
		width: 100%;
	}
	h1{
		display: none;
	}
	#slide{
		height: 400px;
	}
	#img1,
	#img2,
	#img3,
	#img4,
	#img5,
	#img6{
		background-size: cover;
		height: 400px;
	}
	#menu{
		display: none !important;
	}
	.bg-p01{
		background: url(../img/sp/p_01_sp1.png) center top no-repeat;
		background-size: cover;
		height: 270px;
		position: relative;
	}
	.bg-p01:after{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/sp/p_01_sp2.png) center center no-repeat;
		background-size: 90% auto;
	}
	.bg-01{
		background: #F4F1EA;
		height: auto;
		padding: 0 2.5% 20px;
	}
	.bg-01 .text1,
	.bg-01 .text2,
	.bg-01 .text3,
	.bg-01 .text4{
		position: static;
		margin: 0 auto 20px;
		width: auto;
	}
	.bg-01 .text1{
		padding-top: 20px;
	}
	.bg-01 .sp{
		padding-top: 20px;
		text-align: center;
	}
	.jirei{
		background: url(../img/sp/jirei_sp1.png) left top no-repeat;
		background-size: cover;
		position: relative;
		height: 150px;
	}
	.jirei:after{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/sp/jirei_sp2.png) center bottom no-repeat;
		background-size: 50% auto;
	}
	.jirei-box{
		padding-top: 40px;
	}
	.jirei-box ul{
		padding: 0 2.5%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.jirei-box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}
	.jirei-box ul li:nth-child(2n){
		margin-right: 0;
	}
	.topics-box{
		padding: 0 20px;
	}
	.topics-box h2{
		padding-left: 0;
	}
	.topics-box .scroll-outer{
		width: auto;
		margin: 10px auto 0;
	}
	.topics-box dl{
		width: auto;
	}
	.bg-toi{
		background: none;
		padding: 0 2.5% 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.bg-toi .baner{
		padding: 35px 0 0;
	}
	.bg-toi .sp.toi{
		margin: 20px auto 0;
		text-align: center;
	}
	.bg-toi .sp.toi img{
		width: 80%;
	}
	.bg-toi .toi-btn{
		margin: 20px auto 0;
		text-align: center;
	}
	.bg-toi .toi-btn img{
		max-width: 55%;
	}
	.bg-02{
		background: #000 url(../img/sp/bg-02_sp.png) center top no-repeat;
		background-size: 100% auto;
		height: auto;
		padding-top: 100px;
		padding: 110px 2.5% 40px;
	}
	.bg-02-inner{
		height: auto;
		padding: 0;
	}
	.bg-02 .text1,
	.bg-02 .text2,
	.bg-02 .text3{
		position: static;
		margin: 0 auto 1em;
	}
	.bg-02 .sp{
		text-align: left;
		margin: 0 auto 20px;
	}
	.bg-02 .sp.tit img{
		max-width: 132px;
	}
	.bg-02 .sp.bottom{
		text-align: right;
		margin-bottom: 0;
		padding-top: 20px;
	}
	.bg-02 .sp.bottom img{
		max-width: 60%;
	}
	.bg-03{
		background: url(../img/sp/bg-03_sp.png) center top no-repeat;
		background-size: 100% auto;
		padding: 210px 2.5% 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
	}
	.bg-03-inner{
		height: auto;
	}
	.bg-03 .sp{
		text-align: left;
		margin: 0 auto 20px;
	}
	.bg-03 .sp img{
		max-width: 220px;
	}
	.bg-03 .sp.tit{
		text-align: right;
	}
	.bg-03 .sp.tit img{
		max-width: 220px;
	}
	.bg-03 .sp.img{
		padding-top: 20px;
		text-align: center;
	}
	.bg-03 .sp.img img{
		max-width: 50%;
	}
	.bg-03 p{
		position: static;
	}
	.bg-04{
		background: #eee;
		padding: 40px 2.5%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
	}
	.bg-04-inner{
		height: auto;
	}
	.bg-04 .text1,
	.bg-04 .text2,
	.bg-04 .text3,
	.bg-04 .text4{
		position: static;
		margin: 0 auto 20px;
		width: auto;
	}
	.bg-04 .text3{
		margin-bottom: 40px;
	}
	.bg-04 .sp{
		text-align: left;
		margin: 0 auto 20px;
	}
	.bg-04 .sp.tit3 img{
		max-width: 300px;
	}
	.bg-04 .sp.tit4{
		text-align: center;
	}
	.bg-04 .sp.tit4 img{
		max-width: 220px;
	}
}