@charset "utf-8";
.img{font-size:0;position: relative;}

.container{
  padding:80px 0 0;
}
h2{
  width:441px;
  margin:0 auto;
}

@media screen and (max-width: 768px) {
  .container{
    padding:23.438vw 0 0;
  }
  h2{
    width:68.49%;
  }
}

.contents_wrap{
  max-width:1320px;
  margin:0 auto;
  padding:80px 20px;
  box-sizing: border-box;
}
.gallery_wrap{
  max-width:1280px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .contents_wrap{
    max-width:inherit;
    width:100%;
    padding:9.505vw 0;
  }
  .gallery_wrap{
    max-width:inherit;
    width:89.583%;
    margin:0 auto;
  }
}


/*スライド*/

.swiper-container{
  position: relative;
}
.swiper-container .swiper-slide{
  width:100%;
}
.swiper-container .swiper-slide .img{
  position: relative;
  font-size:0;
}
.swiper-container .swiper-slide .img .cap{
  position: absolute;
  bottom:0;
  right:0;
  font-size:12px;
  line-height: 1;
  margin:5px;
  color:#fff;
}
.swiper-container .swiper-slide .img .cap.bk{
  color:#333;
}
.swiper-thumbnail{
  margin:10px auto 0;
}
.swiper-thumbnail .swiper-wrapper{

}
.swiper-thumbnail .swiper-wrapper .swiper-slide{
  background-color:rgba(0,0,0,1);
  position: relative;
  transition-duration: .3s;
  cursor: pointer;
  font-size: 0;
}
.swiper-thumbnail .swiper-wrapper .swiper-slide::before{
  content: '';
  display: block;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,.6);
  opacity: 0;
  transition: opacity 0.3s;
}
.swiper-thumbnail .swiper-wrapper .swiper-slide:hover::before{
  opacity:1;
}
.swiper-thumbnail .swiper-slide-thumb-active {
  pointer-events: none;
}
.swiper-thumbnail .swiper-wrapper .swiper-slide-thumb-active::before {
  content: '';
  display: block;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,.6);
  transition: opacity 0.3s;
  opacity:1;
}
.swiper-button-prev,
.swiper-button-next{
  position: absolute;
  left: 2.344%;
  top: 53%;
  transform: translate(0,-50%);
  cursor: pointer;
  z-index: 1;
  display: inline-block;
  width:2.03125%;
  height:0;
  padding-bottom:5.078%;
  background: url("../img/gallery/g_arrow_pc.svg") no-repeat;
  background-size: cover;
}
.swiper-button-prev::before,
.swiper-button-next::before,
.swiper-button-prev::after,
.swiper-button-next::after{
  display:none;
}
.swiper-button-next{
  left:auto;
  right:2.344%;
  transform: translate(0,-50%) scale(-1,-1);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
  pointer-events: none;
  opacity:.5;
  transition-delay: .5s;
}

@media all and (max-width: 768px){
  .swiper-container .swiper-slide .img .cap{
    font-size:1.563vw;
    margin:0.651vw;
  }
  .swiper-thumbnail{
    margin:10px auto 0;
  }
  .swiper-thumbnail .swiper-slide-thumb-active {
    pointer-events: auto;
  }
  .swiper-button-prev,
  .swiper-button-next{
    top:60%;
    left: 2.906%;
    width:3.198%;
    padding-bottom:8.576%;
    background: url("../img/gallery/g_arrow_sp.svg") no-repeat;
  background-size: cover;
  }
  .swiper-button-next{
    left:auto;
    right:2.906%;
  }
}

@media (min-width: 769px) {
  .notes_wrap {
    padding: 55px 0;
    background-color: #fff;
  }
  .notes_wrap .notes{
    max-width: 1280px;
  }
}

@media all and (max-width: 768px) {
  .notes_wrap {
    background-color: #fff;
  }
  .notes_wrap .notes{
    max-width: inherit;
    width:89.583%;
  }
}