@charset "UTF-8";
/* エコー動画館_2025
================================================== */
/* CSS変数 */
:root {
  --palette-pink2: #F55569;
  --palette-blue: #00A4DC;
  --palette-navy: #334C80;
  --palette-bagie: #FCFAF7;
  --color-text-accent: var(--palette-pink2);
  --color-text-accent2: var(--palette-blue);
  --color-bg-secondary: var(--palette-bagie);
  --color-bg-accent: var(--palette-pink2);
  --color-bg-accent2: var(--palette-blue);
  --color-bg-accent3: var(--palette-navy);
  --color-bg-accent4: rgba(229, 138, 207, .1);
  --color-bg-grad: linear-gradient(90deg, rgba(0, 164, 220, 0.1) 0%, rgba(229, 138, 207, 0.1) 50%, rgba(245, 85, 105, 0.1) 100%);
  --color-bg-grad2: linear-gradient(90deg, rgba(0, 164, 220, 1) 0%, rgba(229, 138, 207, 1) 50%, rgba(245, 85, 105, 1) 100%);
  --color-border-primary: var(--palette-black);
  --color-border-secondary: var(--palette-gray);
  --color-border-secondary2: var(--palette-lightgray);
  --color-border-accent: var(--palette-pink2);
  --base-radius: 10px;
  --base-radius2: 8px;
  --pill-radius: 100vh;
  --box-shadow: 0 4px 20px rgba(0, 0, 20, 0.1);
  --box-shadow2: 0 4px 20px rgba(245, 85, 105, 0.4);
  --drop-shadow: -20px 20px 40px rgba(0, 0, 20, 0.4);
  --drop-shadow2: -5px 5px 10px rgba(0, 0, 20, 0.4);
}

html {
  scroll-padding-top: 80px;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 48px;
  }
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.p-two-block,
.p-two-block-link,
.p-three-block,
.p-four-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-two-block {
  gap: 0 40px;
}
@media screen and (max-width: 767px) {
  .p-two-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
}
.p-two-block__text p {
  font-size: 18px;
  line-height: 1.75;
}
@media screen and (max-width: 980px) {
  .p-two-block__text p {
    font-size: 16px;
  }
}

.p-three-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-three-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-three-block__box {
  position: relative;
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 1280px) {
  .p-three-block__box {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .p-three-block__box {
    width: 100%;
  }
}

.p-four-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.p-four-block__box {
  position: relative;
  width: calc((100% - 120px) / 4);
}

@media screen and (max-width: 767px) {
  #container {
    padding-bottom: 80px;
  }
}

.lp-section {
  position: relative;
  padding: 60px 0;
}
.lp-section.headline-area {
  padding: 40px 0;
}
.lp-section__wrap {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .lp-section__wrap {
    width: 93%;
  }
}
.lp-section__wrap2 {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .lp-section__wrap2 {
    width: 93%;
  }
}
.lp-section__wrap3 {
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .lp-section__wrap3 {
    width: 93%;
  }
}
.lp-section__text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 28px;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 980px) {
  .lp-section__text {
    font-size: 16px;
  }
}
.lp-section__text .sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .lp-section__text .sp-only {
    display: block;
  }
}
.lp-section.lp-step {
  padding-top: 0;
}

.accent-text {
  color: var(--color-text-accent);
}
.accent-text__number {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-weight: bold;
  font-size: 48px;
}
@media screen and (max-width: 980px) {
  .accent-text__number {
    font-size: 28px;
  }
}

.bold-text {
  font-weight: bold;
}

.bold-text2 {
  font-family: "Ishii Gothic EB";
  font-style: normal;
}

.dots {
  position: relative;
  display: inline-block;
}
.dots::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 50%;
  translate: -50% 0;
  width: 8px;
  height: 8px;
  background: var(--color-bg-accent);
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .dots::before {
    top: -8px;
    width: 6px;
    height: 6px;
  }
}

.small-text {
  font-size: 14px;
  line-height: 1.5;
}

.small-text2 {
  font-size: 12px;
  line-height: 1.5;
}

.large-text {
  font-size: 20px;
  line-height: 1.5;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.bg-color-grad {
  background: var(--color-bg-grad);
}

.texture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/lp/echo2025/bg_tile.webp") no-repeat bottom left;
  z-index: 0;
  mix-blend-mode: overlay;
  overflow: hidden;
}
.texture::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1073px;
  height: 1440px;
  background: url("../images/lp/echo2025/bg_tile.webp") no-repeat top left;
}
.texture::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1073px;
  height: 1440px;
  background: url("../images/lp/echo2025/bg_tile2.webp") no-repeat top right;
}

#lp-mv {
  position: relative;
}
#lp-mv img {
  width: 100%;
}
#lp-mv .lp-mv__banner {
  position: absolute;
  bottom: 120px;
  right: 40px;
}
@media screen and (max-width: 1280px) {
  #lp-mv .lp-mv__banner {
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-mv .lp-mv__banner {
    bottom: 120px;
  }
}
#lp-mv .lp-mv__banner a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 35px 16px 16px;
  background: var(--color-bg-primary);
  border-radius: var(--base-radius2);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}
@media screen and (max-width: 767px) {
  #lp-mv .lp-mv__banner a {
    padding: 14px 35px 14px 12px;
  }
}
#lp-mv .lp-mv__banner a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 16px;
  translate: 0 -50%;
  width: 9px;
  height: 9px;
  background-image: url("../images/lp/echo2025/ico_arrow-right2.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #lp-mv .lp-mv__banner a::after {
    right: 12px;
  }
}
#lp-mv .lp-mv__banner img {
  max-width: 80px;
}
@media screen and (max-width: 767px) {
  #lp-mv .lp-mv__banner img {
    position: absolute;
    top: -20px;
    right: -10px;
    max-width: 68px;
    rotate: 15deg;
  }
}
#lp-mv .lp-mv__banner-text {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px 0;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  #lp-mv .lp-mv__banner-text {
    font-size: 13px;
  }
}
#lp-mv .lp-mv__banner-text::after {
  content: attr(data-en);
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-accent);
}
@media screen and (max-width: 767px) {
  #lp-mv .lp-mv__banner-text::after {
    font-size: 11px;
  }
}

#lp-nav {
  padding: 40px 0;
}

.lp-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px 0;
}
@media screen and (max-width: 980px) {
  .lp-nav-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
  }
}
.lp-nav-list__item {
  width: calc((100% - 120px) / 4);
}
@media screen and (max-width: 980px) {
  .lp-nav-list__item {
    width: calc((100% - 12px) / 2);
  }
}
.lp-nav-list__item-image {
  max-width: 200px;
  margin: 0 auto 8px;
}
@media screen and (max-width: 767px) {
  .lp-nav-list__item-image {
    max-width: 160px;
  }
}
.lp-nav-list__item-text {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 18px;
  gap: 2px 0;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .lp-nav-list__item-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lp-nav-list__item-text {
    font-size: 14px;
  }
}
.lp-nav-list__item a {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 30px;
}
.lp-nav-list__item a::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 2px;
  translate: -50% 0;
  width: 18px;
  height: 10px;
  background-image: url("../images/lp/echo2025/ico_arrow_bottom.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.lp-nav-list__item a[target=_blank]::after {
  bottom: 0;
  width: 14px;
  height: 14px;
  background-image: url("../images/lp/echo2025/ico_blank.svg");
}

.lp-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px 0;
  text-align: center;
}
.lp-section-title__text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 20px;
}
@media screen and (max-width: 980px) {
  .lp-section-title__text {
    font-size: 20px;
    gap: 0 12px;
  }
}
.lp-section-title__text::before, .lp-section-title__text::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 40px;
  border-left: 2px solid var(--color-border-primary);
}
@media screen and (max-width: 980px) {
  .lp-section-title__text::before, .lp-section-title__text::after {
    height: 20px;
  }
}
.lp-section-title__text::before {
  rotate: -30deg;
}
.lp-section-title__text::after {
  rotate: 30deg;
}
.lp-section-title__title {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 68px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: var(--color-text-accent);
}
@media screen and (max-width: 980px) {
  .lp-section-title__title {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .lp-section-title__title {
    font-size: 28px;
  }
}
.lp-section-title__title::before, .lp-section-title__title::after {
  font-family: "Ishii Gothic B";
  font-style: normal;
  position: absolute;
  display: inline-block;
  max-height: 30px;
  color: var(--color-text-accent);
  opacity: 0.4;
  pointer-events: none;
}
.lp-section-title__title::before {
  content: "“";
  top: -10px;
  left: -40px;
}
@media screen and (max-width: 980px) {
  .lp-section-title__title::before {
    left: -20px;
  }
}
.lp-section-title__title::after {
  content: "”";
  bottom: -10px;
  right: -40px;
}
@media screen and (max-width: 980px) {
  .lp-section-title__title::after {
    right: -20px;
  }
}

.lp-section-title2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px 0;
  margin-bottom: 40px;
  text-align: center;
  white-space: nowrap;
}
.lp-section-title2__balloon {
  position: relative;
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 36px;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 20px 40px 12px;
  background: var(--color-bg-primary);
  border: 2px solid var(--color-border-primary);
  border-radius: var(--pill-radius);
}
@media screen and (max-width: 980px) {
  .lp-section-title2__balloon {
    font-size: 16px;
    padding: 14px 16px 10px;
  }
}
.lp-section-title2__balloon::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  translate: -50% 0;
  width: 10px;
  height: 30px;
  background: var(--color-bg-primary);
  rotate: 45deg;
  z-index: 0;
}
.lp-section-title2__balloon::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -26px;
  left: calc(50% + 2px);
  translate: -50% 0;
  width: 2px;
  height: 30px;
  background: var(--color-border-primary);
  rotate: 45deg;
  z-index: 1;
}
.lp-section-title2__balloon .accent {
  font-size: 40px;
}
@media screen and (max-width: 980px) {
  .lp-section-title2__balloon .accent {
    font-size: 20px;
  }
}
.lp-section-title2__title {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px 0;
}
@media screen and (max-width: 980px) {
  .lp-section-title2__title {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .lp-section-title2__title {
    font-size: 28px;
  }
}
.lp-section-title2__title::after {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 20px;
  content: attr(data-en);
  color: var(--color-text-accent);
}
@media screen and (max-width: 980px) {
  .lp-section-title2__title::after {
    font-size: 14px;
  }
}
.lp-section-title2__title .border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 20px;
  max-width: 980px;
  min-width: 980px;
  margin: 0 auto;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .lp-section-title2__title .border {
    max-width: 800px;
    min-width: 800px;
  }
}
@media screen and (max-width: 980px) {
  .lp-section-title2__title .border {
    max-width: 600px;
    min-width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .lp-section-title2__title .border {
    gap: 0 12px;
    max-width: 340px;
    min-width: 340px;
  }
}
.lp-section-title2__title .border::before, .lp-section-title2__title .border::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 6px;
}
.lp-section-title2__title .border::before {
  background: var(--color-bg-accent2);
}
.lp-section-title2__title .border::after {
  background: var(--color-bg-accent);
}
.lp-section-title2__text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 20px;
}
@media screen and (max-width: 980px) {
  .lp-section-title2__text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lp-section-title2__text {
    gap: 0 10px;
  }
}
.lp-section-title2__text::before, .lp-section-title2__text::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 40px;
  border-left: 2px solid var(--color-border-primary);
}
@media screen and (max-width: 980px) {
  .lp-section-title2__text::before, .lp-section-title2__text::after {
    height: 20px;
  }
}
.lp-section-title2__text::before {
  rotate: -30deg;
}
.lp-section-title2__text::after {
  rotate: 30deg;
}

.lp-section-title3 {
  margin-bottom: 40px;
  text-align: center;
}
.lp-section-title3__title {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 68px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .lp-section-title3__title {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .lp-section-title3__title {
    font-size: 28px;
  }
}
.lp-section-title3__en {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 120px;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 50%;
  translate: -50% 0;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  line-height: 0.7;
  white-space: nowrap;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  .lp-section-title3__en {
    font-size: 80px;
  }
}
@media screen and (max-width: 767px) {
  .lp-section-title3__en {
    font-size: 60px;
  }
}

#lp-intro .p-two-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  #lp-intro .p-two-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
}
#lp-intro .p-two-block.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  #lp-intro .p-two-block.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#lp-intro .p-two-block__text {
  width: 60%;
}
#lp-intro .p-two-block__text .large-text {
  font-size: 20px;
}
@media screen and (max-width: 980px) {
  #lp-intro .p-two-block__text .large-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #lp-intro .p-two-block__text {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #lp-intro .p-two-block__text br {
    display: none;
  }
}
#lp-intro .p-two-block__image {
  width: 40%;
}
@media screen and (max-width: 767px) {
  #lp-intro .p-two-block__image {
    max-width: 320px;
    width: 100%;
  }
}
#lp-intro .p-two-block__qa-title {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px 0;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  #lp-intro .p-two-block__qa-title {
    font-size: 20px;
  }
}
#lp-intro .p-two-block__qa-title::before {
  content: attr(data-number);
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 68px;
  color: var(--color-text-accent2);
  line-height: 1;
}
@media screen and (max-width: 980px) {
  #lp-intro .p-two-block__qa-title::before {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  #lp-intro .p-two-block__qa-title br {
    display: none;
  }
}
#lp-intro .p-two-block + .p-two-block {
  margin-top: 40px;
}

.lp-intro-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px 0;
  margin: 40px 0 20px;
  text-align: center;
}
.lp-intro-text__block {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 28px;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 20px;
  background: var(--color-bg-primary);
}
@media screen and (max-width: 980px) {
  .lp-intro-text__block {
    font-size: 16px;
  }
}
.lp-intro-text__block .accent {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 36px;
}
@media screen and (max-width: 980px) {
  .lp-intro-text__block .accent {
    font-size: 20px;
  }
}
.lp-intro-text__block .accent2 {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 40px;
}
@media screen and (max-width: 980px) {
  .lp-intro-text__block .accent2 {
    font-size: 24px;
  }
}
.lp-intro-text__block .accent-color {
  color: var(--color-text-accent);
}

#lp-users-voice {
  padding-bottom: 20px;
}
#lp-users-voice .p-two-block__box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.lp-users-voice-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px 0;
  margin: 40px 0 20px;
  text-align: center;
}
.lp-users-voice-text__block {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 40px;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 16px 20px;
  background: var(--color-bg-grad2);
  color: var(--color-text-secondary);
}
@media screen and (max-width: 980px) {
  .lp-users-voice-text__block {
    font-size: 20px;
  }
}

.c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-btn a {
  position: relative;
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 36px;
  display: block;
  min-width: 480px;
  padding: 16px 20px;
  background: var(--color-bg-accent);
  color: var(--color-text-secondary);
  text-align: center;
  border-radius: var(--pill-radius);
  -webkit-box-shadow: var(--box-shadow2);
          box-shadow: var(--box-shadow2);
  line-height: 1.2;
}
@media screen and (max-width: 980px) {
  .c-btn a {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .c-btn a {
    font-size: 20px;
    min-width: auto;
    width: 100%;
  }
}
.c-btn a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 28px;
  translate: 0 -50%;
  width: 10px;
  height: 19px;
  background-image: url("../images/lp/echo2025/ico_arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn.large a {
  min-width: 560px;
}
@media screen and (max-width: 767px) {
  .c-btn.large a {
    min-width: auto;
  }
}
.c-btn.fixed {
  position: fixed;
  bottom: 40px;
  left: 50%;
  translate: -50% 0;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .c-btn.fixed {
    min-width: auto;
    width: 93%;
    bottom: 10px;
  }
}

.users-voice-list {
  margin-bottom: 40px;
}
@media screen and (max-width: 1280px) {
  .users-voice-list {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .users-voice-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.users-voice-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 12px;
}
@media screen and (max-width: 1280px) {
  .users-voice-list__item {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .users-voice-list__item {
    width: 100%;
  }
}
.users-voice-list__item-image {
  min-width: 60px;
  width: 60px;
}
.users-voice-list__item-text {
  font-size: 14px;
  padding: 16px;
  background: var(--color-bg-secondary);
  border-radius: var(--base-radius);
  line-height: 1.75;
}
.users-voice-list__item-message {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 24px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  .users-voice-list__item-message {
    font-size: 20px;
  }
}
.users-voice-list__item-message .accent {
  font-size: 32px;
}
@media screen and (max-width: 980px) {
  .users-voice-list__item-message .accent {
    font-size: 28px;
  }
}
.users-voice-list__item-message .accent-border {
  padding-bottom: 4px;
  border-bottom: 3px solid var(--color-border-accent);
}
.users-voice-list__item.message {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.users-voice-list__item.message .users-voice-list__item-image {
  max-width: 140px;
  min-width: 140px;
}

#lp-contact {
  background: url("../images/lp/echo2025/bg_01.webp") no-repeat center center/cover;
}

.lp-contact-text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 28px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.75;
}
@media screen and (max-width: 980px) {
  .lp-contact-text {
    font-size: 16px;
  }
}
.lp-contact-text .accent {
  font-size: 32px;
}
@media screen and (max-width: 980px) {
  .lp-contact-text .accent {
    font-size: 18px;
  }
}
.lp-contact-text .accent-color {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 36px;
  margin-right: 4px;
  padding: 12px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-accent);
  color: var(--color-text-accent);
}
@media screen and (max-width: 980px) {
  .lp-contact-text .accent-color {
    font-size: 20px;
    padding: 8px;
  }
}

#lp-case-facility-voice {
  overflow: hidden;
}
#lp-case-facility-voice .p-two-block.map {
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  margin-bottom: 40px;
  z-index: 0;
}
#lp-case-facility-voice .p-two-block.map .p-two-block__image {
  max-width: 570px;
  margin-left: auto;
  margin-right: 100px;
}
@media screen and (max-width: 980px) {
  #lp-case-facility-voice .p-two-block.map .p-two-block__image {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #lp-case-facility-voice .p-two-block.map .p-two-block__image {
    max-width: 320px;
  }
}
#lp-case-facility-voice .p-two-block.map .p-two-block__text {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #lp-case-facility-voice .p-two-block.map .p-two-block__text {
    top: 0;
  }
}
#lp-case-facility-voice .p-two-block.map .p-two-block__text p.small-text {
  font-size: 14px;
  margin-top: 8px;
  line-height: 1.2;
}
#lp-case-facility-voice .p-two-block.facility-voice {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 980px) {
  #lp-case-facility-voice .p-two-block.facility-voice {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
#lp-case-facility-voice .p-two-block.facility-voice .p-two-block__box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.lp-case-facility-voice-text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 32px;
  line-height: 1.75;
}
@media screen and (max-width: 980px) {
  .lp-case-facility-voice-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lp-case-facility-voice-text {
    font-size: 18px;
  }
}
.lp-case-facility-voice-text .accent-pink,
.lp-case-facility-voice-text .accent-blue {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 980px) {
  .lp-case-facility-voice-text .accent-pink,
  .lp-case-facility-voice-text .accent-blue {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .lp-case-facility-voice-text .accent-pink,
  .lp-case-facility-voice-text .accent-blue {
    font-size: 24px;
  }
}
.lp-case-facility-voice-text .accent-pink {
  color: var(--color-text-accent);
}
.lp-case-facility-voice-text .accent-blue {
  color: var(--color-text-accent2);
}

.facility-voice .balloon {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  margin-bottom: 12px;
  padding: 12px 20px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-primary);
  border-radius: var(--pill-radius);
}
@media screen and (max-width: 980px) {
  .facility-voice .balloon {
    font-size: 14px;
    padding: 8px 12px;
  }
}

.facility-voice-text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 32px;
  position: relative;
  margin-bottom: 12px;
  line-height: 1.5;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  .facility-voice-text {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .facility-voice-text {
    font-size: 18px;
  }
}
.facility-voice-text::after {
  font-size: 250px;
  content: "“";
  display: inline-block;
  position: absolute;
  top: -45px;
  right: -30px;
  color: var(--color-text-secondary);
  line-height: 1;
  z-index: -1;
}
@media screen and (max-width: 980px) {
  .facility-voice-text::after {
    font-size: 125px;
    top: -25px;
    right: 0;
  }
}
@media screen and (max-width: 1280px) {
  .facility-voice-text br {
    display: none;
  }
}

#lp-point .p-two-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}
#lp-point .p-two-block__box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
#lp-point .p-two-block__image img {
  -webkit-filter: drop-shadow(var(--drop-shadow));
          filter: drop-shadow(var(--drop-shadow));
  will-change: filter;
}
@media screen and (max-width: 767px) {
  #lp-point .p-two-block__image img {
    max-width: 320px;
    margin: 0 auto;
    -webkit-filter: drop-shadow(var(--drop-shadow2));
            filter: drop-shadow(var(--drop-shadow2));
  }
}
#lp-point .lp-point-text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 22px;
  line-height: 1.75;
}
@media screen and (max-width: 980px) {
  #lp-point .lp-point-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #lp-point .lp-point-text {
    font-size: 16px;
  }
}
#lp-point .lp-point-text a {
  color: var(--color-text-accent);
  text-decoration: underline;
}
@media screen and (max-width: 1280px) {
  #lp-point .lp-point-text br {
    display: none;
  }
}
#lp-point .p-four-block {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#lp-point .point-list {
  margin-bottom: 60px;
}
@media screen and (max-width: 1280px) {
  #lp-point .point-list {
    gap: 20px;
  }
}
#lp-point .point-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px 0;
}
@media screen and (max-width: 1280px) {
  #lp-point .point-list__item {
    width: calc((100% - 20px) / 2);
  }
}
#lp-point .point-list__item:nth-child(odd) .point-list__item-number {
  color: var(--color-text-accent);
}
#lp-point .point-list__item:nth-child(even) .point-list__item-number {
  color: var(--color-text-accent2);
}
#lp-point .point-list__item-number {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 68px;
  position: relative;
  margin-left: 10px;
  margin-bottom: -40px;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  #lp-point .point-list__item-number {
    font-size: 48px;
    margin-bottom: -20px;
  }
}
#lp-point .point-list__item-image {
  position: relative;
  z-index: 0;
}
#lp-point .point-list__item-text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 980px) {
  #lp-point .point-list__item-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #lp-point .point-list__item-text {
    font-size: 14px;
  }
}

#lp-step {
  position: relative;
  margin-bottom: 60px;
  padding-top: 60px;
  z-index: 1;
}
#lp-step .step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 60px;
}
#lp-step .step-list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  padding: 10px 40px;
  background: var(--color-bg-primary);
  border-radius: var(--base-radius);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}
@media screen and (max-width: 980px) {
  #lp-step .step-list__item {
    padding: 10px 12px;
  }
}
@media screen and (max-width: 767px) {
  #lp-step .step-list__item {
    gap: 0 12px;
  }
}
#lp-step .step-list__item:nth-child(odd) .step-list__item-number {
  color: var(--color-text-accent);
}
#lp-step .step-list__item:nth-child(even) .step-list__item-number {
  color: var(--color-text-accent2);
}
#lp-step .step-list__item-number {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media screen and (max-width: 980px) {
  #lp-step .step-list__item-number {
    font-size: 48px;
  }
}
#lp-step .step-list__item-number::before {
  position: relative;
  font-size: 18px;
  content: "Step";
  display: inline-block;
  margin-right: -18px;
  padding: 4px;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  text-transform: uppercase;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  #lp-step .step-list__item-number::before {
    font-size: 14px;
    padding: 2px;
  }
}
#lp-step .step-list__item-text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 28px;
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  #lp-step .step-list__item-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-step .step-list__item-text {
    font-size: 16px;
  }
}
#lp-step .step-list__item-text .small-text {
  font-size: 18px;
}
@media screen and (max-width: 980px) {
  #lp-step .step-list__item-text .small-text {
    display: block;
    font-size: 14px;
  }
}
#lp-step .step-list__item + .step-list__item::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -12px;
  translate: -50% 0;
  width: 33px;
  height: 15px;
  background-image: url("../images/lp/echo2025/ico_arrow_bottom2.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

#lp-case-flow {
  position: relative;
  margin-bottom: 100px;
  z-index: 1;
}
#lp-case-flow .lp-section-title2 {
  gap: 12px 0;
}
#lp-case-flow .case-flow-list__box {
  background: var(--color-bg-primary);
  border-radius: var(--base-radius);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}
#lp-case-flow .case-flow-list__box-title {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 90px;
  padding: 15px 20px;
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  #lp-case-flow .case-flow-list__box-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #lp-case-flow .case-flow-list__box-title {
    min-height: auto;
  }
}
#lp-case-flow .case-flow-list__box-text {
  position: relative;
  padding: 20px;
}
#lp-case-flow .case-flow-list__box-text p,
#lp-case-flow .case-flow-list__box-text dl {
  line-height: 1.75;
}
#lp-case-flow .case-flow-list__box-text-title {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 20px;
  background: var(--color-bg-accent3);
  color: var(--color-text-secondary);
}
@media screen and (max-width: 980px) {
  #lp-case-flow .case-flow-list__box-text-title {
    font-size: 14px;
  }
}
#lp-case-flow .case-flow-list__box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 12px;
}
#lp-case-flow .case-flow-list__box dl dt {
  font-weight: normal;
  min-width: 160px;
}

#lp-pricing {
  position: relative;
  z-index: 2;
}
#lp-pricing .lp-section__wrap3 {
  position: relative;
  margin-bottom: 40px;
  padding: 200px 10px 10px;
  background: var(--color-bg-primary);
  border-radius: var(--base-radius);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}
@media screen and (max-width: 980px) {
  #lp-pricing .lp-section__wrap3 {
    padding: 140px 10px 10px;
  }
}
#lp-pricing .lp-section__wrap {
  position: relative;
  z-index: 1;
}
#lp-pricing .lp-section-title2 {
  position: absolute;
  top: -40px;
  left: 50%;
  translate: -50% 0;
}
#lp-pricing .lp-pricing-text {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 28px;
  margin-bottom: 40px;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  #lp-pricing .lp-pricing-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #lp-pricing .lp-pricing-text {
    font-size: 16px;
  }
}
#lp-pricing .lp-pricing-text .accent {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 36px;
}
@media screen and (max-width: 980px) {
  #lp-pricing .lp-pricing-text .accent {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  #lp-pricing .lp-pricing-text .accent {
    font-size: 20px;
  }
}
#lp-pricing .lp-pricing-text .border {
  border-bottom: 3px solid var(--color-border-accent);
}
#lp-pricing .lp-pricing-text .sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  #lp-pricing .lp-pricing-text .sp-only {
    display: block;
  }
}
#lp-pricing .lp-pricing-table {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 20px;
  border-spacing: 8px;
  line-height: 1.5;
}
#lp-pricing .lp-pricing-table th,
#lp-pricing .lp-pricing-table td {
  font-size: 20px;
  padding: 15px 20px;
  vertical-align: middle;
}
@media screen and (max-width: 980px) {
  #lp-pricing .lp-pricing-table th,
  #lp-pricing .lp-pricing-table td {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #lp-pricing .lp-pricing-table th,
  #lp-pricing .lp-pricing-table td {
    font-size: 14px;
    padding: 8px 12px;
  }
}
#lp-pricing .lp-pricing-table th {
  font-family: "Ishii Gothic B";
  font-style: normal;
  background: var(--color-bg-accent3);
  border-radius: var(--base-radius);
  color: var(--color-text-secondary);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #lp-pricing .lp-pricing-table th {
    line-height: 1.2;
  }
}
#lp-pricing .lp-pricing-table td {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-secondary);
  border-radius: var(--base-radius);
  text-align: right;
}
#lp-pricing .lp-pricing-table .price {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 36px;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  #lp-pricing .lp-pricing-table .price {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  #lp-pricing .lp-pricing-table .price {
    font-size: 20px;
  }
}
#lp-pricing .lp-pricing-campaign {
  font-family: "Ishii Gothic EB";
  font-style: normal;
  font-size: 48px;
  padding: 28px 20px;
  background: var(--color-bg-grad2);
  border-radius: 0 0 var(--base-radius) var(--base-radius);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 980px) {
  #lp-pricing .lp-pricing-campaign {
    font-size: 28px;
    padding: 16px 20px;
  }
}
#lp-pricing .lp-pricing-campaign br {
  display: none;
}
@media screen and (max-width: 980px) {
  #lp-pricing .lp-pricing-campaign br {
    display: block;
  }
}

#lp-faq {
  position: relative;
  padding-top: 60px;
  z-index: 1;
}
#lp-faq .faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px 0;
}
#lp-faq .faq-list__item {
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: var(--base-radius);
}
@media screen and (max-width: 767px) {
  #lp-faq .faq-list__item {
    padding: 12px;
  }
}
#lp-faq .faq-list__item-title {
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  margin-bottom: 4px;
  line-height: 1.5;
}
@media screen and (max-width: 980px) {
  #lp-faq .faq-list__item-title {
    font-size: 16px;
    gap: 0 4px;
  }
}
#lp-faq .faq-list__item-title::before {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 28px;
  content: "Q.";
  display: inline-block;
  color: var(--color-text-accent);
}
@media screen and (max-width: 980px) {
  #lp-faq .faq-list__item-title::before {
    font-size: 22px;
  }
}
#lp-faq .faq-list__item-title span {
  margin-top: 7px;
}
#lp-faq .faq-list__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  padding-left: 40px;
}
@media screen and (max-width: 980px) {
  #lp-faq .faq-list__item-text {
    padding-left: 24px;
    gap: 0 4px;
  }
}
#lp-faq .faq-list__item-text::before {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 28px;
  content: "A.";
  display: inline-block;
  color: var(--color-text-accent2);
}
@media screen and (max-width: 980px) {
  #lp-faq .faq-list__item-text::before {
    font-size: 22px;
  }
}
#lp-faq .faq-list__item-text p {
  line-height: 1.75;
}
@media screen and (max-width: 980px) {
  #lp-faq .faq-list__item-text p {
    line-height: 1.5;
  }
}

#lp-form .lp-form-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 60px auto 0;
}
#lp-form .c-table-form {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  line-height: 1.5;
}
#lp-form .c-table-form th,
#lp-form .c-table-form td {
  font-size: 18px;
  padding: 14px 0;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 980px) {
  #lp-form .c-table-form th,
  #lp-form .c-table-form td {
    font-size: 16px;
    padding: 7px 0;
  }
}
#lp-form .c-table-form th {
  font-weight: bold;
  width: 28%;
}
@media screen and (max-width: 980px) {
  #lp-form .c-table-form th {
    display: block;
    width: 100%;
  }
}
#lp-form .c-table-form th .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 4px;
}
#lp-form .c-table-form th .c-badge {
  margin-top: 2px;
}
#lp-form .c-table-form td {
  width: 72%;
}
@media screen and (max-width: 980px) {
  #lp-form .c-table-form td {
    display: block;
    width: 100%;
  }
}
#lp-form p:not(.small-text2) {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  #lp-form p:not(.small-text2) {
    font-size: 16px;
  }
}
#lp-form a {
  color: var(--color-text-accent);
  text-decoration: underline;
}

.c-badge {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 4px;
  background: var(--color-bg-accent4);
  color: var(--color-text-accent);
  text-align: center;
  line-height: 1;
}

input[type=button],
input[type=text],
input[type=email],
input[type=submit],
textarea {
  font-size: 18px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--color-text-primary);
}
@media screen and (max-width: 980px) {
  input[type=button],
  input[type=text],
  input[type=email],
  input[type=submit],
  textarea {
    font-size: 16px;
  }
}

:focus-visible {
  outline: var(--color-border-accent) auto 1px;
}

input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=button]),
textarea {
  font-family: var(--base-font);
  font-weight: normal;
  display: block;
  width: 100%;
  padding: 16px 20px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-secondary2);
  border-radius: var(--base-radius);
}

textarea {
  max-height: 150px;
  resize: vertical;
  line-height: 1.5;
}

select {
  font-family: var(--base-font);
  font-size: 18px;
  display: block;
  width: 100%;
  min-height: 58px;
  padding: 16px 20px;
  background: var(--color-bg-primary) url("../images/lp/echo2025/ico_select-arrow.svg") right 50% no-repeat;
  background-size: 50px, 100%;
  border: 1px solid var(--color-border-secondary2);
  border-radius: var(--base-radius);
  color: var(--color-text-primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 980px) {
  select {
    font-size: 16px;
  }
}

.kiyaku-checkbox {
  text-align: center;
}

input[type=submit].wpcf7-submit {
  position: relative;
  font-family: "Ishii Gothic B";
  font-style: normal;
  font-size: 36px;
  display: block;
  min-width: 480px;
  margin: 40px auto 0;
  padding: 16px 20px;
  background: var(--color-bg-accent);
  color: var(--color-text-secondary);
  text-align: center;
  border-radius: var(--pill-radius);
  -webkit-box-shadow: var(--box-shadow2);
          box-shadow: var(--box-shadow2);
  line-height: 1.2;
}
@media screen and (max-width: 980px) {
  input[type=submit].wpcf7-submit {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  input[type=submit].wpcf7-submit {
    min-width: 100%;
  }
}
input[type=submit].wpcf7-submit:focus-visible {
  outline-offset: 5px;
}

.wpcf7-form.hide_error_message .wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-spinner {
  display: none !important;
}

.grecaptcha-badge {
  visibility: hidden;
}
/*# sourceMappingURL=lp-echo-2025_style.css.map */