/* ==========================
  Reset CSS
========================== */

/* 全要素の余白・枠をリセット */
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* html, body */
html {
font-size: 100%;
}

body {
line-height: 1.6;
-webkit-text-size-adjust: 100%;
}

/* リスト */
ul,
ol {
list-style: none;
}

/* リンク */
a {
text-decoration: none;
color: inherit;
}

/* 画像 */
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}

/* フォーム系 */
button,
input,
select,
textarea {
appearance: none;
border: none;
background: none;
font: inherit;
color: inherit;
}

button {
cursor: pointer;
}

/* 見出し */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}

/* table */
table {
border-collapse: separate;
border-spacing: 0;
}
/* ==========================
  Base Style
========================== */
.line-seed-jp-regular {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.line-seed-jp-bold {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.noto-sans-jp-regular {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-jp-bold {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.inter-regular {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.inter-bold {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.lp-layout__info,
.lp-layout__nav {
  display: none;
}
.lp-header {
  max-width: calc(375 / 375 * var(--lp-vw, 100vw));
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  margin: 0 auto;
  padding: calc(20 / 375 * var(--lp-vw, 100vw)) calc(13 / 375 * var(--lp-vw, 100vw)) calc(10 / 375 * var(--lp-vw, 100vw)) calc(18 / 375 * var(--lp-vw, 100vw));
}
.lp-header.sticky {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.lp-header__logo {
  width: calc(163 / 375 * var(--lp-vw, 100vw));
}
.lp-header__logo-img {
  width: 100%;
}
.lp-header__button .line-button {
  font-size: calc(11 / 375 * var(--lp-vw, 100vw));
  padding: calc(10 / 375 * var(--lp-vw, 100vw)) calc(30 / 375 * var(--lp-vw, 100vw)) calc(8 / 375 * var(--lp-vw, 100vw)) calc(13 / 375 * var(--lp-vw, 100vw));
  margin-top: 0;
  box-shadow: none;
}
.lp-header__button .line-button:after {
  width: calc(7 / 375 * var(--lp-vw, 100vw));
  height: calc(1 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(50 / 375 * var(--lp-vw, 100vw));
  top: 50%;
  right: calc(10 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(-3 / 375 * var(--lp-vw, 100vw));
  transform: rotate(40deg);
  transition: right  0.3s ease;
}
.lp-header__button .line-button:before {
  width: calc(7 / 375 * var(--lp-vw, 100vw));
  height: calc(1 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(50 / 375 * var(--lp-vw, 100vw));
  top: 50%;
  right: calc(10 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(1 / 375 * var(--lp-vw, 100vw));
  transform: rotate(-40deg);
  transition: right  0.3s ease;
}
.lp-header__button .line-button:hover:before,
.lp-header__button .line-button:hover:after {
  right: calc(7 / 375 * var(--lp-vw, 100vw));
}
.lp-header__button .line-button__text {
  font-size: calc(10 / 375 * var(--lp-vw, 100vw));
  line-height: 1;
  border: 2px solid #06C755;
  padding: calc(2 / 375 * var(--lp-vw, 100vw)) calc(8 / 375 * var(--lp-vw, 100vw)) calc(4 / 375 * var(--lp-vw, 100vw)) calc(8 / 375 * var(--lp-vw, 100vw));
  transform: translateY(30%) translateX(-50%);
}
.lp-header__button .line-button__text .small-text {
  font-size: calc(8 / 375 * var(--lp-vw, 100vw)) !important;
}
.lp-header__button .line-button__icon {
  padding-right: calc(11 / 375 * var(--lp-vw, 100vw));
}
.lp-header__button .line-button__img {
  width: calc(15 / 375 * var(--lp-vw, 100vw)) !important;
}
.lp-main {
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  overflow-x: hidden;
}
.lp-main img {
  width: 100%;
}
.lp-main a,
.lp-header__button .line-button {
  transition: opacity 0.3s ease;
}
.lp-main a:hover,
.lp-header__button .line-button:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.cta {
  margin: calc(60 / 375 * var(--lp-vw, 100vw)) calc(23 / 375 * var(--lp-vw, 100vw)) 0;
}
.cta__text {
  color: #413835;
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  text-align: center;
}
.line-button {
  display: block;
  position: relative;
  background: #06C755;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: calc(25 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  line-height: 1;
  border-radius: calc(100 / 375 * var(--lp-vw, 100vw));
  box-shadow: 0px 4px 4px 0px rgba(102, 102, 102, 1);
  padding: calc(24 / 375 * var(--lp-vw, 100vw)) calc(46 / 375 * var(--lp-vw, 100vw)) calc(18 / 375 * var(--lp-vw, 100vw)) calc(20 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(28 / 375 * var(--lp-vw, 100vw));
}
.line-button:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(13 / 375 * var(--lp-vw, 100vw));
  height: calc(2 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(50 / 375 * var(--lp-vw, 100vw));
  top: 50%;
  right: calc(20 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(-6 / 375 * var(--lp-vw, 100vw));
  transform: rotate(40deg);
  transition: right  0.3s ease;
}
.line-button:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(13 / 375 * var(--lp-vw, 100vw));
  height: calc(2 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(50 / 375 * var(--lp-vw, 100vw));
  top: 50%;
  right: calc(20 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(1.5 / 375 * var(--lp-vw, 100vw));
  transform: rotate(-40deg);
  transition: right  0.3s ease;
}
.line-button:hover:before,
.line-button:hover:after {
  right: calc(15 / 375 * var(--lp-vw, 100vw));
}
.line-button__text {
  position: absolute;
  background-color: #fff;
  color:#C2507E;
  font-size: calc(22 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  line-height: 1.2;
  border: 4px solid #06C755;
  border-radius: calc(50 / 375 * var(--lp-vw, 100vw));
  top: -50%;
  left: 50%;
  transform: translateY(50%) translateX(-50%);
  padding: 0 calc(14 / 375 * var(--lp-vw, 100vw)) calc(4 / 375 * var(--lp-vw, 100vw));
}
.line-button__text .small-text:nth-of-type(1) {
  font-size: calc(18 / 375 * var(--lp-vw, 100vw));
}
.line-button__text .inter-bold .small-text {
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
}
.line-button__icon {
  padding-right: calc(15 / 375 * var(--lp-vw, 100vw));
}
.line-button__img {
  width: calc(34 / 375 * var(--lp-vw, 100vw)) !important;
  vertical-align: middle;
}
.note-list {
  color: #666;
  font-size: calc(11 / 375 * var(--lp-vw, 100vw));
}
.note-list__item {
  position: relative;
  text-align: left;
  padding-left: calc(12 / 375 * var(--lp-vw, 100vw));
}
.note-list__item::before {
  content: "※";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
/* ==========================
  LP Lead
========================== */
.lp-lead {
  background-color: #F8F6DE;
  color: #413835;
  padding: calc(20 / 375 * var(--lp-vw, 100vw)) 0 calc(115 / 375 * var(--lp-vw, 100vw));
}
.lp-mv {
  position: relative;
}
.lp-mv__text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  padding-left: calc(13 / 375 * var(--lp-vw, 100vw));
}
.lp-mv__img {
  padding-top: calc(10 / 375 * var(--lp-vw, 100vw));
  margin-right: calc(83 / 375 * var(--lp-vw, 100vw));
}
.lp-mv__catch {
  position: absolute;
  writing-mode: vertical-rl;
  top: calc(90 / 375 * var(--lp-vw, 100vw));
  right: 0;
  margin-right: calc(17 / 375 * var(--lp-vw, 100vw));
}
.lp-mv__catch-text-01 {
  font-size: calc(18 / 375 * var(--lp-vw, 100vw));
  margin: calc(10 / 375 * var(--lp-vw, 100vw)) calc(8 / 375 * var(--lp-vw, 100vw)) 0 0;
}
.lp-mv__catch-text-02 {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: calc(30 / 375 * var(--lp-vw, 100vw));
  padding-top: calc(10 / 375 * var(--lp-vw, 100vw));
  margin: 0 calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-mv__catch-text-02 span {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
}
.lp-mv__catch-text-03 {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  padding-top: calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-lead__info {
  background-color: #fff;
  padding: calc(14 / 375 * var(--lp-vw, 100vw)) calc(16 / 375 * var(--lp-vw, 100vw)) calc(16 / 375 * var(--lp-vw, 100vw));
  margin: calc(46 / 375 * var(--lp-vw, 100vw)) calc(15 / 375 * var(--lp-vw, 100vw));
}
.lp-lead__info-text {
  color: #17BED2;
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
}
.lp-lead__info-img {
  margin-top: calc(5 / 375 * var(--lp-vw, 100vw));
}
.lp-lead__info .note-list {
  margin-top: calc(12 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP About
========================== */
.lp-about {
  margin-top: calc(-100 / 375 * var(--lp-vw, 100vw));
}
.lp-about__lead-area {
  position: relative;
}
.lp-about__lead-text {
  position: absolute;
  color: #F8F6DE;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 700;
  top: calc(115 / 375 * var(--lp-vw, 100vw));
  left: 0;
  right: 0;
}
.lp-about__content-area {
  background-color: #413835;
  padding: calc(30 / 375 * var(--lp-vw, 100vw)) calc(20 / 375 * var(--lp-vw, 100vw)) calc(15 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-lead-text {
  color: #F8F6DE;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 700;
}
.lp-about__content-box {
  color: #413835;
  background-color: #F8F6DE;
  border-radius: calc(15 / 375 * var(--lp-vw, 100vw));
  padding-top: calc(12 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(28 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box + .lp-about__content-box {
  margin-top: calc(42 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box-title {
  font-size: calc(19 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
}
.lp-about__content-box-title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box-content {
  display: flex;
}
.lp-about__content-box-text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-01 .lp-about__content-box-content {
  align-items: center;
  margin-top: calc(18 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-01 .lp-about__content-box-img {
  width: calc(105 / 375 * var(--lp-vw, 100vw));
  margin-left: calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-01 .lp-about__content-box-text {
  margin-left: calc(13 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-02 .lp-about__content-box-content {
  align-items: center;
  margin-top: calc(9 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-02 .lp-about__content-box-img {
  width: calc(115 / 375 * var(--lp-vw, 100vw));
  margin-left: calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-02 .lp-about__content-box-text {
  margin-left: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-03 .lp-about__content-box-content {
  margin-top: calc(13 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-03 .lp-about__content-box-img {
  width: calc(101 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-03 .lp-about__content-box-text {
  margin-left: calc(11 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-04 .lp-about__content-box-content {
  margin-top: calc(22 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-04 .lp-about__content-box-img {
  width: calc(76 / 375 * var(--lp-vw, 100vw));
}
.lp-about__content-box.box-04 .lp-about__content-box-text {
  letter-spacing: -0.01em;
  margin-left: calc(18 / 375 * var(--lp-vw, 100vw));
}
.lp-about__ending {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  color: #F8F6DE;
  text-align: center;
  font-weight: 500;
  padding: calc(82 / 375 * var(--lp-vw, 100vw)) 0 calc(100 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Problem
========================== */
.lp-problem {
  color: #413835;
  margin-top: calc(-40 / 375 * var(--lp-vw, 100vw));
}
.lp-problem__lead-area {
  position: relative;
}
.lp-problem__lead-text {
  position: absolute;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 100;
  top: calc(78 / 375 * var(--lp-vw, 100vw));
  left: 0;
  right: 0;
}
.lp-problem-content__area {
  background-color: #A8AAAB;
  padding-top: calc(150 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(-128 / 375 * var(--lp-vw, 100vw));
}
.lp-problem-content__top-text {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 700;
  margin-bottom: calc(43 / 375 * var(--lp-vw, 100vw));
}
.lp-problem-content__box {
  position: relative;
}
.lp-problem-content__box + .lp-problem-content__box {
  margin-top: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-problem-content__box-text {
  position: absolute;
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 500;
}
.lp-problem-content__box.box-01 .lp-problem-content__box-text.text-01 {
  position: absolute;
  top: calc(40 / 375 * var(--lp-vw, 100vw));
  left: calc(50 / 375 * var(--lp-vw, 100vw));
}
.lp-problem-content__box.box-01 .lp-problem-content__box-text.text-02 {
  position: absolute;
  top: calc(410 / 375 * var(--lp-vw, 100vw));
  right: calc(75 / 375 * var(--lp-vw, 100vw));
}
.lp-problem-content__box.box-02 .lp-problem-content__box-text.text-01 {
  position: absolute;
  top: calc(35 / 375 * var(--lp-vw, 100vw));
  left: calc(70 / 375 * var(--lp-vw, 100vw));
}
.lp-problem-content__box.box-02 .lp-problem-content__box-text.text-02 {
  position: absolute;
  top: calc(425 / 375 * var(--lp-vw, 100vw));
  right: calc(65 / 375 * var(--lp-vw, 100vw));
}
.lp-problem__ending {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 400;
  line-height: 2;
  padding: calc(25 / 375 * var(--lp-vw, 100vw)) 0 calc(30 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Solution
========================== */
.lp-solution {
  color: #F8F6DE;
  text-align: center;
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 400;
  line-height: 1.5;
  background-color: #413835;
  padding: calc(34 / 375 * var(--lp-vw, 100vw)) 0 calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-solution__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-solution__title span {
  color: #17BED2;
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
}
.lp-solution .text-bold {
  font-weight: 700;
}
.lp-solution__text {
  line-height: 2;
}
.lp-solution__text.text-01 {
  margin-top: calc(54 / 375 * var(--lp-vw, 100vw));
}
.lp-solution__text.text-02 {
  margin-top: calc(46 / 375 * var(--lp-vw, 100vw));
}
.lp-solution__img {
  margin-top: calc(51 / 375 * var(--lp-vw, 100vw));
}
.lp-solution__text.text-03 {
  margin-top: calc(32 / 375 * var(--lp-vw, 100vw));
}
.lp-solution__text.text-04 {
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-solution__text.text-04 .text-bold {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-solution__text.text-05 {
  margin-top: calc(50 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Invite
========================== */
.lp-invite {
  background-color: #F8F6DE;
  color: #413835;
  padding: calc(40 / 375 * var(--lp-vw, 100vw)) 0 calc(38 / 375 * var(--lp-vw, 100vw));
}
.lp-invite__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
}
.lp-invite__title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__area + .lp-invite-content__area {
  margin-top: calc(87 / 375 * var(--lp-vw, 100vw));
}
.lp-invite__lead-title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
  margin-top: calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-invite__lead-text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 400;
}
.lp-invite__lead-text.text-01 {
  margin-top: calc(60 / 375 * var(--lp-vw, 100vw));
}
.lp-invite__lead-text.text-02 {
  font-weight: 500;
  line-height: 2;
  margin-top: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-invite__lead-text.text-03 {
  font-weight: 500;
  line-height: 2;
  margin: calc(45 / 375 * var(--lp-vw, 100vw)) 0 calc(41 / 375 * var(--lp-vw, 100vw));
}
.lp-invite__lead-img {
  padding: 0 calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-invite__lead-img-logo {
  padding-top: calc(25 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
  margin-top: calc(45 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__img {
  padding: 0 calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__img img {
  width: 100%;
}
.lp-invite-content__text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 500;
}
.lp-invite-content__text.text-01 {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  font-weight: 400;
  line-height: 2;
  margin-top: calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__text.text-01 span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__text.text-02 {
  margin-top: calc(55 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__text.text-03 {
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__text.text-04 {
  margin-top: calc(42 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__img.img-01 {
  position: relative;
  margin: calc(44 / 375 * var(--lp-vw, 100vw)) calc(-20 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-invite-content__img.img-02 {
  margin: 0 calc(-20 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__lead {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 700;
  margin-bottom: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__lead span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__img-text {
  position: absolute;
  color: #F8F6DE;
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-invite-content__img-text.text-01 {
  top: calc(35 / 375 * var(--lp-vw, 100vw));
  left: calc(65 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__img-text.text-02 {
  top: calc(195 / 375 * var(--lp-vw, 100vw));
  right: calc(60 / 375 * var(--lp-vw, 100vw));
}
.lp-invite-content__img-text.text-03 {
  top: calc(355 / 375 * var(--lp-vw, 100vw));
  left: calc(80 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Service
========================== */
.lp-service {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  color: #413835;
  text-align: center;
  font-weight: 400;
  background-color: #F5F6F8;
  padding: calc(40 / 375 * var(--lp-vw, 100vw)) 0 1px;
}
.lp-service__title {
  font-size: calc(32/ 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-service__title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-service__lead-text {
  font-weight: 500;
  margin-top: calc(22 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety {
  margin-top: calc(33 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-title {
  position: relative;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  border: 1px solid #413835;
  padding: calc(9 / 375 * var(--lp-vw, 100vw)) 0;
  margin: 0 calc(100 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-title::before {
  content: '';
  display: block;
  position: absolute;
  width: calc(18 / 375 * var(--lp-vw, 100vw));
  height: calc(18 / 375 * var(--lp-vw, 100vw));
  background-color: #F5F6F8;
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateY(-100%) translateX(-50%);
}
.lp-service__safety-title::after {
  content: '';
  display: block;
  width: 1px;
  height: calc(18 / 375 * var(--lp-vw, 100vw));
  background-color: #413835;
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateY(-100%) translateX(-50%);
}
.lp-service__safety-content {
  padding: 0 calc(43 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(42 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #17BED2;
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  color: #fff;
  font-weight: 700;
  border-radius: calc(100 / 375 * var(--lp-vw, 100vw));
  margin-right: calc(-6 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #413835;
  border-radius: calc(100 / 375 * var(--lp-vw, 100vw));
  top: calc(-4 / 375 * var(--lp-vw, 100vw));
  left: calc(-6 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item + .lp-service__safety-content-item {
  margin-top: calc(38 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item.item-01 {
  padding: calc(20 / 375 * var(--lp-vw, 100vw)) 0 calc(22 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item.item-01 .lp-service__safety-content-item-img {
  width: calc(61 / 375 * var(--lp-vw, 100vw));
  margin-right: calc(22 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item.item-02 {
  padding: calc(11 / 375 * var(--lp-vw, 100vw)) 0 calc(25 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item.item-02 .lp-service__safety-content-item-img {
  width: calc(80 / 375 * var(--lp-vw, 100vw));
  margin-right: calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item.item-03 {
  padding: calc(15 / 375 * var(--lp-vw, 100vw)) 0 calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-service__safety-content-item.item-03 .lp-service__safety-content-item-img {
  width: calc(67 / 375 * var(--lp-vw, 100vw));
  margin-right: calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set {
  margin-top: calc(76 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-text {
  font-weight: 500;
}
.lp-service__set-package {
  padding: 0 calc(23 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(26 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-package-item + .lp-service__set-package-item {
  margin-top: calc(33 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-package-item:last-of-type {
  margin-bottom: calc(35 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-package-item-title {
  background-color: #17BED2;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  color: #F8F6DE;
  font-weight: 700;
  padding: calc(13 / 375 * var(--lp-vw, 100vw)) 0 calc(8 / 375 * var(--lp-vw, 100vw));
  box-sizing: border-box;
  border: 2px solid #17BED2;
  border-radius: calc(28 / 375 * var(--lp-vw, 100vw)) calc(28 / 375 * var(--lp-vw, 100vw)) 0 0;
}
.lp-service__set-package-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F8F6DE;
  border-radius: 0 0 calc(28 / 375 * var(--lp-vw, 100vw)) calc(28 / 375 * var(--lp-vw, 100vw));
  box-sizing: border-box;
  border: 2px solid #17BED2;
  padding: calc(25 / 375 * var(--lp-vw, 100vw)) calc(25 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-package-item-content-text {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  letter-spacing: 0.1em;
}
.lp-service__set-package-item-content-text .text-num {
  font-family: "Inter", sans-serif;
  font-size: calc(32 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
}
.lp-service__set-package-item-content-text .text-small {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
}
.lp-service__set-package-item-content-text .text-small {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
}
.lp-service__set-package-item-content-text .text-plus {
  color: #A8AAAB;
}
.lp-service__set-package-item.item-01 .lp-service__set-package-item-content-img {
  width: calc(138 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-package-item.item-02 .lp-service__set-package-item-content-img {
  width: calc(128 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info {
  padding: 0 calc(14 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item {
  background-color: #D4E1E8;
  color: #666;
  border-radius: calc(12 / 375 * var(--lp-vw, 100vw));
  padding: calc(17 / 375 * var(--lp-vw, 100vw)) calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item + .lp-service__set-info-item {
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item-title {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  color: #413835;
  font-weight: 700;
  margin-bottom: calc(15 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item-title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item-content {
  display: flex;
  justify-content: center;
}
.lp-service__set-info-item.item-01 .lp-service__set-info-item-content-img {
  width: calc(117 / 375 * var(--lp-vw, 100vw));
  margin-right: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item.item-01 .lp-service__set-info-item-content-text {
  font-size: calc(40 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  line-height: 1.2;
}
.lp-service__set-info-item.item-01 .lp-service__set-info-item-content-text .text-small {
  font-size: calc(32 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item.item-01 .lp-service__set-info-item-content-text .text-num {
  font-family: "Inter", sans-serif;
  font-size: calc(60 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
}
.lp-service__set-info-item.item-01 .note-list {
  width: calc(190 / 375 * var(--lp-vw, 100vw));
  margin: calc(14 / 375 * var(--lp-vw, 100vw)) auto 0;
}
.lp-service__set-info-item.item-02 .lp-service__set-info-item-content {
  flex-direction: row-reverse;
}
.lp-service__set-info-item.item-02 .lp-service__set-info-item-content-img {
  width: calc(121 / 375 * var(--lp-vw, 100vw));
  margin-left: calc(7 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item.item-02 .lp-service__set-info-item-content-text {
  flex: 1;
}
.lp-service__set-info-item.item-02 .lp-service__set-info-item-content-text p {
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  line-height: 1.5;
}
.lp-service__set-info-item.item-02 .lp-service__set-info-item-content-text .text-big {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-service__set-info-item.item-02 .lp-service__set-info-item-content-text .note-list {
  margin-top: calc(8 / 375 * var(--lp-vw, 100vw));
  margin-left: calc(23 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point {
  margin-top: calc(48 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-title {
  font-size: calc(22 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  margin-bottom: calc(36 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-inner {
  margin: 0 calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-tab-menu-list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.lp-service__point-tab-menu-item {
  width: calc(90 / 375 * var(--lp-vw, 100vw));
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
  font-weight: 700;
  cursor: pointer;
  background-color: #F8F6DE;
  border-radius: calc(7 / 375 * var(--lp-vw, 100vw)) calc(7 / 375 * var(--lp-vw, 100vw)) 0 0;
  border: 2px solid #17BED2;
  padding: calc(10 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-service__point-tab-menu-item.active {
  color: #F8F6DE;
  background-color: #17BED2;
  border-bottom: 2px solid #F8F6DE;
  padding: calc(12 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-service__point-tab-content {
  display: none;
}
.lp-service__point-tab-content.active {
  display: block;
}
.lp-service__point-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.lp-service__point-table-head {
  position: relative;
  color: #F8F6DE;
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  background-color: #17BED2;
}
.lp-service__point-table-head-item {
  position: relative;
  width: 50%;
  padding: calc(11 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-service__point-table-head-item.item-01 {
  border-right: 3px solid #F8F6DE;
}
.lp-service__point-table-head-item.item-01::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(10 / 375 * var(--lp-vw, 100vw)) calc(10 / 375 * var(--lp-vw, 100vw)) 0 0;
  border-color: #17BED2 transparent transparent transparent;
  bottom: calc(-6 / 375 * var(--lp-vw, 100vw));
  left: 0;
}
.lp-service__point-table-head-item.item-02::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(10 / 375 * var(--lp-vw, 100vw)) calc(10 / 375 * var(--lp-vw, 100vw)) 0 0;
  border-color: transparent #17BED2 transparent transparent;
  bottom: calc(-6 / 375 * var(--lp-vw, 100vw));
  right: 0;
}
.lp-service__point-table {
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.lp-service__point-table::after {
  content: '';
  display: block;
  position: absolute;
  width: calc(3 / 375 * var(--lp-vw, 100vw));
  background-color: #666;
  top: calc(47 / 375 * var(--lp-vw, 100vw)); 
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}

.lp-service__point-table-body-top-item {
  width: 50%;
  background-color: #F8F6DE;
  padding: calc(11 / 375 * var(--lp-vw, 100vw)) 0;
  vertical-align: middle;
  border-top: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
  border-bottom: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
  transform: scale(1.05);
}
.lp-service__point-table-body-top-item.item-01 {
  border-radius: calc(15 / 375 * var(--lp-vw, 100vw)) 0 0 calc(15 / 375 * var(--lp-vw, 100vw));
  border-left: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
  padding: 0 calc(12 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-table-body-top-item.item-02 {
  position: relative;
  border-radius: 0 calc(15 / 375 * var(--lp-vw, 100vw)) calc(15 / 375 * var(--lp-vw, 100vw)) 0;
  border-right: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
  padding: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-table-body-text {
  font-size: calc(11 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
}
.lp-service__point-table-body-text .text-mark {
  font-size: calc(22 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  line-height: 1;
}
.lp-service__point-table-body-text .text-bold {
  font-size: calc(13 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-service__point-table-body .lp-service__point-table-body-item {
  border-bottom: 3px solid #666;
}
.lp-service__point-table-body .lp-service__point-table-body-item:nth-of-type(1) {
  background-color: #D9D9D9;
  border-left: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
}
.lp-service__point-table-body .lp-service__point-table-body-item:nth-of-type(2) {
  color: #666;
  border-right: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
  padding: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-table-body:last-of-type .lp-service__point-table-body-item:nth-of-type(1) {
  border-radius: 0 0 0 calc(15 / 375 * var(--lp-vw, 100vw));
  border-bottom: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
}
.lp-service__point-table-body:last-of-type .lp-service__point-table-body-item:nth-of-type(2) {
  border-radius: 0 0 calc(15 / 375 * var(--lp-vw, 100vw)) 0;
  border-bottom: calc(3 / 375 * var(--lp-vw, 100vw)) solid #17BED2;
}
.lp-service__point-ending {
  margin-top: calc(80 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-ending-text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  margin: calc(75 / 375 * var(--lp-vw, 100vw)) calc(28 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-ending-text-01 img {
  width: 90%;
  vertical-align: baseline;
}
.lp-service__point-ending-text-02 {
  margin-top: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-service__point-ending-text-03 {
  margin-top: calc(22 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Benefits
========================== */
.lp-benefits {
  color: #413835;
  text-align: center;
  padding: calc(42 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-benefits__01 {
  background-color: #F8F6DE;
  padding-bottom: calc(24 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-benefits__title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__box {
  background-color: #fff;
  padding: calc(12 / 375 * var(--lp-vw, 100vw)) calc(15 / 375 * var(--lp-vw, 100vw)) calc(19 / 375 * var(--lp-vw, 100vw));
  margin: calc(28 / 375 * var(--lp-vw, 100vw)) calc(17 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-benefits__box-title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__box-title .text-bold {
  font-weight: 700;
}
.lp-benefits__box-content {
  display: flex;
  align-items: center;
  margin-top: calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__box-text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  text-align: left;
  font-weight: 500;
  margin-left: calc(25 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__box.box-01 {
  margin-top: calc(35 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__box.box-01 .lp-benefits__box-title {
  letter-spacing: -0.09em;
}
.lp-benefits__box.box-01 .lp-benefits__box-img {
  width: calc(90 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__box.box-02 .lp-benefits__box-img {
  width: calc(102 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__02 {
  background-color: #F5F6F8;
}
.lp-benefits__text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__text.text-01 {
  margin-top: calc(24 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__text.text-02 {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  margin-top: calc(15 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__02-img.img-01 {
  margin-top: calc(18 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__text.text-03 {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  margin-top: calc(25 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__02-img.img-02 {
  margin-top: calc(22 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__text.text-05 {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  margin-top: calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-benefits__text.text-06 {
  margin-top: calc(18 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Recommend
========================== */
.lp-recommend {
  color: #413835;
  text-align: center;
  background-color: #D4E1E8;
  padding: calc(38 / 375 * var(--lp-vw, 100vw)) 0 calc(50 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__title {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-recommend__title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
}
.lp-recommend__text.text-01 {
  margin-top: calc(14 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__text.text-02,
.lp-recommend__text.text-03 {
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__text.text-04 {
  margin-top: calc(12 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__text.text-05 {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__text.text-07 {
  margin-top: calc(35 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__text.text-08 {
  color: #000;
  margin-top: calc(64 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__text.text-09 {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  margin-top: calc(54 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__img.img-01 {
  margin-top: calc(35 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__img.img-02 {
  margin: calc(8 / 375 * var(--lp-vw, 100vw)) calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__img.img-03 {
  margin-top: calc(37 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__img.img-04 {
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-recommend__img.img-05 {
  margin-top: calc(64 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Voice
========================== */
.lp-voice {
  color: #413835;
  text-align: center;
  background-color: #F5F6F8;
  padding: calc(52 / 375 * var(--lp-vw, 100vw)) 0 calc(56 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__title-lead {
  color: #17BED2;
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-voice__title-deco {
  margin: calc(2 / 375 * var(--lp-vw, 100vw)) calc(68 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-voice__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  margin-top: calc(4 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__content {
  padding: 0 calc(20 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(70 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box {
  position: relative;
  text-align: left;
  background-color: #F8F6DE;
  padding: calc(18 / 375 * var(--lp-vw, 100vw)) calc(15 / 375 * var(--lp-vw, 100vw)) calc(13 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box + .lp-voice__box {
  margin-top: calc(50 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box-num {
  position: absolute;
  font-family: 'Inter', sans-serif;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
  font-weight: 700;
  line-height: 1;
  top: calc(-25 / 375 * var(--lp-vw, 100vw));
  left: calc(7 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box-num span {
  font-size: calc(40 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box-img {
  position: absolute;
  width: calc(100 / 375 * var(--lp-vw, 100vw));
  border: 3px solid #F8F6DE;
  top: calc(-45 / 375 * var(--lp-vw, 100vw));
  right: calc(15 / 375 * var(--lp-vw, 100vw));
  border-radius: 50%;
}
.lp-voice__box-title {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-voice__box-name {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-voice__box-text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box-text span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
}
.lp-voice__box:nth-of-type(even) .lp-voice__box-num {
  left: auto;
  right: calc(12 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box:nth-of-type(even) .lp-voice__box-img {
  right: auto;
  left: calc(15 / 375 * var(--lp-vw, 100vw));
}
.lp-voice__box:nth-of-type(even) .lp-voice__box-title,
.lp-voice__box:nth-of-type(even) .lp-voice__box-name {
  display: flex;
  justify-content: flex-end;
}
.lp-voice__box.box-04 .lp-voice__box-img {
  left: calc(-12 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Flow
========================== */
.lp-flow {
  color: #413835;
  text-align: center;
  background-color: #D4E1E8;
  padding: calc(42 / 375 * var(--lp-vw, 100vw)) 0 calc(67 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__title {
  font-size: calc(32 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-flow__title span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__subtitle {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
  font-weight: 700;
  margin-top: calc(32 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__deco {
  margin: 0 calc(70 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-flow__content {
  margin: calc(62 / 375 * var(--lp-vw, 100vw)) calc(30 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-flow__step-box {
  position: relative;
  color: #666;
  background-color: #F5F6F8;
  padding: calc(50 / 375 * var(--lp-vw, 100vw)) calc(25 / 375 * var(--lp-vw, 100vw)) calc(25 / 375 * var(--lp-vw, 100vw));
  border-radius: calc(15 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__step-box + .lp-flow__step-box {
  margin-top: calc(70 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__step-box-num {
  width: calc(80 / 375 * var(--lp-vw, 100vw));
  position: absolute;
  font-family: 'Inter', sans-serif;
  color: #fff;
  font-size: calc(36 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  font-weight: 700;
  line-height: 1;
  background-color: #17BED2;
  top: -50%;
  left: 50%;
  transform: translateY(35%) translateX(-50%);
  border-radius: 50%;
  padding: calc(22 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-flow__step-box-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lp-flow__step-box-text {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  line-height: 1;
}
.lp-flow__step-box-list {
  font-size: calc(12 / 375 * var(--lp-vw, 100vw));
  text-align: left;
  margin-top: calc(5 / 375 * var(--lp-vw, 100vw));
  margin-left: calc(13 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__step-box-list-item {
  list-style: disc;
}
.lp-flow__step-box.step-01 .lp-flow__step-box-img {
  width: calc(63 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__step-box.step-02 .lp-flow__step-box-num {
  transform: translateY(70%) translateX(-50%);
}
.lp-flow__step-box.step-02 .lp-flow__step-box-img {
  width: calc(72 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__step-box.step-02 .lp-flow__step-box-text {
  text-align: left;
}
.lp-flow__step-box.step-03 .lp-flow__step-box-num {
  transform: translateY(60%) translateX(-50%);
}
.lp-flow__step-box.step-03 .lp-flow__step-box-img {
  width: calc(118 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__box {
  position: relative;
  margin: calc(60 / 375 * var(--lp-vw, 100vw)) calc(65 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-flow__box-text {
  position: absolute;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
  top: calc(13 / 375 * var(--lp-vw, 100vw));
  left: 0;
  right: 0;
}
.lp-flow__box-text span {
  background:linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__text.text-01 {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  margin-top: calc(25 / 375 * var(--lp-vw, 100vw));
}
.lp-flow__text.text-02 {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  margin-top: calc(25 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Detail
========================== */
.lp-detail {
  color: #413835;
  text-align: center;
  background-color: #F8F6DE;
  padding: calc(52 / 375 * var(--lp-vw, 100vw)) 0 calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__content {
  display: flex;
  gap: calc(150 / 375 * var(--lp-vw, 100vw));
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__content::-webkit-scrollbar {
  display: none;
}
.lp-detail__box {
  position: relative;
}
.lp-detail__box + .lp-detail__box::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(150 / 375 * var(--lp-vw, 100vw));
  height: calc(20 / 375 * var(--lp-vw, 100vw));
  background-color: #17BED2;
  top: 60%;
  left: calc(-150 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box + .lp-detail__box::before {
  content: "3ヶ月後";
  display: block;
  position: absolute;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  color: #17BED2;
  top: 65%;
  left: calc(-115 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box:last-child {
  margin-right: calc(100 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box:last-child::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100 / 375 * var(--lp-vw, 100vw));
  height: calc(20 / 375 * var(--lp-vw, 100vw));
  background-color: #17BED2;
  top: 55%;
  left: auto;
  right: calc(-20 / 375 * var(--lp-vw, 100vw));
  transform: rotate(40deg);
}
.lp-detail__box.box-01 {
  margin-left: calc(50 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box.box-04 .lp-detail__box-deco {
  position: absolute;
  width: calc(100 / 375 * var(--lp-vw, 100vw));
  height: calc(20 / 375 * var(--lp-vw, 100vw));
  background-color: #17BED2;
  top: 65%;
  left: auto;
  right: calc(-20 / 375 * var(--lp-vw, 100vw));
  transform: rotate(-40deg);
}
.lp-lp-detail__box-deco {
  display: block;
  width: calc(150 / 375 * var(--lp-vw, 100vw));
  height: calc(20 / 375 * var(--lp-vw, 100vw));
  background-color: #17BED2;
}
.lp-detail__title {
  font-family: "LINE Seed JP", sans-serif;
  font-size: calc(40 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
  font-weight: 700;
  line-height: 1.2;
}
.lp-detail__title span {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box-item {
  width: calc(323 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(28 / 375 * var(--lp-vw, 100vw));
  box-shadow: 0px 4px 11.1px 0px rgb(102, 102, 102, 0.3);
  padding: calc(37 / 375 * var(--lp-vw, 100vw)) calc(25 / 375 * var(--lp-vw, 100vw)) calc(33 / 375 * var(--lp-vw, 100vw));
  margin: calc(25 / 375 * var(--lp-vw, 100vw)) auto 0;
}
.lp-detail__box-item-img {
  margin: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box-item-card {
  height: calc(165 / 375 * var(--lp-vw, 100vw));;
  position: relative;
  background-image: linear-gradient(180deg, rgba(236, 236, 236, 1), rgba(251, 251, 251, 1));
  margin-top: calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box-item-card-title {
  height: 100%;
  font-family: "LINE Seed JP", sans-serif;
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  color: #fff;
  font-weight: 700;
  writing-mode: vertical-rl;
  background-color: #A8AAAB;
  margin-left: calc(15 / 375 * var(--lp-vw, 100vw));
  padding: calc(30 / 375 * var(--lp-vw, 100vw)) 0 calc(35 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box-item-card-text {
  position: absolute;
  font-size: calc(32 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  top: calc(23 / 375 * var(--lp-vw, 100vw));
  right: calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box-item-card-text .text-num {
  font-family: "Inter", sans-serif;
  font-size: calc(42 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
}
.lp-detail__box-item-card-text .text-small {
  font-size: calc(18 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
}
.lp-detail__box-item-card-text .text-unit {
  color: #A8AAAB;
}
.lp-detail__box-item.item-01 {
  width: calc(270 / 375 * var(--lp-vw, 100vw));
  padding: calc(37 / 375 * var(--lp-vw, 100vw)) calc(15 / 375 * var(--lp-vw, 100vw)) calc(33 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box-item.item-01 .lp-detail__box-item-img {
  margin: 0 calc(35 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__box-menu-list {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.lp-detail__box-menu-item {
  width: calc(37 / 375 * var(--lp-vw, 100vw));
  height: calc(5 / 375 * var(--lp-vw, 100vw));
  border-radius: 50px 50px;
  background-color: #A8AAAB;
}
.lp-detail__box-menu-link {
  width: calc(37 / 375 * var(--lp-vw, 100vw));
  height: calc(5 / 375 * var(--lp-vw, 100vw));
  border-radius: 50px 50px;
  background-color: #A8AAAB;
  display: block;
}
.lp-detail__box-menu-item.active .lp-detail__box-menu-link {
  background-color: #413835;
}
.lp-detail .note-list {
  margin-top: calc(12 / 375 * var(--lp-vw, 100vw));
  margin-left: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
  font-weight: 700;
  margin-top: calc(36 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-img {
  margin: 0 calc(45 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-subtitle {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  margin: calc(14 / 375 * var(--lp-vw, 100vw)) 0 calc(7 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-content {
  display: flex;
  gap: calc(60 / 375 * var(--lp-vw, 100vw));
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 0 calc(30 / 375 * var(--lp-vw, 100vw)) calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-content::-webkit-scrollbar {
  display: none;
}
.lp-detail__schedule-content-item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: calc(25 / 375 * var(--lp-vw, 100vw));
  width: calc(327 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(15 / 375 * var(--lp-vw, 100vw));
  padding: calc(34 / 375 * var(--lp-vw, 100vw)) calc(25 / 375 * var(--lp-vw, 100vw));
  margin: 0 auto;
}
.lp-detail__schedule-content-item::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(60 / 375 * var(--lp-vw, 100vw));
  height: calc(20 / 375 * var(--lp-vw, 100vw));
  background-color: #17BED2;
  top: 50%;
  left: calc(-60 / 375 * var(--lp-vw, 100vw));
  transform: translateY(-50%);
}
.lp-detail__schedule-content-item:first-child::after {
  display: none;
}
.lp-detail__schedule-content-date {
  width: calc(80 / 375 * var(--lp-vw, 100vw));
  height: calc(80 / 375 * var(--lp-vw, 100vw));
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  color: #fff;
  font-weight: 700;
  line-height: 1;
  background-color: #17BED2;
  border-radius: 50%;
  padding-top: calc(20 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-content-date span {
  font-family: "Inter", sans-serif;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  margin-left: calc(-6 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-content-text {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  text-align: left;
  font-weight: 700;
}
.lp-detail__schedule-content-text span {
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-content-item.item-01 .lp-detail__schedule-content-date span {
  font-size: calc(32 / 375 * var(--lp-vw, 100vw));
  margin-left: 0;
}
.lp-detail__schedule-content-item.item-02 .lp-detail__schedule-content-date span {
  position: relative;
  letter-spacing: 0.3em;
  margin-left: calc(6 / 375 * var(--lp-vw, 100vw));
}
.lp-detail__schedule-content-item.item-02 .lp-detail__schedule-content-date span::before,
.lp-detail__schedule-content-item.item-02 .lp-detail__schedule-content-date span::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(5 / 375 * var(--lp-vw, 100vw));
  height: calc(5 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 28%;
  transform: translate(-50%, -50%);
}
.lp-detail__schedule-content-item.item-02 .lp-detail__schedule-content-date span::after {
  left: 66%;
}
.lp-detail__schedule-content-item.item-03 .lp-detail__schedule-content-date span {
  position: relative;
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  letter-spacing: 0.1em;
  margin-left: 0;
}
.lp-detail__schedule-content-item.item-03 .lp-detail__schedule-content-date span::before,
.lp-detail__schedule-content-item.item-03 .lp-detail__schedule-content-date span::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(5 / 375 * var(--lp-vw, 100vw));
  height: calc(5 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
}
.lp-detail__schedule-content-item.item-03 .lp-detail__schedule-content-date span::after {
  left: 58%;
}
/* ==========================
  LP Pricing
========================== */
.lp-pricing {
  color: #413835;
  text-align: center;
  border: 12px solid #17BED2;
  background-color: #F5F6F8;
  padding: calc(35 / 375 * var(--lp-vw, 100vw)) 0 calc(45 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__lead-text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  line-height: 2;
}
.lp-pricing__lead-text span {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  background: linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__lead-img {
  margin: calc(10 / 375 * var(--lp-vw, 100vw)) calc(33 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-pricing__text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  margin-top: calc(21 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__price {
  display: grid;
  grid-template-columns: calc(70 / 375 * var(--lp-vw, 100vw)) 1fr auto;
  gap: 8px;
  color: #17BED2;
  font-weight: 700;
  margin: calc(21 / 375 * var(--lp-vw, 100vw)) calc(19 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-pricing__label {
  grid-row:1/3;
  align-self: center;
  font-size: calc(27 / 375 * var(--lp-vw, 100vw));
  color: #fff;
  
}
.lp-pricing__label span {
  background-color: #17BED2;
  padding: calc(5 / 375 * var(--lp-vw, 100vw)) calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__value {
  grid-row:1/3;
  font-size: calc(55 / 375 * var(--lp-vw, 100vw));
  letter-spacing: 0.1em;
}
.lp-pricing__unit {
  grid-row:1/3;
  align-self: start;
  font-size: calc(27 / 375 * var(--lp-vw, 100vw));
  text-align: left;
  line-height: 1;
  margin-top: calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__tax {
  font-size: calc(11 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__coupon {
  border: 3px solid #17BED2;
  box-sizing: border-box;
  margin: calc(21 / 375 * var(--lp-vw, 100vw)) calc(19 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-pricing__coupon-lead {
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  color: #fff;
  font-weight: 700;
  background-color: #17BED2;
  padding: calc(10 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-pricing__coupon-text {
  font-size: calc(41 / 375 * var(--lp-vw, 100vw));
 color: #C2507E;
 font-weight: 500;
 background-color: #fff;
}
.lp-pricing__coupon-text span {
  font-weight: 700;
}
.lp-pricing__coupon-text .inter-bold {
  font-size: calc(55 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__reward {
  margin-top: calc(48 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__reward-title {
  position: relative;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
  font-weight: 700;
  line-height: 1;
  border: 2px solid #17BED2;
  box-sizing: border-box;
  padding: calc(15 / 375 * var(--lp-vw, 100vw)) 0 calc(20 / 375 * var(--lp-vw, 100vw));
  margin: 0 calc(84 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing__reward-title::before {
  position: absolute;
  content: "";
  display: block;
  width: calc(18 / 375 * var(--lp-vw, 100vw));
  height: calc(18 / 375 * var(--lp-vw, 100vw));
  background-color: #F5F6F8;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
}
.lp-pricing__reward-title::after {
  position: absolute;
  content: "";
  display: block;
  width: calc(2/ 375 * var(--lp-vw, 100vw));
  height: calc(18 / 375 * var(--lp-vw, 100vw));
  background-color: #17BED2;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
}
.lp-pricing__reward-text.text-01 {
  margin-top: calc(20 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
}
.lp-pricing__reward-text.text-02 {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  color: #C2507E;
  font-weight: 700;
}
.lp-pricing__reward-text.text-02 span {
  background: linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-pricing .cta {
  margin-top: calc(45 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP FAQ
========================== */
.lp-faq {
  color: #413835;
  background-color: #F8F6DE;
  padding: calc(40 / 375 * var(--lp-vw, 100vw)) 0 calc(65 / 375 * var(--lp-vw, 100vw));
}
.lp-faq__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
}
.lp-faq__title span {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  background: linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-faq__content {
  margin: calc(47 / 375 * var(--lp-vw, 100vw)) calc(16 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-faq__box + .lp-faq__box {
  margin-top: calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-faq__box-title {
  width: 100%;
  position: relative;
  display: flex;
  font-size: calc(16 / 375 * var(--lp-vw, 100vw));
  color: #F8F6DE;
  text-align: left;
  font-weight: 700;
  background-color: #666;
  border: 1px solid #666;
  padding: calc(20 / 375 * var(--lp-vw, 100vw)) calc(53 / 375 * var(--lp-vw, 100vw)) calc(20 / 375 * var(--lp-vw, 100vw)) calc(17 / 375 * var(--lp-vw, 100vw));
}
.lp-faq__box-title::before {
  position: absolute;
  content: "";
  display: block;
  width: calc(17/ 375 * var(--lp-vw, 100vw));
  height: calc(1 / 375 * var(--lp-vw, 100vw));
  background-color: #F8F6DE;
  top: 50%;
  right: calc(26 / 375 * var(--lp-vw, 100vw));
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s ease;
} 
.lp-faq__box-title::after {
  position: absolute;
  content: "";
  display: block;
  width: calc(17/ 375 * var(--lp-vw, 100vw));
  height: calc(1 / 375 * var(--lp-vw, 100vw));
  background-color: #F8F6DE;
  top: 50%;
  right: calc(26 / 375 * var(--lp-vw, 100vw));
  transform: translateY(-50%);
}
.lp-faq__box.active .lp-faq__box-title::before {
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
}
.lp-faq__box-title-mark {
  font-family: "Inter", sans-serif;
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  line-height: 1;
  margin-right: calc(7 / 375 * var(--lp-vw, 100vw));
}
.lp-faq__box-text {
  overflow: hidden;
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  border: 1px solid #666;
  border-top: none;
  background-color: #F5F6F8;
}
.lp-faq__box:not(.active) .lp-faq__box-text {
  display: none;
}
.lp-faq__box-text-item {
  padding: calc(11 / 375 * var(--lp-vw, 100vw)) calc(16 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-faq__box-text-item + .lp-faq__box-text-item {
  padding-top: 0;
  margin-top: calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-faq__box-text-item:last-child {
  padding-bottom: calc(10 / 375 * var(--lp-vw, 100vw));
}
/* ==========================
  LP Closing
========================== */
.lp-closing {
  color: #413835;
  text-align: center;
  background-color: #F5F6F8;
  padding-top: calc(56 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
}
.lp-closing__title span {
  background: linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
}
.lp-closing__text.text-01 {
  font-weight: 700;
  margin: calc(26 / 375 * var(--lp-vw, 100vw)) 0 calc(52 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__text.text-02 {
  margin: calc(56 / 375 * var(--lp-vw, 100vw)) 0 calc(55 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__text.text-03 {
  line-height: 2;
  margin-top: calc(48 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__text.text-03 span {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
}
.lp-closing .cta {
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
  margin-bottom: 0;
  padding-bottom: calc(63 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__sub {
  background-color: #F8F6DE;
  padding: calc(24 / 375 * var(--lp-vw, 100vw)) 0 calc(37 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__sub-title {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  color: #17BED2;
  font-weight: 700;
}
.lp-closing__sub-deco {
  margin: calc(7 / 375 * var(--lp-vw, 100vw)) calc(69 / 375 * var(--lp-vw, 100vw)) calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-closing__sub .cta {
  margin-top: calc(7 / 375 * var(--lp-vw, 100vw));
  padding-bottom: 0;
}
/* ==========================
  LP Message
========================== */
.lp-message {
  color: #413835;
  background-color: #F5F6F8;
  padding: calc(85 / 375 * var(--lp-vw, 100vw)) 0 calc(38 / 375 * var(--lp-vw, 100vw));
}
.lp-message__title {
  font-size: calc(24 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
}
.lp-message__title span {
  background: linear-gradient(transparent 60%, #FFE600 60%);
  padding: 0 calc(10 / 375 * var(--lp-vw, 100vw));
}
.lp-message__img {
  margin: calc(50 / 375 * var(--lp-vw, 100vw)) calc(91 / 375 * var(--lp-vw, 100vw)) 0;
}
.lp-message__content {
  max-height: calc(145 / 375 * var(--lp-vw, 100vw));
  overflow: hidden;
  margin-top: calc(50 / 375 * var(--lp-vw, 100vw));
  padding: 0 calc(28 / 375 * var(--lp-vw, 100vw)) calc(30 / 375 * var(--lp-vw, 100vw));
  transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.lp-message__content.is-open {
  max-height: none;
}
.lp-message__content-title {
  font-size: calc(20 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  color: #17BED2;
  margin-top: calc(35 / 375 * var(--lp-vw, 100vw));
}
.lp-message__content-title + .lp-message__content-text {
  margin-top: calc(25 / 375 * var(--lp-vw, 100vw));
}
.lp-message__content-text {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
}
.lp-message__content-text b {
  font-weight: 700;
}
.lp-message__content-text + .lp-message__content-text {
  margin-top: calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-message__button {
  display: block;
  color: #fff;
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  text-align: center;
  background-color: #17BED2;
  border-radius: 100px;
  padding: calc(8 / 375 * var(--lp-vw, 100vw)) calc(37 / 375 * var(--lp-vw, 100vw));
  margin: calc(10 / 375 * var(--lp-vw, 100vw)) auto 0;
  transition: 0.3s ease;
}
.lp-message__button:hover {
  opacity: 0.7;
}
/* ==========================
  LP Creator
========================== */
.lp-creator {
  color: #413835;
  background-color: #D4E1E8;
  padding: calc(42 / 375 * var(--lp-vw, 100vw)) calc(40 / 375 * var(--lp-vw, 100vw)) calc(32 / 375 * var(--lp-vw, 100vw));
}
.lp-creator__box {
  text-align: center;
  background-color: #fff;
  padding: calc(8 / 375 * var(--lp-vw, 100vw)) calc(7 / 375 * var(--lp-vw, 100vw)) calc(13 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(30 / 375 * var(--lp-vw, 100vw));
}
.lp-creator__box:first-child {
  margin-top: 0;
}
.lp-creator__box-title {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  text-align: center;
}
.lp-creator__box-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(8 / 375 * var(--lp-vw, 100vw));
}
.lp-creator__box-img {
  width: calc(74 / 375 * var(--lp-vw, 100vw));
}
.lp-creator__box-text {
  margin-left: calc(21 / 375 * var(--lp-vw, 100vw));
}
.lp-creator__box-text .lp-creator__box-text-name {
  font-size: calc(14 / 375 * var(--lp-vw, 100vw));
  font-weight: 500;
  margin-bottom: calc(6 / 375 * var(--lp-vw, 100vw));
}
.lp-creator__box-text-link a {
  position: relative;
  width: calc(128 / 375 * var(--lp-vw, 100vw));
  display: block;
  font-size: calc(12 / 375 * var(--lp-vw, 100vw));
  color: #fff;
  line-height: 1;
  background-color: #666;
  padding: calc(8 / 375 * var(--lp-vw, 100vw)) 0 calc(10 / 375 * var(--lp-vw, 100vw));
  border-radius: 100px;
  margin: 0 auto;
}
.lp-creator__box-text-link a:before{
  content: "";
  display: block;
  position: absolute;
  width: calc(6 / 375 * var(--lp-vw, 100vw));
  height: calc(1 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(50 / 375 * var(--lp-vw, 100vw));
  top: 50%;
  right: calc(18 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(0.5 / 375 * var(--lp-vw, 100vw));
  transform: rotate(-45deg);
  transition: right 0.3s ease;
}
.lp-creator__box-text-link a:after {
  content: "";
  position: absolute;
  display: block;
  width: calc(6 / 375 * var(--lp-vw, 100vw));
  height: calc(1 / 375 * var(--lp-vw, 100vw));
  background-color: #fff;
  border-radius: calc(50 / 375 * var(--lp-vw, 100vw));
  top: 50%;
  right: calc(18 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(-3 / 375 * var(--lp-vw, 100vw));
  transform: rotate(45deg);
  transition: right  0.3s ease;
}
footer {
  color: #413835;
  background-color: #D4E1E8;
  padding: calc(30 / 375 * var(--lp-vw, 100vw)) calc(40 / 375 * var(--lp-vw, 100vw)) calc(45 / 375 * var(--lp-vw, 100vw));
}
footer img {
  width: 100%;
}
.footer__content {
  font-size: calc(10 / 375 * var(--lp-vw, 100vw));
  font-weight: 700;
  margin-top: calc(20 / 375 * var(--lp-vw, 100vw));
}
.footer__content-text {
  text-align: center;
}
.footer__content-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(35 / 375 * var(--lp-vw, 100vw));
  margin-top: calc(40 / 375 * var(--lp-vw, 100vw));
}
.footer__content-link-item.item-line {
  width: calc(35 / 375 * var(--lp-vw, 100vw));
}
.footer__content-link-item.item-x {
  width: calc(30 / 375 * var(--lp-vw, 100vw));
}
.footer__copyright {
  font-size: calc(10 / 375 * var(--lp-vw, 100vw));
  text-align: center;
  margin-top: calc(35 / 375 * var(--lp-vw, 100vw));
}
@media screen and (min-width: 990px) {
  body {
    display: grid;
    grid-template-columns: 1fr 375px 1fr;
    --lp-vw: 375px;
    height: 100vh;
    overflow: hidden;
    background: url(../img/pc-bg.jpg) no-repeat top center / cover;
  }
  .lp-layout__main {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;
    box-sizing: border-box;
  }
  .lp-layout__main::-webkit-scrollbar {
    display: none;
  }
  .lp-layout__info {
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #413835;
    padding: 0 40px;
    margin-top: -200px;
  }
  .lp-layout__info-text {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.05em;
  }
  .lp-layout__info-text span {
    font-size: 48px;
  }
  .lp-layout__info-text.text-01 {
    font-size: 24px;
    margin-top: 27px;
  }
  .lp-layout__info-text.text-02,
  .lp-layout__info-text.text-03 {
    width: 313px;
    background: #fff;
  }
  .lp-layout__info-text.text-02 {
    margin-top: 16px;
  }
  .lp-layout__info-text.text-03 {
    margin-top: 22px;
  }
  .lp-layout__nav {
    display: block;
    font-family: "Yu Gothic", "游ゴシック", "YuGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
    text-align: center;
    color: #413835;
    padding: 0 clamp(10px, 2vw, 40px);
  }
  .lp-layout__nav-inner {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .lp-layout__nav a:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
  .lp-layout__nav-title {
    font-size: 40px;
    color: #17BED2;
    font-weight: 500;
  }
  .lp-layout__nav-list {
    margin-top: clamp(10px, 2vw, 45px);
  }
  .lp-layout__nav-item + .lp-layout__nav-item {
    margin-top: clamp(10px, 2vw, 45px);
  }
  .lp-layout__nav .cta {
    margin-top: clamp(20px, 3.5vw, 60px);
    background: rgb(255, 255, 255, 0.7);
    padding: 17px 24px 25px;
  }
  .lp-layout__nav .cta .line-button {
    width: 328px;
    font-size: 25px;
    text-align: left;
    padding: 22px 26px 20px 20px;
    margin: 30px auto 0;
  }
  .lp-layout__nav .cta .line-button__text {
    font-size: 22px;
  }
  .line-button__text .inter-bold .small-text {
    font-size: 18px;
  }
  .line-button__text .small-text:nth-of-type(1) {
    font-size: 16px;
  }
  .lp-layout__nav .cta .line-button__icon {
    padding-right: 20px;
  }
  .lp-layout__nav .cta .cta__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1320px) {
  .lp-layout__info {
    align-self: start;
    margin-top: 60px;
  }
}