.sakete_about_photoDisplay {
  padding: var(--spacing-2xl) 0 var(--spacing-8xl);
}

.sakete_about_photoDisplay .top {
  margin: var(--spacing-6xl) 0 0;
}

.sakete_about_photoDisplay .t {
  width: 685px;
}

.sakete_about_photoDisplay .t h3 {
  color: var(--text-color-lg, #282624);
  font-family: var(--title-font-family, var(--font-family, sans-serif));
  font-size: var(--font-size-h2, 2.5rem);
  font-style: normal;
  font-weight: var(--font-weight-xl, 700);
  line-height: 150%;
}

.sakete_about_photoDisplay .list {
  margin: 4.125rem 0 0;
  position: relative;
}

.sakete_about_photoDisplay .swiper-slide {
  max-width: 450px;
}

.sakete_about_photoDisplay .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 450 / 300;
  object-fit: cover;
}

.sakete_about_photoDisplay .bot {
  display: flex;
  align-items: center;
  margin: var(--spacing-6xl) auto 0;
  width: 100%;
}

.sakete_about_photoDisplay .tips {
  flex: 1;
  margin-right: var(--spacing-7xl);
  overflow: hidden;
}

.sakete_about_photoDisplay
  .swiper-pagination-progressbar.swiper-pagination-horizontal {
  position: static;
  width: 100%;
  height: 0.3125rem;
  background: #ddd;
  border-radius: 0.3125rem;
}

.sakete_about_photoDisplay
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: var(--color-primary, #036eb7);
  top: 0;
  border-radius: 0.3125rem;
  height: 0.3125rem;
}

.sakete_about_photoDisplay .bot .page {
  font-size: 0;
  display: flex;
}

.sakete_about_photoDisplay .swiper-button-prev,
.sakete_about_photoDisplay .swiper-button-next {
  position: static;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-primary, #036eb7);
  border-radius: 0.25rem;
  background: transparent;
  color: var(--color-primary, #036eb7);
  cursor: pointer;
  margin-top: 0;
  transition: all 0.3s ease;
}

.sakete_about_photoDisplay .swiper-button-prev {
  transform: rotate(180deg);
  margin-right: var(--spacing-3xl);
}

.sakete_about_photoDisplay .swiper-button-prev:hover,
.sakete_about_photoDisplay .swiper-button-next:hover {
  background-color: var(--color-primary, #036eb7);
  color: var(--text-color-light, #fff) !important;
}

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

.sakete_about_photoDisplay .container {
  padding-left: 0;
  padding-right: 0;
}

.sakete_about_photoDisplay .container .top {
  padding-left: var(--container-spacing);
  padding-right: var(--container-spacing);
}

.sakete_about_photoDisplay .container .bot {
  padding-left: var(--container-spacing);
  padding-right: var(--container-spacing);
}

@media screen and (max-width: 1600px) {
  .sakete_about_photoDisplay .t {
    width: 635px;
  }
}

@media screen and (max-width: 1500px) {
  .sakete_about_photoDisplay .t {
    width: 560px;
  }
}

@media screen and (max-width: 1441px) {
  .sakete_about_photoDisplay .t {
    width: 540px;
  }
}

@media screen and (max-width: 1367px) {
  .sakete_about_photoDisplay .t {
    width: 520px;
  }
}

@media screen and (max-width: 1281px) {
  .sakete_about_photoDisplay .t {
    width: 500px;
  }
}

@media screen and (max-width: 1171px) {
  .sakete_about_photoDisplay .t {
    width: 480px;
  }
}

@media screen and (max-width: 992px) {
  .sakete_about_photoDisplay .t {
    width: 100%;
    text-align: center;
  }

  .sakete_about_photoDisplay .top {
    margin: var(--spacing-5xl) 0 0;
    display: block;
  }

  .sakete_about_photoDisplay .list {
    margin: var(--spacing-4xl) 0 0;
  }
}

@media screen and (max-width: 768px) {
  .sakete_about_photoDisplay {
    padding: var(--spacing-md) 0 var(--spacing-3xl);
  }

  .sakete_about_photoDisplay .top {
    margin: var(--spacing-3xl) 0 0;
  }

  .sakete_about_photoDisplay .list {
    margin: var(--spacing-3xl) 0 0;
  }
}

@media screen and (max-width: 576px) {
  .sakete_about_photoDisplay .tit {
    height: 35px;
  }
}