@charset "utf-8";
/*************************************************
 bx.css
**************************************************/
.mnslider .slide img{display: block;width: 100%;height: auto;}
.mnslider,
.mnslider .slide{margin:0;padding:0;}
.slide_box{/* max-width:1024px; */height:auto; margin:0px auto; padding-bottom: 0px; overflow:hidden;}
.slide_box.mb { display: none;}
.bxslider{max-height:320px;}
.bx-wrapper {position:relative;width:100%;padding:0px;clear:both;overflow:visible;}
.bx-wrapper .bxslider{margin:0px;max-height:none;overflow:visible;}
.bx-viewport{z-index:1;}
.bx-wrapper div{padding:0px;overflow:hidden;}
.bx-wrapper .slide{position:relative;height:auto;z-index:10;margin:0px;}
.bx-wrapper .slide a{display:block;padding:0px;}
.bx-wrapper .slide img{width:100%;height:auto;vertical-align:middle;}
.bx-has-controls-direction{position:static;width:100%;margin-top:0px;overflow:visible;vertical-align:middle;}
.bx-wrapper .bx-controls{margin:0px;overflow:hidden;}
.bx-wrapper .bx-pager {position:absolute;bottom:40px;right:0px;left:0px;z-index:80;text-align:center;overflow:visible;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block;overflow:visible;}
.bx-wrapper .bx-pager.bx-default-pager a{display:block;color:#333333;background:rgba(0,0,0,0.5);text-indent:-1000em;width:13px;height:13px;margin:0px 5px;border-radius:50%;text-align:left;overflow:hidden; box-shadow: 0px 0px 3px 2px rgba(255,255,255,1);}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  color:#ffffff;
  background: -moz-linear-gradient(#21a2a5, #5378b1);
  background: -webkit-linear-gradient(#21a2a5, #5378b1);
  background:linear-gradient(#21a2a5, #5378b1);
}
.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;background: rgba(0,0,0,0.7) no-repeat center center; box-shadow: 0px 0px 4px 1px rgba(255,255,255,1);text-indent:-1000em;opacity:0.8;z-index:45;}
.bx-wrapper .bx-controls .bx-prev{left:3%;background-image:url(../img/slider_arrow_left.png);}
.bx-wrapper .bx-controls .bx-next{right:3%;background-image:url(../img/slider_arrow_right.png);}
.bx-wrapper .bx-controls a:hover{opacity:1;}

.bx-wrapper .bx-controls-auto-item{position:absolute;right:2%;bottom:40px;z-index:110; overflow: visible;}

.bx-wrapper .bx-controls-auto-item a{display:block;width:28px;height:28px;margin:0px;background: rgba(0,0,0,0.6) no-repeat center center; text-indent:-1000em; background-size: contain; box-shadow: 0px 0px 3px 2px rgba(255,255,255,1);}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background-image:url(../img/stop_bt.png);}
.bx-wrapper .bx-controls-auto-item a.bx-start{background-image:url(../img/start_bt.png);}
.bx-wrapper .bx-controls-auto-item a.active{display:none;}

/* footer slide */
section.works .slide_box { padding-top: 2.5em; background-color: #21387a;}
section.works .bx-wrapper .slide a { color: #ffffff; text-align: center; text-decoration: none;}
section.works .bx-wrapper .slide a img { border: 1px solid #ffffff; box-sizing: border-box;}
section.works .bx-wrapper .bx-controls .bx-prev,
section.works .bx-wrapper .bx-controls .bx-next{ background-color: transparent; box-shadow: none;}
section.works .bx-wrapper .bx-controls .bx-prev{ width: 23px; top:35%; left: -40px; background-image: url(../img/slider_works_arrow_left.png);}
section.works .bx-wrapper .bx-controls .bx-next{ width: 23px; top:35%; right: -40px; background-image: url(../img/slider_works_arrow_right.png);}

section.works .bx-wrapper .bx-controls-auto-item { right: -44px; bottom: 44px;}
section.works .bx-wrapper .bx-controls-auto-item a{ width:32px;height:32px; background-color: rgba(0,0,0,0.6); border: 1px solid #aaaaaa; box-shadow: none; background-size: contain; box-sizing: border-box;}
section.works .bx-wrapper .bx-controls-auto-item a:hover { border-color: #ffffff;}
section.works .bx-wrapper .bx-controls-auto-item a.bx-stop{ background-image:url(../img/stop_bt.png);}
section.works .bx-wrapper .bx-controls-auto-item a.bx-start{ background-image:url(../img/start_bt.png);}

@media screen and (min-width:0) and (max-width:1220px) {
  .bx-wrapper .bx-pager { bottom: 10px;}
  .bx-wrapper .bx-controls-auto-item { bottom: 10px;}
}
@media screen and (min-width:0) and (max-device-width:660px) {
  section.works .bx-wrapper .bx-controls-auto-item { right: -12px; bottom: 10px;}
  section.works .bx-wrapper .bx-controls .bx-prev{ left: -22px;}
  section.works .bx-wrapper .bx-controls .bx-next{ right: -20px;}
}
@media screen and (min-width:0) and (max-width:680px) {
  .bx-wrapper .bxslider_ad .slide{max-height:100vw;}
}
@media screen and (min-width:0) and (max-width:660px) {
  .slide_box{ display: none;}
  .works .slide_box,
  .slide_box.mb { display: block;}
}