/* style.css の冒頭に記述 */
/*
Theme Name: akiya-ya
Description: An original WordPress theme.
Version: 1.0
Author: Your Name
*/
html {
  font-family: '小塚ゴシック Pro', 'Kozuka Gothic Pro', sans-serif;
  scroll-behavior: smooth;
  font-family: sans-serif;
  background-color: #ffffff;
  margin: 0px;
}

body{
  background-color: #ffffff;
}

.noto-san-jp{
  font-family: "Noto Sans JP", "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 100;
    /* 中間の太さ。細すぎず太すぎず */
}

#animated-bg {
  transition: background-image 1.5s ease-in-out; /* 背景画像の切り替え時のアニメーション */
}

.property-slider .slick-slide {
  margin-right: 1vw; /* 各スライドの右に隙間を追加 */
}

.property-slider .slick-list {
  margin-right: -1vw; /* スライド全体のオーバーフローを調整 */
}

.slick-prev {
  left: -2.5vw;
}

.underline-effect::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 0.08vw;
  background: #000000;
  bottom: -4px;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.3s;
}

.underline-effect:hover::after {
  transform: scale(1, 1);
}

.swiper-button-next,
.swiper-button-prev {
  display: none;
}

@media (max-width: 1024px) {
  .slick-next {
    right: -2vw;
  }

  .slick-prev {
    left: -3vw;
  }
}

@media (max-width: 768px) {
  .slick-next {
    right: -8vw;
  }

  .slick-prev {
    left: -8vw;
  }

}
@media (min-width: 1025px) {

  .perspective-1000 {
    perspective: 1000px;
  }

  .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    /* transform: rotateY(0deg);
    transform-style: preserve-3d;
    transition: transform 0.7s ease; */
  }

  /* .card:hover .card-inner {
    transform: rotateY(180deg);
  } */

  .card-front,
  .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
  }

  .card-back {
    transform: rotateY(180deg);
  }
}