body {
  letter-spacing: 0.05em;
  font-size: 4.1vw !important;
}

@media screen and (min-width: 813px) {
  body {
    font-size: 33px !important;
  }
}
h2,
h3,
h4 {
  font-weight: 700 !important;
}

.container {
  width: 100%;
  max-width: 100%;
  padding: 0 4.1vw !important;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 813px) {
  .container {
    padding: 0 34px !important;
  }
}
li:nth-child(3n-1) p {
  top: auto;
  left: auto;
}

.lp-wrapper {
  width: 100%;
  max-width: 812px;
  margin: 0 auto;
  overflow: hidden;
}

.lp-section {
  padding: 12.82vw 0 15.38vw;
}

@media screen and (min-width: 813px) {
  .lp-section {
    padding: 104px 0 125px;
  }
}
.lp-title {
  position: relative;
  padding-bottom: 2.56vw;
  margin-bottom: 7.69vw;
  font-size: 7.18vw;
  text-align: center;
}
.lp-title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 15.38vw;
  height: 0.51vw;
  background: #6FA6B8;
}

@media screen and (min-width: 813px) {
  .lp-title {
    padding-bottom: 20px;
    margin-bottom: 62px;
    font-size: 58px;
  }
  .lp-title::after {
    width: 125px;
    height: 4px;
  }
}
.lp-btn {
  display: block;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.lp-fv {
  margin-bottom: 6.41vw;
}

@media screen and (min-width: 813px) {
  .lp-fv {
    margin-bottom: 52px;
  }
}
.lp-fv.container {
  padding: 0;
}

.lp-fv.container img {
  width: 100%;
}

.lp-cta-xs {
  margin-bottom: 12.82vw;
}

.lp-cta-xs p {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 1.28vw;
  font-family: "Noto Serif JP", serif;
  font-size: 5.64vw;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.lp-cta-xs p::before, .lp-cta-xs p::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 6.41vw;
  height: 2px;
  background: #4E4E4E;
}

.lp-cta-xs p::before {
  left: -7.69vw;
  transform: rotate(60deg) translateY(-50%);
}

.lp-cta-xs p::after {
  right: -7.69vw;
  transform: rotate(-60deg) translateY(-50%);
}

@media screen and (min-width: 813px) {
  .lp-cta-xs {
    margin-bottom: 104px;
  }
  .lp-cta-xs p {
    margin: 0 auto 11px;
    font-size: 46px;
  }
  .lp-cta-xs p::before, .lp-cta-xs p::after {
    width: 52px;
  }
  .lp-cta-xs p::before {
    left: -62px;
  }
  .lp-cta-xs p::after {
    right: -62px;
  }
}
.lp-nayami {
  position: relative;
  padding: 7.69vw 0 15.38vw;
  color: #FFF;
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-nayami.png);
  background-size: cover;
  background-position: bottom center;
  z-index: 2;
}

.lp-nayami h2 {
  margin-bottom: 3.08vw;
  font-size: 5.64vw;
  text-align: center;
  letter-spacing: 0.1em;
}

.lp-nayami h2 span {
  position: relative;
  font-size: 7.18vw;
}
.lp-nayami h2 span::before {
  content: "";
  position: absolute;
  top: t;
  left: 50%;
  transform: translateX(-50%);
  width: 1.03vw;
  height: 1.03vw;
  background: #FFF;
  border-radius: 50%;
}

.lp-nayami ul {
  color: #403b38;
  margin-bottom: 5.13vw;
}

.lp-nayami li {
  position: relative;
  padding: 2.56vw 1.79vw 2.56vw 7.69vw;
  font-weight: 700;
  line-height: 1.3;
  background: #FFF;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 3.08vw;
}
.lp-nayami li span {
  color: #7599A8;
}

.lp-nayami li:last-of-type {
  margin-bottom: 0;
}

.lp-nayami li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.79vw;
  width: 4.62vw;
  height: 4.62vw;
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-check.png);
  background-size: contain;
}

.lp-nayami p {
  font-size: 4.62vw;
  text-align: center;
  font-weight: 700;
}
.lp-nayami p span {
  font-size: 7.18vw;
  color: #F3D77B;
  line-height: 1.25;
}

@media screen and (min-width: 813px) {
  .lp-nayami {
    padding: 62px 0 125px;
  }
  .lp-nayami h2 {
    margin-bottom: 25px;
    font-size: 46px;
  }
  .lp-nayami h2 span {
    font-size: 58px;
  }
  .lp-nayami h2 span::before {
    width: 10px;
    height: 10px;
  }
  .lp-nayami li {
    padding: 20px 14px 20px 62px;
    margin-bottom: 25px;
  }
  .lp-nayami li::before {
    left: 14px;
    width: 38px;
    height: 38px;
  }
  .lp-nayami p {
    font-size: 38px;
  }
  .lp-nayami p span {
    font-size: 58px;
  }
}
.lp-kaiketsu {
  position: relative;
  padding: 25.64vw 0 10.26vw;
  margin-top: -20.51vw;
  background: #EAF3F5;
}
.lp-kaiketsu::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4.8%;
  width: 1.79vw;
  height: 15.38vw;
  background: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-kaiketsu-dot.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}
.lp-kaiketsu h2 {
  margin-bottom: 6.41vw;
  font-size: 6.15vw;
  text-align: center;
  line-height: 1.4;
}
.lp-kaiketsu h2 span {
  display: block;
  font-size: 8.97vw;
  line-height: 1.3;
  color: #5A97AB;
}

@media screen and (min-width: 813px) {
  .lp-kaiketsu {
    padding: 208px 0 83px;
    margin-top: -167px;
  }
  .lp-kaiketsu::after {
    width: 14px;
    height: 125px;
  }
  .lp-kaiketsu h2 {
    margin-bottom: 52px;
    font-size: 49px;
  }
  .lp-kaiketsu h2 span {
    font-size: 72px;
  }
}
.lp-reason {
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-reason.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-reason li {
  margin-bottom: 10.26vw;
  background: #FFF;
  box-shadow: 0 3px 10px 0 rgba(185, 185, 185, 0.4);
}
.lp-reason li:last-of-type {
  margin-bottom: 0;
}
.lp-reason li p {
  margin-bottom: 1.5em;
}
.lp-reason li p:last-of-type {
  margin-bottom: 0;
}
.lp-reason li p span {
  font-weight: 700;
}

.lp-reason-cont {
  padding: 3.08vw;
}

.lp-reason-title {
  display: flex;
  align-items: center;
  padding-bottom: 3.08vw;
  margin-bottom: 2.56vw;
  font-size: 5.13vw;
  line-height: 1.3;
  border-bottom: 1px solid #6FA6B8;
}
.lp-reason-title span {
  display: block;
  font-size: 13.85vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  margin-right: 2.56vw;
  color: #6FA6B8;
}

@media screen and (min-width: 813px) {
  .lp-reason li {
    margin-bottom: 83px;
  }
  .lp-reason-cont {
    padding: 25px;
  }
  .lp-reason-title {
    padding-bottom: 25px;
    margin-bottom: 20px;
    font-size: 41px;
  }
  .lp-reason-title span {
    font-size: 112px;
    margin-right: 20px;
  }
}
.lp-menu {
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-menu.png);
  background-size: cover;
}

.lp-menu p {
  margin-bottom: 8.97vw;
}
.lp-menu p:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 813px) {
  .lp-menu p {
    margin-bottom: 72px;
  }
}
.lp-first {
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-first-2.png);
  background-size: cover;
}

.lp-first p {
  text-align: center;
}
.lp-first p:first-of-type span {
  font-size: 4.62vw;
  font-weight: 700;
}
.lp-first p:last-of-type {
  font-size: 5.13vw;
  font-weight: 700;
}

.lp-first-list {
  margin: 1.5em 0;
}

@media screen and (min-width: 813px) {
  .lp-first p:first-of-type span {
    font-size: 38px;
  }
  .lp-first p:last-of-type {
    font-size: 41px;
  }
}
.lp-cta {
  padding: 7.69vw 0 3.85vw;
  background: linear-gradient(180deg, #FCE8E7 0%, #F6B8B7 100%);
}

.lp-cta h2 {
  margin-bottom: 3.85vw;
}

.lp-cta-inner {
  padding: 3.85vw 1.28vw 5.13vw;
  margin-bottom: 2.56vw;
  background: #FFF;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.lp-cta p {
  margin: 2.56vw 0 5.13vw;
  font-size: 4.62vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
.lp-cta p > span {
  margin-top: 1.28vw;
}
.lp-cta p span {
  display: inline-block;
  font-size: 7.69vw;
  color: #C7161D;
  line-height: 1.3;
}
.lp-cta p span span {
  position: relative;
  z-index: 1;
}
.lp-cta p span span::after {
  content: "";
  position: absolute;
  left: 48%;
  bottom: 3%;
  transform: translateX(-50%);
  width: 102%;
  height: 24%;
  background: #F3D77B;
  border-radius: 999px;
  z-index: -1;
}

.lp-cta li {
  font-size: 3.08vw;
  font-weight: 700;
  letter-spacing: 0.08em;
}

@media screen and (min-width: 813px) {
  .lp-cta {
    padding: 62px 0 31px;
  }
  .lp-cta h2 {
    margin-bottom: 31px;
  }
  .lp-cta-inner {
    padding: 31px 11px 41px;
    margin-bottom: 20px;
  }
  .lp-cta p {
    margin: 20px 0 41px;
    font-size: 38px;
  }
  .lp-cta p > span {
    margin-top: 11px;
  }
  .lp-cta p span {
    font-size: 62px;
  }
  .lp-cta li {
    font-size: 25px;
  }
}
.lp-voice {
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-voice.png);
  background-size: cover;
}

.lp-voice-cont {
  margin-bottom: 7.69vw;
}

.lp-voice-cont:last-of-type {
  margin-bottom: 0;
}

.lp-voice p {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 1.28vw;
  font-size: 4.1vw;
  font-weight: 700;
  color: #6FA6B8;
}

.lp-voice p::before, .lp-voice p::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5.13vw;
  height: 2px;
  background: #6FA6B8;
}

.lp-voice p::before {
  left: -5.64vw;
  transform: rotate(-120deg) translateY(-50%);
}

.lp-voice p::after {
  right: -5.64vw;
  transform: rotate(120deg) translateY(-50%);
}

.lp-voice img {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 813px) {
  .lp-voice-cont {
    margin-bottom: 62px;
  }
  .lp-voice p {
    margin: 0 auto 10px;
    font-size: 33px;
  }
  .lp-voice p::before, .lp-voice p::after {
    width: 41px;
  }
  .lp-voice p::before {
    left: -46px;
  }
  .lp-voice p::after {
    right: -46px;
  }
  .lp-voice img {
    width: 100%;
  }
}
.lp-message {
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-message.png);
  background-size: cover;
}
.lp-message-img {
  width: 72.3%;
  margin: 0 auto;
}
.lp-message p {
  margin-bottom: 1.5em;
}
.lp-message p:first-of-type {
  margin-top: 5.13vw;
}
.lp-message p:last-of-type {
  margin-bottom: 0;
}
.lp-message p span {
  font-weight: 700;
}

@media screen and (min-width: 813px) {
  .lp-message p:first-of-type {
    margin-top: 41px;
  }
}
.lp-flow {
  background-image: url(https://eye-nole.com/wp-content/uploads/2026/08/lp-flow.png);
  background-size: cover;
}

.lp-salon h3 {
  margin-bottom: 1.28vw;
  font-size: 4.62vw;
  text-align: center;
}

.lp-salon-cont {
  margin-bottom: 10.26vw;
}

.lp-salon-cont:last-of-type {
  margin-bottom: 0;
}

.lp-salon-img {
  margin-bottom: 1.28vw;
}

.lp-salon dl {
  margin-bottom: 5.13vw;
}

.lp-salon dl > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.56vw 0;
  border-bottom: 1px solid #8B8985;
}

.lp-salon dl dd {
  text-align: right;
}
.lp-salon dl dd span {
  font-weight: 700;
}

.lp-salon-map {
  position: relative;
  padding-top: 56%;
}

.lp-salon-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 813px) {
  .lp-salon h3 {
    margin-bottom: 10px;
    font-size: 38px;
  }
  .lp-salon-cont {
    margin-bottom: 83px;
  }
  .lp-salon-img {
    margin-bottom: 10px;
  }
  .lp-salon dl {
    margin-bottom: 42px;
  }
  .lp-salon dl > div {
    padding: 21px 0;
  }
}
.lp-faq {
  margin-bottom: 12.82vw;
}

.lp-faq dl > div {
  padding-bottom: 6.41vw;
  margin-bottom: 6.41vw;
  border-bottom: 1px solid #8B8985;
}

.lp-faq dt,
.lp-faq dd {
  display: flex;
  font-size: 4.1vw;
}

.lp-faq dt span,
.lp-faq dd span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.03vw 3.08vw 1.54vw;
  margin-right: 3.59vw;
  border-radius: 50%;
  font-family: "Noto Serif JP", serif;
  font-size: 5.13vw;
  font-weight: 700;
  color: #FFF;
  background: #6FA6B8;
}

.lp-faq dt {
  align-items: center;
  margin-bottom: 2.56vw;
  font-weight: 700;
}

.lp-faq dd {
  align-items: flex-start;
}

.lp-faq dd span {
  background: #8B8985;
}

@media screen and (min-width: 813px) {
  .lp-faq {
    margin-bottom: 104px;
  }
  .lp-faq dl > div {
    padding-bottom: 52px;
    margin-bottom: 52px;
  }
  .lp-faq dt,
  .lp-faq dd {
    font-size: 33px;
  }
  .lp-faq dt span,
  .lp-faq dd span {
    padding: 8px 25px 13px;
    margin-right: 29px;
    font-size: 42px;
  }
  .lp-faq dt {
    margin-bottom: 21px;
  }
}
.lp-footer {
  padding: 0 0 25.64vw;
}

.lp-footer-logo {
  width: 38%;
  margin: 0 auto 1.28vw;
}

.lp-footer small {
  display: block;
  padding: 0.77vw 0 1.28vw;
  font-size: 3.59vw;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  background: #403B38;
}

@media screen and (min-width: 813px) {
  .lp-footer {
    padding: 0 0 208px;
  }
  .lp-footer-logo {
    margin: 0 auto 1.28vw;
  }
  .lp-footer small {
    padding: 6px 0 10px;
    font-size: 29px;
  }
}
.lp-btn-fix {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  width: 100%;
  max-width: 812px;
  z-index: 10;
}