.pro {width:100%; max-width:100% !important; }
.slider01 .point {width:300px; background-color:#000; margin: 0px auto 15px auto; color:#fff; padding:10px; border-radius:30px; font-size:20px; text-align:center; font-weight:500;}
.slider01 h3 {font-size:45px;}
.slider01 {margin:50px 0 0 0 ; overflow:hidden;}
.slider01 .m-carousel {overflow:hidden;  opacity: 0;  transition: all 0.3s ease;}
.slider01 .flickity-viewport {}
.slider01 .m-carousel.flickity-enabled {  opacity: 1; /* background: #fff;*/}
.slider01 .m-carousel__item { margin:0 50px !important; opacity:1; padding:0 0 50px 0 ;  transition: opacity 0.3s ease; 
 width: 1100px; height:650px;  border-right: 0px !important; opacity: 1;}
.slider01 .m-carousel__item.is-selected {  opacity: 1;}
.slider01 .m-carousel__item.is-selected .m-carousel__image {height:500px; transition: all 0.3s ease; margin-top:0;}



/*.slider01 .m-carousel__item.is-selected:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%;
 background-color:rgba(0,0,0,0.2); }*/
.slider01 .m-carousel__image { position:relative; display: block;  width: 100%;  height: 500px;  opacity: 0; 
 transition: opacity 0.3s ease;box-shadow: 0 0 12px rgba(0,0,0,0);transition: all 0.3s ease; margin-top:100px; }
.slider01 .m-carousel__image.flickity-lazyloaded { opacity: 1; }
.slider01 .flickity-prev-next-button { border:1px solid rgb(34,34,34); border-radius:30px !important; 
/*ackground-color:rgba(255,255,255,.5) !important;*/ background: none; opacity: 0.8}
.slider01 .flickity-prev-next-button.previous {left:47% !important; z-index:2; margin:0 0 0 210px; background:url(../img/prev2.png)no-repeat  center; background-size:contain; }
.slider01 .flickity-prev-next-button.next {right:50% !important; z-index:2; margin:0 -480px 0 0;  background:url(../img/next2.png)no-repeat  center; background-size:contain; }
.slider01  .flickity-prev-next-button path {  fill: rgba(0,0,0,0.5); font-size:10px;}
.slider01  .flickity-prev-next-button:hover path {  fill: rgba(0,0,0,6);}
.slider01  .flickity-prev-next-button:hover { opacity:1; }

/* sub h2 tmt */
.slider01 .m-carousel__item div.txtBox {display:none; transition: all 0.3s ease;}
.slider01 .m-carousel__item.is-selected div.txtBox {display:block !important;transition: all 0.3s ease;  width:340px; 
color: #fff;  text-align:left; z-index:112; position:absolute; top:68%; left:9%; transform:translate(-0%,-0%); 
margin:0 auto  ;   padding:30px 30px 35px 35px; height:200px;  overflow:hidden;  background-color:#a2ce2c;
box-shadow:0px 0px 12px rgba(0,0,0,0.2);  }
/*.slider01 .m-carousel__item.is-selected div.txtBox {display:block !important;transition: all 0.3s ease;  width:450px; 
color: #fff;  text-align:left; z-index:112; position:absolute; bottom:25%; left:5%; transform:translate(-0%,-0%); 
margin:0 auto  ;   padding:40px 45px; height:250px; border-radius:0px;  overflow:hidden;  background-color:rgba(0,0,0,0.5);
box-shadow:0px 0px 10px rgba(255,255,255,0); }*/
div.txtBox .caption span{font-size:25px; color:#b7ed50; border: 0px solid;  width:100%; display:block; padding: 0px 0 0 0; }
.slider01 .m-carousel__item.is-selected div.txtBox .caption { text-transform:uppercase ;  opacity: 0;  position: relative;  margin:0 auto;    width:100%; 
 font-weight:500;    margin: 0; font-size: 14px; line-height:20px;  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.3s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}
div.txtBox .caption,div.txtBox .caption2,div.txtBox .caption3,div.txtBox .s2_img,div.txtBox .caption4 { opacity:0;}
div.txtBox .caption2 span{border: 0px solid;   width:100%; display:block; padding: 10px 0 20px 0; font-weight:600; line-height:1.2;}

.slider01 .m-carousel__item.is-selected div.txtBox .caption2 {  opacity: 0;  position: relative; margin:0 auto;   width:100%; 

 font-weight:500;    margin: 0; font-size: 30px; line-height:45px;  opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 0.5s; animation-duration: 0.5s;  animation-delay:0.4s; -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}


.slider01 .m-carousel__item .txtBox .wid_full{width:100%;}
.slider01 .m-carousel__item.is-selected div.txtBox .facil_name{paddig:0; font-size:34px; font-weight: 600; color:#fff;}

.eng_facil .m-carousel__item.is-selected div.txtBox .facil_name{font-size:28px;}
.jpn_facil .m-carousel__item.is-selected div.txtBox .facil_name{font-size:30px;}


div.txtBox .caption3 span{border: 0px solid; line-height:1.6;  width:60%; display:block; padding: 0px 10% 0px 0; }
div.txtBox .caption4 span{ display:block; padding: 0px 0 0px 0; }
div.txtBox .s2_img{border: 0px solid; line-height:1.6;  display:block; padding: 0px 0 0px 0; }

.slider01 .m-carousel__item.is-selected div.txtBox .caption3 {  opacity: 0;  position: relative; margin:0 auto;  width:100%; 
 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: 0.5s; animation-duration: 0.5s; animation-delay:0.4s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

.jpn_facil .m-carousel__item.is-selected div.txtBox .caption3{font-size:13px;}

.slider01 .m-carousel__item.is-selected div.txtBox .caption4 {  opacity: 0;  position: relative; margin:0 auto;  width:100%; 
 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: 0.5s; animation-duration: 0.5s; animation-delay:0.4s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

.slider01 .m-carousel__item.is-selected div.txtBox .s2_img {  opacity: 0;  position: relative; margin:0 auto;  width:100%; 
 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: 0.5s; animation-duration: 0.5s; animation-delay:0.4s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

div.txtBox .wid_full>span{width:100%; padding:0;}

@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);  }
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.slider01 {margin:70px 0  0 0 ;}	
.slider01 .point {width:250px; margin: 30px auto 15px auto;  padding:8px; font-size:16px; }
.slider01 h3 {font-size:25px;}
.slider01 .m-carousel {	}
.slider01 .m-carousel__item {   width: 100%; height:400px; padding:0 0 50px 0}
.slider01 .flickity-prev-next-button.previous {left:10px !important; margin:0;}
.slider01 .flickity-prev-next-button.next {right:10px !important; margin:0; }
.slider01 .m-carousel .flickity-prev-next-button path {  fill: rgba(255,255,255,.9);}
.slider01 .m-carousel .flickity-prev-next-button:hover path {  fill: rgba(255,255,255,.9);}

.slider01 .m-carousel__item { margin:0 !important; overflow:hidden;}
div.txtBox {width:100%; padding-bottom:0; }
.slider01 .m-carousel__item.is-selected div.txtBox .caption {   font-size:14px;  }
div.slider01 .caption span{padding: 0px 15px; border:0; font-size:13px; }
div.slider01 .caption2 span{padding:5px 15px; border:0; font-size:20px; line-height:35px; }
div.slider01 .caption3 span {padding:5px 15px; font-size:13px;}	
.slider01 .m-carousel__image { width: 170%; margin-left:-35%; overflow:hidden;  height: auto;  }

.slider01 .m-carousel__item.is-selected .m-carousel__image,
.slider01 .m-carousel__item .m-carousel__image  {height:auto;}

.slider01 .m-carousel__item.is-selected div.txtBox {  width:auto; padding:30px 10px 70px 10px; height:auto; }
.flickity-page-dots {display:none;}
}
@media (max-width: 768px) {
	
	
	div.txtBox .m_rolling_txt span{font-size:15px;}
	div.txtBox .caption2 span{padding:10px 0 20px;}
	div.txtBox .facil_name span{font-size:22px; padding:22px 30px 0 30px; line-height:1.4}
	div.slider01 .caption3 span{font-size:14px;}

	.slider01{margin:0 auto;}
	.slider01 .m-carousel__item.is-selected div.txtBox{padding:0; height:27%; right:0; left:40%; top:64%; width:54%;}
	.slider01 .m-carousel__item.is-selected div.txtBox .facil_name{font-size:25px}
	
	.flickity-viewport{height:500px;}
	.slider01 .flickity-prev-next-button.previous{left:130px; bottom:17px; margin:0px 0px 0 5px; background:url(../img/prev_b.png)no-repeat  center; background-size:contain;}
	.slider01 .flickity-prev-next-button.next{right:130px; bottom:17px; margin:0 238px 0 0; background:url(../img/next_b.png)no-repeat  center; background-size:contain;}
	.slider01 .flickity-prev-next-button{border:2px solid #fff;}
	
	.slider01 .m-carousel__item.is-selected div.txtBox .caption3{display:none;}
	
	.eng_facil .m-carousel__item.is-selected div.txtBox .facil_name span{padding:22px 25px 0 25px; font-size:16px;}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}