@charset "UTF-8";

#home-main-img {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 0;
}
#home-main-img .item {
	display: block !important;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	width: 100%;
}
#home-main-img .item > div {
	background: no-repeat center center;
	background-size: cover;
	/*height: 500px;*/
	overflow: hidden;
	position: relative;
	width: 100%;
}
#home-main-img .item > div:before {
	content: "";
	display: block;
	padding-bottom: 31.25%;
	width: 100%;
}
#home-main-img .item.video > div video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
@media only screen and (min-width: 1600px) {
	#home-main-img .item.video > div video {
		/*height: auto;*/
		width: 100%;
	}
}
#home-main-img .item.video .video-copy1 {
	left: 0;
	margin: auto;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
#home-main-img .item.video .video-copy1 img {
	margin: auto;
}
#home-main-img .slick-arrow {
	border: 0;
	background-color: transparent;
	display: block;
	height: 43px;
	margin-top: -21px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 43px;
	z-index: 1;
}
#home-main-img .slick-next {
	right: 15px;
}
#home-main-img .slick-prev {
	left: 15px;
}
#home-main-img .slick-arrow:before {
	background: url(/assets/home/img/c-arrow1.png) no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 100%;
	width: 100%;
}
#home-main-img .slick-prev:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#home-main-img .slick-dots {
	bottom: 10px;
	font-size: 0;
	line-height: 0;
	list-style: none;
	margin: 0 -580px 0 0;
	max-width: 1160px;
	padding: 0;
	position: absolute;
	right: 50%;
	text-align: right;
}
#home-main-img .slick-dots li {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#home-main-img .slick-dots button {
	background: #FFF;
	border: 1px solid #0055ba;
	border-radius: 50%;
	display: block;
	height: 9px;
	margin: 0 0 0 7px;
	overflow: hidden;
	padding: 0;
	text-indent: -999em;
	width: 9px;
}
#home-main-img .slick-dots .slick-active button {
	background: #0055ba;
}





#home-content1 {
	height: 400px;
	margin-top: -40px;
	position: relative;
	width: 100%;
	z-index: 1;
}
#home-content1 > .block1 {
	display: table;
	height: 100%;
	margin: auto;
	max-width: 1160px;
	position: relative;
	width: 100%;
}
#home-content1 > .block1 .item {
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 33.333%;
}
#home-content1 > .block1 p {
	line-height: 1;
	margin: 0;
}
#home-content1 > .block1 .icon {
	display: block;
	height: 90px;
	margin: 0 auto 10px;
	width: 106px;
}
#home-content1 > .block1 .txt1 {
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	top: -1em;
}
#home-content1 > .block1 .txt2 {
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 74px;
	font-weight: bold;
	font-weight: 800;
}
#home-content1 > .block1 .item1 .txt2 {
	display: inline-block;
	margin: 0 12px 0 15px;
	white-space: nowrap;
	width: 2.2em;
}
#home-content1 > .block1 .item3 .txt2 {
	display: inline-block;
	margin: 0 4px 0 5px;
	white-space: nowrap;
	width: 1.5em;
}
#home-content1 > .block1 .txt3 {
	color: #FFF;
	font-size: 39px;
	font-weight: normal;
	font-weight: 300;
	position: relative;
	bottom: 0.1em;
}
#home-content1 > .block1 .box1 {
	background: #FFF;
	box-shadow: 9px 9px 6px 1px rgba(0,0,0,0.2);
	border-radius: 50%;
	height: 400px;
	margin: auto;
	overflow: hidden;
	padding: 63px 0 0;
	width: 400px;
}
#home-content1 > .block1 .box1 .copy1 {
	color: #0055ba;
	font-size: 24px;
	font-weight: normal;
	font-weight: 500;
	line-height: 1.4;
}
#home-content1 > .block1 .box1 .copy2 {
	color: #0055ba;
	font-size: 14px;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.4;
	margin: 10px 0 20px;
}
#home-content1 > .block1 .box1 .btn1 {
	background: #0055ba;
	border-radius: 25px;
	color: #FFF;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 50px;
	width: 200px;
}
#home-content1 > .block2 {
	background: url(/assets/home/img/bg1.jpg) no-repeat center center;
	background-size: cover;
	height: 330px;
	left: 0;
	position: absolute;
	top: 40px;
	width: 100%;
}
#home-content1 > .block2 > div {
	background: #5bd7ff;
	background: -webkit-linear-gradient(left,  #5bd7ff 0%,#b16dff 50%,#ff797f 100%);
	background: linear-gradient(to right,  #5bd7ff 0%,#b16dff 50%,#ff797f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bd7ff', endColorstr='#ff797f',GradientType=1 );
	height: 100%;
	opacity: 0.9;
	width: 100%;
}





#home-content2 {
	background: url(/assets/home/img/pt1.gif) repeat left top;
	padding: 60px 0 45px;
	position: relative;
	width: 100%;
	z-index: 0;
}
#home-content1 + #home-content2 {
	margin-top: -30px;
}
#home-notice + #home-content2 {
	margin-top: 0;
}
#home-content2 .block1 {
	background: url(/assets/home/img/dot1.png) repeat-y center top;
	background-size: 4px 10px;
	color: #0055ba;
	width: 100%;
}
#home-content2 .block1 .item {
	position: relative;
	width: 480px;
}
#home-content2 .block1 .item {
	position: relative;
	width: 480px;
}
#home-content2 .block1 .item1 {
	float: left;
}
#home-content2 .block1 .item2 {
	float: right;
}
#home-content2 .block1 .item .image {
	background: #FFF;
	border-radius: 18px;
	box-shadow: 6px 6px 0 0 #f4eebc;
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 2;
}
/*#home-content2 .block1 .item .image:before {
	content: "";
	display: block;
	padding-top: 41.6666%;
	width: 100%;
}*/
#home-content2 .block1 .item .image .inner {
	content: "";
	display: block;
	padding-top: 41.6666%;
	position: relative;
	width: 100%;
	-webkit-transition: 0.7s;
	-ms-transition: 0.7s;
	transition: 0.7s;
}
#home-content2 .block1 .item .image:hover .inner {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}


#home-content2 .block1 .item .image .inner .box1 {
	background: no-repeat center center;
	background-size: cover;
	border-radius: 18px;
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 100%;
	opacity: 0;
	-webkit-transition: all 1s ease 1s;
	-ms-transition: all 1s ease 1s;
	transition: all 1s ease 1s;
	-webkit-transform: translateX(-15px);
	-ms-transform: translateX(-15px);
	transform: translateX(-15px);
}
#home-content2 .block1 .item .image.is-view-hft1 .inner .box1 {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

#home-content2 .block1 .item .image .inner .box2 {
	background: rgba(0,0,0,0.0);
	border-radius: 18px;
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0.5s;
	-ms-transition: all 0.3s ease 0.5s;
	transition: all 0.3s ease 0.5s;
	-webkit-transform: translateX(-15px);
	-ms-transform: translateX(-15px);
	transform: translateX(-15px);
	width: 0 !important;
}
#home-content2 .block1 .item .image.is-view-hft1 .inner .box2 {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	width: 100% !important;
}
#home-content2 .block1 .item .image .inner .box2:before {
	background: #0055ba;
	content: "";
	display: block;
	left: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease 1s;
	-ms-transition: all 0.3s ease 1s;
	transition: all 0.3s ease 1s;
	z-index: 0;
}
#home-content2 .block1 .item .image.is-view-hft1 .inner .box2:before {
	left: 100%;
}



#home-content2 .block1 .item .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	margin: 20px 0 10px;
	text-align: center;
}
#home-content2 .block1 .item .title a {
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 61%,rgba(255,236,167,1) 62%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 61%,rgba(255,236,167,1) 62%);
	display: inline-block;
	padding: 0 8px 3px;
}
#home-content2 .block1 .item .copy {
	font-size: 14px;
	line-height: 1.57;
	margin: 0 auto;
	max-width: 410px;
	text-align: left;
	width: 100%;
}
#home-content2 .block1 .item .badge {
	position: absolute;
	z-index: 2;
}
#home-content2 .block1 .item .badge1 {
	left: -30px;
	top: -30px;
}
#home-content2 .block1 .item .badge2 {
	left: -25px;
	top: -35px;
}
#home-content2 .block1 .item .badge1 img {
	height: auto;
	width: 111px;
}
#home-content2 .block1 .item .badge2 img {
	height: auto;
	width: 136px;
}

#home-content2 .block2 {
	background-color: #ffea00;
	color: #0055ba;
	margin: 0 auto 70px;
	max-width: 940px;
	padding: 43px 0;
	position: relative;
	text-align: center;
	width: 100%;
}
#home-content2 .block2:after,
#home-content2 .block2:before {
	background: url(/assets/home/img/bg-film1.png) repeat-x left top;
	background-size: 117px 25px;
	content: "";
	display: block;
	height: 25px;
	left: 0;
	position: absolute;
	width: 100%;
}
#home-content2 .block2:after {
	bottom: 0;
	-webkit-transform: scale(1,-1);
	-ms-transform: scale(1,-1);
	transform: scale(1,-1);
}
#home-content2 .block2:before {
	top: 0;
}
#home-content2 .block2 > * {
	display: inline-block;
	vertical-align: middle;
}
#home-content2 .block2 .title1 {
	font-size: 0;
	line-height: 0;
	margin: 0 0 6px;
}
#home-content2 .block2 .title1 span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 3px;
}
#home-content2 .block2 .title1 img {
	display: block;
	height: auto;
	margin: auto;
	width: 292px;
}
#home-content2 .block2 .title2 {
	font-size: 24px;
	line-height: 1.4;
	margin: 0 0 5px;
}
#home-content2 .block2 .copy1 {
	font-size: 13px;
	line-height: 1.38;
	margin: 0 0 10px;
}
#home-content2 .block2 .button1 {
	background: #FFF;
	border-radius: 18px;
	color: #0055ba;
	display: block;
	font-size: 15px;
	font-weight: 700;
	height: 36px;
	line-height: 36px;
	margin: auto;
	max-width: 300px;
	position: relative;
	text-align: center;
	width: 100%;
}
#home-content2 .block2 .button1:after {
	background: url(/assets/home/img/movie-button2.png) no-repeat center center;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 18px;
	margin: 0 0 0 10px;
	position: relative;
	top: -0.1em;
	vertical-align: middle;
	width: 18px;
}
#home-content2 .block2 > .image {
	background: #FFF no-repeat center center;
	background-size: cover;
	margin: 0 0 0 30px;
	position: relative;
	width: 340px;
}
#home-content2 .block2 > .image a {
	color: #FFF;
	display: block;
	overflow: hidden;
	width: 100%;
}
#home-content2 .block2 > .image a:before {
	border: 6px solid #FFF;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
#home-content2 .block2 > .image .box1 {
	background: #FFF no-repeat center center;
	background-size: cover;
	padding-bottom: 67.6470%;
	-webkit-transition: 0.7s;
	-ms-transition: 0.7s;
	transition: 0.7s;
	width: 100%;
	z-index: 1;
}
#home-content2 .block2 > .image :hover .box1 {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
#home-content2 .block2 > .image .box2 {
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-35%);
	-ms-transform: translateY(-35%);
	transform: translateY(-35%);
	width: 100%;
	z-index: 3;
}
#home-content2 .block2 > .image .box2:before {
	background: url(/assets/home/img/movie-button1.png) no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 51px;
	margin: 0 auto 12px;
	width: 51px;
}
#home-content2 .block2 > .image .box2 span {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	-webkit-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}





#home-content3 {
	background-color: #e6f8f8;
	background-image: url(/assets/home/img/bg2.png), url(/assets/home/img/bg3.png), url(/assets/home/img/pt2.gif);
	background-position: center top, center bottom, left top;
	background-repeat: repeat-x, repeat-x, repeat;
	margin: 10px 0 30px;
	padding: 90px 0 90px;
	position: relative;
	width: 100%;
}
#home-content3 .title1 {
	color: #0055ba;
	margin: 0 0 25px;
	position: relative;
	text-align: center;
}
#home-content3 .title1 h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}
#home-content3 .com-buttons1 {
	margin-top: 25px;
}
/*#home-content3 .com-slider1 {
	margin: auto;
	max-width: 1600px;
}*/





#home-content4 {
	margin-bottom: 5px;
	position: relative;
	width: 100%;
}
#home-content4 .block1 {
	margin-bottom: 65px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#home-content4 .block1 .image1 {
	border-radius: 26px;
	display: block;
	/*display: table;
	height: 360px;*/
	overflow: hidden;
	position: relative;
	width: 50%;
	z-index: 2;
}
#home-content4 .block1.st1 .image1 {
	float: left;
}
#home-content4 .block1.st2 .image1 {
	float: right;
}
/*#home-content4 .block1 .image1:before {
	border-radius: 26px;
	content: "";
	display: block;
	width: 100%;
	padding-top: 62.0689%;
}
#home-content4 .block1 .image1.bg1:before {
	background: -moz-linear-gradient(top,  #cce0f4 0%, #1e9cd7 56.47%, #0075be 86.52%, #005b97 100%);
	background: -webkit-linear-gradient(top,  #cce0f4 0%,#1e9cd7 56.47%,#0075be 86.52%, #005b97 100%);
	background: linear-gradient(to bottom,  #cce0f4 0%,#1e9cd7 56.47%,#0075be 86.52%, #005b97 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce0f4', endColorstr='#005b97',GradientType=0 );
	opacity: 0.9;
}*/
#home-content4 .block1 .image1 .inner {
	background: no-repeat center center;
	background-size: cover;
	padding-top: 62.0689%;
	position: relative;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
	width: 100%;
}
#home-content4 .block1 .image1:hover .inner {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
#home-content4 .block1 .image1.bg1 .inner .box1.grd:before {
	border-radius: 26px;
	background: -webkit-linear-gradient(top,  #cce0f4 0%,#1e9cd7 56.47%,#0075be 86.52%, #005b97 100%);
	background: linear-gradient(to bottom,  #cce0f4 0%,#1e9cd7 56.47%,#0075be 86.52%, #005b97 100%);
	content: "";
	display: block;
	left: 0;
	opacity: 0.9;
	padding-top: 62.0689%;
	position: absolute;
	top: 0;
	width: 100%;
}
/*#home-content4 .block1 .image1.bg1 .inner.grd:before {
	border-radius: 26px;
	background: -moz-linear-gradient(top,  #cce0f4 0%, #1e9cd7 56.47%, #0075be 86.52%, #005b97 100%);
	background: -webkit-linear-gradient(top,  #cce0f4 0%,#1e9cd7 56.47%,#0075be 86.52%, #005b97 100%);
	background: linear-gradient(to bottom,  #cce0f4 0%,#1e9cd7 56.47%,#0075be 86.52%, #005b97 100%);
	content: "";
	display: block;
	left: 0;
	opacity: 0.9;
	padding-top: 62.0689%;
	position: absolute;
	top: 0;
	width: 100%;
}*/
#home-content4 .block1 .image1 .inner .box1 > div {
	display: table;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#home-content4 .block1 .image1 .inner .box1 > div > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#home-content4 .block1 .image1 .inner .box1 > div img {
	position: relative;
}


#home-content4 .block1 .image1 .inner .box1 {
	background: no-repeat center center;
	background-size: cover;
	border-radius: 18px;
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 100%;
	opacity: 0;
	-webkit-transition: all 1s ease 1s;
	-ms-transition: all 1s ease 1s;
	transition: all 1s ease 1s;
	-webkit-transform: translateX(-15px);
	-ms-transform: translateX(-15px);
	transform: translateX(-15px);
}
#home-content4 .block1 .image1.is-view-hft1 .inner .box1 {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

#home-content4 .block1 .image1 .inner .box2 {
	background: rgba(0,0,0,0.0);
	border-radius: 18px;
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0.5s;
	-ms-transition: all 0.3s ease 0.5s;
	transition: all 0.3s ease 0.5s;
	-webkit-transform: translateX(-15px);
	-ms-transform: translateX(-15px);
	transform: translateX(-15px);
	width: 0 !important;
	z-index: 1;
}
#home-content4 .block1 .image1.is-view-hft1 .inner .box2 {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	width: 100% !important;
}
#home-content4 .block1 .image1 .inner .box2:before {
	background: #0055ba;
	content: "";
	display: block;
	left: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease 1s;
	-ms-transition: all 0.3s ease 1s;
	transition: all 0.3s ease 1s;
	z-index: 0;
}
#home-content4 .block1 .image1.is-view-hft1 .inner .box2:before {
	left: 100%;
}




#home-content4 .block1 .body1 {
	width: 50%;
}
#home-content4 .block1.st1 .body1 {
	float: right;
}
#home-content4 .block1.st2 .body1 {
	float: left;
}
#home-content4 .block1 .body1 .copy2 {
	font-size: 14px;
	line-height: 1.7;
	margin: auto;
	max-width: 396px;
	width: 100%;
}
#home-content4 .block1 .body1 .buttons1 {
	margin: 20px auto 0;
	max-width: 396px;
	width: 100%;
}
#home-content4 .block1 .body1 .box1 {
	height: 213px;
	position: relative;
	width: 100%;
}
#home-content4 .block1 .body1 .box1 .badge1 {
	position: absolute;
	right: 25px;
	top: 16px;
}
#home-content4 .block1 .body1 .box1 .copy1 {
	left: 40px;
	margin: 0;
	position: absolute;
	top: 17px;
}
#home-content4 .block1 .body1 .box2 {
	height: 190px;
	position: relative;
	width: 100%;
}
#home-content4 .block1 .body1 .box2 .badge1 {
	left: 32px;
	position: absolute;
	top: 10px;
}
#home-content4 .block1 .body1 .box2 .copy1 {
	left: 158px;
	margin: 0;
	position: absolute;
	top: 68px;
}

.trigger-cp1 {
	opacity: 0;
	-webkit-transition: all 1s 0s;
	-ms-transition: all 1s 0s;
	transition: all 1s 0s;
}
.is-view-cp1 {
	opacity: 1 !important;
}
.trigger-cp2 {
	opacity: 0;
	-webkit-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}
.is-view-cp2 {
	opacity: 1 !important;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.trigger-cp3 {
	opacity: 0;
	-webkit-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	transition: all 1s 1s;
}
.is-view-cp3 {
	opacity: 1 !important;
}





#home-content5 {
	overflow: hidden;
	position: relative;
	width: 100%;
}
#home-content5 > div.items  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
#home-content5 > div.items .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#home-content5 > div.items .item:before {
    content: "";
    float: left;
    padding-top: 83.516%;
}
#home-content5 > div.items .item:after {
    content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute;
	top: 0;
	width: 100%;
}
#home-content5 > div.items .item1:after {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,169,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,169,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,169,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00a9ff',GradientType=0 );
}
#home-content5 > div.items .item2:after {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,117,159,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,117,159,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,117,159,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff759f',GradientType=0 );
}
#home-content5 > div.items .item3:after {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,184,163,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,184,163,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,184,163,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00b8a3',GradientType=0 );
}
#home-content5 > div.items .item a {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
}
#home-content5 > div.items .item .box1 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index: 2;
	padding: 45px 0 0 0;
	text-align: center;
}
#home-content5 > div.items .item .box1 .title {
	color: #FFF;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
}
#home-content5 > div.items .item .box1 .sub {
	color: #FFF;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
	position: relative;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
#home-content5 > div.items .item .box1 .arrow {
	background: url(/assets/home/img/arrow1.png) no-repeat center center;
	background-size: contain;
	display: block;
	height: 54px;
	margin: auto;
	width: 54px;
}
#home-content5 > div.items .item .box2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#home-content5 > div.items .item .box2 img {
	width: 33.3333vw;
	max-width: 33.3333vw;
	height: auto;
}
#home-content5 > div.bgs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	z-index: 0;
}
#home-content5 > div.bgs .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
}
#home-content5 > div.bgs .bg .box1 {
	position: absolute;
	margin: 0 auto;
	z-index: 2;
	padding: 45px 0 0 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 33.333%;
}
#home-content5 > div.bgs .bg.bg1 .box1 {
	left: 0;
}
#home-content5 > div.bgs .bg.bg2 .box1 {
	width: 100%;
}
#home-content5 > div.bgs .bg.bg3 .box1 {
	right: 0;
}
#home-content5 > div.bgs .bg .box1 .title {
	color: #FFF;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
#home-content5 > div.bgs .bg .box1 .sub {
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
	position: relative;
}
#home-content5 > div.bgs .bg .box1 .arrow {
	background: url(/assets/home/img/arrow1.png) no-repeat center center;
	background-size: contain;
	display: block;
	height: 54px;
	margin: auto;
	width: 54px;
}
@-webkit-keyframes sdb {
	0% {
		transform: translate(-10px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(10px, 0);
		opacity: 0;
	}
}
@-moz-keyframes sdb {
	0% {
		transform: translate(-10px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(10px, 0);
		opacity: 0;
	}
}
@-ms-keyframes sdb {
	0% {
		transform: translate(-10px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(10px, 0);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(-10px, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(10px, 0);
		opacity: 0;
	}
}
#home-content5 > div.bgs .bg .box2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#home-content5 > div.bgs .bg .box2 img {
	width: 100vw;
	max-width: 100vw;
	height: auto;
}





#home-content6 {
	background: #e6f0f2;
	padding: 55px 0 47px;
	position: relative;
	width: 100%;
}
#home-content6 .block1 {
	overflow: hidden;
	position: relative;
	width: 100%;
}
#home-content6 .block1 .item {
	background: #FFF;
	border-radius: 12px;
	float: left;
	margin: 0 3.4482% 0 0;
	width: 31.0344%;
}
#home-content6 .block1 .item:nth-child(3n) {
	margin-right: 0;
}
#home-content6 .block1 .item:nth-child(3n+1) {
	clear: left;
}
#home-content6 .block1 .image1 {
	background: no-repeat center center;
	background-size: cover;
	border-radius: 12px 12px 0 0;
	height: auto;
	position: relative;
	width: 100%;
}
#home-content6 .block1 .image1:before {
	content: "";
	display: block;
	padding-top: 50%;
	width: 100%;
}
#home-content6 .block1 .body1 {
	border-radius: 0 0 12px 12px;
	padding: 20px 10px;
}
#home-content6 .block1 .title1 {
	color: #0055ba;
	font-size: 18px;
	font-weight: normal;
	font-weight: 500;
	line-height: 1.3;
	margin: 0 0 10px;
	text-align: center;
}
#home-content6 .block1 .copy1 {
	font-size: 14px;
	line-height: 1.57;
	margin: 0 auto;
	max-width: 284px;
	text-align: left;
	width: 100%;
}
#home-content6 .block1 .buttons1 {
	margin: 15px 0 0;
	text-align: center;
}





#home-content7 {
	padding: 50px 0 45px;
	position: relative;
	width: 100%;
}
#home-content7 .block1 {
	float: left;
	position: relative;
	width: 44.3103%;
}
#home-content7 .block1:nth-child(2n) {
	margin-left: 11.3793%;
}
#home-content7 .block1:nth-child(2n+1) {
	clear: left;
}
#home-content7 .title1 {
	font-size: 20px;
	font-weight: normal;
	font-weight: 500;
	line-height: 1.3;
	margin: 0 0 35px;
	text-align: center;
}
#home-content7 .com-buttons1 {
	margin-top: 30px;
}
#home-content7 .com-news-box1 {
	margin-bottom: 30px;
}

#home-content7 .com-news-list1 > div + div {
	margin-top: 10px;
	padding-top: 15px;
}
#home-content7 .meta .date {
	font-size: 13px;
	margin-right: 5px;
}
#home-content7 .com-news-list1 .body {
	padding: 5px 0 0;
}
#home-content7 .com-news-list1 .body p {
	font-size: 14px;
	line-height: 1.57;
}





#home-notice {
	padding: 25px 16px 20px;
	width: 100%;
}
#home-notice .block1 {
	border: 1px solid #D80C18;
	border-radius: 6px;
	color: #D80C18;
	margin: auto;
	max-width: 940px;
	padding: 15px 4.5%;
	width: 100%;
}
#home-notice .block1 h2 {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0 0 10px;
	text-align: center;
}
#home-notice .block1 p {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.57;
	margin: 0
}

#home-notice .block1 p {border-bottom:1px dotted #D80C18;padding:0.5em 0}
#home-notice .block1 p:nth-last-child(1) {border-bottom:none}





@media only screen and (max-width: 1159px) {
	
	

	#home-main-img .item > div {
		height: auto;
	}
	#home-main-img .item > div:before {
		display: none;
	}
	#home-main-img .item.video > div video {
		display: none;
	}
	#home-main-img .item > div img {
		height: auto;
		width: 100%;
	}
	#home-main-img .item.video .video-copy1 img {
		width: 80.56%;
	}
	#home-main-img .slick-next {
		right: 5px;
	}
	#home-main-img .slick-prev {
		left: 5px;
	}
	#home-main-img .slick-dots {
		margin: 0 0 0 0;
		right: 10px;
	}





	#home-content1 {
		height: 248px;
		margin-top: 0;
	}
	#home-content1 > .block1 {
		display: block;
		height: auto;
	}
	#home-content1 > .block1 .item {
		display: block;
		padding: 20px 0 0 0;
		width: 100%;
	}
	#home-content1 > .block1 .item1,
	#home-content1 > .block1 .item3 {
		display: none;
	}
	#home-content1 > .block1 .box1 {
		height: 343px;
		padding: 48px 0 0;
		width: 343px;
	}
	#home-content1 > .block1 .box1 .copy1 {
		font-size: 21px;
	}
	#home-content1 > .block1 .box1 .copy2 {
		margin: 7px 0 12px;
	}
	#home-content1 > .block1 .box1 .btn1 {
		border-radius: 22px;
		line-height: 45px;
		width: 190px;
	}
	#home-content1 > .block2 {
		background: none;
		height: 100%;
		top: 0;
	}





	#home-content2 {
		padding: 60px 0 45px;
		position: relative;
	}
	#home-content1 + #home-content2 {
		padding-top: 176px;
	}
	#home-content2 .block1 {
		background: none;
	}
	#home-content2 .block1 .item {
		width: 100%;
	}
	#home-content2 .block1 .item1 {
		float: none;
	}
	#home-content2 .block1 .item2 {
		float: none;
		margin-top: 42px;
	}
	#home-content2 .block1 .item .image {
		border-radius: 12px;
		box-shadow: 5px 5px 0 0 #f4eebc;
	}
	#home-content2 .block1 .item .image .inner .box1,
	#home-content2 .block1 .item .image .inner .box2 {
		border-radius: 12px;
	}
	#home-content2 .block1 .item .badge1 {
		left: -2px;
		top: -26px;
	}
	#home-content2 .block1 .item .badge2 {
		left: -9px;
		top: -34px;
	}
	#home-content2 .block1 .item .badge1 img {
		width: 78px;
	}
	#home-content2 .block1 .item .badge2 img {
		width: 96px;
	}

	#home-content2 .block2 {
		margin: 0 auto 60px;
		padding: 40px 0;
	}
	#home-content2 .block2 > * {
		display: block;
	}
	#home-content2 .block2 .title1 {
		margin: 0 0 5px;
	}
	#home-content2 .block2 .title1 span {
		font-size: 14px;
	}
	#home-content2 .block2 .title1 img {
		width: 233px;
	}
	#home-content2 .block2 .copy1 {
		padding: 0 26px;
	}
	#home-content2 .block2 > .image {
		margin: 20px auto 0;
		width: 290px;
	}
	#home-content2 .block2 > .image a:before {
		border-width: 5px;
	}
	#home-content2 .block2 > .image .box2:before {
		height: 44px;
		margin: 0 auto 9px;
		width: 44px;
	}
	#home-content2 .block2 > .image .box2 span {
		font-size: 14px;
	}





	#home-content3 {
		background-size: 1691px 19px, 2114px 29px, 13px 11px;
		margin: 0 0 37px;
		padding: 32px 0 55px;
	}
	#home-content3 .title1 {
		margin: 0 0 20px;
	}
	#home-content3 .title1 h2 {
		font-size: 20px;
	}





	#home-content4 {
		margin-bottom: 0;
	}
	#home-content4 .block1 {
		margin-bottom: 35px;
		overflow: visible;
	}
	#home-content4 .block1 .image1 {
		border-radius: 16px;
		width: 100%;
	}
	#home-content4 .block1.st1 .image1 {
		float: none;
	}
	#home-content4 .block1.st2 .image1 {
		float: none;
	}
	#home-content4 .block1 .image1:before {
		border-radius: 16px;
	}
	#home-content4 .block1 .image1.bg1 .inner .box1.grd:before {
		border-radius: 16px;
	}
	#home-content4 .block1 .image1 > div img {
		position: relative;
		height: auto;
		width: 100%;
	}
	#home-content4 .block1 .body1 {
		width: 100%;
	}
	#home-content4 .block1.st1 .body1 {
		float: none;
	}
	#home-content4 .block1.st2 .body1 {
		float: none;
	}
	#home-content4 .block1 .body1 .buttons1 {
		margin: 17px auto 0;
		text-align: center;
	}
	#home-content4 .block1 .body1 .box1 {
		height: 164px;
	}
	#home-content4 .block1 .body1 .box1 .badge1 {
		height: auto;
		margin-right: -171px;
		right: 50%;
		top: 43px;
		width: 108px;
	}
	#home-content4 .block1 .body1 .box1 .copy1 {
		height: auto;
		left: 50%;
		margin-left: -175px;
		top: 19px;
		width: 292px;
	}
	#home-content4 .block1 .body1 .box2 {
		height: 140px;
	}
	#home-content4 .block1 .body1 .box2 .badge1 {
		height: auto;
		left: 50%;
		margin-left: -175px;
		top: 15px;
		width: 108px;
	}
	#home-content4 .block1 .body1 .box2 .copy1 {
		height: auto;
		left: 50%;
		margin-left: -87px;
		top: 39px;
		width: 257px;
	}





	#home-content5 > div.items {
		display: block;
		width: 100%;
	}
	#home-content5 > div.items .item {
			display: block;
			width: 100%;
	}
	#home-content5 > div.items .item:before {
		padding-top: 37.3333%;
	}
	#home-content5 > div.items .item1:after {
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,169,255,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,169,255,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,169,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00a9ff',GradientType=0 );
	}
	#home-content5 > div.items .item2:after {
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,117,159,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,117,159,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,117,159,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff759f',GradientType=0 );
	}
	#home-content5 > div.items .item3:after {
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,184,163,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,184,163,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,184,163,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00b8a3',GradientType=1 );
	}
	#home-content5 > div.items .item a {
		display: block;
	}
	#home-content5 > div.items .item .box1 {
		height: 100%;
		padding: 40px 0 0 30px;
	}
	#home-content5 > div.items .item .box1 .title {
		font-size: 22px;
		padding: 0;
	}
	#home-content5 > div.items .item .box1 .sub {
		font-size: 14px;
		margin: 0 0 5px;
	}
	#home-content5 > div.items .item .box1 .arrow {
		background-image: url(/assets/home/img/arrow1-sp.png);
		height: 40px;
		margin-top: -20px;
		position: absolute;
		right: 16px;
		top: 50%;
		width: 40px;
	}
	#home-content5 > div.items .item .box2 {
		background: no-repeat center center;
		background-size: cover;
	}
	#home-content5 > div.items .item1 .box2 {
		background-image: url(/assets/home/img/key1-sp.jpg);
	}
	#home-content5 > div.items .item2 .box2 {
		background-image: url(/assets/home/img/key2-sp.jpg);
	}
	#home-content5 > div.items .item3 .box2 {
		background-image: url(/assets/home/img/key3-sp.jpg);
	}
	#home-content5 > div.items .item .box2 img {
		display: none;
	}
	#home-content5 > div.bgs {
		display: none;
	}





	#home-content6 {
		padding: 35px 0 13px;
	}
	#home-content6 .block1 .item {
		border-radius: 11px;
		float: none;
		margin: 0 0 17px;
		width: 100%;
	}
	#home-content6 .block1 .image1 {
		border-radius: 11px 11px 0 0;
	}
	#home-content6 .block1 .body1 {
		border-radius: 0 0 11px 11px;
		padding: 15px 20px;
	}
	#home-content6 .block1 .title1 {
		font-size: 16px;
		margin: 0 0 8px;
	}
	#home-content6 .block1 .copy1 {
		font-size: 13px;
		line-height: 1.69;
	}
	#home-content6 .block1 .buttons1 {
		margin: 19px 0 0;
	}





	#home-content7 {
		padding: 45px 0;
	}
	#home-content7 .block1 {
		float: none;
		width: 100%;
	}
	#home-content7 .block1 + .block1 {
		margin-top: 55px;
	}
	#home-content7 .block1:nth-child(2n) {
		margin-left: 0;
	}
	#home-content7 .title1 {
		margin: 0 0 10px;
	}
	#home-content7 .com-buttons1 {
		margin-top: 22px;
	}
	#home-content7 .com-news-box1 {
		margin-bottom: 17px;
	}
	
	
	
	
	
	#home-content1 + #home-notice {
		padding-top: 150px;
	}
	
	
	
	
	
	#home-content2 {
		padding-top: 150px;
	}
	 #home-notice + #home-content2 {
		padding-top: 40px;
	}
	
	
}





@media only screen and (max-width: 343px) {
	
	#home-content1 > .block1 .box1 {
		height: 300px;
		padding: 30px 0 0;
		width: 300px;
	}
	
	
	
	
	
	#home-content4 .block1 .box1 {
		height: 140px;
	}
	#home-content4 .block1 .box1 .badge1 {
		margin-right: -155px;
		top: 35px;
		width: 98px;
	}
	#home-content4 .block1 .box1 .copy1 {
		margin-left: -155px;
		top: 10px;
		width: 260px;
	}
	#home-content4 .block1 .box2 {
		height: 130px;
	}
	#home-content4 .block1 .box2 .badge1 {
		margin-left: -155px;
		top: 10px;
		width: 98px;
	}
	#home-content4 .block1 .box2 .copy1 {
		margin-left: -77px;
		top: 50px;
		width: 230px;
	}
	
	
	
	
	
	#home-content5 > div.items .item .box1 {
		padding: 40px 0 0 40px;
	}
	#home-content5 > div.items .item .box1 .title {
		font-size: 25px;
	}
	#home-content5 > div.items .item .box1 .arrow {
		height: 30px;
		margin-top: -15px;
		right: 12px;
		width: 30px;
	}

	
}





@media only screen and (min-width: 1160px) {

	#home-content5 > div.items .item a *,
	#home-content5 > div.items .item a:before,
	#home-content5 > div.items .item:after {
		animation: caseItemHover2 1s;
	}
	#home-content5.is-hover > div.items .item a *,
	#home-content5.is-hover > div.items .item a:before,
	#home-content5.is-hover  > div.items .item:after {
		opacity: 0;
		animation: caseItemHover1 1s;
	}
	#home-content5 > div.bgs .bg {
		z-index: 0;
	}
	#home-content5 > div.bgs .bg.is-hover {
		opacity: 1;
		animation: caseItemHover2 1s;
		z-index: 10;
	}
	#home-content5 > div.bgs .bg.is-hover .box2 img {
		-webkit-transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	@-webkit-keyframes caseItemHover1 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@-moz-keyframes caseItemHover1 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@-ms-keyframes caseItemHover1 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes caseItemHover1 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@-webkit-keyframes caseItemHover2 {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@-moz-keyframes caseItemHover2 {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@-ms-keyframes caseItemHover2 {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@keyframes caseItemHover2 {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	#home-content5 > div.bgs .bg.is-leave {
		opacity: 1;
		animation: caseItemLeave2 0.8s;
		z-index: 5;
	}
	#home-content5 > div.bgs .bg.is-leave .box2 img {
		-webkit-transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
	@-webkit-keyframes caseItemLeave2 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@-moz-keyframes caseItemLeave2 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@-ms-keyframes caseItemLeave2 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes caseItemLeave2 {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

}