/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/*
.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:'flexslider-icon';src:url(fonts/flexslider-icon.eot);src:url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(fonts/flexslider-icon.woff) format('woff'),url(fonts/flexslider-icon.ttf) format('truetype'),url(fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flexslider{overflow:hidden;margin:40px 0 0 0;padding:0;position:relative;zoom:1;max-height:750px}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a,.flex-pauseplay a{display:block;position:absolute;z-index:10;overflow:hidden;cursor:pointer}.flex-direction-nav a{text-align:center;border:1px solid #fff;line-height:40px;margin:-20px 0 0;top:50%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;width:40px;height:40px;color:#fff;opacity:0}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px}.flexslider:hover .flex-prev{opacity:1;left:50px}.flexslider:hover .flex-next{opacity:1;right:50px}.flex-control-thumbs img:hover,.flex-pauseplay a:hover,.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-direction-nav a:before{font-family:'FontAwesome';font-size:32px;display:inline-block;content:'\f104'}.flex-direction-nav a.flex-next:before{content:'\f105'}.flex-pauseplay a{width:20px;height:20px;bottom:5px;left:10px;opacity:.8;color:#000}.flex-pauseplay a:before{font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.slidedot,.slidedot2{background-image:url(../images/dot.png);position:absolute;height:100%;width:100%}.slidedot2{background-image:url(../images/dot2.png)}
*/

/* ========================================
   #slider 全体設定
======================================== */
#slider {
  width: 100%;
  height: 70vh;          /* 画面に対して可変 */
  max-height: 700px;     /* ← 最大650px */
  position: relative;
  overflow: hidden;
/*  margin-top:36px;*/
}

#slider .slider-swiper,
#slider .swiper-wrapper,
#slider .swiper-slide {
  height: 100%;
}

#slider .swiper-slide {
  position: relative;
  background-size: cover;
  background-position: center;
}

/* 背景画像 */
#slider .slide1 { background-image: url("../images/slide1.jpg"); }
#slider .slide2 { background-image: url("../images/slide2.jpg"); }
#slider .slide3 { background-image: url("../images/slide3.jpg"); }
#slider .slide4 { background-image: url("../images/slide4.jpg"); }
@media (max-width: 768px){
#slider .slide1 {background-image: url("../images/slide1_sp.jpg");}
#slider .slide2 {background-image: url("../images/slide2_sp.jpg");}
#slider .slide3 {background-image: url("../images/slide3_sp.jpg");}
#slider .slide4 {background-image: url("../images/slide4_sp.jpg");}
}
/* 看板ボックス */
#slider .slider-caption {
  position: absolute;
  top: 50%;
 left: 50%;
transform: translate(-50%, -50%);
  width: 70%;
  padding: 40px;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(4px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  border-radius: 8px;
  color: #fff;
  opacity: 0;
  transition: all .8s ease;
}

#slider .slider-caption.is-animated {
  opacity: 1;
}

#slider .slider-caption h2 {
  font-size: 42px;
  margin-bottom: 15px;
  color: #ff8c1a;
}

#slider .slider-caption p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 25px;
  color:#fff;
  text-align:center;
}

#slider .slider-caption a {
  display: inline-block;
  padding: 12px 30px;
  background: #ff8c1a;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  transition: background .3s ease;
}

#slider .slider-caption a:hover {
  background: #e67600;
}

#slider .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.6;
}

#slider .swiper-pagination-bullet-active {
  opacity: 1;
}

/* SP */
@media (max-width:768px){
  #slider .slider-caption {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 25px;
  }
  #slider .slider-caption h2 { font-size: 26px; }
  #slider .slider-caption p { font-size: 14px; }
}