@charset "UTF-8";
html {
  font-size: 10px;
}

body {
  background-color: #E9F3F1;
  font-family: "Shuei KakuGo Gin L", sans-serif;
}

header {
  background-color: #fff;
  height: 80px;
}
header .header-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
header .header-inner .header-logo {
  width: 100%;
  height: 100%;
}
header .header-inner .header-logo a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
header .header-inner .header-logo a img {
  height: 32px;
  width: auto;
}

.content-area {
  background-color: #fff;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* 768px以下のスタイル */
@media (max-width: 768px) {
  html {
    font-size: 9px;
  }
  .content-area {
    /* コンテンツを画面幅に合わせる */
    width: 100%;
  }
}
/* 600px以下のスタイル */
@media (max-width: 600px) {
  html {
    font-size: 7.6px;
  }
}
/* 480px以下のスタイル */
@media (max-width: 480px) {
  html {
    font-size: 6.2px;
  }
}
/* 400px以下のスタイル */
@media (max-width: 400px) {
  html {
    font-size: 4.8px;
  }
}
/* 360px以下のスタイル */
@media (max-width: 360px) {
  html {
    font-size: 3.4px;
  }
}
/* 768px超のスタイル */
@media (min-width: 769px) {
  body {
    background-color: #E9F3F1; /* 背景色を変更 */
  }
  .content-area {
    /* 最大幅を768pxに固定 */
    max-width: 768px;
    /* 中央寄せ */
    margin: 0 auto;
    /* 背景色と影を追加 */
    background-color: #fff; /* 背景色を変更 */
    /* 左右の境界線をわかりやすくするための影を追加 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
  }
}
.lp-main .fv img {
  width: 100%;
  height: auto;
}
.lp-main .about-us {
  display: flex;
  justify-content: end;
  align-items: center;
  padding-bottom: 10rem;
}
.lp-main .about-us img {
  width: 95%;
  height: auto;
}
.lp-main .regulation-notice {
  padding-bottom: 7.2rem;
}
.lp-main .regulation-notice .regulation-notice-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 6.4rem;
}
.lp-main .regulation-notice .regulation-notice-title img {
  width: 78%;
  height: auto;
}
.lp-main .regulation-notice .regulation-notice-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 5.2rem;
}
.lp-main .regulation-notice .regulation-notice-inner img {
  width: 50%;
  height: auto;
}
.lp-main .regulation-notice .regulation-example {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 4rem;
}
.lp-main .regulation-notice .regulation-example img {
  width: 87%;
  height: auto;
}
.lp-main .regulation-notice .regulation-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-main .regulation-notice .regulation-text img {
  width: 87%;
  height: auto;
}
.lp-main .cta2 {
  background-color: #EFE7DE;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.2rem 1.6rem;
}
.lp-main .cta2 .cta2-text {
  width: 67%;
  height: auto;
  padding-bottom: 4.6rem;
}
.lp-main .cta2 .cta2-feature {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-main .cta2 .cta2-feature img {
  width: 90%;
  height: auto;
  padding-bottom: 4.2rem;
}
.lp-main .cta2 .btn-cta2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-main .cta2 .btn-cta2 img {
  width: 100%;
  height: auto;
}
.lp-main .warries {
  padding-top: 7.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
}
.lp-main .warries img {
  width: 86%;
  opacity: 1;
  height: auto;
  z-index: 100;
  padding-bottom: 2.6rem;
}
.lp-main .warries .warries-example {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lp-main .warries .warries-example .warries-example-inner-right {
  align-items: center;
  width: 100%;
  height: auto;
}
.lp-main .warries .warries-example .warries-example-inner-right img {
  float: right;
}
.lp-main .warries .warries-example .warries-example-inner-left {
  width: 100%;
  height: auto;
  align-items: center;
}
.lp-main .warries .warries-example .warries-example-inner-left img {
  float: left;
}
.lp-main .warries .warries-example .warries-people {
  padding-bottom: 0;
}
.lp-main .offer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lp-main .offer .offer-title {
  width: 87%;
  height: auto;
  padding-top: 4.6rem;
  padding-bottom: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-main .offer .offer-title img {
  width: 87%;
  height: auto;
}
.lp-main .offer .offer-point {
  background-color: #EFE7DE;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 1.6rem;
}
.lp-main .offer .offer-point img {
  width: 60%;
  height: auto;
}
.lp-main .offer .offer-point .offer-point-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 9rem;
  background-color: #fff;
}
.lp-main .offer .offer-point .offer-point-list .offer-point-list-inner {
  width: 100%;
  height: auto;
  padding: 0 4.8rem;
  padding-bottom: 4.8rem;
}
.lp-main .offer .offer-point .offer-point-list .offer-point-list-inner img {
  width: 100%;
  height: auto;
  padding-bottom: 4.8rem;
}
.lp-main .offer .offer-point .offer-point-list .offer-point-list-inner p {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: left;
}
.lp-main .user-voice {
  background-color: #F7F7F7;
  padding: 0 3rem;
  padding-top: 3.2rem;
  padding-bottom: 8rem;
}
.lp-main .user-voice .user-voice-title {
  width: 34%;
  height: auto;
  padding-bottom: 4.2rem;
}
.lp-main .user-voice .user-voice-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 4.2rem;
}
.lp-main .user-voice .user-voice-items .person {
  width: 17.5%;
}
.lp-main .user-voice .user-voice-items .text-box {
  padding: 3.2rem;
  background-color: #fff;
  border-radius: 1rem;
}
.lp-main .user-voice .user-voice-items .text-box .item-title {
  padding-bottom: 2.6rem;
}
.lp-main .user-voice .user-voice-items .text-box p {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: left;
}
.lp-main .faq {
  padding: 0 3.2rem;
  padding-top: 8rem;
}
.lp-main .faq .faq-title {
  width: 54%;
  height: auto;
  padding-bottom: 6.8rem;
}
.lp-main .faq .faq-content img {
  padding-bottom: 1.8rem;
  height: 4rem;
}
.lp-main .faq .faq-content .faq-img5 {
  height: 7.2rem !important; /* 五番目のimgの高さを8remに設定 */
}
.lp-main .faq .faq-content p {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: left;
  padding-bottom: 5.4rem;
}
.lp-main .flow {
  background-color: #F7F7F7;
  padding: 0 4.8rem;
  padding-top: 4.2rem;
}
.lp-main .flow .flow-title {
  width: 42%;
  height: auto;
}
.lp-main .flow .flow-content {
  width: 100%;
  height: auto;
}
.lp-main .flow .flow-content img {
  padding-bottom: 3.2rem;
}
.lp-main .cta3 {
  padding-top: 6.4rem;
  padding-bottom: 3.2rem;
  background-color: #F7F7F7;
}
.lp-main .cta3 .cta3-title {
  width: 100%;
  height: auto;
  padding-bottom: 3.2rem;
}

footer {
  height: 14.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer-text {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
}/*# sourceMappingURL=lp.css.map */