@charset "utf-8";

#floatBnr {
  width: 250px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#floatBnr a {
  display: block;
  transition: 0.4s;
}
#floatBnr a img {
  width: 100%;
}
body:not(.smartphone) #floatBnr a:hover {
  opacity: 0.8;
  transition: 0.4s;
}
.sec1 {
	width:100%;
	height:-webkit-calc(100vh + 100px);
	height:calc(100vh + 100px);
	position:relative;
	overflow:hidden;
	background-image:url(../images/top/sec1_bg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	-moz-background-size:cover;
}

.sec1 .t1 {
	position:fixed;
	top:40%;
	left:0;
	width:100%;
	text-align:center;
}
.sec1 .t1 img {
	max-width:100%;
	min-width:1040px;
	height:auto;
}
.sec1 .scroll {
	position:fixed;
	bottom:10%;
	left:0;
	width:100%;
	text-align:center;
}
.sec1 .scroll a {
	position:relative;
	display:block;
	max-width:130px;
	margin:0 auto;
	animation: scr 1s both infinite alternate;
	-webkit-animation: scr 1s both infinite alternate;
}
@-webkit-keyframes scr {
  0% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}
@keyframes scr {
  0% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}

.sec_inner {
	position:relative;
	width:1040px;
	margin:0 auto;
	z-index:2;
}
.sec_inner h3 {
	text-align:right;
	margin:0 0 150px;
}
.sec_inner .t1 {
	text-align:center;
	font-size:20px;
	line-height:1.8;
}
.sec_inner .btn {
	text-align:center;
}
.sec_inner .btn a img {
	transition:all 0.5s ease-in-out;
}
.sec_inner .btn a:hover img {
	opacity:0.7;
}

.section {
	width:100%;
	padding:100px 0 300px 0;
	position:relative;
	margin:-8% 0 0 0;
	z-index:9;
}
.sec_tg {
	position:absolute;
	top:-70px;
	left:0;
}
.section .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform: skewY(-8deg);
	overflow:hidden;
}
.section .bg:after {
	content:"";
	position:absolute;
	top:0%;
	left:0;
	width:100%;
	height:100%;
	transform-origin: center center;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	-moz-background-size:cover;	
}

.sec2 {
	color:#fff;
}
.sec2 .bg:after {
	background-image:url(../images/top/sec2_bg.jpg);
}
.sec3 {
	color:#000;
}
.sec3 .bg:after {
	background-image:url(../images/top/sec3_bg.jpg);
}
.sec4 {
	color:#000;
	padding:100px 0 200px 0;
}
.sec4 .bg:after {
	background-image:url(../images/top/sec4_bg.jpg);
}
.image_cap {
	position: absolute;
	bottom: -220px;
	left: 0%;
	z-index: 9999999;
}
.image_maincap {
	position: absolute;
	bottom: 50px;
	left: 10px;
	z-index: 9999999;
}