@charset "utf-8";
/* CSS Document */
/*------------------------------ここからabouts------------------------------*/
.about_top-image img {
  width: 100%;
}
.about-us_contents {
  padding: 70px 20px 40px;
  text-align: left;
}
@media (min-width: 1024px) {
  .about-us_contents {
    padding: 100px 23.5px 60px;
  }
}
.about-us h2 {
  font-family: "Noto Serif JP", serif;
  font-size: 3.4rem;
  letter-spacing: 0.29rem;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 40px;
  line-height: normal;
}
@media (max-width: 430px) {
  .about-us h2 {
    font-size: max(9vw, 3.4rem);
  }
}
@media (min-width: 1024px) {
  .about-us h2 {
    font-size: 4.2rem;
    margin-bottom: 45px;
  }
}
.about-us_contents p {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
}
@media (min-width: 1024px) {
  .about-us_contents p {
    font-size: 1.6rem;
    line-height: 3.2rem;
  }
}
/*------------------------------改行の調整------------------------------*/
@media (max-width: 340px) {
  .br_width-340px {
    display: none;
  }
}
@media (max-width: 370px) {
  .br_width-370px {
    display: none;
  }
}
@media (max-width: 380px) {
  .br_width-380px {
    display: none;
  }
}
/*------------------------------ここまでabout / ここから写真------------------------------*/
/*スクロール*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .scroll-infinity__wrap {
    margin-bottom: 60px;
  }
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin-left: 0;
}
.scroll-infinity__item:not(:first-child) {
  margin-left: 0.5%;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 25s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: 200px;
  text-align: center;
}
.scroll-infinity__item > img {
  height: auto;
}
.photo-1 > img {
  margin-top: 0px;
  width: 95%;
}
.photo-2 > img {
  margin-top: 0px;
  width: 95%;
}
.photo-3 > img {
  margin-top: 0px;
  width: 95%;
}
.photo-4 > img {
  margin-top: 0px;
  width: 95%;
}
.photo-5 > img {
  margin-top: 0px;
  width: 95%;
}
/*------------------------------ここまで写真 / ここから支払方法------------------------------*/
.payment-method {
  background-color: #ffffff;
  padding: 40px 0;
  margin: 0 8%;
  border-radius: 10px;
  border: solid 1px #F5ECE3;
}
@media (max-width: 430px) {
  .payment-method {
    margin: 0 auto;
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .payment-method {
    padding: 50px 0;
    margin: 0 8%;
  }
}
.payment-method h2 {
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  text-align: center;
  padding-bottom: 18.5px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}
@media (min-width: 1024px) {
  .payment-method h2 {
    font-size: 1.8rem;
    padding-bottom: 26px;
  }
}
.payment-method h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0; /* テキストの下ぴったりに線 */
  transform: translateX(-50%); /* 中央揃え */
  width: 50%; /* 好きな長さにできる！例：文字の50% */
  height: 1px;
  background-color: #6D5541; /* 線の色 */
}
.payment-method ul {
  display: flex;
  margin: 30.5px 0 0 0;
  flex-wrap: wrap;
  padding: 0 13.65%;
  justify-content: space-between;
  width: 310px;
}
@media (max-width: 430px) {
  .payment-method ul {
    padding: 0;
    width: 230px;
    margin: 30.5px auto;
  }
}
@media (min-width: 1024px) {
  .payment-method ul {
    margin: 12px auto 0;
    width: 288px;
    padding: 0;
  }
}
.payment-method li {
  width: 110px;
  height: 110px;
  border-radius: 5px;
  border: solid 1px #6D5541;
  align-items: center;
  font-size: 1.3rem;
  margin-top: 7px;
}
@media (min-width: 1024px) {
  .payment-method li {
    width: 138.75px;
    height: 126.25px;
    border-radius: 5px;
    border: solid 1px #6D5541;
    align-items: center;
    font-size: 1.6rem;
    margin-top: 13.8px;
  }
}
.money img {
  width: 61px;
  display: block;
  text-align: center;
  align-items: center;
  margin: 26px auto 6px;
}
@media (min-width: 1024px) {
  .money img {
    width: 76.25px;
    margin: 28.6px auto 11.1px;
  }
}
.card img {
  width: 51px;
  display: block;
  text-align: center;
  align-items: center;
  margin: 24px auto 6px;
}
@media (min-width: 1024px) {
  .card img {
    width: 63.75px;
    margin: 27.4px auto 8.1px;
  }
}
.ic img {
  width: 51px;
  display: block;
  text-align: center;
  align-items: center;
  margin: 24px auto 6px;
}
@media (min-width: 1024px) {
  .ic img {
    width: 63.75px;
    margin: 27.4px auto 8.1px;
  }
}
.pay img {
  width: 27px;
  display: block;
  text-align: center;
  align-items: center;
  margin: 18px auto 0;
}
@media (min-width: 1024px) {
  .pay img {
    width: 33.75px;
    margin: 17px auto 7.1px;
  }
}