@charset "utf-8";
/*------------------------------------------------------------
------------------------------------------------------------*/
body {
	color: #fff;
	font-size: 32px;
	overflow-x: hidden;
}
#container {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}
.wrap {
	margin: 0 auto;
	width: 980px;
	position: relative;
}
.bannerBox {
	padding-top: 96px;
	height: 927px;
	box-sizing: border-box;
	background: url(../img/index/bg01.jpg) no-repeat center top;
}
.bannerBox .logo {
	margin-left: 71px;
	animation:a1i1todo 1s linear infinite alternate;
	-webkit-animation:a1i1todo 1s linear infinite alternate;
}
@keyframes a1i1todo{
   to{opacity:1;transform:translateY(10px);}
}
@-webkit-keyframes a1i1todo{
   to{opacity:1;-webkit-transform:translateY(10px);}
}
.bannerBox .img01 {
	position: absolute;
	right: 37px;
	top: 195px;
	opacity: 0;
	animation: fadeInDown 1s ease-in-out 0.1s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0.1s both;
}
.bannerBox .img02 {
	position: absolute;
	left: 107px;
	top: 220px;
	opacity: 0;
	animation: fadeInDown 1s ease-in-out 0.6s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0.6s both;
}
.bannerBox .img03 {
	position: absolute;
	right: 78px;
	top: 478px;
	opacity: 0;
	animation: fadeInRight 1s ease-in-out 1.1s both;
	-webkit-animation:fadeInRight 1s ease-in-out 1.1s both;
}
#main .h2Ttl {
	padding-top: 186px;
	height: 484px;
	box-sizing: border-box;
	background: url(../img/index/bg02.jpg) no-repeat center top;
}
#main .h2Ttl h2 {
	opacity: 0;
	text-align: center;
}
#main .h2Ttl.now h2 {
	animation: fadeInDown 1s ease-in-out 0s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0s both;
}
#main .section1 {
	padding-top: 94px;
	height: 1318px;
	box-sizing: border-box;
	position: relative;
	background: url(../img/index/bg03.jpg) no-repeat center top;
}
#main h3 {
	margin-bottom: 92px;
	opacity: 0;
	text-align: center;
}
#main .now h3 {
	animation: fadeInDown 1s ease-in-out 0s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0s both;
}
#main .ttl {
	margin-bottom: 77px;
	opacity: 0;
	text-align: center;
}
#main .now .ttl {
	animation: fadeInDown 1s ease-in-out 0.5s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0.5s both;
}
#main p {
	margin: 0 35px 62px;
	opacity: 0;
	line-height: 1.5;
	text-indent: 1.3em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#main .now p {
	animation: fadeInDown 1s ease-in-out 1s both;
	-webkit-animation:fadeInDown 1s ease-in-out 1s both;
}
#main .sliderBox {
	padding: 20px 0 0 21px;
	position: relative;
	opacity: 0;
}
#main .now .sliderBox {
	animation: fadeInDown 1s ease-in-out 1.5s both;
	-webkit-animation:fadeInDown 1s ease-in-out 1.5s both;
}
#main .section1 .sliderBox:before {
	width: 959px;
	height: 509px;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	content: "";
}
#main .slick-dots {
	margin-top: 10px;
	text-align: center;
}
#main .slick-dots li {
	margin: 0 28px 0 10px;
	width: 19px;
	height: 18px;
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
}
#main .slick-dots li.slick-active {
	background: #fff;
}
#main .slick-dots li button {
	display: none;
}
#main .section1 .img {
	position: absolute;
	right: 0;
	bottom: 112px;
	z-index: 10;
}
#main .section2 {
	padding-top: 135px;
	height: 1469px;
	box-sizing: border-box;
	position: relative;
	background: url(../img/index/bg04.jpg) no-repeat center top;
}
#main .section2 .ttl {
	margin-bottom: 78px;
}
#main .section2 p {
	margin-bottom: 68px;
	color: #000;
}
#main .section2 .sliderBox {
	margin: 0 34px;
	padding: 0 8px;
	position: relative;
	background: #FAF9F5;
}
#main .section2 .sliderBox .slick-dots {
	margin: 0;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 9px;
}
#main .section2 .sliderBox .slick-dots li {
	margin: 0 18px 0 19px;
	height: 19px;
	border-color: #FAF9F5;
}
#main .section2 .sliderBox .slick-dots li.slick-active {
	background: #FAF9F5;
}
#main .section3 {
	padding-top: 94px;
	height: 1310px;
	box-sizing: border-box;
	position: relative;
	background: url(../img/index/bg05.jpg) no-repeat center top;
}
#main .section3 .ttl {
	margin-bottom: 80px;
}
#main .section3 p {
	margin-bottom: 84px;
	position: relative;
	z-index: 10;
}
#main .section3 .sliderBox02 {
	margin: 0 auto;
	width: 880px;
	position: relative;
	opacity: 0;
}
#main .now .sliderBox02 {
	animation: fadeInDown 1s ease-in-out 1.5s both;
	-webkit-animation:fadeInDown 1s ease-in-out 1.5s both;
}
#main .section3 .sliderBox02 .photo {
	width: 880px;
	float: left;
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
#main .section3 .sliderBox02 .photo img {
	margin: 0 auto;
	display: block;
}
#main .section3 .sliderBox02 .on {
	position: relative;
	z-index: 1;
	opacity: 1;
}
#main .section3 .sliderBox02 .selected {
	z-index: 2;
}
#main .section3 .sliderBox02 .iconList {
	margin-top: 27px;
	text-align: center;
}
#main .section3 .sliderBox02 .iconList a {
	margin: 0 11px 0 12px;
	width: 19px;
	height: 18px;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #fff;
}
#main .section3 .sliderBox02 .iconList a.selected {
	background: #fff;
}
#main .section3 .sliderBox02 .iconList a span {
	display: none;
}
#main .section4 {
	padding-top: 145px;
	height: 1494px;
	box-sizing: border-box;
	position: relative;
	background: url(../img/index/bg06.jpg) no-repeat center top;
}
#main .section4 .ttl {
	margin-bottom: 79px;
}
#main .section4 p {
	margin-bottom: 62px;
	color: #000;
}
#main .section4 .sliderBox {
	margin: 0 34px;
	padding: 0 8px;
	position: relative;
	background: #FAF9F5;
}
#main .section4 .sliderBox .slick-dots {
	margin: 0;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 9px;
}
#main .section4 .sliderBox .slick-dots li {
	margin: 0 18px 0 19px;
	height: 19px;
	border-color: #FAF9F5;
}
#main .section4 .sliderBox .slick-dots li.slick-active {
	background: #FAF9F5;
}
#main .section5 {
	padding-top: 103px;
	height: 971px;
	box-sizing: border-box;
	position: relative;
	background: url(../img/index/bg07.jpg) no-repeat center top;
}
#main .section5 .ttl {
	margin-bottom: 54px;
}
#main .section5.now .ttl {
	animation: fadeInDown 1s ease-in-out 0s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0s both;
}
#main .section5 .photo {
	margin: 0 34px;
	padding: 8px;
	opacity: 0;
	background: #FAF9F5;
}
#main .section5.now .photo {
	animation: fadeInDown 1s ease-in-out 0.5s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0.5s both;
}
#main .section6 {
	height: 624px;
	opacity: 0;
	background: url(../img/index/img09.jpg) no-repeat center top;
}
#main .section6.now {
	animation: fadeIn 1s ease-in-out 0s both;
	-webkit-animation:fadeIn 1s ease-in-out 0s both;
}
#main .section7 {
	padding-top: 212px;
	height: 694px;
	box-sizing: border-box;
	text-align: center;
	background: url(../img/index/bg08.jpg) no-repeat center top;
}
#main .section7 .img {
	opacity: 0;
}
#main .section7.now .img {
	animation: fadeInDown 1s ease-in-out 0s both;
	-webkit-animation:fadeInDown 1s ease-in-out 0s both;
}