div.visual {position:relative;  padding-top:60px ;  }
div.visual .slick-list, div.visual .slick-slider, div.visual .slick-track {	position: relative;	display: block}
div.visual .slick-loading .slick-slide, div.visual .slick-loading .slick-track {	visibility: hidden}
div.visual .slick-slider {	box-sizing: border-box;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	
-webkit-touch-callout: none;	-khtml-user-select: none;	-ms-touch-action: pan-y;	touch-action: pan-y;	-webkit-tap-highlight-color: transparent}
div.visual .slick-list {	overflow: hidden;	margin: 0;	padding: 0}
div.visual .slick-list:focus {	outline: 0}
div.visual .slick-list.dragging {	cursor: pointer;	cursor: hand}
div.visual .slick-slider .slick-list, div.visual .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0)}
div.visual .slick-track {	top: 0;	left: 0}
div.visual .slick-track:after, div.visual .slick-track:before {	display: table;	content: ''}
div.visual .slick-track:after {	clear: both}
div.visual .slick-slide {	display: none;	float: left;	height: 100%;	min-height: 1px}
[dir=rtl] .slick-slide {	float: right}
div.visual .slick-slide img {	display: block}
div.visual .slick-slide.slick-loading img {	display: none}
div.visual .slick-slide.dragging img {	pointer-events: none}
div.visual .slick-initialized .slick-slide {	display: block}
div.visual .slick-vertical .slick-slide {	display: block;	height: auto;	border: 1px solid transparent}
div.visual .slick-arrow.slick-hidden {	display: none}/*# sourceMappingURL=slick.min.css.map */

*, *:before, *:after {  box-sizing: border-box;  padding: 0;  margin: 0;}
div.visual .slick-slide,div.visual .slick-slide::before, div.visual .caption,div.visual .caption::before {  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
div.visual .slick-slide::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
div.visual .full-wide-slider {  position: relative;   background-color: #fff;  color: #efefef;  text-align: center;
  width: 100%;  height:650px; overflow:hidden !important;  min-height: 500px;  opacity: 0;  visibility: hidden;  transition: all 1.2s ease;}
div.visual .full-wide-slider.slick-initialized {  opacity: 1;  visibility: visible;}
div.visual .slick-slide {  position: relative;  height: 650px;}
div.visual .slick-slide::before {  background-color: #fff;  opacity: 0;  z-index: 1;}
/*.slick-slide video {  display: block;  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;
  min-height: 100%;  width: auto;  height: auto;  -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);}
.slick-slide iframe {  position: relative;  pointer-events: none;}*/
div.visual .slick-slide figure {  position: relative;  height: 100%;}
div.visual .slick-slide .slide-image {  opacity: 0;  height: 100%;  background-size: cover;  background-position: center;  transition: all .8s ease;}
div.visual .slick-slide .slide-image.show {  opacity: 1;}
div.visual .slick-slide .image-entity {  width: 100%;  height: auto;  opacity: 0;}
/*.slick-slide .loading {  position: absolute;  top: 50%;  left: 0;  width: 100%;}*/
div.visual .slick-slide .slide-media {  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);  animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
div.visual .slick-slide.slick-active {  z-index: 1;}
div.visual .slick-slide.slick-active .slide-media {-webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);}

/*div.visual .slick-slide.slick-active .caption2 {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.3) 1s;}
div.visual .caption2 {  position: absolute; margin:0 auto;  top: 52%;  width:100%;  text-align: center;     margin: 0; font-size: 30px;  
  opacity: 0; z-index: 1; transition: all .3s ease; -webkit-transform: translateY(100px); transform: translateY(100px);}
div.visual .caption2 span{border: 0px solid;  color: #096eb8; margin:0 auto; width:30%; padding: 20px 0px 25px 0px; }*/

/* sub h2 tmt */
div.txtBox {width:1200px; margin:0 auto ; padding-left:50px;  overflow:hidden; height:0px;}
div.visual .caption span{border: 0px solid;  color: #bda67c; margin:0 auto; width:100%; display:block; padding: 0px; }
div.visual .caption span h5{border: 0px solid;  color: #bda67c; margin:0 auto; width:100%; display:block; padding: 0px; }
div.visual .slick-slide.slick-active .caption {  opacity: 0;  position: absolute; margin:0 atuo;  top: 29% ;  width:100%; 
 text-align: left; font-weight:400;    margin: 0; font-size: 18px;   opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s;  animation-delay:0.5s; -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

div.visual .caption2 span{border: 0px solid;  color: #395762; margin:0 auto; width:100%; display:block; padding: 0px; letter-spacing:-3px;font-size:40px;}
div.visual .slick-slide.slick-active .caption2 {  opacity: 0;  position: absolute; margin:0 atuo;  top: 38% ;  width:100%; 
 text-align: left; font-weight:400;    margin: 0; font-size: 50px;   opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:1s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}



div.visual .caption3 span{border: 0px solid;  color: #fff; margin:0 auto; width:100%; display:block; padding: 0px; }
div.visual .slick-slide.slick-active .caption3 {  opacity: 0;  position: absolute; margin:0 atuo;  top: 50% ;  width:100%; 
 text-align: left; font-weight:400;    margin: 0; font-size: 25px;   opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:1.5s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateY(30px);  transform: translateY(30px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateY(0px);  transform: translateY(0px);  }
}


/*slick-dots*/
div.visual .slick-dots { position:absolute; bottom:50px; width:100%; text-align: center;  }
div.visual .slick-dots li {  display: inline-block;  vertical-align: top;  margin: 0 8px;}
div.visual .slick-dots li button { text-indent:-9999px;  width: 16px;  height: 16px;  border: none;  cursor: pointer;  border-radius: 50%;  border: 2px solid #fff;
  box-shadow: 0 0 0 0 transparent;  vertical-align: middle;  color: #fff;  background-color:rgba(0,0,0,0);  transition: all .3s ease;  opacity: 1;}
div.visual .slick-dots li button:focus {  outline: none;}
div.visual .slick-dots li button:hover {  opacity: 1;}
div.visual .slick-dots li.slick-active button { border-color: #fff; background-color:#fff;  box-shadow: 0 0 0 0px #fff;  opacity: 1;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.visual {position:relative; width:calc(100% - 0px);  margin:0px auto ; padding-top:0px ;  background-color:#fff;}	
/*.full-wide-slider {   height: 100vw;  min-height: 100vw;  }
.slick-slide {   height: 100vw;}*/
div.txtBox {width:100%; padding-left:20px;  }
div.visual .slick-slide.slick-active .caption {  top: 30%;  }
div.visual .caption span{padding: 20px 20px 15px 20px; border:0;  }
div.visual .slick-slide.slick-active .caption2 {  top: 36%;  }
div.visual .caption2 span{padding: 20px 20px 15px 20px; border:0; font-size:45px;  }
div.visual .slick-slide.slick-active .caption3  { top: 55% ; }
div.visual .caption3 span {padding: 20px 20px 15px 20px;}
div.visual .full-wide-slider {   height:400px;  min-height: 400px;  }
div.visual .slick-slide {  height: 400px;}
div.visual .slick-dots { position:absolute; bottom:50px;}
}
@media (max-width: 768px) {
div.txtBox {width:100%; padding-left:10px;  }
div.visual .slick-slide.slick-active .caption {  top: 24%; font-size:16px; }
div.visual .caption span{padding: 0px 10px 0px 10px; border:0;  }
div.visual .slick-slide.slick-active .caption2 {  top: 33%;  }
div.visual .caption2 span{padding: 0px 10px 15px 10px; border:0; font-size:24px; line-height:35px;width:70%; float:left;}
div.visual .slick-slide.slick-active .caption3  { top: 49% ; }
div.visual .caption3 span {padding: 20px 10px 15px 10px;  font-size:18px; }	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}