@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  /*
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Noto Sans JP",
    sans-serif;
  */
  font-size: clamp(12.8px, 1.0582010582vw, 160px);
  color: #3A3A3A;
  letter-spacing: 0.8px;
  line-height: 1.5;
}
@media screen and (max-width: 959px) {
  body {
    font-size: clamp(14.4px, 0.7936507937vw, 19.2px);
  }
}

.ctr {
  margin: 0 auto;
  width: calc(100vw / 1512 * 1200);
  max-width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 959px) {
  .ctr {
    width: 90%;
  }
}

a {
  transition: 0.3s;
}

a:hover {
  opacity: 0.8;
}

.d-ib {
  display: inline-block;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.row.alc {
  align-items: center;
}

.grd {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  flex-wrap: wrap;
  gap: 15px 2%;
}
.grd.alc {
  align-items: center;
}

.grd2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(250px, 1fr));
  gap: 15px 2%;
  flex-wrap: wrap;
}
.grd2.alc {
  align-items: center;
}

.grd3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(250px, 1fr));
  gap: 15px 2%;
  flex-wrap: wrap;
}
.grd3.alc {
  align-items: center;
}

.sp {
  display: none;
}

@media screen and (max-width: 959px) {
  .pc {
    display: none;
  }
  .sp {
    display: inline-block;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
header.bg {
  background-color: #f3efe8;
}
header .row {
  align-items: center;
  padding: calc(100vw / 1512 * 16) calc(100vw / 1512 * 0) calc(100vw / 1512 * 16) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  header .row {
    padding: calc(220vw / 1512 * 16) calc(220vw / 1512 * 0) calc(220vw / 1512 * 16) calc(220vw / 1512 * 0);
  }
}
header .logo {
  height: 40px;
}
@media screen and (max-width: 959px) {
  header .logo {
    height: 30px;
  }
}
header .btn {
  background-color: #1CBB9E;
  color: #ffffff;
  display: inline-block;
  padding: calc(100vw / 1512 * 6) calc(100vw / 1512 * 30) calc(100vw / 1512 * 7) calc(100vw / 1512 * 30);
  border-radius: 2px;
}
@media screen and (max-width: 959px) {
  header .btn {
    padding: calc(220vw / 1512 * 6) calc(220vw / 1512 * 30) calc(220vw / 1512 * 7) calc(220vw / 1512 * 30);
  }
}

#top {
  background-color: #f3efe8;
  padding: calc(100vw / 1512 * 90) calc(100vw / 1512 * 0) calc(100vw / 1512 * 90) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  #top {
    padding: calc(220vw / 1512 * 90) calc(220vw / 1512 * 0) calc(220vw / 1512 * 90) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) {
  #top {
    padding: calc(100vw / 1512 * 200) calc(100vw / 1512 * 0) calc(100vw / 1512 * 70) calc(100vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) and (max-width: 959px) {
  #top {
    padding: calc(220vw / 1512 * 200) calc(220vw / 1512 * 0) calc(220vw / 1512 * 70) calc(220vw / 1512 * 0);
  }
}
#top .grd > *:last-child {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #top .grd > *:last-child {
    margin: calc(100vw / 1512 * 30) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) and (max-width: 959px) {
  #top .grd > *:last-child {
    margin: calc(220vw / 1512 * 30) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}
#top h1 {
  font-size: clamp(24px, 1.9841269841vw, 300px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 28) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  #top h1 {
    font-size: clamp(27px, 1.4880952381vw, 36px);
  }
}
@media screen and (max-width: 959px) {
  #top h1 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 28) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  #top h1 {
    font-size: clamp(15.2px, 1.2566137566vw, 190px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  #top h1 {
    font-size: clamp(17.1px, 0.9424603175vw, 22.8px);
  }
}
#top p.txt {
  font-size: clamp(12px, 0.9920634921vw, 150px);
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 28) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  #top p.txt {
    font-size: clamp(13.5px, 0.744047619vw, 18px);
  }
}
@media screen and (max-width: 959px) {
  #top p.txt {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 28) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  #top p.txt {
    font-size: clamp(10.4px, 0.8597883598vw, 130px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  #top p.txt {
    font-size: clamp(11.7px, 0.6448412698vw, 15.6px);
  }
}

.btn {
  background-color: #1CBB9E;
  color: #ffffff;
  display: inline-block;
  padding: calc(100vw / 1512 * 6) calc(100vw / 1512 * 30) calc(100vw / 1512 * 7) calc(100vw / 1512 * 30);
  border-radius: 2px;
}
@media screen and (max-width: 959px) {
  .btn {
    padding: calc(220vw / 1512 * 6) calc(220vw / 1512 * 30) calc(220vw / 1512 * 7) calc(220vw / 1512 * 30);
  }
}

.en {
  font-size: clamp(12.8px, 1.0582010582vw, 160px);
  text-align: center;
  color: #ffffff;
  font-family: "Petit Formal Script", serif;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .en {
    font-size: clamp(14.4px, 0.7936507937vw, 19.2px);
  }
}
@media screen and (max-width: 959px) {
  .en {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
.en span {
  display: inline-block;
  background-color: #d6b48a;
  padding: calc(100vw / 1512 * 2) calc(100vw / 1512 * 10) calc(100vw / 1512 * 2) calc(100vw / 1512 * 10);
  line-height: 1.3;
}
@media screen and (max-width: 959px) {
  .en span {
    padding: calc(220vw / 1512 * 2) calc(220vw / 1512 * 10) calc(220vw / 1512 * 2) calc(220vw / 1512 * 10);
  }
}

.s1 {
  background-color: #dad7d0;
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s1 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s1 .ctr {
  background-color: #ffffff;
  padding: calc(100vw / 1512 * 36) calc(100vw / 1512 * 36) calc(100vw / 1512 * 36) calc(100vw / 1512 * 36);
}
@media screen and (max-width: 959px) {
  .s1 .ctr {
    padding: calc(220vw / 1512 * 36) calc(220vw / 1512 * 36) calc(220vw / 1512 * 36) calc(220vw / 1512 * 36);
  }
}
.s1 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  text-align: center;
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 40) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s1 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s1 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 40) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s1 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s1 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
@media screen and (max-width: 959px) {
  .s1 .grd3 {
    grid-template-columns: repeat(1, minmax(250px, 1fr));
  }
}
.s1 .col {
  background-color: #ffffff;
  border-left: solid 17px #d6b48a;
  padding: calc(100vw / 1512 * 14) calc(100vw / 1512 * 14) calc(100vw / 1512 * 14) calc(100vw / 1512 * 14);
  font-size: clamp(12.8px, 1.0582010582vw, 160px);
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 959px) {
  .s1 .col {
    padding: calc(220vw / 1512 * 14) calc(220vw / 1512 * 14) calc(220vw / 1512 * 14) calc(220vw / 1512 * 14);
  }
}
@media screen and (max-width: 959px) {
  .s1 .col {
    font-size: clamp(14.4px, 0.7936507937vw, 19.2px);
  }
}
@media screen and (max-width: 959px) {
  .s1 .col {
    border-left: solid 7px #d6b48a;
  }
}

.s2 {
  text-align: center;
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s2 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s2 h2 {
  font-size: clamp(19.2px, 1.5873015873vw, 240px);
  font-weight: 500;
}
@media screen and (max-width: 959px) {
  .s2 h2 {
    font-size: clamp(21.6px, 1.1904761905vw, 28.8px);
  }
}
@media screen and (max-width: 959px) {
  .s2 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s2 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s2 h2 span {
  border-bottom: dashed 2px #d6b48a;
  display: inline-block;
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 0);
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 18) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s2 h2 span {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s2 h2 span {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 18) calc(220vw / 1512 * 0);
  }
}
.s3 {
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
  background-color: #f3efe8;
}
@media screen and (max-width: 959px) {
  .s3 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s3 .row {
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (max-width: 959px) {
  .s3 .row {
    max-width: 100%;
  }
}
.s3 .col:first-child {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s3 .col:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  .s3 .col:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}
.s3 .col:last-child {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .s3 .col:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .s3 .col:last-child {
    width: 100%;
  }
}
.s3 video {
  width: 100%;
  border-radius: 4px;
}
.s3 .en {
  text-align: left;
}
.s3 h2 {
  font-size: clamp(16.8px, 1.3888888889vw, 210px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 16) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s3 h2 {
    font-size: clamp(18.9px, 1.0416666667vw, 25.2px);
  }
}
@media screen and (max-width: 959px) {
  .s3 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 16) calc(220vw / 1512 * 0);
  }
}
.s3 .inline-designs {
  white-space: nowrap;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .s3 .inline-designs {
    text-align: center;
  }
}
.s3 .inline-designs img {
  width: 80px;
}
@media screen and (max-width: 767px) {
  .s3 .inline-designs img {
    width: 19%;
  }
}

.s4 {
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s4 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s4 .en {
  text-align: left;
}
.s4 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 9) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s4 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s4 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 9) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s4 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s4 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s4 p.info {
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 39) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s4 p.info {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 39) calc(220vw / 1512 * 0);
  }
}
.s4 .row {
  gap: 24px 0;
}
.s4 .col {
  width: 32.1666666667%;
  background-color: #ffffff;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 959px) {
  .s4 .col {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .s4 .col {
    width: 100%;
  }
}
.s4 h3 {
  font-size: clamp(14.4px, 1.1904761905vw, 180px);
  font-weight: 500;
  padding: calc(100vw / 1512 * 10) calc(100vw / 1512 * 14) calc(100vw / 1512 * 7) calc(100vw / 1512 * 14);
}
@media screen and (max-width: 959px) {
  .s4 h3 {
    font-size: clamp(16.2px, 0.8928571429vw, 21.6px);
  }
}
@media screen and (max-width: 959px) {
  .s4 h3 {
    padding: calc(220vw / 1512 * 10) calc(220vw / 1512 * 14) calc(220vw / 1512 * 7) calc(220vw / 1512 * 14);
  }
}
.s4 .txt {
  font-size: clamp(12px, 0.9920634921vw, 150px);
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 23) calc(100vw / 1512 * 14);
}
@media screen and (max-width: 959px) {
  .s4 .txt {
    font-size: clamp(13.5px, 0.744047619vw, 18px);
  }
}
@media screen and (max-width: 959px) {
  .s4 .txt {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 23) calc(220vw / 1512 * 14);
  }
}
.s4 .btnbox {
  text-align: center;
  margin: calc(100vw / 1512 * 48) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s4 .btnbox {
    margin: calc(220vw / 1512 * 48) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}

.s5 {
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
  background-color: #f3efe8;
}
@media screen and (max-width: 959px) {
  .s5 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s5 .en {
  text-align: left;
}
.s5 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 9) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s5 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s5 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 9) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s5 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s5 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s5 p.info {
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 39) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s5 p.info {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 39) calc(220vw / 1512 * 0);
  }
}
.s5 .row {
  gap: 24px 0;
}
@media screen and (max-width: 959px) {
  .s5 .row {
    gap: 14px 0;
  }
}
.s5 .col {
  width: 24.1666666667%;
  background-color: #ffffff;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: calc(100vw / 1512 * 20) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s5 .col {
    padding: calc(220vw / 1512 * 20) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s5 .col {
    width: 49%;
    padding: calc(100vw / 1512 * 20) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s5 .col {
    padding: calc(220vw / 1512 * 20) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) {
  .s5 .col {
    width: 100%;
    padding: calc(100vw / 1512 * 20) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) and (max-width: 959px) {
  .s5 .col {
    padding: calc(220vw / 1512 * 20) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}
.s5 .col img {
  height: 60px;
}
@media screen and (max-width: 959px) {
  .s5 .col img {
    height: 48px;
  }
}
.s5 h3 {
  font-size: clamp(12.8px, 1.0582010582vw, 160px);
  font-weight: 500;
  padding: calc(100vw / 1512 * 10) calc(100vw / 1512 * 0) calc(100vw / 1512 * 7) calc(100vw / 1512 * 0);
  border-bottom: dashed 2px #d6b48a;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 7) calc(100vw / 1512 * 14);
}
@media screen and (max-width: 959px) {
  .s5 h3 {
    font-size: clamp(14.4px, 0.7936507937vw, 19.2px);
  }
}
@media screen and (max-width: 959px) {
  .s5 h3 {
    padding: calc(220vw / 1512 * 10) calc(220vw / 1512 * 0) calc(220vw / 1512 * 7) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s5 h3 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 7) calc(220vw / 1512 * 14);
  }
}
@media screen and (max-width: 959px) {
  .s5 h3 {
    margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 30) calc(100vw / 1512 * 12) calc(100vw / 1512 * 30);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s5 h3 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 30) calc(220vw / 1512 * 12) calc(220vw / 1512 * 30);
  }
}
.s5 .txt {
  font-size: clamp(11.2px, 0.9259259259vw, 140px);
  text-align: left;
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 23) calc(100vw / 1512 * 14);
}
@media screen and (max-width: 959px) {
  .s5 .txt {
    font-size: clamp(12.6px, 0.6944444444vw, 16.8px);
  }
}
@media screen and (max-width: 959px) {
  .s5 .txt {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 23) calc(220vw / 1512 * 14);
  }
}
@media screen and (max-width: 959px) {
  .s5 .txt {
    padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 30) calc(100vw / 1512 * 30) calc(100vw / 1512 * 30);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s5 .txt {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 30) calc(220vw / 1512 * 30) calc(220vw / 1512 * 30);
  }
}

.s6 {
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
  background-image: url(../images/AdobeStock_591776698.jpg);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 959px) {
  .s6 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s6 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 9) calc(100vw / 1512 * 0);
  text-align: center;
}
@media screen and (max-width: 959px) {
  .s6 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s6 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 9) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s6 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s6 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s6 p.info {
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 39) calc(100vw / 1512 * 0);
  text-align: center;
}
@media screen and (max-width: 959px) {
  .s6 p.info {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 39) calc(220vw / 1512 * 0);
  }
}
.s6 .box {
  background-color: #ffffff;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.06);
  max-width: 53.3333333333%;
  margin: 0 auto;
  padding: calc(100vw / 1512 * 15) calc(100vw / 1512 * 65) calc(100vw / 1512 * 25) calc(100vw / 1512 * 65);
}
@media screen and (max-width: 959px) {
  .s6 .box {
    padding: calc(220vw / 1512 * 15) calc(220vw / 1512 * 65) calc(220vw / 1512 * 25) calc(220vw / 1512 * 65);
  }
}
@media screen and (max-width: 959px) {
  .s6 .box {
    max-width: 100%;
  }
}
.s6 .stp {
  font-size: clamp(12px, 0.9920634921vw, 150px);
  color: #d6b48a;
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 4) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s6 .stp {
    font-size: clamp(13.5px, 0.744047619vw, 18px);
  }
}
@media screen and (max-width: 959px) {
  .s6 .stp {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 4) calc(220vw / 1512 * 0);
  }
}
.s6 h3 {
  font-size: clamp(14.4px, 1.1904761905vw, 180px);
  font-weight: 500;
  border-bottom: dashed 2px #d6b48a;
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s6 h3 {
    font-size: clamp(16.2px, 0.8928571429vw, 21.6px);
  }
}
@media screen and (max-width: 959px) {
  .s6 h3 {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s6 h3 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
.s6 .bln {
  border: solid 2px #d6b48a;
  padding: calc(100vw / 1512 * 9) calc(100vw / 1512 * 10) calc(100vw / 1512 * 10) calc(100vw / 1512 * 10);
  margin: calc(100vw / 1512 * 14) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s6 .bln {
    padding: calc(220vw / 1512 * 9) calc(220vw / 1512 * 10) calc(220vw / 1512 * 10) calc(220vw / 1512 * 10);
  }
}
@media screen and (max-width: 959px) {
  .s6 .bln {
    margin: calc(220vw / 1512 * 14) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}
.s6 h4 {
  font-size: clamp(11.2px, 0.9259259259vw, 140px);
  font-weight: 500;
  border-bottom: dashed 2px #d6b48a;
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s6 h4 {
    font-size: clamp(12.6px, 0.6944444444vw, 16.8px);
  }
}
@media screen and (max-width: 959px) {
  .s6 h4 {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s6 h4 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
.s6 .lead {
  font-size: clamp(10.4px, 0.8597883598vw, 130px);
}
@media screen and (max-width: 959px) {
  .s6 .lead {
    font-size: clamp(11.7px, 0.6448412698vw, 15.6px);
  }
}
.s6 .arw {
  text-align: center;
  margin: calc(100vw / 1512 * 7) calc(100vw / 1512 * 0) calc(100vw / 1512 * 13) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s6 .arw {
    margin: calc(220vw / 1512 * 7) calc(220vw / 1512 * 0) calc(220vw / 1512 * 13) calc(220vw / 1512 * 0);
  }
}
.s6 .btnbox {
  text-align: center;
  margin: calc(100vw / 1512 * 48) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s6 .btnbox {
    margin: calc(220vw / 1512 * 48) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}

.s7 {
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
  background-color: #f3efe8;
}
@media screen and (max-width: 959px) {
  .s7 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s7 .en {
  text-align: left;
}
.s7 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 9) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s7 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s7 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 9) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s7 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s7 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s7 p.info {
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 39) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s7 p.info {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 39) calc(220vw / 1512 * 0);
  }
}
.s7 .row {
  gap: 24px 0;
}
@media screen and (max-width: 959px) {
  .s7 .row {
    gap: 14px 0;
  }
}
.s7 .col {
  width: 24.1666666667%;
  background-color: #ffffff;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.06);
  text-align: center;
  border-top: solid 12px #d6b48a;
  padding: calc(100vw / 1512 * 21) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s7 .col {
    padding: calc(220vw / 1512 * 21) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s7 .col {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .s7 .col {
    width: 100%;
  }
}
.s7 .col img {
  height: 60px;
}
.s7 h3 {
  font-size: clamp(12.8px, 1.0582010582vw, 160px);
  font-weight: 500;
  padding: calc(100vw / 1512 * 10) calc(100vw / 1512 * 0) calc(100vw / 1512 * 7) calc(100vw / 1512 * 0);
  border-bottom: dashed 2px #d6b48a;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 7) calc(100vw / 1512 * 14);
}
@media screen and (max-width: 959px) {
  .s7 h3 {
    font-size: clamp(14.4px, 0.7936507937vw, 19.2px);
  }
}
@media screen and (max-width: 959px) {
  .s7 h3 {
    padding: calc(220vw / 1512 * 10) calc(220vw / 1512 * 0) calc(220vw / 1512 * 7) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s7 h3 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 7) calc(220vw / 1512 * 14);
  }
}
@media screen and (max-width: 959px) {
  .s7 h3 {
    padding: calc(100vw / 1512 * 10) calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 0);
    margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 30) calc(100vw / 1512 * 14) calc(100vw / 1512 * 30);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s7 h3 {
    padding: calc(220vw / 1512 * 10) calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s7 h3 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 30) calc(220vw / 1512 * 14) calc(220vw / 1512 * 30);
  }
}
.s7 .type {
  text-align: left;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 7) calc(100vw / 1512 * 14);
}
@media screen and (max-width: 959px) {
  .s7 .type {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 7) calc(220vw / 1512 * 14);
  }
}
@media screen and (max-width: 959px) {
  .s7 .type {
    margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 30) calc(100vw / 1512 * 14) calc(100vw / 1512 * 30);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s7 .type {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 30) calc(220vw / 1512 * 14) calc(220vw / 1512 * 30);
  }
}
.s7 .type span {
  font-size: clamp(11.2px, 0.9259259259vw, 140px);
  display: inline-block;
  color: #ffffff;
  background-color: #d6b48a;
  padding: calc(100vw / 1512 * 1) calc(100vw / 1512 * 4) calc(100vw / 1512 * 1) calc(100vw / 1512 * 4);
}
@media screen and (max-width: 959px) {
  .s7 .type span {
    font-size: clamp(12.6px, 0.6944444444vw, 16.8px);
  }
}
@media screen and (max-width: 959px) {
  .s7 .type span {
    padding: calc(220vw / 1512 * 1) calc(220vw / 1512 * 4) calc(220vw / 1512 * 1) calc(220vw / 1512 * 4);
  }
}
.s7 .txt {
  font-size: clamp(11.2px, 0.9259259259vw, 140px);
  text-align: left;
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 23) calc(100vw / 1512 * 14);
}
@media screen and (max-width: 959px) {
  .s7 .txt {
    font-size: clamp(12.6px, 0.6944444444vw, 16.8px);
  }
}
@media screen and (max-width: 959px) {
  .s7 .txt {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 23) calc(220vw / 1512 * 14);
  }
}
@media screen and (max-width: 959px) {
  .s7 .txt {
    padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 30) calc(100vw / 1512 * 30) calc(100vw / 1512 * 30);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s7 .txt {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 30) calc(220vw / 1512 * 30) calc(220vw / 1512 * 30);
  }
}

.s8 {
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
  background-image: url(../images/AdobeStock_474613385.jpg);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 959px) {
  .s8 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s8 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 9) calc(100vw / 1512 * 0);
  text-align: center;
}
@media screen and (max-width: 959px) {
  .s8 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s8 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 9) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s8 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s8 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s8 p.info {
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 39) calc(100vw / 1512 * 0);
  text-align: center;
}
@media screen and (max-width: 959px) {
  .s8 p.info {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 39) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s8 .row {
    justify-content: flex-start;
    gap: 13px 2%;
  }
}
@media screen and (max-width: 767px) {
  .s8 .row {
    justify-content: flex-start;
    gap: 13px 4%;
  }
}
.s8 .col {
  width: 19.3333333333%;
}
@media screen and (max-width: 959px) {
  .s8 .col {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .s8 .col {
    width: 48%;
  }
}
.s8 .btnbox {
  text-align: center;
  margin: calc(100vw / 1512 * 48) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s8 .btnbox {
    margin: calc(220vw / 1512 * 48) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}

.s9 {
  padding: calc(100vw / 1512 * 68) calc(100vw / 1512 * 0) calc(100vw / 1512 * 68) calc(100vw / 1512 * 0);
  background-color: #efe1cd;
}
@media screen and (max-width: 959px) {
  .s9 {
    padding: calc(220vw / 1512 * 68) calc(220vw / 1512 * 0) calc(220vw / 1512 * 68) calc(220vw / 1512 * 0);
  }
}
.s9 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 9) calc(100vw / 1512 * 0);
  text-align: center;
}
@media screen and (max-width: 959px) {
  .s9 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s9 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 9) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s9 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s9 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s9 p.info {
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 39) calc(100vw / 1512 * 0);
  text-align: center;
}
@media screen and (max-width: 959px) {
  .s9 p.info {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 39) calc(220vw / 1512 * 0);
  }
}
.s9 .box {
  background-color: #ffffff;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.06);
  max-width: 53.3333333333%;
  padding: calc(100vw / 1512 * 15) calc(100vw / 1512 * 65) calc(100vw / 1512 * 25) calc(100vw / 1512 * 65);
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 21) calc(100vw / 1512 * 0);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 959px) {
  .s9 .box {
    padding: calc(220vw / 1512 * 15) calc(220vw / 1512 * 65) calc(220vw / 1512 * 25) calc(220vw / 1512 * 65);
  }
}
@media screen and (max-width: 959px) {
  .s9 .box {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 21) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s9 .box {
    max-width: 100%;
  }
}
.s9 .qicn {
  position: absolute;
  top: 3.2vh;
  left: 3.7vh;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 959px) {
  .s9 .qicn {
    width: 24px;
    top: 5.2vw;
    left: 4.8vw;
  }
}
.s9 h3 {
  font-size: clamp(14.4px, 1.1904761905vw, 180px);
  font-weight: 500;
  border-bottom: dashed 2px #d6b48a;
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s9 h3 {
    font-size: clamp(16.2px, 0.8928571429vw, 21.6px);
  }
}
@media screen and (max-width: 959px) {
  .s9 h3 {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s9 h3 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s9 h3 {
    font-size: clamp(12.8px, 1.0582010582vw, 160px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s9 h3 {
    font-size: clamp(14.4px, 0.7936507937vw, 19.2px);
  }
}
.s9 .txt {
  font-size: clamp(12px, 0.9920634921vw, 150px);
}
@media screen and (max-width: 959px) {
  .s9 .txt {
    font-size: clamp(13.5px, 0.744047619vw, 18px);
  }
}

.s10 {
  padding: calc(100vw / 1512 * 43) calc(100vw / 1512 * 0) calc(100vw / 1512 * 43) calc(100vw / 1512 * 0);
  background-color: #efe1cd;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .s10 {
    padding: calc(220vw / 1512 * 43) calc(220vw / 1512 * 0) calc(220vw / 1512 * 43) calc(220vw / 1512 * 0);
  }
}
.s10 .box {
  max-width: 53.3333333333%;
  padding: calc(100vw / 1512 * 35) calc(100vw / 1512 * 70) calc(100vw / 1512 * 43) calc(100vw / 1512 * 70);
  margin-left: auto;
  margin-right: auto;
  border: solid 2px #d6b48a;
  background-color: #f6f6f6;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 959px) {
  .s10 .box {
    padding: calc(220vw / 1512 * 35) calc(220vw / 1512 * 70) calc(220vw / 1512 * 43) calc(220vw / 1512 * 70);
  }
}
@media screen and (max-width: 959px) {
  .s10 .box {
    max-width: 100%;
    padding: calc(100vw / 1512 * 35) calc(100vw / 1512 * 20) calc(100vw / 1512 * 40) calc(100vw / 1512 * 20);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s10 .box {
    padding: calc(220vw / 1512 * 35) calc(220vw / 1512 * 20) calc(220vw / 1512 * 40) calc(220vw / 1512 * 20);
  }
}
.s10 h2 {
  font-size: clamp(20.8px, 1.7195767196vw, 260px);
  font-weight: 500;
  border-bottom: dashed 2px #d6b48a;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 6) calc(100vw / 1512 * 0);
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s10 h2 {
    font-size: clamp(23.4px, 1.2896825397vw, 31.2px);
  }
}
@media screen and (max-width: 959px) {
  .s10 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 6) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s10 h2 {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s10 h2 {
    font-size: clamp(14.4px, 1.1904761905vw, 180px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s10 h2 {
    font-size: clamp(16.2px, 0.8928571429vw, 21.6px);
  }
}
.s10 .btnbox {
  margin: calc(100vw / 1512 * 20) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s10 .btnbox {
    margin: calc(220vw / 1512 * 20) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}

footer {
  background-color: #f3efe8;
  text-align: center;
  padding: 63px 0 40px;
}
@media screen and (max-width: 959px) {
  footer {
    padding: 36px 0 24px;
  }
}
footer img.logo {
  height: 46px;
  margin-bottom: 24px;
}
@media screen and (max-width: 959px) {
  footer img.logo {
    height: 36px;
    margin-bottom: 14px;
  }
}
footer .info {
  font-size: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 959px) {
  footer .info {
    font-size: 10px;
    margin-bottom: 14px;
  }
}
footer .row {
  justify-content: center;
  gap: 0 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 959px) {
  footer .row {
    gap: 12px 10px;
    margin-bottom: 30px;
  }
}
footer .row img {
  max-width: 200px;
}
@media screen and (max-width: 959px) {
  footer .row img {
    max-width: 200px;
  }
}
footer ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 40px;
  letter-spacing: 0.8px;
  line-height: 1.5;
  margin-bottom: 49px;
}
@media screen and (max-width: 959px) {
  footer ul {
    font-size: 14px;
    gap: 10px 20px;
  }
}
footer .cpy {
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 1.4166666667;
}

.s11 {
  text-align: center;
  padding: calc(100vw / 1512 * 141) calc(100vw / 1512 * 0) calc(100vw / 1512 * 65) calc(100vw / 1512 * 0);
  background-color: #ffffff;
}
@media screen and (max-width: 959px) {
  .s11 {
    padding: calc(220vw / 1512 * 141) calc(220vw / 1512 * 0) calc(220vw / 1512 * 65) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s11 {
    padding: calc(100vw / 1512 * 100) calc(100vw / 1512 * 0) calc(100vw / 1512 * 48) calc(100vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s11 {
    padding: calc(220vw / 1512 * 100) calc(220vw / 1512 * 0) calc(220vw / 1512 * 48) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) {
  .s11 {
    padding: calc(100vw / 1512 * 141) calc(100vw / 1512 * 0) calc(100vw / 1512 * 48) calc(100vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) and (max-width: 959px) {
  .s11 {
    padding: calc(220vw / 1512 * 141) calc(220vw / 1512 * 0) calc(220vw / 1512 * 48) calc(220vw / 1512 * 0);
  }
}
.s11 h1 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
}
@media screen and (max-width: 959px) {
  .s11 h1 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s11 h1 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  .s11 h1 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}

.s12 {
  padding: calc(100vw / 1512 * 55) calc(100vw / 1512 * 0) calc(100vw / 1512 * 90) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s12 {
    padding: calc(220vw / 1512 * 55) calc(220vw / 1512 * 0) calc(220vw / 1512 * 90) calc(220vw / 1512 * 0);
  }
}
.s12 .ctr {
  width: 57.9365079365%;
}
@media screen and (max-width: 959px) {
  .s12 .ctr {
    width: 80%;
  }
}
.s12 .row {
  justify-content: center;
  gap: 48px 10.2739726027%;
}
@media screen and (max-width: 959px) {
  .s12 .row {
    gap: 24px 5%;
  }
}
@media screen and (max-width: 767px) {
  .s12 .row {
    gap: 24px 0;
  }
}
.s12 .col {
  width: 26.4840182648%;
}
@media screen and (max-width: 959px) {
  .s12 .col {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .s12 .col {
    width: 64%;
  }
}
.s12 .col img {
  border-radius: 4px;
}
.s12 h3 {
  text-align: center;
  margin: calc(100vw / 1512 * 7) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
  font-weight: 500;
}
@media screen and (max-width: 959px) {
  .s12 h3 {
    margin: calc(220vw / 1512 * 7) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}

.s13 {
  padding: calc(100vw / 1512 * 127) calc(100vw / 1512 * 0) calc(100vw / 1512 * 127) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s13 {
    padding: calc(220vw / 1512 * 127) calc(220vw / 1512 * 0) calc(220vw / 1512 * 127) calc(220vw / 1512 * 0);
  }
}
.s13.bg1 {
  background-image: url(../images/design1_bg.jpg);
  background-position: center;
  background-size: cover;
}
.s13.bg2 {
  background-image: url(../images/design2_bg.jpg);
  background-position: center;
  background-size: cover;
}
.s13.bg3 {
  background-image: url(../images/design3_bg.jpg);
  background-position: center;
  background-size: cover;
}
.s13.bg4 {
  background-image: url(../images/design4_bg.jpg);
  background-position: center;
  background-size: cover;
}
.s13.bg5 {
  background-image: url(../images/design5_bg.jpg);
  background-position: center;
  background-size: cover;
}
.s13 .ctr {
  width: 71.4947089947%;
}
@media screen and (max-width: 767px) {
  .s13 .ctr {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .s13 .row {
    gap: 20px 0;
    justify-content: center;
  }
}
.s13 .col:first-child {
  width: 33.3024976873%;
  position: relative;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .s13 .col:first-child {
    width: 64%;
  }
}
.s13 .col:last-child {
  width: 54.67160037%;
}
@media screen and (max-width: 767px) {
  .s13 .col:last-child {
    width: 100%;
  }
}
.s13 video {
  width: 100%;
  border-radius: 4px;
}
.s13 .scl {
  overflow-y: auto;
  aspect-ratio: 360/619;
  max-height: 100vh;
}
.s13 .scl::-webkit-scrollbar {
  width: 0;
  /* Chrome, Safari, Edge用: スクロールバーを非表示 */
  height: 0;
  /* 横スクロールバーを非表示 */
}
.s13 .scl img {
  border-radius: 4px;
}
.s13 img.scl_arw {
  position: absolute;
  bottom: 0;
  right: -24px;
  transform: translateX(100%);
}
@media screen and (max-width: 767px) {
  .s13 img.scl_arw {
    width: 16px;
    right: -18px;
  }
}
.s13 .en {
  text-align: left;
}
.s13 h2 {
  font-size: clamp(22.4px, 1.8518518519vw, 280px);
  font-weight: 500;
  padding: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 14) calc(100vw / 1512 * 0);
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 19) calc(100vw / 1512 * 0);
  border-bottom: dashed 2px #d6b48a;
}
@media screen and (max-width: 959px) {
  .s13 h2 {
    font-size: clamp(25.2px, 1.3888888889vw, 33.6px);
  }
}
@media screen and (max-width: 959px) {
  .s13 h2 {
    padding: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 14) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s13 h2 {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 19) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) {
  .s13 h2 {
    font-size: clamp(16px, 1.3227513228vw, 200px);
  }
}
@media screen and (max-width: 767px) and (max-width: 959px) {
  .s13 h2 {
    font-size: clamp(18px, 0.9920634921vw, 24px);
  }
}
.s13 .txt {
  line-height: 2;
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 0) calc(100vw / 1512 * 34) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s13 .txt {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 0) calc(220vw / 1512 * 34) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 767px) {
  .s13 .txt {
    line-height: 1.8;
  }
}
.s13 .btn {
  margin: calc(100vw / 1512 * 0) calc(100vw / 1512 * 4) calc(100vw / 1512 * 0) calc(100vw / 1512 * 0);
}
@media screen and (max-width: 959px) {
  .s13 .btn {
    margin: calc(220vw / 1512 * 0) calc(220vw / 1512 * 4) calc(220vw / 1512 * 0) calc(220vw / 1512 * 0);
  }
}
@media screen and (max-width: 959px) {
  .s13 .btn {
    margin-bottom: 6px;
  }
}
.s13 .btn2 {
  padding: calc(100vw / 1512 * 6) calc(100vw / 1512 * 14) calc(100vw / 1512 * 7) calc(100vw / 1512 * 14);
  background-color: #3A3A3A;
}
@media screen and (max-width: 959px) {
  .s13 .btn2 {
    padding: calc(220vw / 1512 * 6) calc(220vw / 1512 * 14) calc(220vw / 1512 * 7) calc(220vw / 1512 * 14);
  }
}