header .banner:nth-child(1) {
	position: relative;
	z-index: 5;
	height: 317px;
}
header .banner:nth-child(1) .bg {
	-webkit-transform: skewY(4.2deg);
	-ms-transform: skewY(4.2deg);
	-o-transform: skewY(4.2deg);
	transform: skewY(4.2deg);
	overflow: hidden;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	height: 500px;
}
header .banner:nth-child(1) .bg:before {
	-webkit-transform: skewY(-4.2deg);
	-ms-transform: skewY(-4.2deg);
	-o-transform: skewY(-4.2deg);
	transform: skewY(-4.2deg);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -200px;
	background: url(../img/index/hd_bg1.jpg) no-repeat center/cover;
}
header .banner:nth-child(1) .ttl, header .banner:nth-child(2) .ttl {
	padding-top: 54px;
}
header .banner:nth-child(3), header .banner:nth-child(4) {
	height: 470px;
}
header .banner:nth-child(3) .ttl, header .banner:nth-child(4) .ttl {
	padding-top: 141px;
}
header .banner:nth-child(2) {
	height: 317px;
	z-index: 5;
	position: relative;
}
header .banner:nth-child(2) .bg {
	-webkit-transform: skewY(-4.2deg);
	-ms-transform: skewY(-4.2deg);
	-o-transform: skewY(-4.2deg);
	transform: skewY(-4.2deg);
	overflow: hidden;
	position: absolute;
	top: -100px;
	right: 0;
	left: 0;
	height: 500px;
}
header h1 {
	opacity: 0;
}
header .banner:nth-child(2) .bg:before {
	-webkit-transform: skewY(4.2deg);
	-ms-transform: skewY(4.2deg);
	-o-transform: skewY(4.2deg);
	transform: skewY(4.2deg);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -200px;
	background: url(../img/index/hd_bg3.jpg) no-repeat center/cover;
}
header .banner:nth-child(3) {
	height: 470px;
	background: url(../img/index/hd_bg2.jpg) no-repeat center/cover;
}
header .banner:nth-child(4) {
	height: 470px;
	background: url(../img/index/hd_bg4.jpg) no-repeat center/cover;
}
header .banner {
	width: 50%;
	cursor: pointer;
	position: relative;
}
header .banner .ttl {
	text-align: center;
}
header .logo {
	position: absolute;
	top: 145px;
	left: 50%;
	transform: translateX(-50%);
}
#sec1 {
	text-align: center;
	position: relative;
}
#sec1:before {
	content: "";
	position: absolute;
	bottom: -171px;
	left: 0;
	z-index: 2;
	background: #fff;
	width: 100%;
	height: 300px;
	-webkit-transform: skewY(7.2deg);
	-ms-transform: skewY(7.2deg);
	-o-transform: skewY(7.2deg);
	transform: skewY(7.2deg);
}
#sec1 h2 {
	padding: 78px 0 40px;
}
#sec2 {
	background: url(../img/index/sec2_bg.png) no-repeat center bottom/100% 161px, url(../img/shared/bg2.png) repeat center top;
	padding-bottom: 523px;
	position: relative;
}
#sec2:before {
	content: "";
	position: absolute;
	top: 167px;
	left: 0;
	width: 100%;
	background: url(../img/index/sec2_deco_01.png) no-repeat center top;
	height: 772px;
	z-index: 3;
}
#sec2:after {
	content: "";
	position: absolute;
	top: 943px;
	left: 0;
	width: 100%;
	background: url(../img/index/sec2_deco_02.png) no-repeat center top;
	height: 772px;
}
#sec2 .wrap {
	z-index: 5;
}
#sec2 h2 {
	margin-left: -734px;
	padding-top: 11px;
}
#sec2 .item1 dt {
	padding: 12px 0 0 50px;
}
#sec2 .item2 dt {
	padding: 0 0 0 294px;
	margin-top: -48px;
}
#sec2 .item3 dt {
	padding-top: 375px;
}
#sec2 .item4 dt {
	padding: 466px 0 0 142px;
}
#sec2 dl {
	position: relative;
}
#sec2 dt {
	position: relative;
	z-index: 5;
}
#sec2 .item1 dd {
	position: absolute;
	top: 35px;
	left: 56px;
}
#sec2 .item2 dd {
	position: absolute;
	top: -38px;
	left: 196px;
}
#sec2 .item3 dd {
	position: absolute;
	top: 392px;
	left: 32px;
}
#sec2 .item4 dd {
	position: absolute;
	top: 492px;
	left: 144px;
}
#sec3 h2 {
	padding: 88px 0 72px 0;
}
#sec3 dd {
	line-height: 33px;
}
#sec3 dt {
	font-size: 45.25px;
	font-weight: bold;
	letter-spacing: 0;
}
#sec3 .col1 {
	position: relative;
	margin: 0 -61px 0 81px;
	padding-bottom: 81px;
	background: url(../img/index/sec3_bg1.jpg) no-repeat center/cover;
}
#sec3 .col1:before {
	content: url(../img/index/sec3_deco1.png);
	position: absolute;
	top: -59px;
	right: -80px;
}
#sec3 .col1 .pt {
	position: absolute;
	top: -60px;
	left: -135px;
}
#sec3 .col1 dl {
	padding: 61px 0 0 471px;
}
#sec3 .col1 .txt {
	padding: 31px 0 19px 7px;
	width: 440px;
}
#sec3 .col1 .link {
	margin-left: -3px;
}
#sec3 .col2 {
	position: relative;
	padding-bottom: 81px;
	background: url(../img/index/sec3_bg3.png) no-repeat left top, url(../img/index/sec3_bg2.jpg) repeat center top;
	margin: 95px 20px 0 0;
	color: #fff;
}
#sec3 .col2:before {
	content: url(../img/index/sec3_deco2.png);
	position: absolute;
	bottom: -102px;
	left: -201px;
}
#sec3 .col2 .pt {
	position: absolute;
	top: -59px;
	right: -134px;
}
#sec3 .col2 dl {
	padding: 61px 0 0 42px;
}
#sec3 .col2 .txt {
	padding: 33px 0 18px 0;
	width: 470px;
}
#sec3 .col3 {
	padding-bottom: 90px;
	position: relative;
	margin: 95px -61px 0 80px;
	background: url(../img/index/sec3_bg4.jpg) no-repeat center/cover;
}
#sec3 .col3:before {
	content: url(../img/index/sec3_deco3.png);
	position: absolute;
	bottom: -69px;
	right: -145px;
}
#sec3 .col3 .pt {
	position: absolute;
	top: -60px;
	left: -132px;
}
#sec3 .col3 dl {
	padding: 62px 0 0 470px;
}
#sec3 .col3 .txt {
	padding: 31px 63px 42px 9px;
}




#sec3 .col4 {
	position: relative;
	padding-bottom: 81px;
	background: url(../img/index/sec3_deco4_1.png) no-repeat left top, url(../img/index/sec3_bg4_1.jpg) repeat center top;
	margin: 95px 20px 0 0;
	color: #000;
}

#sec3 .col4 .pt {
	position: absolute;
	top: -59px;
	right: -134px;
}
#sec3 .col4 dl {
	padding: 61px 0 0 42px;
}
#sec3 .col4 dl .kitakata {
	font-size: 34px;
}
#sec3 .col4 .txt {
	padding: 33px 0 40px 0;
	width: 470px;
}




#sec4 h2 {
	margin-bottom: -150px;
	padding-top: 96px;
	position: relative;
	z-index: 5;
}
#sec4 .col {
	background: url(../img/index/sec4_bg3.png) no-repeat center top/100% 234px, url(../img/index/sec4_bg4.png) no-repeat center bottom/100% 154px, url(../img/index/sec4_bg.jpg) no-repeat top center/cover;
	position: relative;
}
#sec4 .ttl1 {
	padding: 423px 0 195px 67px;
}
#sec4 .ttl2 {
	position: absolute;
	top: 654px;
	left: 422px;
}
#sec4 .txt {
	text-align: center;
	padding: 12px 0 48px;
}
#sec4 .link {
	text-align: center;
	padding-bottom: 165px;
}

@media (max-width:1466px) {
header .banner .ttl img, header .logo img {
	max-width: 100%;
	height: auto;
}
header .logo {
	width: 24%;
}
header .banner .ttl {
	width: 45%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
}
#sec2 .wrap > div, #sec2 dl {
	pointer-events: none;
}
#sec2 dl img, #sec2 dl canvas {
	pointer-events: visible;
}