@charset "UTF-8";
/*! Writen  by SCSS */
.mainvisual:before {
  padding-bottom: 41.75%; }
.mainvisual .mainimg {
  background-image: url("../images/main.jpg"); }

.inner {
  max-width: 1080px; }

.sec_movie {
  padding-top: clamp(40px, 6.67%, 80px);
  padding-bottom: clamp(40px, 6.67%, 80px); }
  .sec_movie .item01, .sec_movie .item02 {
    margin-bottom: clamp(60px, 8.34%, 100px); }
  .sec_movie .movie_wrap {
    margin-top: clamp(25px, 3.34%, 40px);
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 = 9 ÷ 16 = 0.5625 */
    overflow: hidden; }
    .sec_movie .movie_wrap video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* 必要に応じて contain も選べる */ }

.sec01 {
  scroll-margin-top: 120px;
  background: #b7b08c;
  padding-top: clamp(40px, 6.67%, 80px);
  padding-bottom: clamp(40px, 6.67%, 80px); }

.sec02 {
  padding-top: clamp(40px, 6.67%, 80px);
  padding-bottom: clamp(40px, 6.67%, 80px); }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: none !important; }

.slide_wrap {
  max-width: 900px;
  margin: 0 auto; }
  .slide_wrap .slide_thumb,
  .slide_wrap .slide_thumb_02,
  .slide_wrap .slide_thumb_03 {
    margin-top: 10px; }
    .slide_wrap .slide_thumb .swiper-wrapper,
    .slide_wrap .slide_thumb_02 .swiper-wrapper,
    .slide_wrap .slide_thumb_03 .swiper-wrapper {
      justify-content: space-between !important;
      justify-content: center !important;
      grid-gap: 0 2%; }
      @media screen and (max-width: 600px) {
        .slide_wrap .slide_thumb .swiper-wrapper,
        .slide_wrap .slide_thumb_02 .swiper-wrapper,
        .slide_wrap .slide_thumb_03 .swiper-wrapper {
          flex-wrap: wrap; } }
    .slide_wrap .slide_thumb .swiper-slide,
    .slide_wrap .slide_thumb_02 .swiper-slide,
    .slide_wrap .slide_thumb_03 .swiper-slide {
      width: calc(103%/9) !important;
      position: relative;
      cursor: pointer; }
      @media screen and (max-width: 600px) {
        .slide_wrap .slide_thumb .swiper-slide,
        .slide_wrap .slide_thumb_02 .swiper-slide,
        .slide_wrap .slide_thumb_03 .swiper-slide {
          width: 24% !important; }
          .slide_wrap .slide_thumb .swiper-slide:nth-child(-n+4),
          .slide_wrap .slide_thumb_02 .swiper-slide:nth-child(-n+4),
          .slide_wrap .slide_thumb_03 .swiper-slide:nth-child(-n+4) {
            margin-bottom: 2%; } }
      .slide_wrap .slide_thumb .swiper-slide .sum_txt,
      .slide_wrap .slide_thumb_02 .swiper-slide .sum_txt,
      .slide_wrap .slide_thumb_03 .swiper-slide .sum_txt {
        position: absolute;
        pointer-events: none;
        inset: 0;
        margin: auto;
        background: rgba(189, 138, 85, 0.7); }
      .slide_wrap .slide_thumb .swiper-slide.swiper-slide-thumb-active .sum_txt,
      .slide_wrap .slide_thumb_02 .swiper-slide.swiper-slide-thumb-active .sum_txt,
      .slide_wrap .slide_thumb_03 .swiper-slide.swiper-slide-thumb-active .sum_txt {
        background: initial; }
  .slide_wrap .slide_main_wrap {
    position: relative; }
    .slide_wrap .slide_main_wrap .slide_prev {
      left: -50px; }
      @media screen and (max-width: 1000px) {
        .slide_wrap .slide_main_wrap .slide_prev {
          left: -15px; }
          .slide_wrap .slide_main_wrap .slide_prev img {
            -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
            filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5)); } }
    .slide_wrap .slide_main_wrap .slide_next {
      right: -50px; }
      @media screen and (max-width: 1000px) {
        .slide_wrap .slide_main_wrap .slide_next {
          right: -15px; }
          .slide_wrap .slide_main_wrap .slide_next img {
            -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
            filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5)); } }

.tab_btn {
  display: flex;
  justify-content: center;
  grid-gap: 0 30px;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: clamp(30px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .tab_btn {
      justify-content: space-between;
      grid-gap: 0; } }
  .tab_btn.col03 {
    max-width: 960px; }
    @media screen and (max-width: 480px) {
      .tab_btn.col03 {
        flex-wrap: wrap;
        row-gap: 15px; } }
    .tab_btn.col03 li {
      width: 31.25%; }
  .tab_btn li {
    width: 48%;
    font-size: clamp(16px, 1.5vw, 18px);
    letter-spacing: 0.05em;
    padding: 0.6em 10px;
    background: #32323a;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    background: linear-gradient(#c4c2b8, #76715c);
    transition: all 0.3s ease-in-out; }
    @media screen and (max-width: 480px) {
      .tab_btn li {
        width: 48% !important;
        font-size: calc(14.5vw/3.9); } }
    .tab_btn li.on, .tab_btn li:hover {
      background: linear-gradient(#76715c, #76715c); }
    .tab_btn li::after {
      content: "";
      position: absolute;
      inset: 5px;
      border: 1px solid #fff;
      margin: auto;
      display: block;
      pointer-events: none; }
    @media screen and (max-width: 480px) {
      .tab_btn li.w100_sp {
        width: 100% !important; } }

.tab_cnt .tab_item:not(.on) {
  display: none; }

/*# sourceMappingURL=gallery.css.map */