/* shift jis
/
/ ‘Ž®Ý’è
----------------------------------*/

body{
	margin: 0;
	padding:0;
	border: 0 none;
	font-size:14px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	line-height:1.5em;
	position:relative;
}



/*float‚Ì‰ðœ*/
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6A7‘Îô*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x‘Îô*/
	height: auto;
	overflow: hidden;
	/**/
}
img {vertical-align:bottom;}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.container.is-fix > .inner,
.is-fix + .container > .inner{width: 100%; max-width: 1600px; }
.container

/*content
-------------------------------*/
h1{
	position: absolute;
	top:-1000px;
}
.left {float: left;}
.right {float: right;}

#contentWrap {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden; }
#contentWrap a {display: block}
#contentWrap a img {width: 100%; height: auto;}
#contentWrap .absl {position: absolute;}

#contentWrap #mainBox {width: 1200px; height: 500px; margin: 0 auto; position: relative;}
#contentWrap #mainBox .title {width: 356px; margin: 0 auto; top: 33px; left: 0; right: 480px; z-index: 99;}
#contentWrap #mainBox #slide01 {width: 100%; position: absolute; top: 0; left: 0;}
#contentWrap #mainBox #slide01 li {width: 100%; height: 500px; background-size: cover;}
#contentWrap #mainBox #slide01 .slide01 {background: url('../images/main_sl01.png') center top no-repeat;}
#contentWrap #mainBox #slide01 .slide02 {background: url('../images/main_sl02.png') center top no-repeat;}
#contentWrap #contentBox {margin: 280px auto 0; background: url('../images/bg.jpg') center -80px no-repeat;}
#contentWrap #contentBox .contents {width: 990px; margin: 0 auto; text-align: center;}
#contentWrap #contentBox #content01 {margin: 0 auto ; position: relative; height: 2540px;}
#contentWrap #contentBox #content01 .title01 {top:0; left: 0;}
#contentWrap #contentBox #content01 .map {top:-344px; left: 53px;}
#contentWrap #contentBox #content01 .lead {top:-254px; right: -238px;}
#contentWrap #contentBox #content01 .img {top:-274px; left: -204px;}
#contentWrap #contentBox #content01 .img01 {top: 70px; left:0;}
#contentWrap #contentBox #content01 .img02 {top: 70px; right: 0;}
#contentWrap #contentBox #content01 .img03 {top: 390px; right: 0;}
#contentWrap #contentBox #content01 .title02 {top:620px; left: 0;}
#contentWrap #contentBox #content01 .img04 {top: 655px; left:0;}
#contentWrap #contentBox #content01 .img05 {top: 655px; right: 0;}
#contentWrap #contentBox #content01 .img06 {top: 1005px; left: 0;}
#contentWrap #contentBox #content01 .img07 {top: 925px; right: -10px;}
#contentWrap #contentBox #content01 .title03 {top:1220px; left: 0;}
#contentWrap #contentBox #content01 .img08 {top: 1360px; left: 0;}
#contentWrap #contentBox #content01 .img09 {top: 1295px; right: 0;}
#contentWrap #contentBox #content01 .img10 {top: 1675px; left: 0;}
#contentWrap #contentBox #content01 .img11Box {width: 470px; top: 1705px; right: 0;}
#contentWrap #contentBox #content01 .img11Box .img11-2 {top: 0; right: 113px;}
#contentWrap #contentBox #content01 .img11Box  #slide02 {width: 220px; top: 15px; left: 5px;}
#contentWrap #contentBox #content01 .img11Box  #slide02 .slide-dots {width: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; position: absolute; left: 0; top:-15px;}
#contentWrap #contentBox #content01 .img11Box  #slide02 .slide-dots button{text-indent:-9990px; display: none;}
#contentWrap #contentBox #content01 .img11Box  #slide02 .slide-dots li {width: 10px; height: 10px; background-color:#cecece;}
#contentWrap #contentBox #content01 .img11Box  #slide02 .slide-dots li.slick-active {background-color:#6f5961;}
#contentWrap #contentBox #content01 .img11Box:hover img{opacity: 0.7; filter: alpha(opacity=70);}
#contentWrap #contentBox #content01 .img12 {top: 2000px; left: 0;}
#contentWrap #contentBox #content01 .img13 {top: 2020px; right: 0;}
#contentWrap #contentBox #content01 .img14 {top: 2250px; left: 0;}
#contentWrap #contentBox #content01 .img15 {top: 2230px; left: 325px;}
#contentWrap #contentBox #content01 .img16 {top: 2240px; right: 25px;}

#contentWrap #contentBox #content02 {margin: 0 auto ; position: relative; height: 300px;}
#contentWrap #contentBox #content02 .btn01 {top: 22px; left: 25px;}
#contentWrap #contentBox #content02 .btn02 {top: 10px; right: 25px;}
#contentWrap #contentBox #content02 .btn03 {top: 184px; left: 25px;}
#contentWrap #contentBox #content02 .btn04 {top: 184px; left: 345px;}
#contentWrap #contentBox #content02 .btn05 {top: 184px; right: 25px;}
#contentWrap #contentBox #content02 .btn00 {top: 106px; left: 25px;}
#contentWrap #contentBox #content02 .btn06 {top: 94px; right: 25px;}
#contentWrap #contentBox #content02 .txt01 {top: 72px; right: 25px;}
#contentWrap #contentBox #content02 .txt02 {top: 72px; left: 25px;}
#contentWrap #contentBox #content02 .txt04 {top: 156px; right: 25px;}
#contentWrap #contentBox #content02 .txt03 {top: 234px; left: 345px;}

.sideBtn {position: fixed; top:40px; right: 0;}

