*,
:before,
:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
img,
picture,
svg,
video {
  max-width: 100%;
  height: auto;
  display: block;
}
ul,
ol {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
textarea,
select {
  font: inherit;
}
:root {
  --lp-color-blue: #0084ff;
  --lp-color-blue-d1: #005ed8;
  --lp-color-blue-d2: #1e4998;
  --lp-color-blue-l1: #00a1ed;
  --lp-color-blue-mute: #62b3ff;
  --lp-color-accent: #0054ab;
  --lp-color-body: #333;
  --lp-color-body-l1: #666;
  --lp-color-body-l2: #999;
  --lp-color-white: #fff;
  --lp-color-line: #e1e4eb;
  --lp-color-line-l1: #ebeef5;
  --lp-color-line-d1: #d1d4db;
  --lp-color-line-d2: #c1c4cb;
  --lp-color-cv: #ffa800;
  --lp-color-cv-text-grad-start: #fdff97;
  --lp-color-cv-text-grad-end: #ffa600;
  --lp-color-text: var(--lp-color-body);
  --lp-color-bg: var(--lp-color-white);
  --lp-color-bg-soft: #f3f5ff;
  --lp-color-bg-blue: #f1f6fb;
  --lp-font-family: "Noto Sans JP", sans-serif;
  --lp-font-family-en: "Outfit", sans-serif;
  --lp-font-size-body-16: 16px;
  --lp-line-height-body-16: 1.7;
  --lp-font-size-ui-16: 16px;
  --lp-line-height-ui-16: 1.4;
  --lp-font-size-heading-18: 18px;
  --lp-line-height-heading-18: 1.4;
  --lp-letter-spacing-heading-18: 2px;
  --lp-font-size-heading-22: 22px;
  --lp-line-height-heading-22: 1.4;
  --lp-letter-spacing-heading-22: 4px;
  --lp-font-size-heading-28: 28px;
  --lp-line-height-heading-28: 1.4;
  --lp-section-label-font-size: 28px;
  --lp-section-label-line-height: 32px;
  --lp-section-label-bar-width: 3px;
  --lp-section-label-bar-height: 28px;
  --lp-section-title-font-size: 44px;
  --lp-section-title-letter-spacing: 0.04em;
  --lp-section-title-line-height: 1.4;
  --lp-section-lead-font-size: 24px;
  --lp-section-lead-letter-spacing: 0.02em;
  --lp-section-lead-line-height: 1.4;
  --lp-section-heading-gap-label-title: 20px;
  --lp-section-heading-gap-title-lead: 40px;
  --lp-btn-cv-padding-block: 14px;
  --lp-btn-cv-padding-inline: 42px;
  --lp-btn-cv-min-width: 264px;
  --lp-btn-cv-font-size: 22px;
  --lp-btn-cv-arrow-size: 48px;
  --lp-btn-cv-arrow-gap: 12px;
  --lp-btn-primary-padding-block: 14px;
  --lp-btn-primary-padding-inline: 42px;
  --lp-btn-primary-font-size: 18px;
  --lp-max-width: 1440px;
  --lp-content-max-width: 1200px;
  --lp-inner-padding-inline: 24px;
  --lp-section-pad: 100px;
}
@media (width<=639px) {
  :root {
    --lp-font-size-body-16: 14px;
    --lp-line-height-body-16: 1.5;
    --lp-font-size-ui-16: 14px;
    --lp-font-size-heading-18: 16px;
    --lp-font-size-heading-22: 18px;
    --lp-font-size-heading-28: 22px;
    --lp-section-label-font-size: 14px;
    --lp-section-label-line-height: 20px;
    --lp-section-label-bar-width: 2.5px;
    --lp-section-label-bar-height: 22px;
    --lp-section-title-font-size: 22px;
    --lp-section-lead-font-size: 18px;
    --lp-section-heading-gap-label-title: 12px;
    --lp-section-heading-gap-title-lead: 24px;
    --lp-btn-cv-padding-inline: 16px;
    --lp-btn-cv-font-size: 18px;
    --lp-btn-cv-arrow-size: 32px;
    --lp-inner-padding-inline: 20px;
    --lp-section-pad: 40px;
  }
}
.lp {
  color: var(--lp-color-body);
  font-family: var(--lp-font-family);
  font-weight: 500;
  font-size: var(--lp-font-size-body-16);
  line-height: var(--lp-line-height-body-16);
  background-color: var(--lp-color-bg);
  overflow-wrap: anywhere;
}
.lp h1,
.lp h2,
.lp h3,
.lp h4,
.lp .lp-section__title,
.lp .lp-section__label,
.lp .lp-section__lead {
  font-feature-settings: "palt";
}
.lp-br-sp {
  display: none;
}
@media (width<=639px) {
  .lp-br-sp {
    display: inline;
  }
}
.lp-inner {
  max-width: var(--lp-content-max-width);
  padding-inline: var(--lp-inner-padding-inline);
  margin-inline: auto;
  position: relative;
}
.lp-section {
  padding-block: var(--lp-section-pad);
}
.lp-section__label {
  width: fit-content;
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-section-label-font-size);
  line-height: var(--lp-section-label-line-height);
  color: var(--lp-color-accent);
  text-align: center;
  justify-content: center;
  align-items: baseline;
  margin-inline: auto;
  display: flex;
  position: relative;
}
.lp-section__label:before,
.lp-section__label:after {
  content: "";
  width: var(--lp-section-label-bar-width);
  height: var(--lp-section-label-bar-height);
  background-color: var(--lp-color-accent);
  border-radius: 2px;
  flex-shrink: 0;
  align-self: center;
  margin-inline: 8px;
  display: inline-block;
}
.lp-section__label:before {
  transform: rotate(-35deg);
}
.lp-section__label:after {
  transform: rotate(35deg);
}
.lp-section__label:has(em) {
  color: var(--lp-color-body);
}
.lp-section__label em {
  font-family: var(--lp-font-family);
  color: var(--lp-color-accent);
  margin-inline: 2px;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.lp-section__label small {
  color: var(--lp-color-accent);
  margin-right: 2px;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}
.lp-section__title {
  margin-top: var(--lp-section-heading-gap-label-title);
  font-family: var(--lp-font-family);
  font-weight: 800;
  font-size: var(--lp-section-title-font-size);
  letter-spacing: var(--lp-section-title-letter-spacing);
  line-height: var(--lp-section-title-line-height);
  color: var(--lp-color-body);
  text-align: center;
}
.lp-section__lead {
  margin-top: var(--lp-section-heading-gap-title-lead);
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-section-lead-font-size);
  letter-spacing: var(--lp-section-lead-letter-spacing);
  line-height: var(--lp-section-lead-line-height);
  color: var(--lp-color-accent);
  text-align: center;
  font-feature-settings: "palt";
}
.lp-btn {
  font-family: var(--lp-font-family);
  color: var(--lp-color-white);
  text-align: center;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  line-height: 1.4;
  transition:
    opacity 0.3s,
    filter 0.3s;
  display: inline-flex;
}
.lp-btn:hover {
  opacity: 0.85;
}
.lp-btn--cv {
  gap: var(--lp-btn-cv-arrow-gap);
  padding-block: var(--lp-btn-cv-padding-block);
  padding-inline: var(--lp-btn-cv-padding-inline);
  min-width: var(--lp-btn-cv-min-width);
  background-color: var(--lp-color-cv);
  border: 2px solid var(--lp-color-white);
  font-size: var(--lp-btn-cv-font-size);
}
.lp-btn--cv:after {
  content: "";
  width: var(--lp-btn-cv-arrow-size);
  height: var(--lp-btn-cv-arrow-size);
  background-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame%201'%3e%3cg%20id='Vector'%3e%3cpath%20d='M24%2044.3076C35.2156%2044.3076%2044.3077%2035.2155%2044.3077%2024C44.3077%2012.7843%2035.2156%203.69226%2024%203.69226C12.7844%203.69226%203.69232%2012.7843%203.69232%2024C3.69232%2035.2155%2012.7844%2044.3076%2024%2044.3076Z'%20fill='white'/%3e%3cpath%20d='M22.6439%2016.3972C23.3926%2015.6485%2024.6062%2015.6485%2025.3549%2016.3972L31.6044%2022.6448C31.9637%2023.0041%2032.1659%2023.4921%2032.1661%2024.0003C32.1661%2024.5088%2031.9639%2024.9981%2031.6044%2025.3577L25.3549%2031.6053C24.6062%2032.3539%2023.3926%2032.3539%2022.6439%2031.6053C21.8952%2030.8566%2021.8953%2029.643%2022.6439%2028.8943L27.5342%2024.0003L22.6439%2019.1082C21.8952%2018.3595%2021.8952%2017.1459%2022.6439%2016.3972Z'%20fill='%23FFA800'/%3e%3cpath%20d='M28.6865%2022.0813C29.7453%2022.0813%2030.6037%2022.9396%2030.6037%2023.9984C30.6037%2025.0572%2029.7453%2025.9155%2028.6865%2025.9156H16.1894C15.1306%2025.9156%2014.2723%2025.0572%2014.2723%2023.9984C14.2723%2022.9396%2015.1306%2022.0813%2016.1894%2022.0813H28.6865Z'%20fill='%23FFA800'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  display: inline-block;
}
.lp-btn--primary {
  padding-block: var(--lp-btn-primary-padding-block);
  padding-inline: var(--lp-btn-primary-padding-inline);
  background-color: var(--lp-color-blue);
  font-size: var(--lp-btn-primary-font-size);
}
.lp-check-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.lp-check-list li {
  font-family: var(--lp-font-family);
  font-weight: 500;
  font-size: var(--lp-font-size-body-16);
  line-height: var(--lp-line-height-body-16);
  color: var(--lp-color-body);
  padding-left: 36px;
  position: relative;
}
.lp-check-list li:before {
  content: "";
  background-color: var(--lp-color-blue);
  border-radius: 4px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: 0;
}
.lp-check-list li:after {
  content: "";
  border-left: 2px solid var(--lp-color-white);
  border-bottom: 2px solid var(--lp-color-white);
  width: 14px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 4px;
  transform: rotate(-45deg);
}
.lp-check-list--columns {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 40px;
  display: grid;
}
.lp-check-list--inline {
  flex-flow: wrap;
  gap: 16px;
}
.lp-check-list--icon-svg li:before {
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24.0009'%20height='23.9904'%20viewBox='0%200%2024.0009%2023.9904'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group'%3e%3cpath%20id='Vector'%20d='M8.61477%209.89806C8.42292%209.70622%208.16393%209.6007%207.88575%209.6007C7.60758%209.6007%207.34858%209.70622%207.15674%209.89806C6.96489%2010.0899%206.85938%2010.3489%206.85938%2010.6271C6.85938%2010.9053%206.96489%2011.1643%207.15674%2011.3561L11.2718%2015.4712C11.4637%2015.6631%2011.7227%2015.7686%2012.0009%2015.7686C12.279%2015.7686%2012.538%2015.6631%2012.7299%2015.4712L23.7035%204.49758C23.8953%204.30574%2024.0009%204.04674%2024.0009%203.76857C24.0009%203.49039%2023.8953%203.2314%2023.7035%203.03955C23.5117%202.8477%2023.2527%202.74219%2022.9745%202.74219C22.6963%202.74219%2022.4373%202.8477%2022.2455%203.03955L12.0009%2013.2842L8.61477%209.89806Z'%20fill='%230054AB'/%3e%3cpath%20id='Vector_2'%20d='M22.964%2010.9736C22.3981%2010.9736%2021.9377%2011.4341%2021.9377%2012V20.2302C21.9377%2021.1799%2021.1703%2021.9472%2020.2206%2021.9472H3.76978C2.82014%2021.9472%202.05276%2021.1799%202.05276%2020.2302V3.76978C2.05276%202.82014%202.82014%202.05276%203.76978%202.05276H16.1151C16.6811%202.05276%2017.1415%201.59233%2017.1415%201.02638C17.1415%200.460432%2016.6811%200%2016.1151%200H3.76978C1.68825%200%200%201.68825%200%203.76978V20.2206C0%2022.3022%201.68825%2023.9904%203.76978%2023.9904H20.2206C22.3022%2023.9904%2023.9904%2022.3022%2023.9904%2020.2206V11.9904C23.9904%2011.4245%2023.53%2010.964%2022.964%2010.964V10.9736Z'%20fill='%230054AB'/%3e%3c/g%3e%3c/svg%3e");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  top: 50%;
  left: 0;
}
.lp-check-list--icon-svg li:after {
  content: none;
}
.lp-cv {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex;
}
.lp-cv__reassure {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 20px;
  display: flex;
}
.lp-cv__reassure li {
  font-family: var(--lp-font-family);
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--lp-color-body);
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  position: relative;
}
.lp-cv__reassure li:before {
  content: "";
  background-color: var(--lp-color-body);
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Done'%3e%3cpath%20id='Vector'%20d='M23.6751%206.17505L10.5%2019.3502L5.49154%2014.3417L3.8418%2015.9915L10.5%2022.6497L25.3249%207.82479L23.6751%206.17505Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")
    50% / contain no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Done'%3e%3cpath%20id='Vector'%20d='M23.6751%206.17505L10.5%2019.3502L5.49154%2014.3417L3.8418%2015.9915L10.5%2022.6497L25.3249%207.82479L23.6751%206.17505Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")
    50% / contain no-repeat;
}
.lp-cv__reassure li:after {
  content: none;
}
@media (width<=960px) {
  .lp-check-list--columns {
    grid-template-columns: 1fr;
  }
}
@media (width<=639px) {
  .lp-section__label em {
    font-size: 22px;
  }
  .lp-section__label small {
    font-size: 12px;
  }
}
:root {
  --lp-header-h: 76px;
}
@media (width<=960px) {
  :root {
    --lp-header-h: 68px;
  }
}
@media (width<=639px) {
  :root {
    --lp-header-h: 66px;
  }
}
.lp-header {
  z-index: 1000;
  background-color: var(--lp-color-accent);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
main.lp {
  padding-top: var(--lp-header-h);
}
.lp .lp-section {
  scroll-margin-top: calc(var(--lp-header-h) + 20px);
}
html:has(#wpadminbar) .lp-header {
  top: var(--wp-admin--admin-bar--height, 32px);
}
html:has(#wpadminbar) .lp .lp-section {
  scroll-margin-top: calc(var(--lp-header-h) + 20px + var(--wp-admin--admin-bar--height, 32px));
}
.lp-header__inner {
  max-width: var(--lp-max-width);
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  padding: 16px 40px;
  display: flex;
}
.lp-header__logo {
  flex-shrink: 0;
  transition: opacity 0.3s;
  display: block;
}
.lp-header__logo:hover {
  opacity: 0.7;
}
.lp-header__menu-input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.lp-header__menu-btn {
  display: none;
}
.lp-header__nav {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px 14px;
  margin-left: auto;
  display: flex;
}
.lp-header__nav a {
  font-family: var(--lp-font-family);
  letter-spacing: 0.48px;
  color: var(--lp-color-white);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  transition: opacity 0.3s;
}
.lp-header__nav a:hover {
  opacity: 0.7;
}
.lp-header__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px 20px;
  margin-left: 20px;
  display: flex;
}
.lp-header__login {
  font-family: var(--lp-font-family);
  letter-spacing: 0.48px;
  color: var(--lp-color-white);
  white-space: nowrap;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: opacity 0.3s;
}
.lp-header__login:hover {
  opacity: 0.7;
}
.lp-header__cta {
  background-color: var(--lp-color-cv);
  height: 44px;
  font-family: var(--lp-font-family);
  color: var(--lp-color-white);
  white-space: nowrap;
  border-radius: 36px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: opacity 0.3s;
  display: inline-flex;
}
.lp-header__cta:hover {
  opacity: 0.85;
}
@media (width<=960px) {
  .lp-header__menu-btn {
    background-color: var(--lp-color-white);
    height: 34px;
    font-family: var(--lp-font-family);
    color: var(--lp-color-accent);
    cursor: pointer;
    border-radius: 9999px;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
  }
  .lp-header__menu-btn span {
    background-color: var(--lp-color-accent);
    border-radius: 1px;
    width: 14px;
    height: 2px;
    display: inline-block;
    position: relative;
  }
  .lp-header__menu-btn span:before,
  .lp-header__menu-btn span:after {
    content: "";
    background-color: var(--lp-color-accent);
    border-radius: 1px;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
  }
  .lp-header__menu-btn span:before {
    top: -4px;
  }
  .lp-header__menu-btn span:after {
    top: 4px;
  }
  .lp-header__menu-input:focus-visible + .lp-header__menu-btn {
    outline: 2px solid var(--lp-color-white);
    outline-offset: 2px;
  }
  .lp-header__nav,
  .lp-header__actions {
    display: none;
  }
  .lp-header__menu-input:checked ~ .lp-header__nav,
  .lp-header__menu-input:checked ~ .lp-header__actions {
    flex-direction: column;
    width: 100%;
    display: flex;
  }
  .lp-header__inner:has(.lp-header__menu-input:checked) {
    background-color: var(--lp-color-accent);
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 0;
    height: auto;
    padding-bottom: 24px;
  }
  .lp-header__menu-input:checked ~ .lp-header__nav {
    align-items: flex-start;
    gap: 20px;
    padding-top: 24px;
  }
  .lp-header__menu-input:checked ~ .lp-header__nav a {
    font-size: 16px;
  }
  .lp-header__menu-input:checked ~ .lp-header__actions {
    border-top: 1px solid #fff3;
    align-items: stretch;
    gap: 16px;
    margin-top: 20px;
    margin-left: 0;
    padding-top: 16px;
  }
  .lp-header__menu-input:checked ~ .lp-header__actions .lp-header__login {
    text-align: center;
    font-size: 16px;
  }
  .lp-header__menu-input:checked ~ .lp-header__actions .lp-header__cta {
    width: 100%;
  }
}
@media (width<=639px) {
  .lp-header__inner {
    padding: 16px 20px;
    position: relative;
  }
  .lp-header__logo img {
    width: 140px;
    height: auto;
  }
}
.lp-hero {
  background-color: var(--lp-color-accent);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.lp-hero__inner {
  z-index: 1;
  grid-template-columns: minmax(474px, 630px) minmax(480px, 1fr);
  grid-template-areas: "text image" "cv image";
  padding-top: 24px;
  display: grid;
  position: relative;
}
.lp-hero__text {
  grid-area: text;
}
.lp-hero__image {
  aspect-ratio: 480/572;
  background: url(../img/builder-lp/hero-panel-KNU5wxo_.png) 50% / contain no-repeat;
  grid-area: image;
  justify-self: end;
  width: 480px;
  height: auto;
  margin-top: 10px;
  position: relative;
}
.lp-hero__image img {
  width: 136.7%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 28.6%;
  left: -17.7%;
}
.lp-hero__cv {
  grid-area: cv;
  align-items: flex-start;
  margin-top: 12px;
}
.lp-hero__jobs {
  flex-wrap: wrap;
  gap: 12px;
  padding-left: 6px;
  display: flex;
}
.lp-hero__jobs li {
  border-bottom: 2px solid var(--lp-color-white);
  font-family: var(--lp-font-family);
  font-weight: 600;
  font-size: var(--lp-font-size-ui-16);
  color: var(--lp-color-white);
  padding-bottom: 5px;
  line-height: 1.4;
}
.lp-hero__catch {
  font-family: var(--lp-font-family);
  letter-spacing: 0.48px;
  color: var(--lp-color-white);
  margin-top: 24px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.4;
}
.lp-hero__catch em {
  background: linear-gradient(90deg, var(--lp-color-cv-text-grad-start), var(--lp-color-cv-text-grad-end));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}
.lp-hero__title {
  margin-top: 28px;
}
.lp-hero__title img {
  width: min(474px, 100%);
  height: auto;
}
.lp-hero__lead {
  font-family: var(--lp-font-family);
  font-weight: 500;
  font-size: var(--lp-font-size-body-16);
  line-height: var(--lp-line-height-body-16);
  color: var(--lp-color-white);
  margin-top: 21px;
}
.lp-hero__lead sup {
  font-size: 10px;
}
.lp-hero__note {
  font-family: var(--lp-font-family);
  color: var(--lp-color-blue-mute);
  margin-top: 9px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.lp-hero__reassure li {
  color: var(--lp-color-white);
}
.lp-hero__reassure li:before {
  background-color: var(--lp-color-white);
}
.lp-hero__supervision {
  right: max(0px, calc((100% - var(--lp-max-width)) / 2));
  z-index: 1;
  font-family: var(--lp-font-family);
  color: var(--lp-color-white);
  padding: 12px 40px;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
}
@media (width<=1120px) {
  .lp-hero {
    flex-direction: column;
    padding-bottom: 0;
    display: flex;
  }
  .lp-hero__inner {
    display: contents;
  }
  .lp-hero__text {
    padding-top: 24px;
    padding-inline: var(--lp-inner-padding-inline);
    order: 1;
  }
  .lp-hero__image {
    aspect-ratio: 1312/663;
    background: 0 0;
    order: 2;
    width: 100%;
    padding: 32px 0;
  }
  .lp-hero__image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: static;
  }
  .lp-hero__supervision {
    text-align: right;
    order: 3;
    position: static;
  }
  .lp-hero__cv {
    z-index: 1;
    padding: 40px var(--lp-inner-padding-inline);
    background-color: var(--lp-color-white);
    order: 4;
    align-items: center;
    margin-top: 0;
    position: relative;
  }
  .lp-hero__cv .lp-hero__reassure li {
    color: var(--lp-color-accent);
  }
  .lp-hero__cv .lp-hero__reassure li:before {
    background-color: var(--lp-color-accent);
  }
}
@media (width<=639px) {
  .lp-hero__text {
    padding-top: 34px;
  }
  .lp-hero__image {
    width: min(350px, 100% - 40px);
    margin: 32px auto 20px;
    padding: 0;
  }
  .lp-hero:before {
    content: "";
    z-index: 0;
    pointer-events: none;
    background: url(../img/builder-lp/hero-panel-KNU5wxo_.png) 50% / contain no-repeat;
    width: 352px;
    height: 420px;
    position: absolute;
    top: 72px;
    right: -43px;
  }
  .lp-hero__text,
  .lp-hero__image {
    z-index: 1;
    position: relative;
  }
  .lp-hero__cv .lp-btn--cv {
    padding-block: 12px;
  }
  .lp-hero__cv .lp-btn--cv:after {
    width: 24px;
    height: 24px;
  }
  .lp-hero__supervision {
    padding: 4px 16px;
    font-size: 12px;
  }
  .lp-hero__jobs {
    gap: 12px;
  }
  .lp-hero__jobs li {
    font-size: 12px;
  }
  .lp-hero__catch {
    margin-top: 12px;
    font-size: 20px;
  }
  .lp-hero__title {
    margin-top: 12px;
  }
  .lp-hero__title img {
    width: min(330px, 100%);
  }
  .lp-hero__lead {
    margin-top: 12px;
  }
}
.lp-worries {
  background-color: var(--lp-color-bg-soft);
  padding-top: 80px;
  padding-bottom: 100px;
}
.lp-worries .lp-inner {
  flex-direction: column;
  align-items: center;
  gap: 40px;
  display: flex;
}
.lp-worries__title {
  font-family: var(--lp-font-family);
  font-weight: 800;
  font-size: var(--lp-section-title-font-size);
  letter-spacing: var(--lp-section-title-letter-spacing);
  color: var(--lp-color-accent);
  text-align: center;
  font-feature-settings: "palt";
  line-height: 1.4;
}
.lp-worries__lead {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-worries__box {
  background-color: var(--lp-color-white);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 720px;
  padding: 40px 60px 44px;
  display: flex;
  box-shadow: 2px 8px 10px #c6dbe566;
}
.lp-worries__box-title {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-18);
  letter-spacing: 0.02em;
  line-height: var(--lp-line-height-heading-18);
  color: var(--lp-color-accent);
  text-align: center;
}
.lp-worries__box .lp-check-list {
  gap: 16px;
  width: 100%;
}
.lp-worries__box .lp-check-list li {
  font-weight: 700;
  font-size: var(--lp-font-size-heading-22);
  letter-spacing: var(--lp-section-title-letter-spacing);
  color: var(--lp-color-body);
  text-align: left;
  font-feature-settings: "palt";
  padding-left: 44px;
  line-height: 1.4;
}
.lp-worries__conclusion {
  font-family: var(--lp-font-family);
  font-weight: 800;
  font-size: var(--lp-section-title-font-size);
  letter-spacing: var(--lp-section-title-letter-spacing);
  color: var(--lp-color-body);
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(transparent 78%, var(--lp-color-white) 78%, var(--lp-color-white) 92%, transparent 92%);
  line-height: 1.7;
  position: relative;
}
.lp-worries__conclusion:before {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='75.4395'%20height='43.5788'%20viewBox='0%200%2075.4395%2043.5788'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M35.5161%2042.6145C36.7038%2043.9003%2038.7356%2043.9003%2039.9234%2042.6145L74.6372%205.03565C76.4122%203.11421%2075.0493%200%2072.4335%200H3.00593C0.390131%200%20-0.972679%203.11421%200.802268%205.03565L35.5161%2042.6145Z'%20fill='%230054AB'/%3e%3c/svg%3e")
    50% / contain no-repeat;
  width: 75px;
  height: 44px;
  margin: 0 auto 40px;
  display: block;
}
.lp-worries__conclusion em {
  color: var(--lp-color-accent);
  font-style: normal;
}
@media (width<=639px) {
  .lp-worries {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .lp-worries .lp-inner {
    gap: 32px;
  }
  .lp-worries__box {
    gap: 32px;
    padding: 20px;
  }
  .lp-worries__box .lp-check-list {
    gap: 16px;
  }
  .lp-worries__box .lp-check-list li {
    padding-left: 32px;
    font-size: 16px;
  }
  .lp-worries__box .lp-check-list li:before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
  .lp-worries__lead {
    margin-top: -24px;
    font-size: 18px;
    line-height: 1.7;
  }
  .lp-worries__conclusion {
    font-size: 20px;
  }
  .lp-worries__conclusion:before {
    width: 36px;
    height: 21px;
    margin: 0 auto 32px;
  }
}
.lp-mechanism {
  padding-top: 80px;
  padding-bottom: 0;
}
@media (width<=639px) {
  .lp-mechanism {
    padding-top: 40px;
  }
  .lp-mechanism .lp-section__lead {
    font-size: 16px;
  }
}
.lp-mechanism__steps {
  grid-template-columns: repeat(3, 1fr);
  gap: 44px;
  margin-top: 80px;
  display: grid;
}
.lp-mechanism__step {
  background-color: var(--lp-color-white);
  border: 1px solid var(--lp-color-line);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
  box-shadow: 0 12px 12px #00000026;
}
.lp-mechanism__step:not(:last-child):after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='41'%20viewBox='0%200%2024%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M23.4689%2021.6976C24.177%2021.0521%2024.177%2019.9479%2023.4689%2019.3023L2.77326%200.436025C1.71508%20-0.528655%200%200.212059%200%201.6337V39.3663C0%2040.788%201.71508%2041.5286%202.77326%2040.564L23.4689%2021.6976Z'%20fill='%230054AB'/%3e%3c/svg%3e")
    50% / contain no-repeat;
  width: 24px;
  height: 41px;
  position: absolute;
  top: 50%;
  right: -34px;
  transform: translateY(-50%);
}
.lp-mechanism__step--highlight {
  border: 5px solid var(--lp-color-blue-d1);
  box-shadow: 0 12px 12px #65bbe080;
}
.lp-mechanism__step-label {
  font-family: var(--lp-font-family-en);
  letter-spacing: 0.03em;
  color: var(--lp-color-accent);
  text-align: center;
  font-size: 16px;
  font-weight: 800;
}
.lp-mechanism__step img {
  width: 100%;
  height: auto;
}
.lp-mechanism__step-title {
  font-family: var(--lp-font-family);
  letter-spacing: 0.04em;
  color: var(--lp-color-body-l1);
  text-align: center;
  font-feature-settings: "palt";
  font-size: 22px;
  font-weight: 800;
}
.lp-mechanism__step--highlight .lp-mechanism__step-title {
  color: var(--lp-color-blue-d1);
}
.lp-mechanism__step-note {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-18);
  letter-spacing: 0.02em;
  color: var(--lp-color-body-l1);
  text-align: center;
  font-feature-settings: "palt";
}
.lp-mechanism__step--highlight .lp-mechanism__step-note {
  color: var(--lp-color-blue-d2);
  font-size: 32px;
  line-height: 1.4;
}
.lp-mechanism__entrance {
  background-color: var(--lp-color-bg-blue);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
  margin-top: 80px;
  padding: 60px 24px 100px;
  display: flex;
}
.lp-mechanism__entrance-title {
  font-family: var(--lp-font-family);
  letter-spacing: 0.04em;
  color: var(--lp-color-accent);
  text-align: center;
  font-feature-settings: "palt";
  font-size: 36px;
  font-weight: 800;
  line-height: 1.7;
}
.lp-mechanism__entrance .lp-check-list {
  gap: 16px 40px;
  width: fit-content;
  margin-inline: auto;
}
.lp-mechanism__entrance .lp-check-list li {
  letter-spacing: 0.04em;
  color: var(--lp-color-body);
  text-align: left;
  white-space: nowrap;
  font-feature-settings: "palt";
  padding-left: 36px;
  font-size: 22px;
  font-weight: 700;
}
@media (width<=639px) {
  .lp-mechanism__steps {
    grid-template-columns: 1fr;
    gap: 69px;
    margin-top: 32px;
  }
  .lp-mechanism__step {
    gap: 12px;
    padding: 20px 20px 36px;
  }
  .lp-mechanism__step:not(:last-child):after {
    width: 21px;
    height: 36px;
    inset: auto auto -56px 50%;
    transform: translate(-50%) rotate(90deg);
  }
  .lp-mechanism__step-label,
  .lp-mechanism__step-title {
    line-height: 1.4;
  }
  .lp-mechanism__step-note,
  .lp-mechanism__step--highlight .lp-mechanism__step-note {
    font-size: 18px;
    line-height: 1.4;
  }
  .lp-mechanism__entrance {
    gap: 40px;
    margin-top: 32px;
    padding: 40px 20px;
  }
  .lp-mechanism__entrance-title {
    font-size: 20px;
  }
  .lp-mechanism__entrance .lp-check-list li {
    white-space: normal;
    padding-left: 28px;
    font-size: 16px;
    line-height: 1.4;
  }
  .lp-mechanism__entrance .lp-check-list li:before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
}
.lp-reasons {
  padding-bottom: 100px;
}
.lp-reasons-cards {
  background-color: var(--lp-color-bg-blue);
  padding-block: 80px;
}
.lp-reasons__pros {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  display: flex;
}
.lp-reasons__pros-badge {
  background-color: var(--lp-color-accent);
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-28);
  color: var(--lp-color-white);
  text-align: center;
  font-feature-settings: "palt";
  border-radius: 9999px;
  margin-bottom: 12px;
  padding: 8px 24px;
  position: relative;
}
.lp-reasons__pros-badge:after {
  content: "";
  border-style: solid;
  border-width: 19px 12px 0;
  border-color: var(--lp-color-accent) transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translate(-50%);
}
.lp-reasons__pros img {
  margin-top: 20px;
}
.lp-reasons__pros-text {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-28);
  color: var(--lp-color-body);
  text-align: center;
  font-feature-settings: "palt";
  margin-top: 16px;
}
.lp-reasons__pros-text em {
  border-bottom: 3px solid var(--lp-color-accent);
  color: var(--lp-color-accent);
  font-style: normal;
}
.lp-reasons__pros-note {
  font-family: var(--lp-font-family);
  font-weight: 500;
  font-size: var(--lp-font-size-body-16);
  color: var(--lp-color-body-l1);
  text-align: center;
  margin-top: 12px;
}
.lp-reasons__cards {
  flex-direction: column;
  gap: 24px;
  display: flex;
}
.lp-reasons__card {
  background-color: var(--lp-color-white);
  border-radius: 8px;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "no title illust" "text text illust";
  align-items: center;
  column-gap: 32px;
  padding: 40px 72px;
  display: grid;
  box-shadow: 0 0 12px #c9cfed80;
}
.lp-reasons__card-no {
  font-family: var(--lp-font-family-en);
  letter-spacing: 0.01em;
  color: var(--lp-color-accent);
  grid-area: no;
  font-size: 64px;
  font-weight: 600;
  line-height: 80px;
}
.lp-reasons__card-title {
  font-family: var(--lp-font-family);
  letter-spacing: var(--lp-section-title-letter-spacing);
  color: var(--lp-color-accent);
  font-feature-settings: "palt";
  grid-area: title;
  font-size: 32px;
  font-weight: 800;
}
.lp-reasons__card-text {
  max-width: 560px;
  font-family: var(--lp-font-family);
  color: var(--lp-color-body);
  grid-area: text;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.92;
}
.lp-reasons__card img {
  grid-area: illust;
  width: 100%;
  max-width: 260px;
  height: auto;
}
@media (width<=639px) {
  .lp-reasons__pros {
    margin-top: 40px;
  }
  .lp-reasons__pros-badge {
    font-size: 16px;
  }
  .lp-reasons__pros-badge:after {
    border-width: 14px 9px 0;
    bottom: -14px;
  }
  .lp-reasons__pros img {
    margin-top: 22px;
  }
  .lp-reasons__pros-text {
    margin-top: 20px;
    font-size: 20px;
    line-height: 38px;
  }
  .lp-reasons__pros-note {
    margin-top: 20px;
    font-size: 14px;
  }
  .lp-reasons {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (width<=960px) {
  .lp-reasons-cards {
    padding-block: 40px;
  }
  .lp-reasons__cards {
    gap: 20px;
  }
  .lp-reasons__card {
    grid-template-columns: auto 1fr;
    grid-template-areas: "no title" "illust illust" "text text";
    column-gap: 16px;
    padding: 20px;
  }
  .lp-reasons__card-no {
    font-size: 32px;
    line-height: 1;
  }
  .lp-reasons__card-title {
    font-size: 18px;
    line-height: 1.4;
  }
  .lp-reasons__card-text {
    font-feature-settings: "palt";
    margin-top: 0;
    font-size: 14px;
    line-height: 1.7;
  }
  .lp-reasons__card img {
    max-width: 260px;
    margin: 0 auto;
  }
}
.lp-templates-head {
  padding-top: 100px;
  padding-bottom: 94px;
}
.lp-templates__selector-head {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 936px;
  margin: 80px auto 0;
  display: flex;
}
.lp-templates {
  background-color: var(--lp-color-bg-blue);
  padding-top: 0;
  padding-bottom: 0;
}
.lp-templates > .lp-inner {
  padding-top: 110px;
  padding-bottom: 60px;
}
.lp-templates__radio {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.lp-templates__selector {
  background-color: var(--lp-color-white);
  border: 1px solid var(--lp-color-line);
  border-radius: 8px;
  max-width: 936px;
  padding: 40px 60px;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 12px #c9cfed80;
}
.lp-templates__question {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-28);
  color: var(--lp-color-body);
  font-feature-settings: "palt";
}
.lp-templates__hint {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-body-16);
  color: var(--lp-color-accent);
  align-items: flex-end;
  gap: 4px;
  display: flex;
}
.lp-templates__hint:before {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame%2073'%3e%3cpath%20id='Vector'%20d='M8.27079%2012.4485C8.67414%2012.1755%209.216%2012.2873%209.49016%2012.6866L12.1436%2016.6847L13.5975%2015.7141L10.9367%2011.726C10.6625%2011.3267%2010.7753%2010.7804%2011.1799%2010.516L11.4129%2010.4101L13.354%209.71838L5.27267%204.83372L6.68422%2014.1271L8.07435%2012.6194L8.27079%2012.4485ZM12.3834%2018.6151C11.98%2018.888%2011.4308%2018.7862%2011.1653%2018.3855L8.64901%2014.5871L6.7309%2016.6601C6.6014%2016.8032%206.42927%2016.8999%206.22058%2016.9316C5.98995%2016.9667%205.75498%2016.9094%205.56735%2016.7725C5.37972%2016.6356%205.2548%2016.4303%205.22007%2016.2016L3.25594%203.27023C3.22121%203.04159%203.27952%202.8084%203.41804%202.62196C3.55656%202.43552%203.76394%202.31109%203.99457%202.27607C4.20326%202.24437%204.41505%202.29158%204.5812%202.38982L4.58859%202.37988L15.8422%209.17288C16.2632%209.42644%2016.3892%209.96296%2016.1399%2010.3713C16.033%2010.5462%2015.8661%2010.6774%2015.6887%2010.7397L13.0221%2011.6915L15.5545%2015.4786C15.846%2015.8753%2015.7146%2016.4157%2015.3099%2016.68L12.3834%2018.6151Z'%20fill='%230054AB'/%3e%3c/g%3e%3c/svg%3e")
    50% / contain no-repeat;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.lp-templates__tabs {
  clear: both;
  justify-content: center;
  gap: 24px;
  display: flex;
}
.lp-templates__tab {
  background-color: var(--lp-color-white);
  border: 1px solid var(--lp-color-line-d1);
  width: 240px;
  height: 60px;
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-28);
  color: var(--lp-color-body);
  text-align: center;
  cursor: pointer;
  font-feature-settings: "palt";
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.lp-templates__tab:before {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Done'%3e%3cpath%20id='Vector'%20d='M23.6751%206.17505L10.5%2019.3502L5.49154%2014.3417L3.8418%2015.9915L10.5%2022.6497L25.3249%207.82479L23.6751%206.17505Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")
    50% / contain no-repeat;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: none;
}
.lp-templates__tab--pink:before {
  background: #ff8fb3;
  border-radius: 9999px;
  display: inline-block;
}
.lp-templates__tab--colorful:before {
  background: conic-gradient(var(--lp-color-blue) 0deg 120deg, #ff8fb3 120deg 240deg, var(--lp-color-cv) 240deg 360deg);
  border-radius: 9999px;
  display: inline-block;
}
#lp-tpl-blue:checked ~ .lp-inner .lp-templates__tab--blue,
#lp-tpl-pink:checked ~ .lp-inner .lp-templates__tab--pink,
#lp-tpl-colorful:checked ~ .lp-inner .lp-templates__tab--colorful {
  background-color: var(--lp-color-blue);
  border-color: var(--lp-color-blue);
  color: var(--lp-color-white);
}
#lp-tpl-blue:checked ~ .lp-inner .lp-templates__tab--blue:before,
#lp-tpl-pink:checked ~ .lp-inner .lp-templates__tab--pink:before,
#lp-tpl-colorful:checked ~ .lp-inner .lp-templates__tab--colorful:before {
  background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Done'%3e%3cpath%20id='Vector'%20d='M23.6751%206.17505L10.5%2019.3502L5.49154%2014.3417L3.8418%2015.9915L10.5%2022.6497L25.3249%207.82479L23.6751%206.17505Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")
    50% / contain no-repeat;
  border-radius: 0;
  display: inline-block;
}
.lp-templates__preview {
  justify-content: center;
  align-items: flex-start;
  gap: 2.1%;
  margin-top: 60px;
  display: none;
}
#lp-tpl-blue:checked ~ .lp-inner .lp-templates__preview--blue,
#lp-tpl-pink:checked ~ .lp-inner .lp-templates__preview--pink,
#lp-tpl-colorful:checked ~ .lp-inner .lp-templates__preview--colorful {
  display: flex;
}
.lp-templates__preview-sp {
  aspect-ratio: 320/560;
  object-fit: cover;
  object-position: top;
  background-color: var(--lp-color-line-l1);
  border: 1px solid var(--lp-color-line-d1);
  border-radius: 10px;
  width: 27.97%;
  box-shadow: 0 19.692px 39.385px #0000000d;
}
.lp-templates__preview-pc {
  aspect-ratio: 800/560;
  background-color: var(--lp-color-line-l1);
  border: 1px solid var(--lp-color-line-d1);
  border-radius: 10px;
  flex-direction: column;
  width: 69.93%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 15px 30px #0000000d;
}
.lp-templates__preview-pc img {
  aspect-ratio: 800/500;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.lp-templates__preview-bar {
  flex: 1;
  align-items: center;
  gap: 44px;
  padding-inline: 21px;
  display: flex;
}
.lp-templates__preview-dots {
  background-color: #ee6e6c;
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-right: 34px;
  box-shadow:
    17px 0 #f5ca0f,
    34px 0 #65dc7e;
}
.lp-templates__preview-url {
  background-color: var(--lp-color-white);
  border: 1px solid var(--lp-color-line-d1);
  min-width: 0;
  font-family: var(--lp-font-family);
  color: var(--lp-color-line-d1);
  white-space: nowrap;
  border-radius: 9999px;
  flex: 1;
  padding: 2px 18px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4;
  overflow: hidden;
}
.lp-templates__preview-note {
  font-family: var(--lp-font-family);
  font-weight: 500;
  font-size: var(--lp-font-size-body-16);
  color: var(--lp-color-body-l2);
  text-align: center;
  margin-top: 24px;
}
.lp-templates__tabs--bottom {
  display: none;
}
.lp-templates__desc {
  background-color: var(--lp-color-white);
  padding: 48px 24px 100px;
  display: none;
}
.lp-templates__desc-inner {
  grid-template-columns: 1fr auto;
  grid-template-areas: "title cv" "label cv" "list cv";
  align-items: center;
  column-gap: 24px;
  max-width: 1140px;
  margin-inline: auto;
  display: grid;
}
#lp-tpl-blue:checked ~ .lp-templates__desc--blue,
#lp-tpl-pink:checked ~ .lp-templates__desc--pink,
#lp-tpl-colorful:checked ~ .lp-templates__desc--colorful {
  display: block;
}
.lp-templates__desc-title {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-28);
  color: var(--lp-color-body);
  font-feature-settings: "palt";
  grid-area: title;
}
.lp-templates__desc-label {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-body-16);
  color: var(--lp-color-blue);
  grid-area: label;
  margin-top: 8px;
}
.lp-templates__desc .lp-check-list {
  grid-area: list;
  margin-top: 16px;
}
.lp-templates__desc .lp-check-list li {
  font-weight: 700;
  font-size: var(--lp-font-size-heading-18);
  color: var(--lp-color-body);
  padding-left: 32px;
}
.lp-templates__desc .lp-btn--cv {
  flex-shrink: 0;
  grid-area: cv;
}
@media (width<=960px) {
  .lp-templates-head {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .lp-templates {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lp-templates .lp-section__lead {
    font-size: 16px;
  }
  .lp-templates__selector {
    border: none;
    border-top: 1px solid var(--lp-color-line-d2);
    border-bottom: 1px solid var(--lp-color-line-d2);
    border-radius: 0;
    width: 100vw;
    max-width: none;
    margin-inline: calc(50% - 50vw);
    padding: 12px 20px;
    position: static;
    transform: none;
    box-shadow: 0 12px 8px #c9cfed1a;
  }
  .lp-templates__selector-head {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 20px 0 0;
  }
  .lp-templates__question {
    letter-spacing: 0.02em;
    font-size: 18px;
    line-height: 1.4;
  }
  .lp-templates__hint {
    font-size: 14px;
    line-height: 1.4;
  }
  .lp-templates__hint:before {
    width: 20px;
    height: 20px;
  }
  .lp-templates__tabs {
    gap: 12px;
  }
  .lp-templates__tab {
    white-space: nowrap;
    flex: 1;
    width: auto;
    height: 40px;
    padding-inline: 4px;
    font-size: 18px;
  }
  .lp-templates__tab:before {
    margin-right: 4px;
  }
  .lp-templates__preview {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
  }
  .lp-templates__preview-sp {
    order: 2;
    width: 100%;
    max-width: 350px;
  }
  .lp-templates__preview-pc {
    order: 1;
    width: 100%;
    max-width: 350px;
  }
  .lp-templates__preview-note {
    margin-top: 19px;
    font-size: 16px;
    line-height: 1.7;
  }
  .lp-templates__tabs--bottom {
    margin-top: 19px;
    background-color: var(--lp-color-white);
    border-top: 1px solid var(--lp-color-line-d2);
    border-bottom: 1px solid var(--lp-color-line-d2);
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding: 12px 20px;
    display: flex;
    box-shadow: 0 12px 8px #c9cfed1a;
  }
  .lp-templates > .lp-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lp-templates__desc {
    padding: 34px 20px 40px;
  }
  .lp-templates__desc-inner {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "label" "list" "cv";
    row-gap: 0;
  }
  .lp-templates__desc-title {
    font-size: 28px;
    line-height: 1.4;
  }
  .lp-templates__desc-label {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.4;
  }
  .lp-templates__desc .lp-check-list {
    margin-top: 20px;
  }
  .lp-templates__desc .lp-check-list li {
    font-size: 18px;
    line-height: 1.4;
  }
  .lp-templates__desc .lp-btn--cv {
    --lp-btn-cv-arrow-size: 24px;
    margin-top: 40px;
    width: 100%;
    margin-inline: auto;
    padding-block: 12px;
    font-size: 16px;
  }
}
.lp-flow {
  background-color: var(--lp-color-bg-blue);
}
.lp-flow__steps {
  margin-top: 60px;
  max-width: 1080px;
  margin-inline: auto;
}
.lp-flow__step {
  isolation: isolate;
  align-items: stretch;
  gap: 40px;
  margin-bottom: 24px;
  display: flex;
  position: relative;
}
.lp-flow__step:last-child {
  margin-bottom: 0;
}
.lp-flow__step:not(:last-child):before {
  content: "";
  background-color: var(--lp-color-accent);
  border-radius: 2.5px;
  width: 5px;
  position: absolute;
  top: 112px;
  bottom: -12px;
  left: 47.5px;
}
.lp-flow__step:after {
  content: "";
  z-index: -1;
  background-color: var(--lp-color-white);
  border-radius: 8px;
  position: absolute;
  inset: 0 0 0 140px;
  box-shadow: 0 0 12px #c9cfed80;
}
.lp-flow__step-no {
  background-color: var(--lp-color-accent);
  width: 100px;
  height: 100px;
  font-family: var(--lp-font-family-en);
  color: var(--lp-color-white);
  text-align: center;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 0 12px #c9cfed80;
}
.lp-flow__step-icon {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 160px;
  margin: 20px 0 20px 40px;
  display: flex;
}
.lp-flow__step-icon img {
  object-fit: contain;
  width: auto;
  max-width: 114px;
  height: 70px;
}
.lp-flow__step-icon p {
  font-family: var(--lp-font-family);
  color: var(--lp-color-accent);
  text-align: center;
  font-feature-settings: "palt";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-flow__step-body {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin: 20px 40px 20px 0;
  padding: 12px 0 48px;
  display: flex;
}
.lp-flow__step-body h3 {
  font-family: var(--lp-font-family);
  font-weight: 700;
  font-size: var(--lp-font-size-heading-28);
  color: var(--lp-color-body);
  line-height: 1.4;
}
.lp-flow__step-body > p {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body);
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}
.lp-flow__step-body > p.lp-flow__step-note {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body-l1);
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.lp-flow .lp-cv {
  margin-top: 60px;
}
@media (width<=960px) {
  .lp-flow {
    padding-block: 40px;
  }
  .lp-flow__steps {
    margin-top: 40px;
  }
  .lp-flow__step {
    grid-template-rows: auto auto;
    grid-template-columns: 120px 1fr;
    gap: 12px 20px;
    height: auto;
    margin-bottom: 12px;
    display: grid;
  }
  .lp-flow__step:not(:last-child):before,
  .lp-flow__step:after {
    content: none;
  }
  .lp-flow__step-no {
    width: 100%;
    height: auto;
    box-shadow: none;
    font-family: var(--lp-font-family-en);
    color: var(--lp-color-accent);
    background-color: #0000;
    grid-area: 1/1;
    justify-content: center;
    align-items: flex-start;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    display: flex;
  }
  .lp-flow__step-icon {
    grid-area: 2/1;
    justify-self: center;
    gap: 12px;
    width: 120px;
    height: 120px;
    margin: 0;
  }
  .lp-flow__step-icon img {
    width: 70px;
    height: 70px;
  }
  .lp-flow__step-icon p {
    margin-top: 0;
    font-size: 11px;
  }
  .lp-flow__step-body {
    background-color: var(--lp-color-white);
    border-radius: 8px;
    grid-area: 1/2/3;
    justify-content: flex-start;
    margin: 0;
    padding: 32px 20px 20px;
    box-shadow: 0 0 12px #c9cfed80;
  }
  .lp-flow__step-body h3 {
    font-size: 16px;
    line-height: 1.4;
  }
  .lp-flow__step-body > p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.7;
  }
  .lp-flow__step-body > p.lp-flow__step-note {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1;
  }
  .lp-flow .lp-section__lead {
    font-size: 16px;
  }
  .lp-flow .lp-cv {
    margin-top: 52px;
  }
  .lp-flow .lp-cv .lp-btn--cv {
    padding-block: 12px;
    padding-inline: 42px;
    font-size: 16px;
  }
  .lp-flow .lp-cv .lp-btn--cv:after {
    width: 24px;
    height: 24px;
  }
}
.lp-comparison {
  background-color: var(--lp-color-white);
}
.lp-comparison__scroller {
  margin-top: 60px;
  padding-top: 66px;
  overflow-x: auto;
}
.lp-comparison__table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border-radius: 8px;
  width: 100%;
  min-width: 1080px;
  box-shadow: 0 12px 16px #c9cfed1a;
}
.lp-comparison__table th,
.lp-comparison__table td {
  font-family: var(--lp-font-family);
  border-top: 1px solid var(--lp-color-line-d2);
  border-left: 1px solid var(--lp-color-line-d2);
}
.lp-comparison__table th:last-child,
.lp-comparison__table td:last-child {
  border-right: 1px solid var(--lp-color-line-d2);
}
.lp-comparison__table tbody tr:last-child th,
.lp-comparison__table tbody tr:last-child td {
  border-bottom: 1px solid var(--lp-color-line-d2);
}
.lp-comparison__table .lp-comparison__recommended + th,
.lp-comparison__table .lp-comparison__recommended + td {
  border-left: none;
}
.lp-comparison__table thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}
.lp-comparison__table thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
}
.lp-comparison__table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 8px;
}
.lp-comparison__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.lp-comparison__item-col,
.lp-comparison__table tbody th {
  width: 259px;
}
.lp-comparison__table thead th {
  height: 96px;
  color: var(--lp-color-body);
  text-align: center;
  vertical-align: bottom;
  background-color: #f4f6fa;
  padding-bottom: 14px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-comparison__table thead th.lp-comparison__item-col {
  color: var(--lp-color-body-l2);
  text-align: left;
  vertical-align: middle;
  padding-bottom: 0;
  padding-left: 32px;
}
.lp-comparison__table thead th.lp-comparison__recommended {
  background-color: var(--lp-color-accent);
  color: var(--lp-color-white);
  border-style: solid;
  border-color: var(--lp-color-accent);
  border-width: 3px 3px 0;
  position: relative;
}
.lp-comparison__badge {
  color: #0000;
  background: url(../img/builder-lp/badge-recommend-DlmMBz6A.svg) 50% / contain no-repeat;
  width: 116px;
  height: 58px;
  font-size: 0;
  display: block;
  position: absolute;
  top: -66px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}
.lp-comparison__table tbody th,
.lp-comparison__table tbody td {
  height: 88px;
}
.lp-comparison__table tbody th {
  color: var(--lp-color-body);
  text-align: left;
  background-color: var(--lp-color-white);
  padding-left: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-comparison__table tbody td {
  color: var(--lp-color-body);
  text-align: center;
  background-color: var(--lp-color-white);
  padding: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-comparison__table tbody tr:nth-child(2n) th,
.lp-comparison__table tbody tr:nth-child(2n) td {
  background-color: #f9fafc;
}
.lp-comparison__table tbody td sup {
  font-size: 10px;
}
.lp-comparison__table tbody tr td.lp-comparison__recommended {
  border-style: solid;
  border-color: var(--lp-color-accent);
  color: var(--lp-color-accent);
  vertical-align: middle;
  background-color: #eff6fd;
  border-width: 0 3px;
}
.lp-comparison__table tbody tr:last-child td.lp-comparison__recommended {
  border-bottom: 3px solid var(--lp-color-accent);
}
.lp-mark {
  color: var(--lp-color-body);
  margin-bottom: 6px;
  font-size: 36px;
  line-height: 1;
  display: block;
}
.lp-mark--best {
  color: var(--lp-color-accent);
  font-size: 40px;
}
.lp-mark--none {
  color: var(--lp-color-line-d2);
}
.lp-mark:only-child {
  margin-bottom: 0;
}
.lp-comparison__table tbody tr:first-child td:nth-of-type(2),
.lp-comparison__table tbody tr:first-child td:nth-of-type(2) .lp-mark {
  color: var(--lp-color-body-l2);
}
.lp-comparison__table tbody tr:first-child td:nth-of-type(3),
.lp-comparison__table tbody tr:first-child td:nth-of-type(3) .lp-mark {
  color: var(--lp-color-body-l1);
}
.lp-comparison__table tbody tr:first-child td:nth-of-type(4) {
  color: var(--lp-color-body-l2);
}
.lp-comparison__table tbody tr:first-child td:nth-of-type(4) .lp-mark {
  color: #185fa5;
}
.lp-comparison__table tbody tr:nth-child(2) td:nth-of-type(2) {
  color: var(--lp-color-body-l2);
}
.lp-comparison__table tbody tr:nth-child(2) td:nth-of-type(2) .lp-mark {
  color: #185fa5;
}
.lp-comparison__table tbody tr:nth-child(2) td:nth-of-type(3),
.lp-comparison__table tbody tr:nth-child(2) td:nth-of-type(3) .lp-mark,
.lp-comparison__table tbody tr:nth-child(2) td:nth-of-type(4),
.lp-comparison__table tbody tr:nth-child(2) td:nth-of-type(4) .lp-mark {
  color: var(--lp-color-body);
}
.lp-comparison__table tbody tr:nth-child(3) td:nth-of-type(2) .lp-mark {
  color: #185fa5;
}
.lp-comparison__table tbody tr:nth-child(3) td:nth-of-type(3) .lp-mark,
.lp-comparison__table tbody tr:nth-child(3) td:nth-of-type(4) .lp-mark {
  color: var(--lp-color-body);
}
.lp-comparison__table tbody tr:nth-child(4) td:nth-of-type(2) {
  color: var(--lp-color-body-l1);
}
.lp-comparison__table tbody tr:nth-child(4) td:nth-of-type(2) .lp-mark {
  color: var(--lp-color-body);
}
.lp-comparison__table tbody tr:nth-child(4) td:nth-of-type(3) .lp-mark,
.lp-comparison__table tbody tr:nth-child(4) td:nth-of-type(4) .lp-mark {
  color: var(--lp-color-line-d2);
}
.lp-comparison__table tbody tr:nth-child(5) td:nth-of-type(2) {
  color: var(--lp-color-body-l1);
}
.lp-comparison__table tbody tr:nth-child(5) td:nth-of-type(2) .lp-mark {
  color: var(--lp-color-body);
}
.lp-comparison__table tbody tr:nth-child(5) td:nth-of-type(3),
.lp-comparison__table tbody tr:nth-child(5) td:nth-of-type(3) .lp-mark {
  color: var(--lp-color-body-l1);
}
.lp-comparison__table tbody tr:nth-child(5) td:nth-of-type(4),
.lp-comparison__table tbody tr:nth-child(5) td:nth-of-type(4) .lp-mark,
.lp-comparison__table tbody tr:nth-child(6) td:nth-of-type(2),
.lp-comparison__table tbody tr:nth-child(6) td:nth-of-type(2) .lp-mark {
  color: var(--lp-color-body-l2);
}
.lp-comparison__table tbody tr:nth-child(6) td:nth-of-type(3),
.lp-comparison__table tbody tr:nth-child(6) td:nth-of-type(3) .lp-mark,
.lp-comparison__table tbody tr:nth-child(6) td:nth-of-type(4),
.lp-comparison__table tbody tr:nth-child(6) td:nth-of-type(4) .lp-mark {
  color: var(--lp-color-body);
}
.lp-comparison__notes {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body);
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}
.lp-comparison__notes li:last-child {
  width: 100%;
}
@media (width<=639px) {
  .lp-comparison {
    padding-block: 40px;
  }
  .lp-comparison .lp-section__title {
    margin-top: 8px;
  }
  .lp-comparison__scroller {
    margin-top: 80px;
    padding-top: 64px;
  }
  .lp-comparison__table {
    min-width: 979px;
  }
  .lp-comparison__item-col,
  .lp-comparison__table tbody th {
    width: 259px;
  }
  .lp-comparison__table thead th:not(.lp-comparison__item-col),
  .lp-comparison__table tbody td {
    width: 180px;
  }
  .lp-comparison__badge {
    width: 96px;
    height: 48px;
    top: -52px;
  }
}
.lp-pricing__toggle-input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.lp-pricing__toggle {
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 60px;
  display: flex;
}
.lp-pricing__toggle-label {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body-l2);
  font-feature-settings: "palt";
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  transition: color 0.2s;
}
#lp-billing-annual:checked ~ .lp-inner .lp-pricing__toggle-label--annual {
  color: var(--lp-color-body);
}
#lp-billing-annual:checked ~ .lp-inner .lp-pricing__toggle-label--monthly {
  color: var(--lp-color-body-l2);
}
#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__toggle-label--monthly {
  color: var(--lp-color-body);
}
#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__toggle-label--annual {
  color: var(--lp-color-body-l2);
}
.lp-pricing__switch {
  cursor: pointer;
  background-color: var(--lp-color-line-d2);
  border-radius: 50px;
  flex-shrink: 0;
  width: 89px;
  height: 40px;
  transition: background-color 0.2s;
  display: inline-block;
  position: relative;
}
.lp-pricing__switch:after {
  content: "";
  background-color: var(--lp-color-white);
  border-radius: 50%;
  width: 31px;
  height: 31px;
  transition: left 0.2s;
  position: absolute;
  top: 4.4px;
  left: 4.4px;
  box-shadow: -0.9px 0.4px 1.3px #00000040;
}
#lp-billing-annual:checked ~ .lp-inner .lp-pricing__switch {
  background-color: var(--lp-color-blue-l1);
  box-shadow: inset 0 2.7px 3.6px #0000001a;
}
#lp-billing-annual:checked ~ .lp-inner .lp-pricing__switch:after {
  left: 53px;
}
.lp-pricing__toggle-badge {
  background-color: var(--lp-color-white);
  border: 3px solid var(--lp-color-accent);
  font-family: var(--lp-font-family);
  color: var(--lp-color-accent);
  white-space: nowrap;
  border-radius: 45px;
  margin-left: 16px;
  padding: 4px 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
}
.lp-pricing__plans {
  margin-top: 60px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 40px;
  max-width: 1140px;
  margin-inline: auto;
  display: grid;
}
.lp-pricing__plan {
  background-color: var(--lp-color-white);
  border: 5px solid var(--lp-color-blue-d1);
  border-radius: 20px;
  flex-direction: column;
  gap: 20px;
  padding: 40px 60px;
  display: flex;
  box-shadow: 0 8px 8px #0000000d;
}
.lp-pricing__plan-name {
  font-family: var(--lp-font-family);
  letter-spacing: 0.04em;
  color: var(--lp-color-blue-d1);
  font-feature-settings: "palt";
  font-size: 28px;
  font-weight: 800;
  line-height: 1.4;
}
.lp-pricing__price {
  white-space: nowrap;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 12px;
  display: flex;
}
.lp-pricing__price-yen {
  font-family: var(--lp-font-family-en);
  color: var(--lp-color-blue-d1);
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
}
.lp-pricing__price-amount {
  font-family: var(--lp-font-family-en);
  color: var(--lp-color-blue-d1);
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
}
.lp-pricing__price-unit {
  font-family: var(--lp-font-family-en);
  color: var(--lp-color-blue);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  transform: translateY(1px);
}
.lp-pricing__price-note {
  font-family: var(--lp-font-family);
  color: var(--lp-color-blue-d1);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-pricing__plan .lp-check-list li {
  font-weight: 700;
  font-size: var(--lp-font-size-heading-18);
  color: var(--lp-color-body);
  padding-left: 32px;
  line-height: 1.4;
}
.lp-pricing__plan .lp-btn {
  background-color: var(--lp-color-blue-d1);
  border-radius: 40px;
  width: 100%;
  margin-top: auto;
  padding-block: 14px;
  padding-inline: 42px;
  font-size: 22px;
  position: relative;
}
.lp-pricing__plan .lp-btn:after {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame%201'%3e%3cg%20id='Vector'%3e%3cpath%20d='M12%2022.1538C17.6078%2022.1538%2022.1538%2017.6078%2022.1538%2012C22.1538%206.39218%2017.6078%201.84615%2012%201.84615C6.39218%201.84615%201.84615%206.39218%201.84615%2012C1.84615%2017.6078%206.39218%2022.1538%2012%2022.1538Z'%20fill='white'/%3e%3cpath%20d='M11.322%208.19862C11.6963%207.82427%2012.3031%207.82428%2012.6774%208.19862L15.8022%2011.3224C15.9819%2011.5021%2016.0829%2011.7461%2016.083%2012.0002C16.083%2012.2544%2015.982%2012.4991%2015.8022%2012.6789L12.6774%2015.8027C12.3031%2016.177%2011.6963%2016.177%2011.322%2015.8027C10.9476%2015.4283%2010.9476%2014.8215%2011.322%2014.4472L13.7671%2012.0002L11.322%209.55411C10.9476%209.17976%2010.9476%208.57297%2011.322%208.19862Z'%20fill='%23005ED8'/%3e%3cpath%20d='M14.3433%2011.0407C14.8727%2011.0407%2015.3018%2011.4698%2015.3018%2011.9992C15.3018%2012.5286%2014.8727%2012.9578%2014.3433%2012.9578H8.09471C7.5653%2012.9578%207.13613%2012.5286%207.13613%2011.9992C7.13613%2011.4698%207.5653%2011.0407%208.09471%2011.0407H14.3433Z'%20fill='%23005ED8'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  display: inline-block;
}
.lp-pricing__plan--recommended {
  box-shadow: 0 8px 8px #65bbe01a;
}
.lp-pricing__plan-note {
  font-family: var(--lp-font-family);
  color: var(--lp-color-blue-d1);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.lp-pricing__disclaimer {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body-l1);
  text-align: center;
  margin-top: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
@media (width<=639px) {
  .lp-pricing {
    padding-block: 40px;
  }
  .lp-pricing .lp-section__title {
    margin-top: 20px;
  }
  .lp-pricing .lp-section__lead {
    margin-top: 20px;
    font-size: 16px;
  }
  .lp-pricing__toggle {
    justify-content: space-between;
    gap: 0;
    margin-top: 40px;
  }
  .lp-pricing__toggle-label--monthly {
    font-size: 16px;
  }
  .lp-pricing__toggle-label--annual {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    display: flex;
  }
  .lp-pricing__toggle-badge {
    margin-left: 0;
  }
  .lp-pricing__plans {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 40px;
  }
  .lp-pricing__plan--recommended {
    order: -1;
  }
  .lp-pricing__plan {
    gap: 12px;
    padding: 20px 32px 32px;
  }
  .lp-pricing__plan:not(.lp-pricing__plan--recommended) {
    gap: 20px;
  }
  .lp-pricing__plan:not(.lp-pricing__plan--recommended) .lp-check-list {
    padding-top: 8px;
  }
  .lp-pricing__plan-name {
    padding-top: 8px;
    font-size: 28px;
  }
  .lp-pricing__price-yen {
    font-size: 32px;
  }
  .lp-pricing__price-amount {
    font-size: 44px;
  }
  .lp-pricing__price-unit {
    font-size: 16px;
  }
  .lp-pricing__price-note {
    font-size: 14px;
  }
  .lp-pricing__plan .lp-check-list {
    gap: 12px;
  }
  .lp-pricing__plan .lp-check-list li,
  .lp-pricing__plan .lp-btn {
    font-size: 16px;
  }
}
/* 年額一括払いを初期表示 */
.lp-pricing__price-amount--monthly,
.lp-pricing__price-unit--monthly,
.lp-pricing__price-note--monthly {
  display: none;
}

/* 月々払い選択時 */
#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__price-amount--annual,
#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__price-unit--annual,
#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__price-note--annual {
  display: none;
}

#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__price-amount--monthly,
#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__price-unit--monthly {
  display: inline;
}

#lp-billing-annual:not(:checked) ~ .lp-inner .lp-pricing__price-note--monthly {
  display: block;
}
.lp-omakase {
  z-index: 1;
  background-color: var(--lp-color-bg-soft);
  padding-bottom: 60px;
  position: relative;
}
.lp-omakase:after {
  content: "";
  pointer-events: none;
  background: url("data:image/svg+xml,%3csvg%20width='1440'%20height='60'%20viewBox='0%200%201440%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.43676%209.70711C3.24747%209.41143%200%205.92667%200%201.72696V0H1440V1.72696C1440%205.92667%201436.75%209.41143%201432.56%209.70711L720%2060L7.43676%209.70711Z'%20fill='%23F3F5FF'/%3e%3c/svg%3e")
    top/100% 100% no-repeat;
  height: 94px;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
}
.lp-omakase:before {
  content: "";
  z-index: 1;
  background: url("data:image/svg+xml,%3csvg%20width='76'%20height='44'%20viewBox='0%200%2076%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.5161%2042.6145C36.7038%2043.9003%2038.7356%2043.9003%2039.9234%2042.6145L74.6372%205.03565C76.4122%203.11421%2075.0493%200%2072.4335%200H3.00593C0.390131%200%20-0.972679%203.11421%200.802268%205.03565L35.5161%2042.6145Z'%20fill='%230054AB'/%3e%3c/svg%3e")
    50% / contain no-repeat;
  width: 76px;
  height: 44px;
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translate(-50%);
}
.lp-omakase__quote {
  font-family: var(--lp-font-family);
  color: var(--lp-color-accent);
  text-align: center;
  font-feature-settings: "palt";
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-omakase__title {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body);
  text-align: center;
  font-feature-settings: "palt";
  margin-top: 20px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.4;
}
.lp-omakase__lead {
  font-family: var(--lp-font-family);
  color: #1ba9fd;
  text-align: center;
  margin-top: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
@media (width<=639px) {
  .lp-omakase {
    padding-bottom: 12px;
  }
  .lp-omakase:after {
    height: 32px;
    bottom: -24px;
  }
  .lp-omakase:before {
    content: none;
  }
  .lp-omakase__quote {
    font-size: 16px;
  }
  .lp-omakase__title {
    letter-spacing: 0.04em;
    margin-top: 20px;
    font-size: 20px;
  }
  .lp-omakase__lead {
    margin-top: 20px;
    font-size: 20px;
  }
}
.lp-omakase-mv .u-sp {
  padding: 40px 20px;
}
.lp-faq {
  background-color: var(--lp-color-bg-blue);
}
.lp-faq__title {
  font-family: var(--lp-font-family);
  color: var(--lp-color-body);
  text-align: center;
  font-feature-settings: "palt";
  font-size: 36px;
  font-weight: 800;
  line-height: 1.4;
}
.lp-faq__lead {
  font-family: var(--lp-font-family);
  color: var(--lp-color-blue);
  text-align: center;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.lp-faq .p-faq {
  margin-top: 60px;
}
@media not all and (width<=768px) {
  .lp .p-faq dt {
    font-size: 24px;
  }
  .lp .p-faq dd,
  .lp .p-faq dd p {
    font-size: 20px;
  }
}
@media (width<=639px) {
  .lp-faq__title {
    letter-spacing: 0.04em;
    font-size: 20px;
  }
  .lp-faq__lead {
    letter-spacing: 0.02em;
    margin-top: 60px;
    font-size: 16px;
  }
  .lp-faq .p-faq {
    margin-top: 60px;
  }
}
.lp-closing {
  background-color: var(--lp-color-accent);
  color: var(--lp-color-white);
  text-align: center;
  padding: 82px 24px;
  position: relative;
  overflow: hidden;
}
.lp-closing:before {
  content: "";
  top: 30px;
  right: calc(max(0px, (100% - var(--lp-max-width)) / 2) + 100px);
  z-index: 0;
  opacity: 0.6;
  pointer-events: none;
  background: url(../img/builder-lp/hero-watermark-BqkuSLRR.png) 50% / contain no-repeat;
  width: 480px;
  height: 572px;
  position: absolute;
}
.lp-closing .lp-inner {
  z-index: 1;
  position: relative;
}
.lp-closing__catch {
  font-family: var(--lp-font-family);
  letter-spacing: 0.04em;
  color: var(--lp-color-white);
  font-size: 32px;
  font-weight: 900;
  line-height: 1.5;
}
.lp-closing__catch em {
  background: linear-gradient(90deg, var(--lp-color-cv-text-grad-start), var(--lp-color-cv-text-grad-end));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}
.lp-closing__title {
  margin-top: 12px;
}
.lp-closing__title img {
  width: 474px;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}
.lp-closing__lead {
  font-family: var(--lp-font-family);
  color: var(--lp-color-white);
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
.lp-closing .lp-btn--cv {
  margin-top: 30px;
  padding: 14px 47px 17px 60px;
  font-size: 20px;
}
.lp-closing .lp-btn--cv:after {
  background-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame%201'%3e%3cg%20id='Vector'%3e%3cpath%20d='M12%2022.1538C17.6078%2022.1538%2022.1538%2017.6078%2022.1538%2012C22.1538%206.39218%2017.6078%201.84615%2012%201.84615C6.39218%201.84615%201.84615%206.39218%201.84615%2012C1.84615%2017.6078%206.39218%2022.1538%2012%2022.1538Z'%20fill='white'/%3e%3cpath%20d='M11.322%208.19862C11.6963%207.82427%2012.3031%207.82428%2012.6774%208.19862L15.8022%2011.3224C15.9819%2011.5021%2016.0829%2011.7461%2016.083%2012.0002C16.083%2012.2544%2015.982%2012.4991%2015.8022%2012.6789L12.6774%2015.8027C12.3031%2016.177%2011.6963%2016.177%2011.322%2015.8027C10.9476%2015.4283%2010.9476%2014.8215%2011.322%2014.4472L13.7671%2012.0002L11.322%209.55411C10.9476%209.17976%2010.9476%208.57297%2011.322%208.19862Z'%20fill='%23005ED8'/%3e%3cpath%20d='M14.3433%2011.0407C14.8727%2011.0407%2015.3018%2011.4698%2015.3018%2011.9992C15.3018%2012.5286%2014.8727%2012.9578%2014.3433%2012.9578H8.09471C7.5653%2012.9578%207.13613%2012.5286%207.13613%2011.9992C7.13613%2011.4698%207.5653%2011.0407%208.09471%2011.0407H14.3433Z'%20fill='%23005ED8'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  width: 24px;
  height: 24px;
}
@media (width<=639px) {
  .lp-closing {
    padding: 40px 20px;
  }
  .lp-closing:before {
    top: auto;
    bottom: -40px;
    right: -160px;
  }
  .lp-closing__catch {
    font-size: 20px;
    line-height: 1.4;
  }
  .lp-closing__title {
    margin-top: 10px;
  }
  .lp-closing__title img {
    width: min(330px, 100%);
  }
  .lp-closing__lead {
    margin-top: 29px;
    font-size: 18px;
  }
  .lp-closing .lp-btn--cv {
    margin-top: 40px;
    padding: 12px 32px 12px 40px;
    font-size: 16px;
  }
  .lp-closing .lp-btn--cv:after {
    width: 24px;
    height: 24px;
  }
}
.lp-closing__reassure {
  display: none;
}
@media (width<=639px) {
  .lp-closing__reassure {
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    display: flex;
  }
  .lp-closing__reassure li {
    color: var(--lp-color-white);
  }
  .lp-closing__reassure li:before {
    background-color: var(--lp-color-white);
  }
}
.lp .u-service__mv._bottom {
  background-image: url(/wp-content/themes/theme2024/assets/img/service/bg_mv_bottom.png), url(/wp-content/themes/theme2024/assets/img/cmn/bg_logo.png), linear-gradient(var(--lp-color-accent), var(--lp-color-accent));
}
.lp .u-contact__thanks_back {
  background-image: linear-gradient(var(--lp-color-accent), var(--lp-color-accent));
}
.lp .u-contact__type .u-service__mv_form {
  max-width: 490px;
}
@media (width>=769px) and (width<=960px) {
  .lp .u-service__mv._bottom.u-contact__type .u-service__mv_in {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }
  .lp .u-contact__type .u-service__mv_text {
    width: 100%;
    padding-bottom: 45px;
  }
  .lp .u-contact__type .u-service__mv_form {
    margin-inline: auto;
  }
}
@media not all and (width<=768px) {
  .lp .u-contact__type {
    background-image: url(/wp-content/themes/theme2024/assets/img/service/bg_mv_bottom.png), url(/wp-content/themes/theme2024/assets/img/cmn/bg_logo.png), linear-gradient(var(--lp-color-accent), var(--lp-color-accent)) !important;
  }
}
@media (width<=768px) {
  .lp .u-contact__type,
  .lp .u-service__mv._bottom {
    background-image: url(/wp-content/themes/theme2024/assets/img/cmn/bg_logo.png), linear-gradient(var(--lp-color-accent), var(--lp-color-accent));
  }
}
.lp .lp-contact-steps {
  justify-content: space-between;
  gap: 20px;
  margin: 0;
  padding-right: 48px;
  list-style: none;
  display: flex;
}
.lp .lp-contact-steps li {
  background-color: var(--lp-color-white);
  color: var(--lp-color-blue-d2);
  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 50%, calc(100% - 28px) 100%, 0 100%);
  flex-direction: column;
  flex: 1;
  gap: 12px;
  padding: 32px 40px 32px 16px;
  display: flex;
}
.lp .lp-contact-steps li:nth-child(2) {
  background-color: #dce7f5;
}
.lp .lp-contact-steps__no {
  font-family: var(--lp-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
.lp .lp-contact-steps__text {
  font-family: var(--lp-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
@media (width<=768px) {
  .lp .lp-contact-steps {
    gap: 10px;
    padding-right: 0;
  }
  .lp .lp-contact-steps li {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
    padding: 8px 22px 8px 8px;
  }
  .lp .lp-contact-steps__no {
    font-size: 18px;
  }
  .lp .lp-contact-steps__text {
    font-size: 12px;
  }
}

/*
 * 歯科採用サイトビルダー LP 専用フッター。
 * 共通テーマの .g-footer / .c-bnr には依存せず、このフッター内だけに適用する。
 */
.builder-lp-footer,
.builder-lp-footer * {
  box-sizing: border-box;
}

.builder-lp-footer {
  width: 100%;
  padding: 100px 24px 28px;
  color: #555;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
}

.builder-lp-footer__inner {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.builder-lp-footer__top {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 280px;
  gap: 40px;
  align-items: center;
}

.builder-lp-footer__logo {
  display: block;
  width: 200px;
  transition: opacity 0.2s ease;
}

.builder-lp-footer__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.builder-lp-footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 28px;
  font-size: clamp(0.9375rem, 1.12vw, 1.25rem);
  font-weight: 500;
  line-height: 1.5;
}

.builder-lp-footer__nav a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.builder-lp-footer__resource {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  min-height: 80px;
  padding: 12px 20px;
  border-radius: 10px;
  color: #fff;
  background: url(../img/cmn/bg_bnr@2x.png) no-repeat center / cover;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.builder-lp-footer__resource span {
  display: inline-block;
  padding: 0 24px 0 20px;
  background: url(../img/cmn/ico_link_blank.svg) no-repeat center right / 15px auto;
}

.builder-lp-footer__copyright {
  margin: 46px 0 0;
  color: #333;
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

@media (hover: hover) {
  .builder-lp-footer__logo:hover,
  .builder-lp-footer__resource:hover {
    opacity: 0.78;
  }

  .builder-lp-footer__nav a:hover {
    color: #0e93fb;
  }
}

@media (max-width: 1200px) {
  .builder-lp-footer__top {
    grid-template-columns: 190px minmax(0, 1fr) 240px;
    gap: 24px;
  }

  .builder-lp-footer__logo {
    width: 185px;
  }

  .builder-lp-footer__nav {
    gap: 12px 20px;
  }

  .builder-lp-footer__resource {
    width: 240px;
  }
}

@media (max-width: 900px) {
  .builder-lp-footer {
    padding-top: 56px;
  }

  .builder-lp-footer__top {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .builder-lp-footer__nav {
    max-width: 680px;
    font-size: 0.9375rem;
  }

  .builder-lp-footer__resource {
    width: min(100%, 310px);
  }

  .builder-lp-footer__copyright {
    margin-top: 36px;
  }
}

@media (max-width: 600px) {
  .builder-lp-footer {
    padding: 44px 20px 24px;
  }

  .builder-lp-footer__top {
    gap: 28px;
  }

  .builder-lp-footer__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 14px 20px;
    font-size: 0.875rem;
    text-align: center;
  }

  .builder-lp-footer__nav a:last-child {
    grid-column: 1 / -1;
  }

  .builder-lp-footer__copyright {
    margin-top: 32px;
    font-size: 0.75rem;
  }
}