@charset "UTF-8";

.swiper-container{
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	position:relative;
	overflow:hidden;
	z-index:9
}

.swiper-container-no-flexbox .swiper-slide{
	float:left
}

.swiper-container-vertical>.swiper-wrapper{
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column
}

.swiper-wrapper{
	position:relative;
	width:100%;
	height:auto;
	margin-top: 0;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate(0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper{
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;flex-wrap:wrap
}

.swiper-container-free-mode>.swiper-wrapper{
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide{
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
	height:auto
}

.swiper-container-autoheight .swiper-wrapper{
	-webkit-box-align:start;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	-webkit-transition-property:-webkit-transform,height;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform,height
}

.swiper-container .swiper-notification{
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000
}

.swiper-wp8-horizontal{
	-ms-touch-action:pan-y;
	touch-action:pan-y
}

.swiper-wp8-vertical{
	-ms-touch-action:pan-x;
	touch-action:pan-x
}

.swiper-navi-styl{
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 10;
	bottom: -0.7em;
}

ul#swiper-navi-styl-news{
	position:relative;
	list-style: none;
	width: 100%;
	height: 8vw;
	background: rgba(51,92,183,0.85);
	text-align: center;
}

ul .news{
	width: 90%;
	height: auto;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	list-style: none;
  *display: inline;  
  *zoom: 1;
  padding-left: 0;
}

li.news_box{
	float: left;
	vertical-align: middle;
	height: 100%;
	list-style-type: none;
	color:#FFFFFF;
	text-align: left;
	margin-top: 0.8vw;
}


ul.news_list{
	list-style: none;
  display: inline-block;
  *display: inline;  
  *zoom: 1;
}



li.news_list2{
	color:#FFFFFF;
	font-size: 1.2vw;
	padding-bottom: 0.4vw;
	margin: 0;
}

li.news_list2 a{
	color:#FFFFFF;
}



.news-button {
	vertical-align: top;
	display:inline-block;
	width: 8vw;
	height: 2.3vw;
	box-sizing: border-box;
	border:0.1vw solid #fff;
	background:url("../images/arrow_white.png")no-repeat;
	background-size: 40 auto;
	background-size: contain;
	background-position: right 0 top 0;
	border-radius: 0 0 1vw 0;
	text-align: center;
	font-size: 1vw;
	padding: 0.4vw  1.5vw 0vw 0vw ;
	color: #FFFFFF;	
	margin: 0vw;
	clear: both;
}

.news-button::after{
	content: "";
	position: absolute;
	background-size: contain;
	vertical-align: middle;
}

.news-button a{
	text-decoration: none;
	color: #FFFFFF;
}

.news-button:hover {
	background-color: rgba(255,255,255,0.34);
	color: #FFFFFF;

}

span.news-date{
	margin-right: 2vw;
}


ul#swiper-navi-style{
	position:absolute;
	bottom: 8vw;
	list-style: none;
	text-align: center;
	width: 100%;
	height: 3vw;
	background: rgba(0,0,0,0.4);
}

li#swiper-navi-style02{
	clear: both;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin:0.5vw 0.5vw;
	padding-right: 1vw;

}

.swiper-button-next_btn,.swiper-button-prev_btn{
	float: left;
	position: relative;
	vertical-align: middle;
	cursor:pointer;
	opacity:0.8;
	max-width: 1vw;
	height: auto;
}

.swiper-button-next,.swiper-button-prev{
	float: left;
	position: relative;
	vertical-align: middle;
	cursor:pointer;
	opacity:0.8;
	max-width: 1vw;
	height: auto;
}



.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
	opacity:.20;
	cursor:auto;
	pointer-events:none;
}

.swiper-pagination{
	float: left;
}

.swiper-pagination.swiper-pagination-hidden{
	opacity:0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
	position:relative;
	opacity: 0.5;
}

.swiper-pagination-bullet{
	display:inline-block;
	border-radius:100%;
	width:1vw;
	height:1vw;
	background:#fff;
	opacity:0.5;
	margin: 0.5vw 1vw 0vw 1vw;

}

button.swiper-pagination-bullet{
	border:none;
	box-shadow:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-webkit-appearance:none;
	appearance:none
}

.swiper-pagination-bullet{
	width: 1vw;
	height: 1vw;
	margin: 0.8vw  0.5vw 5vw 0; 
	margin-left: 1vw;

}
	
.swiper-button-next_btn,.swiper-button-prev_btn{
	display: none;
}	


.swiper-pagination-clickable .swiper-pagination-bullet{
	cursor:pointer
}

.swiper-pagination-bullet-active{
	opacity:1;
	background:#007aff;
	width: 50
}

.swiper-container-vertical>.swiper-pagination-bullets{
	right:10px;
	top:50%;
	-webkit-transform:translate3d(0,-50%,0);
	-moz-transform:translate3d(0,-50%,0);
	-o-transform:translate(0,-50%);
	-ms-transform:translate3d(0,-50%,0);
	transform:translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:5px 0;display:block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 5px
}

.swiper-pagination-progress{
	background:rgba(0,0,0,.25);
	position:absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar{
	background:#007aff;
	position:absolute;
	left:0;
	top:0;
	width:100%;height:100%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-ms-transform-origin:left top;
	-o-transform-origin:left top;
	transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{
	-webkit-transform-origin:right top;
	-moz-transform-origin:right top;
	-ms-transform-origin:right top;
	-o-transform-origin:right top;
	transform-origin:right top
}

.swiper-container-horizontal>.swiper-pagination-progress{
	width:100%;height:4px;left:0;top:0
}

.swiper-container-vertical>.swiper-pagination-progress{
	width:4px;
	height:100%;
	left:0;
	top:0}

.swiper-pagination-progress.swiper-pagination-white{
	background:rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{
	background:#fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{
	background:#000
}

.swiper-container-3d{
	-webkit-perspective:1200px;
	-moz-perspective:1200px;
	-o-perspective:1200px;perspective:1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	eight:100%;
	pointer-events:none;
	z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left{
	background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right{
	background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top{
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom{
	background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{
	-ms-perspective:1200px
}

.swiper-container-cube,.swiper-container-flip{
	overflow:visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{
	pointer-events:none;-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;z-index:1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{
	pointer-events:none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
	z-index:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden
}

.swiper-container-cube .swiper-slide{
	visibility:hidden;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	width:100%;
	height:100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide{
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
	pointer-events:auto;
	visibility:visible
}

.swiper-container-cube .swiper-cube-shadow{
	position:absolute;
	left:0;bottom:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.6;
	-webkit-filter:blur(50px);
	filter:blur(50px);
	z-index:0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}

.swiper-container-fade .swiper-slide{
	pointer-events:none;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity
}

.swiper-container-fade .swiper-slide .swiper-slide{
	pointer-events:none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
	pointer-events:auto
}

.swiper-zoom-container{
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	text-align:center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
	max-width:100%;
	max-height:100%;
	object-fit:contain
}

.swiper-scrollbar{
	border-radius:10px;
	position:relative;
	-ms-touch-action:none;
	background:rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar{
	position:absolute;
	left:1%;
	bottom:3px;
	z-index:50;
	height:5px;
	width:98%
}

.swiper-container-vertical>.swiper-scrollbar{
	position:absolute;
	right:3px;
	top:1%;
	z-index:50;
	width:5px;
	height:98%
}

.swiper-scrollbar-drag{
	height:100%;
	width:100%;
	position:relative;
	background:rgba(0,0,0,.5);
	border-radius:10px;left:0;top:0
}

.swiper-scrollbar-cursor-drag{
	cursor:move
}

.swiper-lazy-preloader{
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	-webkit-transform-origin:50%;
	-moz-transform-origin:50%;
	transform-origin:50%;
	-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
	-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;
	animation:swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after{
	display:block;
	content:"";width:100%;
	height:100%;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position:50%;
	-webkit-background-size:100%;
	background-size:100%;
	background-repeat:no-repeat
}

.swiper-lazy-preloader-white:after{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}


.s-three-text,
.s-three-text2,
.s-three-sub,
.s-three-button {
  position: absolute;
  width: 100%;
  left: 5vw;
  text-align: left;
	z-index: 99;

}

.s-three-sub {
	top: 36%;
	font-size: 2vw;
	letter-spacing: 0.2em;
	color: #FFFFFF;
}

.s-three-text {
	top: 40%;
	font-weight: bold;
	font-size: 5vw;
	color: #FFFFFF;
}

.s-three-text2 {
	top: 36%;
	font-weight: bold;
	font-size: 4vw;
	line-height: 1.2em;
	color: #FFFFFF;
}


.s-three-button {
	top: 55%;
	display:inline-block;
	width: 12vw;
	height: 3.2vw;
	box-sizing: border-box;
	border:0.2vw solid #fff;
	background:url("../images/arrow_white.png")no-repeat;
	background-size: 50 auto;
	background-size: contain;
	background-position: right 0 top 0;
	border-radius: 0 0 1em 0;
	leter-line:0.1vw;
	text-align: center;
	font-size: 1.2vw;
	padding: 0.6vw  2vw 0vw 0vw ;
	margin: 0.8vw 0vw 0vw 0.5vw;
	color: #FFFFFF;
	cursor: pointer;
}

.s-three-button::after{
	content: "";
	position: absolute;
	width: 2vw;
	height:2vw;
	background-size: contain;
	vertical-align: middle;
}

.s-three-button a{
	text-decoration: none;
	color: #FFFFFF;
}

.s-three-button:hover {
	background-color: rgba(255,255,255,0.34);
	text-decoration: none;
	color: #FFFFFF;

}



.swiper-slide-active .s-three-text {
  animation: slideFromRight 2.0s ease 0s 1 normal;
}
.swiper-slide-active .s-three-text2 {
  animation: slideFromRight 2.0s ease 0s 1 normal;
}
.swiper-slide-active .s-three-sub {
  animation: slideFromRightSub 1.5s ease 0s 1 normal;
}
.swiper-slide-active .s-three-button {
  animation: slideFromRightBtn 2.5s ease 0s 1 normal;
}

@keyframes slideFromRightBtn {
  60%, 0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes slideFromRightSub {
  0%, 60% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes slideFromRight {
  0%, 60% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes swiper-preloader-spin{
	100%{-webkit-transform:rotate(360deg)
	}
}

@keyframes swiper-preloader-spin{
	100%{transform:rotate(360deg)}
}

@media screen and (max-width: 768px) {
	
.pc	{ 
	display:none!important; 
	}
.mb { 
	display:inline!important; 
	}

ul#swiper-navi-styl-news{
	display: none;
}
	
.news-area{
	clear: both;
	width: 100%;
	height: auto;
	display: table; 
	margin:0 auto;
	margin-top: -1.5vw;
	list-style: none;
	background: rgba(51,92,183,1.00);


}
	
.news_box{
	display:inline-block;
	width: 100%;
	display: block;
	padding: 2vw 2vw 1vw 6vw;

	}

.news_list{
	list-style: none;
	text-align: left;	
	margin: 0;

}

dl#news_list{
	  font-size: 1.5vw;
	color: #FFFFFF;	
	margin: 0;
		margin-left: 2vw;
	vertical-align: top;
}	

dl#news_list dt{
  padding-right:2vw;  
  width:auto;
  float:left;


}

dl#news_list dd{


}

dl#news_list::after {
    content: '';
    display: block;
	clear: both;
}
	
dl#news_list dd a {
	color:#FFFFFF;

	}	
		
div.news-title{
	display: block;
	text-align: left;
	margin: 0 0 1vw 0;

	}	

.news-button {
	overflow-wrap: break-word;
	clear: both;
	vertical-align: top;
	display:inline-block;
	width: 12vw;
	height: 3vw;
	box-sizing: border-box;
	border:0.2vw solid #fff;
	background:url("../images/arrow_white.png")no-repeat;
	background-size: 20 auto;
	background-size: contain;
	background-position: right 0 top 0;
	text-align: center;
	font-size: 1.5vw;
	border-radius: 0 0 1vw 0;
	padding: 0.5vw  1.5vw 0vw 0vw ;
	color: #FFFFFF;	
	cursor: pointer;
}

.news-button::after{
	content: "";
	position: absolute;
	background-size: contain;
	vertical-align: middle;
}

.news-button a{
	text-decoration: none;
	color: #FFFFFF;
}

.news-button:hover {
	background-color: rgba(255,255,255,0.34);
	color: #FFFFFF;

}



ul#swiper-navi-style{
	position:relative;
	bottom: 6vw;
	list-style: none;
	text-align: right;
	width: 100%;
	height: 5vw;
	background: rgba(0,0,0,0.0);
}

li#swiper-navi-style02{
	clear: both;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin:1vw 1vw;
	padding-right: 2vw;

}

.swiper-button-next_btn,.swiper-button-prev_btn{
	float: left;
	position: relative;
	vertical-align: middle;
	cursor:pointer;
	opacity:0.8;
	max-width: 1vw;
	height: auto;
}

.swiper-button-next,.swiper-button-prev{
	float: left;
	position: relative;
	vertical-align: middle;
	cursor:pointer;
	opacity:0.8;
	max-width: 1vw;
	height: auto;
}



.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
	opacity:.20;
	cursor:auto;
	pointer-events:none;
}	
	
.swiper-pagination-bullet{
	width: 2vw;
	height: 2vw;
	margin: 0.8vw  0.5vw 5vw 0; 
	margin-left: 1vw;

}
	
	
	.swiper-navi-styl{
	width: 100%;
	bottom: 0;
	z-index: 10;
	bottom: -7vw;
}
	
	.s-three-button {
	top: 63%;
	display:inline-block;
	width: 18vw;
	height: 5vw;
	box-sizing: border-box;
	border:0.2vw solid #fff;
	background:url("../images/arrow_white.png")no-repeat;
	background-size: 50 auto;
	background-size: contain;
	background-position: right 0 top 0;
	border-radius: 0 0 2vw 0;
	text-align: center;
	font-size: 1.2vw;
	padding: 0.9vw  2vw 0vw 0vw ;
	margin: 0.8vw 0vw 0vw 0.5vw;
	color: #FFFFFF;
	cursor: pointer;	
}

.s-three-button::after{
	content: "";
	position: absolute;
	width: 2vw;
	height:2vw;
	background-size: contain;
	vertical-align: middle;

}

.s-three-button a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.8vw;
}

.s-three-button:hover {
	background-color: rgba(255,255,255,0.34);
	text-decoration: none;
	color: #FFFFFF;

}
	
.s-three-sub {
	top: 44%;
}

.s-three-text {
	top: 48%;
}

.s-three-text2 {
	top: 44%;
	line-height: 1.1em;
}

}

@media screen and (max-width:480px){
ul#swiper-navi-styl-news{
	display: none;
}
	
.news-area{
	clear: both;
	width: 100%;
	height: auto;
	display: table; 
	margin:0 auto;
	margin-top: -1.8vw;
	list-style: none;
	background: rgba(51,92,183,1.00);


}
	
.news_box{
	display:inline-block;
	width: 100%;
	display: block;
	padding: 2vw 0vw 2vw 5vw;

	}

.news_list{
	list-style: none;
	text-align: left;	
	margin: 2 0;
	vertical-align: top;

}

dl#news_list{
	  font-size: 2vw;
	color: #FFFFFF;	
		margin-left: 2vw;
	  padding-right:5vw;  
		line-height: 3vw;
}	

dl#news_list dt{
  width:auto;
  float:left;
}

dl#news_list dd{
	width: 85%;
	float: left ;
	margin-left: 15vw ;
	margin-top: -3vw;
}

	
dl#news_list dd a {
	color:#FFFFFF;
	}	
	
div.news-title{
	display: block;
	text-align: left;
	margin-bottom: -2vw;
	padding-top: 0
	}	
	

.news-button {
	overflow-wrap: break-word;
	clear: both;
	vertical-align: top;
	display:inline-block;
	width: 12vw;
	height: 3vw;
	box-sizing: border-box;
	border:0.2vw solid #fff;
	background:url("../images/arrow_white.png")no-repeat;
	background-size: 20 auto;
	background-size: contain;
	background-position: right 0 top 0;
	text-align: center;
	font-size: 1.5vw;
	border-radius: 0 0 2vw 0;
	padding: 0.5vw  1.5vw 0vw 0vw ;
	color: #FFFFFF;	
	cursor: pointer;
}

.news-button::after{
	content: "";
	position: absolute;
	background-size: contain;
	vertical-align: middle;
}

.news-button a{
	text-decoration: none;
	color: #FFFFFF;
}

.news-button:hover {
	background-color: rgba(255,255,255,0.34);
	color: #FFFFFF;

}

	}