@charset "UTF-8";

/* --------------------------
gallery
-------------------------- */

.content_Wrap .ttl_area h1{
  width: 100%;
  max-width: 188px;
  margin: 0 auto;
  padding: 61px 0 0;
}
.content{
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
}

.slider_Wrap {
  max-width: 1200px;
  width: 100%;
  margin: 100px auto;
}
.flexslider .slides > li .cap_txt{
  font-size: 22px;
  bottom: 10px;
  left: 20px;
  text-shadow: 2px 1px 4px #000;
}
.flex-control-thumbs li{ width: calc((100% - 10px) / 6);}

/*youtube動画*/
.youtube_Area {
width: 100%;
margin: 60px auto 0;
}
.youtube_Area h6 {
text-align: center;
color: #231815;
font-size: clamp(20px,2vw,24px);
padding: 0 0 1em;
}
.youtube_Area div{
width: 100%;
max-width: 960px;
aspect-ratio: 16 / 9;
margin: 0 auto;
}

.youtube_Area div iframe {
width: 100%;
height: 100%;
}

@media (max-width: 767px) {

  .content_Wrap .ttl_area h1{
    padding: 38px 0 0;
  }
  .content h2{
    margin: 60px auto 30px;
    font-size: 16px;
  }

  .slider_Wrap{ margin: 50px auto;}

  .flexslider .slides > li .cap_txt{
    font-size: 14px;
    bottom: 5px;
    left: 10px;
  }

  .flex-control-thumbs li { width: calc((100% - 10px) / 6);}
  .flex-control-nav li:first-child,
  .flex-control-nav li:nth-child(6),
  .flex-control-nav li:nth-child(5n){ margin: 0;}
  .flex-control-nav li{ margin: 0 0 5px;}
  
  .youtube_Area {
    margin: 40px auto 0;
}
}