@charset "utf-8";
/* CSS Document */

.swiper {
  z-index: 0;
}
.swiper-slide .card {
  border: 0;
  text-align: center;
  font-size: 1.25rem;
  font-family: "futura-pt", sans-serif;
}
.swiper .swiper-wrapper .swiper-slide {
  overflow: hidden;
  transition: 0.5s all;
}

.swiper.swiper-Build-center .swiper-wrapper .swiper-slide {
  opacity: 1;
  overflow: hidden;
  transition: 0.5s all;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px 8px;
}
.swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  pointer-events: auto;
}
@media (width >= 768px) {
  .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
  }
}
.swiper .swiper-wrapper .swiper-slide a {
  display: block;
  color: #3b3b3b;
  background: #ffffff;
  font-weight: bold;
  overflow: hidden;
}
.swiper .swiper-wrapper .swiper-slide a img {
  transition: 0.5s all;
}
@media (768px >= width) {
  .swiper .swiper-wrapper .swiper-slide a img {
    color: #3b3b3b;
    margin-right: 9vw;
  }
}
@media (768px >= width) {
  .swiper .swiper-wrapper .swiper-slide a img::after {
    background: #3b3b3b;
  }
}
.swiper .swiper-wrapper .swiper-slide a:hover {
  color: #b1a595;
}
.swiper .swiper-wrapper .swiper-slide a:hover img {
  transform: scale(1.05);
  opacity: 1;
}

.swiper.swiper-Fview .swiper-slide .imgBox img,
.swiper.swiper-Fview .swiper-slide .zoomIn,
.swiper.swiper-Fview .swiper-slide .zoomOut {
  transition: 5s all;
}
.swiper.swiper-Fview .swiper-slide .fadeLeft,
.swiper.swiper-Fview .swiper-slide .fadeRight {
  transition: 5s all;
}
.swiper.swiper-Fview .swiper-slide-active .zoomIn {
  transform: scale(1.1);
}
@media (width >= 768px) {
  .swiper.swiper-Fview .swiper-slide-active .zoomIn {
    transform: scale(1.03);
  }
}
.swiper.swiper-Fview .swiper-slide-active .zoomOut {
  transform: scale(0.95);
}
@media (width >= 768px) {
  .swiper.swiper-Fview .swiper-slide-active .zoomOut {
    transform: scale(0.97);
  }
}
.swiper.swiper-Fview .swiper-slide-active .fadeLeft {
  transform: translateX(-10%);
}
.swiper.swiper-Fview .swiper-slide-active .fadeRight {
  transform: translateX(10%);
}
@media (768px >= width) {
  .swiper.swiperMain .swiper-slide {
    height: 80% !important;
    max-height: 280px;
  }
  .swiper.swiperMain .swiper-slide img {
    object-fit: cover;
    object-position: right 0 bottom 20px;
  }
}
.swiper.swiperThumbnail .swiper-slide {
  transform: scale(0.8);
}
.swiper.swiperThumbnail .swiper-slide img {
  pointer-events: auto !important;
}
.swiper.swiperThumbnail .swiper-slide-thumb-active {
  opacity: 1;
  transform: scale(1) !important;
}
.swiper.swiperThumbnail .swiper-slide:hover {
  transform: scale(0.9);
}
.swiper.swiperThumbnail .swiper-pagination {
  bottom: 0;
  left: 51%;
  transform: translateX(-50%);
}
@media (width >= 768px) {
  .swiper.swiperThumbnail .swiper-pagination {
    bottom: 0px;
  }
}
.swiper.swiperThumbnail .swiper-pagination-bullet {
  border-radius: 4px;
  transform: scaleX(1);
  transition: 0.5s all;
}
@media (width >= 768px) {
  .swiper.swiperThumbnail .swiper-pagination-bullet {
    border-radius: 1px;
  }
}
.swiper.swiperThumbnail .swiper-pagination-bullet span {
  display: inline-block;
}
.swiper.swiperThumbnail .swiper-pagination-bullet-active {
  width: 50px;
  background: #ebebeb !important;
  border: 1px solid #3b3b3b !important;
}
@media (width >= 768px) {
  .swiper.swiperThumbnail .swiper-pagination-bullet-active {
    background: #3b3b3b !important;
  }
}
.swiper-quality img:hover {
  cursor: pointer;
  filter: brightness(120%);
}
/*
.swiper .swiper-wrapper .swiper-slide img {
  width: 90%;
  margin: auto;
  display: block;
}*/
.swiper.swiper-Build,
.swiper.swiper-Video {
  width: 100%;
  height: 100%;
}

.swiper.swiper-Build .swiper-slide,
.swiper.swiper-Video .swiper-slide {
  transform: scale(0.8);
}
.swiper.swiper-Build .swiper-slide img,
.swiper.swiper-Video .swiper-slide img {
  pointer-events: auto !important;
}

.swiper.swiper-Build .swiper-slide-active,
.swiper.swiper-Video .swiper-slide-active {
  opacity: 1;
  transform: scale(1) !important;
}
.swiper.swiper-Build .swiper-slide:hover,
.swiper.swiper-Video .swiper-slide:hover {
  opacity: 1;
  transform: scale(0.9);
}
.swiper.swiper-Build-center .swiper-pagination,
.swiper.swiper-Build .swiper-pagination,
.swiper.swiper-Video .swiper-pagination {
  /*left: -20px;
  transform: translateX(-50%);
  width: auto;
  top: 60%;
  z-index: 99;*/
}
@media (width >= 768px) {
  .swiper.swiper-Build-center .swiper-pagination,
  .swiper.swiper-Build .swiper-pagination,
  .swiper.swiper-Video .swiper-pagination {
    bottom: 0px;
  }
}
.swiper.swiper-Build-center .swiper-pagination-bullet,
.swiper.swiper-Build .swiper-pagination-bullet,
.swiper.swiper-Video .swiper-pagination-bullet {
  border-radius: 4px;
  transform: scaleX(1);
  transition: 0.5s all;
}
@media (width >= 768px) {
  .swiper.swiper-Build-center .swiper-pagination-bullet,
  .swiper.swiper-Build .swiper-pagination-bullet,
  .swiper.swiper-Video .swiper-pagination-bullet {
    border-radius: 1px;
    border-radius: 0.75rem;
  }
}
.swiper.swiper-Build-center .swiper-pagination-bullet span,
.swiper.swiper-Build .swiper-pagination-bullet span,
.swiper.swiper-Video .swiper-pagination-bullet span {
  display: inline-block;
}
.swiper.swiper-Build-center .swiper-pagination-bullet-active,
.swiper.swiper-Build .swiper-pagination-bullet-active,
.swiper.swiper-Video .swiper-pagination-bullet-active {
  /*width: 50px;*/
  background: #9b6c4f;
  border: 1px solid #9b6c4f;
}
@media (width >= 768px) {
  .swiper.swiper-Build .swiper-pagination-bullet-active,
  .swiper.swiper-Video .swiper-pagination-bullet-active {
    background: #9b6c4f;
    border-radius: 0.75rem;
  }
}

.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
  /*color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 12px 14px;
  background: #fff;*/
  /* filter: drop-shadow(1px 1px 3px black); */
  color: #000;
  font-size: 3rem;
  z-index: 99;
  top: -100%;
  position: absolute;
}
.swiper-button-prev:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /*←ココ！！！！！！！*/
  content: "\f0d9";
}
.swiper-button-next:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /*←ココ！！！！！！！*/
  content: "\f0da";
}
.swiper .swiper-pagination.-type01 .swiper-pagination-bullet {
  box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.692);
  transition: all 1s;
}
.swiper .swiper-pagination.-type01 .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 5px;
  background: #ff3c00;
}

.swiper-title {
  position: relative;
  width: 100%;
  margin: auto;
}
@media (width >= 768px) {
  .swiper-title {
    width: 85%;
  }
}
.swiper-title .balloon2 {
  position: absolute;
  top: 33%;
  left: 0;
  transform: translateY(-50%);
  width: 19%;
  height: auto;
  border-radius: 50%;
}
@media (width >= 768px) {
  .swiper-title .balloon2 {
    top: 30%;
    width: 15%;
    max-width: 150px;
  }
}
.swiper-title .balloon2.-site-balloon-c {
  background: #002a37;
}
.swiper-title .balloon3 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 19%;
  height: auto;
  border-radius: 50%;
}
@media (width >= 768px) {
  .swiper-title .balloon3 {
    width: 15%;
    max-width: 150px;
  }
}
.swiper-title .balloon3.-site-balloon-c {
  background: #002a37;
}

.swiperArea {
  position: relative;
  height: auto;
  overflow: hidden;
}
@media (width >= 768px) {
  .swiperArea .swiper-container {
    padding: 0 40px;
  }
}
.swiperArea .swiper-container.card-swiper {
  margin-bottom: 80px;
}
.swiperArea .swiper-container.card-swiper:last-child {
  margin-bottom: 30px;
}
@media (width >= 768px) {
  .swiperArea .swiper-container.card-swiper:last-child {
    margin-bottom: 80px;
  }
}
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-next,
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-prev {
  width: 45px; /* 背景画像の幅を必ず指定 */
  height: 45px; /* 背景画像の高さを必ず指定 */
  transform: translateY(-50%);
  background: gray;
  border: 1px solid white;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.5s;
  z-index: 6 !important;
}
@media (400px >= width) {
  .swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-next,
  .swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-prev {
    top: 50%;
    transform: scale(0.5, 0.5) translateY(-50%);
  }
}
@media (width >= 768px) {
  .swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-next,
  .swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
  }
}
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-next::after,
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-prev::after {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  content: ""; /* 空指定してデフォルトの矢印を消す */
  width: 0;
  height: 0;
  border-style: solid;
}
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-next:hover,
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-prev:hover {
  opacity: 0.8;
}
@media (400px >= width) {
  .swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-prev {
    left: -10px;
  }
}
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-prev::after {
  border-width: 11px 14px 11px 0;
  border-color: transparent #fff transparent transparent;
  right: 25%;
}
@media (400px >= width) {
  .swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-next {
    right: -10px;
  }
}
.swiperArea .swiper-container.card-swiper.-sliderItem01 .swiper-button-next::after {
  border-width: 11px 0 11px 14px;
  border-color: transparent transparent transparent #fff;
  left: 55%;
}
.swiperArea .swiper-container .swiper-pagination {
  bottom: 4.5%;
  z-index: 5 !important;
}
@media (width >= 768px) {
  .swiperArea .swiper-container .swiper-pagination {
    bottom: 7%;
  }
}
.swiperArea .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff3c00;
}
.swiperArea .swiper-container .swiper-pagination .swiper-pagination-bullet {
  transition: 0.5s all;
}
@media (width >= 768px) {
  .swiperArea .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.8vw;
    height: 0.8vw;
    margin: 0 0.8vw;
  }
}
.swiperArea .swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
  background: #5a8190;
}
.swiperArea .swiper-container.thumbnail {
  width: 100%;
}
@media (400px >= width) {
  .swiperArea .swiper-container.thumbnail .swiper-wrapper {
    justify-content: space-between;
  }
}
.swiperArea .swiper-container.thumbnail .swiper-slide.s-item {
  width: calc(33.3333% - 5px) !important;
  height: auto;
  padding: 0 2.5px;
  margin-bottom: 5px;
}
.swiperArea .swiper-container.thumbnail .swiper-slide.s-item img {
  width: 100%;
  height: auto;
}