html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
.feature {
  font-feature-settings: "palt" 1;
  position: relative;
}

.feature {
  overflow: hidden;
}

.feature a {
  color: #514341;
  transition: 0.5s;
  display: block;
}
.feature a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.feature img, svg {
  width: 100%;
  height: auto;
}

.l-container {
  width: 100%;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}

.js-fade {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: ease-in, opacity 1200ms, transform 1000ms;
}

.js-fade.is-show {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  pointer-events: inherit;
}

.feature {
  color: #514341;
}
.feature .feature-inner {
  width: 140rem;
  margin: 0 auto;
}

.top {
  margin-bottom: 13.2rem;
  padding-top: 3.6rem;
}
.top .txt-block.is-show .txt {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.top .txt {
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(3rem);
  transition: ease-in, opacity 1200ms, transform 1000ms;
}
.top .txt-block1 {
  opacity: 1;
  visibility: visible;
  margin-bottom: 7.5rem;
}
.top .txt-block1 .txt1 {
  width: 18.7rem;
  margin-left: 60.4rem;
  margin-right: auto;
  margin-bottom: 3rem;
}
.top .txt-block1 .txt2 {
  width: 49rem;
  transition-delay: 0.2s;
  margin-bottom: 3.3rem;
}
.top .txt-block1 .txt3 {
  width: 38.4rem;
  transition-delay: 0.4s;
}
.top .top-img {
  width: 50rem;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.top .txt-block2 {
  opacity: 1;
  visibility: visible;
  margin-bottom: 2.7rem;
}
.top .txt-block2 .txt1 {
  width: 18rem;
  margin-bottom: 8rem;
}
.top .txt-block2 .txt2 {
  width: 33.9rem;
  transition-delay: 0.2s;
}
.top .lead {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
  line-height: 2.5;
  text-align: center;
  font-weight: 500;
  text-shadow: 0 0 #514341;
}

.section .ph {
  transition: 0.5s;
}
.section .ph:hover {
  opacity: 0.6;
}
.section .head {
  width: 103.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
.section .head .line {
  background: #514341;
  width: fit-content;
  height: 0.1rem;
  margin-top: 0.4rem;
  flex: 1;
}
.section .head .catch {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.7rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-style: italic;
}
.section .item-box {
  display: flex;
}
.section .item-box .ph-box {
  position: relative;
}
.section .item-box .ph-box .ph1 {
  position: relative;
  z-index: 2;
}
.section .item-box .ph-box .bg {
  position: absolute;
  top: 0;
  left: 0;
}
.section .description {
  text-align: center;
}
.section .description .name {
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.section .description .price {
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 3.2;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #514341;
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 2.9rem;
}
.section .description .txt {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.875;
  font-weight: 500;
  text-shadow: 0 0 #514341;
}
.section--sec1 {
  margin-bottom: 14.5rem;
}
.section--sec1 .head .catch {
  padding-left: 1.6rem;
}
.section--sec1 .item-box {
  margin-top: 5.1rem;
}
.section--sec1 .item-box .ph-box {
  margin-left: 18rem;
}
.section--sec1 .item-box .ph-box .ph1 {
  width: 44rem;
}
.section--sec1 .item-box .ph-box .bg {
  width: 44rem;
  margin-top: 5.1rem;
  margin-left: 5.2rem;
}
.section--sec1 .item-box .description {
  margin-top: 11rem;
  margin-left: 14rem;
}
.section--sec1 .ph2 {
  width: 28rem;
  margin-left: auto;
  margin-right: 27.9rem;
  margin-top: 0.6rem;
  position: relative;
  z-index: 1;
}
.section--sec1 .ph3 {
  width: 46rem;
  margin-left: 42.9rem;
  margin-top: -9.9rem;
}
.section--sec2 {
  margin-bottom: 14.3rem;
}
.section--sec2 .head {
  width: 104.2rem;
  flex-direction: row-reverse;
}
.section--sec2 .head .catch {
  padding-right: 1.6rem;
}
.section--sec2 .item-box {
  margin-top: 5rem;
  flex-direction: row-reverse;
}
.section--sec2 .item-box .ph-box {
  margin-right: 18rem;
}
.section--sec2 .item-box .ph-box .ph1 {
  width: 44rem;
}
.section--sec2 .item-box .ph-box .bg {
  width: 44rem;
  margin-top: 5.1rem;
  margin-left: -5.1rem;
}
.section--sec2 .item-box .description {
  margin-top: 12.5rem;
  margin-right: 14rem;
}
.section--sec2 .ph2 {
  width: 44rem;
  margin-top: 4.3rem;
  margin-left: 20.1rem;
}
.section--sec2 .ph3 {
  width: 29rem;
  margin-left: 70rem;
  margin-top: -16.3rem;
}
.section--sec3 {
  margin-bottom: 16.2rem;
}
.section--sec3 .head .catch {
  padding-left: 1.6rem;
}
.section--sec3 .item-box {
  margin-top: 5rem;
}
.section--sec3 .item-box .ph-box {
  margin-left: 18rem;
}
.section--sec3 .item-box .ph-box .ph1 {
  width: 44rem;
}
.section--sec3 .item-box .ph-box .bg {
  width: 44rem;
  margin-top: 5.1rem;
  margin-left: 5.2rem;
}
.section--sec3 .item-box .description {
  margin-top: 13.9rem;
  margin-left: 14.6rem;
}
.section--sec3 .ph2 {
  width: 28rem;
  margin-left: auto;
  margin-right: 26.7rem;
  margin-top: -2.4rem;
  position: relative;
  z-index: 1;
}
.section--sec3 .ph3 {
  width: 46rem;
  margin-left: 44.1rem;
  margin-top: -10rem;
}
.section--sec4 {
  margin-bottom: 19.1rem;
}
.section--sec4 .item-box {
  margin-top: 6.7rem;
  flex-direction: row-reverse;
}
.section--sec4 .item-box .ph-box {
  margin-right: 18rem;
}
.section--sec4 .item-box .ph-box .ph1 {
  width: 44rem;
}
.section--sec4 .item-box .ph-box .bg {
  width: 44rem;
  margin-top: 5.1rem;
  margin-left: -5.1rem;
}
.section--sec4 .item-box .description {
  margin-top: 11.7rem;
  margin-right: 11.5rem;
}
.section--sec4 .item-box .description .point {
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  border: 1px solid #514341;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0.1rem 0.7rem 0.1rem;
  margin-bottom: 2.3rem;
}
.section--sec5 {
  margin-bottom: 13rem;
}
.section--sec5 .head {
  width: 103.9rem;
  margin-bottom: 0.8rem;
}
.section--sec5 .head .catch {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.section--sec5 .lead {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: 500;
  text-shadow: 0 0 #514341;
}
.section--sec5 .item-box {
  margin-top: 5.6rem;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24.3rem;
}
.section--sec5 .item-box .ph-box {
  margin-bottom: 4.8rem;
}
.section--sec5 .item-box .ph-box .ph1 {
  width: 48rem;
}
.section--sec5 .item-box .description .point {
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  border: 1px solid #514341;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0 0.7rem 0.1rem;
  margin-bottom: 2.5rem;
}
.section--sec5 .allitem {
  color: #514341;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.58rem;
  letter-spacing: 0.05em;
  display: block;
  width: fit-content;
  margin: 0 auto;
  border: 1px solid #514341;
  width: 38rem;
  text-align: center;
  padding: 1.2rem 0;
}/*# sourceMappingURL=style.css.map */