/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .table {
    display: table;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

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

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}
:root {
  --scrollbar: 0;
  --black: #222;
  --white: #fff;
  --gray: #666;
  --blue: #020077;
  --smokeblue: #2E3C5D;
  --lightblue: #E2F1FC;
  --skyblue: #1DA8FF;
  --orange: #FF6C00;
  --red: #F90013;
  --green: #00AC70;
  --yellow: #FFE348;
  --gold: #A38A46;
  --gradient: linear-gradient(90deg, #00C9AA 0%, #2F87FF 100%);
  --bluegradient: linear-gradient(315deg, #1A739B 0%, #002577 100%);
  --rainbow: linear-gradient(90deg, #13E0B8 0%, #FFF70F 50%, #FDAD04 100%);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  transition: 0.3s;
}

ul, li {
  list-style: none;
}

button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  appearance: none;
}

select,
textarea,
input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

main {
  display: block;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--black);
}

.l-header {
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 0;
  height: 64px;
  display: block;
}

.l-header__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.l-header__logo {
  font-weight: 700;
  position: relative;
}

.l-header__logoLink {
  display: flex;
  align-items: center;
  column-gap: 2px;
}

.l-header__logoText {
  font-size: 20px;
}
.l-header__logoText .u-large {
  font-size: 24px;
}

.l-header__List {
  display: flex;
  align-items: center;
}

.l-header__ListLink {
  font-weight: 700;
  display: block;
}

.l-header__btn .c-bonus {
  margin: 0 auto;
}
.l-header__btn a {
  filter: drop-shadow(2px 2px 12px rgba(0, 0, 0, 0.18));
  margin: 0 auto;
  border-radius: 8px;
  background-image: var(--gradient);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.l-header__btn .c-down {
  width: 1rem;
  height: 1rem;
}
.l-header__btn .c-down::after {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M379 280h10v10h-10z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-379 -280)'%3E%3Cg fill='%232e89fa'%3E%3Cpath d='M383.52 286.076a.678.678 0 0 0 .959.959l2.878-2.878a.678.678 0 0 0-.959-.959Z'/%3E%3Cpath d='m380.643 284.157 2.877 2.878a.678.678 0 1 0 .959-.959l-2.878-2.878a.678.678 0 0 0-.959.959Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.l-mv__textImagebox {
  display: flex;
}
.l-mv__textImagebox h2 {
  display: block;
  margin: 0 auto;
}

.l-mv__mainTitle,
.l-mv__subTitle {
  display: block;
}
.l-mv__mainTitle img,
.l-mv__subTitle img {
  display: block;
  object-fit: cover;
}

.l-mv__mainTitle {
  display: block;
}

.l-mv__copy {
  display: block;
}
.l-mv__copy img {
  width: 100%;
  object-fit: cover;
}

.l-mv__btn {
  margin: 0 auto;
}
.l-mv__btn .p-bonus {
  max-width: 300px;
  display: block;
  margin: 0 auto 12px;
}
.l-mv__btn .p-tag {
  display: block;
  margin: -20px auto 0;
  position: relative;
}

.l-mv__btn a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: var(--gradient);
  border-radius: 10px;
  filter: drop-shadow(2px 2px 12px rgba(0, 0, 0, 0.18));
}
.l-mv__btn a .c-txt {
  color: var(--white);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  filter: drop-shadow(2px 2px 9px rgba(2, 0, 119, 0.235));
}
.l-mv__btn a .c-down {
  position: absolute;
}

.l-mv__image {
  display: block;
}
.l-mv__image img {
  object-fit: cover;
}

.l-intro {
  background-color: var(--lightblue);
}
.l-intro .c-text {
  text-align: center;
}

.l-intro__head {
  display: block;
  text-align: center;
  font-weight: 700;
  color: var(--smokeblue);
}
.l-intro__head .u-large {
  line-height: 1;
}

.l-intro__figure {
  display: block;
}
.l-intro__figure img {
  width: 100%;
  object-fit: cover;
}

.l-point {
  background-image: var(--bluegradient);
}

.l-mv__movieTtl {
  font-weight: 700;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  color: var(--blue);
  position: relative;
}
.l-mv__movieTtl .inner {
  display: inline-block;
}

.l-mv__movieTtl::after {
  content: "";
  display: block;
  width: 160px;
  height: 2px;
  margin: 0 auto;
  border-radius: 2px;
  background-color: var(--skyblue);
}
.l-mv__movieArea iframe {
  border-radius: 8px;
  display: block;
  width: 100%;
  object-fit: cover;
}
.l-about .c-title {
  margin: 0 auto 18px;
}
.l-about .c-desc {
  text-align: center;
}

.l-about__List {
  display: flex;
}

.l-about__ListItem {
  padding: 20px 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.l-about__inner {
  border-radius: 8px;
  background-color: var(--lightblue);
}

.l-about__title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  flex: none;
}

.l-about__figure {
  display: flex;
  justify-content: center;
}
.l-about__figure img {
  object-fit: cover;
}

.c-about__desc {
  font-weight: 700;
  line-height: 1.28;
  color: var(--blue);
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-feature .c-title__secondary {
  line-height: 1.5;
  margin: 0 auto 30px;
}

.l-feature__inner {
  display: flex;
}
.l-feature__inner .p-imagebox {
  display: flex;
  flex-direction: column;
}
.l-comparison .c-title__secondary span {
  display: inline-block;
}

.l-comparison__figureArea {
  display: flex;
  margin: 32px auto 0;
}

.l-comparison__graph {
  display: block;
}
.l-comparison__graph img {
  width: 100%;
  object-fit: cover;
}

.l-comparison__list {
  display: block;
}
.l-comparison__list img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.l-customer__figureArea {
  display: flex;
}
.l-customer__figureArea .p-vs {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background-image: var(--gradient);
  font-weight: 700;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  font-size: 24px;
}

.l-customer__figure img {
  width: 100%;
  object-fit: cover;
}

.l-customer__List {
  display: flex;
}

.l-customer__image {
  display: block;
}
.l-customer__image img {
  width: 100%;
  object-fit: cover;
}

.l-customer__table {
  display: block;
}
.l-customer__table img {
  width: 100%;
  object-fit: cover;
}
.l-voice .c-point__title {
  text-align: center;
  margin-bottom: 0;
}

.l-voice__lead {
  line-height: 1.5;
  text-align: center;
}

.l-info {
  margin: 80px auto;
}

.l-info__inner {
  display: flex;
}
.l-info__inner .p-textbox {
  display: flex;
  flex-direction: column;
}
.l-info__inner .p-textbox .c-desc {
  line-height: 1.75;
}

.l-info__profile {
  align-items: flex-end;
  justify-content: space-between;
}

.l-info__obj {
  margin-bottom: 10px;
}

.l-info__linkList {
  max-width: 96px;
}

.l-info__head {
  font-weight: 700;
}

.l-info__image {
  display: block;
}

.l-info__image img {
  width: 100%;
  aspect-ratio: 9/8;
}

.l-info__about {
  border-radius: 16px;
  background-color: var(--lightblue);
}

.l-info__title {
  font-weight: 700;
  color: var(--blue);
  position: relative;
  padding-bottom: 6px;
}

.l-info__title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--skyblue);
}

.c-develop__title {
  font-weight: 700;
  font-size: 24px;
}
.l-develop .c-develop__title {
  margin: 0 auto 16px;
}

.l-contact {
  background: var(--lightblue);
}
.l-contact .c-heading__secondary::after {
  width: 160px;
}

.p-contactForm {
  border-radius: 20px;
  background-color: var(--white);
}

.p-contactForm__dl {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}

.p-contactForm__dt {
  font-weight: 700;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.p-contactForm__ind {
  flex-shrink: 0;
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  color: var(--white);
  padding: 1px 8px;
  background-color: var(--red);
}

.p-contactForm__dl:not(:last-child) {
  margin-bottom: 24px;
}

.p-contactForm__dd input, .p-contactForm__dd textarea {
  background-color: var(--white);
  border: 1px solid #DDD;
  display: block;
  width: 100%;
  line-height: 1.5;
  font-size: 16px;
  padding: 11px 16px;
}
.p-contactForm__dd input::placeholder,
.p-contactForm__dd textarea::placeholder {
  color: #DDD;
}
.p-contactForm__dd textarea {
  resize: none;
}
.p-contactForm__dd .c-desc {
  margin-bottom: 16px;
}

.p-contact__privacyText {
  text-align: center;
}

.p-targetLink {
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 2px;
}

.p-targetLink::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath fill='%2300ac70' d='M14 0H4v8h10Z'/%3E%3Cpath fill='%2300ac70' d='M2 10V2H0v10h12v-2Z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.p-contactForm input[type=radio] {
  visibility: hidden;
  z-index: -1;
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.p-contactForm__dd .u-checkbox {
  margin-bottom: 1rem;
}

.p-contactForm__dd .u-checkbox .u-flex {
  column-gap: 10px;
  align-items: center;
}

.p-contactForm .c-radio__text {
  position: relative;
  display: flex;
  column-gap: 10px;
  align-items: center;
}

.p-contactForm .c-radio__text::before {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #DDD;
  border-radius: 50%;
  background: #fff;
  content: "";
}

.p-contactForm .c-radio__text::after {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  transform: scale3d(0.3, 0.3, 1);
  border-radius: 50%;
  background: var(--skyblue);
  content: "";
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.p-contactForm input[type=radio]:checked + .radio_label::after, .p-contactForm input[type=radio]:checked + .c-radio__text::after {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.p-contactForm__dd input[type=checkbox] {
  border: 1px solid #DDD;
  border-radius: 6px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  padding: 0;
  transition: 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-contactForm__dd input[type=checkbox]:checked {
  background-color: var(--skyblue);
  position: relative;
}
.p-contactForm__dd input[type=checkbox]:checked:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M-202 381h20v20h-20z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%23fff' clip-path='url(%23a)' transform='translate(202 -381)'%3E%3Cpath d='m-194.155 396.534-6.345-6.344 1.287-1.29 5.058 4.968 8.368-8.368 1.287 1.287Z'/%3E%3Cpath d='m-194.151 397.952-7.762-7.761 2.693-2.7 5.059 4.969 8.374-8.374 2.7 2.7Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.p-submit {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.p-submit .c-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  width: 2rem;
  height: 2rem;
  background-color: var(--white);
  border-radius: 50%;
}
.p-submit .c-toggle::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 12px;
  margin-left: 1px;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background-color: #194C91;
}
.p-submit input {
  color: var(--white);
  font-weight: 700;
  display: block;
  width: 100%;
  background-image: var(--gradient);
  border-radius: 16px;
  font-size: 26px;
  padding: 20px 24px 21px;
  text-align: center;
  box-shadow: 0px 8px #00744C;
}
.l-thanks .l-inner .c-desc {
  text-align: center;
}
.l-thanks .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.l-thanks__heading, .l-thanks__title {
  font-weight: 700;
  color: var(--blue);
}

.l-thanks__textbox {
  display: flex;
  flex-direction: column;
  margin: 0 auto 56px;
}

.l-footer {
  background-color: var(--blue);
  color: var(--white);
}

.l-footer__copy {
  display: block;
  text-align: center;
  font-size: 14px;
}

.c-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
}
.c-heading .c-en {
  background-color: var(--skyblue);
  color: var(--white);
  border-radius: 12px;
  text-align: center;
  margin: 0 auto 8px;
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.c-heading .c-ja {
  font-weight: 700;
  color: var(--blue);
  display: block;
  line-height: 1.25;
}

.c-heading__inner {
  display: inline-flex;
  flex-direction: column;
  margin: 0 auto;
  position: relative;
}

.c-heading__inner::after,
.c-heading__secondary::after {
  content: "";
  display: block;
  height: 2px;
  margin: 0 auto;
  border-radius: 2px;
  background-color: var(--skyblue);
}

.c-heading__secondary {
  position: relative;
}
.c-heading__secondary .c-ja {
  line-height: 1.25;
  color: var(--blue);
  font-weight: 700;
  display: block;
  text-align: center;
}

.c-title {
  color: var(--blue);
  font-weight: 700;
  line-height: 1.275;
  text-align: center;
  display: block;
}

.c-title__primary {
  text-align: center;
  display: block;
  color: var(--blue);
  font-weight: 700;
}

.c-title__secondary {
  font-weight: 700;
  line-height: 1;
  font-size: 24px;
}
.c-title__secondary .c-title__secondary-row.u-leadingt {
  line-height: 1.1;
}
.c-title__secondary .u-large {
  font-size: 28px;
}
.c-title__secondary .u-xlarge {
  font-size: 32px;
}
.c-title__secondary .u-xxl {
  font-size: 36px;
}
.c-title__secondary .u-ml {
  font-size: 20px;
}
.c-title__secondary .u-small {
  font-size: 18px;
}

.c-title__third {
  color: var(--blue);
  font-weight: 700;
}

.c-title__h5 {
  font-weight: 700;
  color: var(--blue);
}

.c-lead {
  font-size: 18px;
  line-height: 1.5;
}

.c-desc {
  font-size: 16px;
  line-height: 1.5;
}

.c-small {
  font-size: 14px;
  line-height: 1.714;
}

.c-btn, .c-btn__secondary {
  display: block;
  margin: 0 auto;
}

.c-btn.u-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.c-btn.u-cta .c-bonus {
  display: block;
  margin: 0 auto 3px;
}

.c-week {
  background-color: var(--blue);
  font-weight: 700;
  color: var(--white);
  text-align: center;
  display: block;
  width: 184px;
  margin: -16px auto 0;
  border-radius: 16px;
  line-height: 1.25;
  padding: 3px 0 4px;
  position: relative;
}

.c-btn a {
  background-image: var(--gradient);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  filter: drop-shadow(2px 2px 12px rgba(0, 0, 0, 0.18));
  margin: 0 auto;
}
.c-btn a .c-txt {
  display: block;
  filter: drop-shadow(2px 2px 9px rgba(2, 0, 119, 0.235));
}

.c-down {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--white);
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}

.c-down::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M200 394h16v16h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-200 -394)'%3E%3Cg fill='%23020077'%3E%3Cpath d='M207.536 403.536a1 1 0 0 0 1.414 1.414l4.243-4.243a1 1 0 1 0-1.415-1.414Z'/%3E%3Cpath d='m203.293 400.708 4.243 4.242a1 1 0 0 0 1.414-1.414l-4.243-4.243a1 1 0 0 0-1.414 1.415'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.c-down.u-white::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M-117 406h16v16h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(117 -406)'%3E%3Cg fill='%23fff'%3E%3Cpath d='M-109.464 415.536a1 1 0 0 0 1.414 1.414l4.243-4.243a1 1 0 1 0-1.415-1.414Z'/%3E%3Cpath d='m-113.707 412.708 4.243 4.242a1 1 0 0 0 1.414-1.414l-4.243-4.243a1 1 0 0 0-1.414 1.415'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.c-btn__secondary {
  width: 280px;
  position: relative;
}

.c-btn__secondary a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  height: 56px;
}
.c-btn__secondary a .c-txt {
  font-weight: 700;
  color: var(--blue);
  font-size: 24px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.c-btn__secondary::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid transparent;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border-image: var(--gradient);
  border-image-slice: 1;
  border-radius: 16px;
  background: var(--gradient) border-box border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  z-index: -1;
}

.c-btn__inner {
  display: block;
  padding: 11px 16px 12px;
  position: absolute;
  left: 0;
  width: 100%;
}

.c-arrow {
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-image: var(--gradient);
}

.c-arrow::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M1053 1006h16v16h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-1053 -1006)'%3E%3Cg fill='%23fff'%3E%3Cpath d='M1063.828 1010.464a1 1 0 0 0-1.414-1.414l-4.242 4.243a1 1 0 0 0 1.414 1.414Z'/%3E%3Cpath d='m1063.828 1017.536-4.242-4.243a1 1 0 1 0-1.415 1.414l4.243 4.243a1 1 0 0 0 1.414-1.414'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.c-point__List {
  display: flex;
  margin: 0 auto;
}

.c-point__ListItem {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.c-point__ListItem img {
  width: 100%;
  object-fit: cover;
}

.c-point__title {
  color: var(--blue);
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.25;
}
.c-point__title .u-lm {
  line-height: 1;
}
.c-point__title .u-large {
  line-height: 1;
}
.c-point__title .u-xlarge {
  line-height: 1.205;
}
.c-point__title .u-small {
  line-height: 1.2;
}

mark {
  background-color: inherit;
}

.c-mark {
  position: relative;
  background-image: linear-gradient(transparent 70%, var(--yellow) 70%);
}

.c-cta {
  background-image: var(--bluegradient);
  position: relative;
}
.c-cta .l-inner {
  position: relative;
}

.c-cta__heading {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.c-cta__heading .inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 22px;
  margin: 0 auto;
}
.c-cta__heading .inner::before,
.c-cta__heading .inner::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3px;
  border-radius: 2px;
  background-color: var(--white);
}
.c-cta__heading .inner::before {
  left: 0;
  transform: rotate(154deg);
}
.c-cta__heading .inner::after {
  right: 0;
  transform: rotate(25.8deg);
}

.c-cta__title {
  font-weight: 700;
  display: flex;
  color: var(--white);
  line-height: 1.1;
}
.c-cta__title .u-tracking {
  letter-spacing: -0.03em;
  font-feature-settings: "palt" 1;
}
.c-cta__title .u-small {
  line-height: 1.35;
}
.c-cta__title .u-splarge {
  display: inline-block;
  line-height: 1.1875;
}

.c-cta__title.u-mark {
  align-items: center;
}

.c-emphasis {
  position: relative;
  display: block;
}

.c-cta__btnlink {
  border-radius: 16px;
  display: block;
  background-image: var(--rainbow);
  filter: drop-shadow(0px 0px 16px rgba(2, 0, 119, 0.4));
  margin: 0 auto;
}
.c-cta__btnlink .c-down {
  background-image: var(--gradient);
}
.c-cta__btnlink .c-down::after {
  background: url(../img/icon/arrow-down_w.svg) no-repeat center/contain;
}

.c-cta__btninner {
  border-radius: 16px;
  background-color: var(--white);
  display: flex;
  align-items: center;
}

.c-cta__btntext {
  text-align: center;
  font-weight: 700;
  line-height: 1;
  color: var(--blue);
}

.c-cta__text {
  color: var(--white);
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.p-check__List {
  display: flex;
  flex-direction: column;
}

.c-check__ListItem {
  display: flex;
  column-gap: 12px;
}
.c-check__ListItem .c-icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: var(--gradient);
  border-radius: 4px;
  margin-top: 4px;
  flex-shrink: 0;
}
.c-check__ListItem .c-icon::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M-202 381h20v20h-20z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%23fff' clip-path='url(%23a)' transform='translate(202 -381)'%3E%3Cpath d='m-194.155 396.534-6.345-6.344 1.287-1.29 5.058 4.968 8.368-8.368 1.287 1.287Z'/%3E%3Cpath d='m-194.151 397.952-7.762-7.761 2.693-2.7 5.059 4.969 8.374-8.374 2.7 2.7Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.js-scroll {
  overflow-y: hidden !important;
}

.scroll-hint-icon {
  background: var(--blue);
  width: 170px;
  height: 170px;
  padding: 40px 20px 20px;
  border-radius: 20px;
}

.scroll-hint-icon:before {
  top: 40px;
  width: 110px;
  height: 46px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='46' fill='none' viewBox='0 0 110 46'%3E%3Cpath fill='%23fff' d='M53.73 3a3.146 3.146 0 0 0-3.101 2.678l-.037-.003v18.622c0 .62-.367 1.181-.933 1.426a1.53 1.53 0 0 1-1.668-.304s-.656-.537-3.07-3.212c-2.411-2.675-4.945.973-3.497 3.04.811 1.158 8.686 13.133 8.686 13.133V43h15.237v-4.62l3.362-10.249c.917-2.727-.401-5.704-3.027-6.839l-8.816-3.585V6.163C56.866 4.416 55.46 3 53.729 3m0-3c3.383 0 6.136 2.764 6.136 6.162v9.527l6.946 2.824.06.025a8.47 8.47 0 0 1 4.395 4.362 8.53 8.53 0 0 1 .29 6.175l-3.21 9.784V43a3 3 0 0 1-3 3H50.11a3 3 0 0 1-3-3v-3.722c-2.457-3.734-7.543-11.453-8.144-12.311-1.178-1.682-1.292-3.918-.295-5.833.921-1.771 2.637-2.872 4.477-2.872 1.03 0 2.56.336 4.002 1.936l.442.488V5.675c0-.374.07-.74.202-1.081a6.17 6.17 0 0 1 1.91-3.084A6.12 6.12 0 0 1 53.73 0M90.032 24.494a1.577 1.577 0 0 1 1.577-1.577h12.34l-3.982-3.982a1.577 1.577 0 1 1 2.23-2.23L110 24.509l-7.803 7.803a1.578 1.578 0 0 1-2.23-2.23l4.013-4.012H91.608a1.576 1.576 0 0 1-1.576-1.575M1.672 26.181 0 24.51l7.804-7.804a1.576 1.576 0 1 1 2.23 2.23L6.05 22.917h12.34a1.575 1.575 0 0 1 .604 3.032c-.191.08-.396.12-.603.12H6.02l4.013 4.013a1.577 1.577 0 0 1-2.23 2.23z'/%3E%3C/svg%3E") no-repeat center/cover;
}

.scroll-hint-icon:after {
  content: none;
}

.scroll-hint-text {
  margin-top: 36px;
  font-weight: 700;
  font-size: 14px;
}

.c-voice__List {
  display: flex;
  flex-direction: column;
}

.c-voice__ListItem {
  position: relative;
  display: flex;
}
.c-voice__ListItem .p-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.c-voice__image {
  position: relative;
}
.c-voice__image img {
  border-radius: 50%;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.c-voice__head {
  margin-bottom: 16px;
  padding-bottom: 14px;
  position: relative;
  font-weight: 700;
  color: var(--blue);
}

.c-voice__head::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--skyblue);
}

.c-volice__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--blue);
}

.c-voice__desc {
  font-size: 16px;
  line-height: 1.75;
}

.p-container {
  margin: 80px auto;
}

.p-functions__List {
  display: flex;
}

.p-functions__ListItem {
  padding: 18px 0 0;
  position: relative;
}

.p-functions__title {
  position: absolute;
  max-width: 138px;
  top: 0;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}
.p-functions__title img {
  width: 100%;
  object-fit: cover;
}

.p-functions__inner {
  border-radius: 20px;
  background-color: var(--white);
  border: 8px solid var(--lightblue);
}

.p-functions__head {
  color: var(--blue);
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
}

.p-functions__image {
  display: block;
}
.p-functions__image img {
  width: 100%;
  object-fit: cover;
}

.c-functions__tag {
  color: var(--blue);
  background-color: var(--yellow);
  font-weight: 700;
  text-align: center;
  border-radius: 20px;
  display: block;
  flex: 1;
  margin-inline: auto;
}

.l-about__step {
  border-radius: 8px;
  background-color: var(--lightblue);
}
.l-about__step .c-title__secondary {
  color: var(--blue);
}

.l-about__stepTitle {
  font-weight: 700;
  color: var(--blue);
  text-align: center;
}

.l-about__stepFigure {
  display: block;
  width: 100%;
}
.l-about__stepFigure img {
  width: 100%;
  object-fit: cover;
}

.u-block {
  display: block;
}

.u-flex {
  display: flex;
}

.u-grid {
  display: grid;
}

.l-inner, .inner {
  margin: 0 auto;
}

.u-black {
  color: var(--black);
}

.u-white {
  color: var(--white);
}

.u-gray {
  color: var(--gray);
}

.u-blue {
  color: var(--blue);
}

.u-orange {
  color: var(--orange);
}

.u-green {
  color: var(--green);
}

.u-gold {
  color: var(--gold);
}

.u-regular {
  font-weight: 400;
}

.u-medium {
  font-weight: 500;
}

.u-bold {
  font-weight: 700;
}

.u-right {
  text-align: right;
}

.u-left {
  text-align: left;
}

.u-center {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .l-header__logoLink {
    transition: 0.4s ease;
  }
  .l-header__logoLink:hover {
    opacity: 0.7;
  }
  .l-header__btn a {
    transition: 0.4s ease;
  }
  .l-header__btn a:hover {
    opacity: 0.8;
  }
  .l-mv__inner {
    background: url(../img/mv/bg_pc.png) no-repeat center/cover;
  }
  .l-mv__inner .p-textbox {
    width: 46.945%;
  }
  .l-mv__inner .p-imagebox {
    overflow: hidden;
    position: relative;
    width: 53.055%;
  }
  .l-mv__inner .p-imagebox::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 3.889vw;
    right: 0;
    width: 38.889vw;
    height: 20vw;
    background: url(../img/mv/mv_bg.png) no-repeat center/cover;
  }
  .l-mv__inner .p-imagebox::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.78vw;
    width: 46.944vw;
    height: 37.222vw;
    overflow: hidden;
    background: url(../img/mv/mv.png) no-repeat center/cover;
  }
  .l-mv__textImagebox {
    position: relative;
    width: 100%;
  }
  .l-mv__mainTitle {
    margin: 0 auto;
  }
  .l-mv__subTitle img {
    max-width: 446px;
    width: 100%;
    margin: 0 auto 14px;
  }
  .l-mv__copy {
    width: 100%;
  }
  .l-mv__btn {
    max-width: 484px;
  }
  .l-mv__btn .p-tag {
    max-width: 416px;
    width: 86%;
  }
  .l-mv__btn a {
    transition: 0.4s ease;
  }
  .l-mv__btn a .c-txt {
    font-size: clamp(21px, 2.083vw, 30px);
  }
  .l-mv__btn a .c-txt .u-sm {
    font-size: clamp(18px, 1.806vw, 26px);
  }
  .l-mv__btn a:hover {
    opacity: 0.8;
  }
  .l-mv__image {
    max-width: 46.944vw;
  }
  .l-mv__image img {
    width: 100%;
  }
  .l-intro {
    padding: 36px 0;
  }
  .l-intro__head {
    font-size: 36px;
    margin-bottom: 24px;
  }
  .l-intro__head .u-large {
    font-size: 44px;
  }
  .l-intro__figure {
    margin: 20px auto 0;
    max-width: 760px;
  }
  .l-point {
    padding: 24px 0;
  }
  .l-mv__movie {
    margin: 64px auto 8px;
  }
  .l-mv__movieTtl {
    font-size: 32px;
  }
  .l-mv__movieTtl .inner {
    padding-bottom: 16px;
  }
  .l-mv__movieArea {
    max-width: 680px;
    margin: 1.5rem auto 0;
  }
  .l-mv__movieArea iframe {
    height: 400px;
  }
  .l-about {
    margin: 96px auto;
  }
  .l-about .c-heading {
    margin: 0 auto 30px;
  }
  .l-about__List {
    margin: 28px auto 0;
    column-gap: min(3.448vw, 40px);
  }
  .l-about__ListItem {
    flex: 1;
  }
  .l-about__inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    padding: 20px 0 18px;
  }
  .l-about__figure {
    flex: 1;
    margin-bottom: 12px;
  }
  .l-about__figure img {
    display: block;
    margin: auto 0;
    height: auto;
  }
  .c-about__desc {
    font-size: clamp(16px, 1.389vw, 20px);
    min-height: 51.2px;
  }
  .c-about__desc .u-orange {
    font-size: clamp(20px, 1.806vw, 26px);
  }
  .l-feature {
    margin: 95px auto 130px;
  }
  .l-feature .c-heading {
    margin: 0 auto 45px;
  }
  .l-feature .c-title__secondary {
    font-size: 32px;
  }
  .l-feature .c-title__secondary .u-large {
    font-size: 36px;
  }
  .l-feature__inner {
    margin: 64px auto 123px;
    max-width: 1040px;
    justify-content: space-between;
  }
  .l-feature__inner .p-imagebox {
    max-width: 560px;
    width: 53.85%;
    row-gap: 42px;
  }
  .l-feature__inner .p-textbox {
    max-width: 440px;
    width: 42.3%;
  }
  .l-comparison {
    margin: 162px auto 0;
  }
  .l-comparison .c-heading {
    margin: 0 auto 50px;
  }
  .l-comparison .c-title {
    margin: 0 auto 30px;
  }
  .l-comparison .c-title__secondary {
    margin: 0 auto 24px;
  }
  .l-comparison__figureArea {
    max-width: 1040px;
    justify-content: space-between;
  }
  .l-comparison__graph {
    max-width: 320px;
    width: 30.77%;
    margin-top: 34px;
  }
  .l-comparison__list {
    max-width: 678px;
    width: 65.2%;
  }
  .l-customer {
    margin: 108px auto 48px;
  }
  .l-customer .c-heading {
    margin: 0 auto 30px;
  }
  .l-customer .c-title__secondary {
    margin: 0 auto 16px;
  }
  .l-customer .c-title__third {
    margin: 0 auto 32px;
  }
  .l-customer__inner {
    max-width: 880px;
    margin: 0 auto 90px;
  }
  .l-customer__figureArea {
    margin: 30px auto 60px;
    max-width: 880px;
    column-gap: min(1.364vw, 12px);
  }
  .l-customer__figureArea .p-vs {
    margin: auto 0;
  }
  .l-customer__figure img {
    aspect-ratio: 1/1;
  }
  .l-customer__List {
    max-width: 880px;
    column-gap: min(2.273vw, 20px);
    margin: 0 auto 24px;
  }
  .l-customer__ListItem {
    flex: 1;
  }
  .l-voice {
    margin: 124px auto 80px;
  }
  .l-voice__lead {
    margin-top: 1rem;
    font-size: 18px;
  }
  .l-info .l-inner {
    max-width: 1040px;
  }
  .l-info .c-heading__secondary {
    margin: 0 auto 40px;
  }
  .l-info__inner {
    justify-content: space-between;
  }
  .l-info__inner .p-imagebox {
    max-width: 360px;
    width: 34.6%;
  }
  .l-info__inner .p-textbox {
    max-width: 640px;
    width: 61.5%;
    row-gap: 1.5rem;
  }
  .l-info__linkListItem a {
    transition: 0.4s ease;
  }
  .l-info__linkListItem a:hover {
    opacity: 0.8;
  }
  .l-info__head {
    font-size: 24px;
  }
  .l-info__image {
    margin: 0 auto 16px;
  }
  .l-info__about {
    padding: 22px 18px 14px;
  }
  .l-info__title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .l-develop {
    margin: 65px auto 0;
  }
  .l-develop .c-heading__secondary {
    margin: 0 auto 24px;
  }
  .l-contact {
    padding: 80px 0 120px;
  }
  .l-contact .l-inner {
    max-width: 840px;
  }
  .l-contact .c-heading__secondary {
    margin: 0 auto 56px;
  }
  .p-contactForm {
    padding: 48px 0 56px;
  }
  .p-contactForm__dl {
    max-width: 680px;
    margin: 0 auto;
  }
  .p-contactForm__dt {
    column-gap: 25px;
  }
  .p-contact__privacyText {
    margin-bottom: 28px;
  }
  .p-targetLink {
    transition: 0.4s ease;
  }
  .p-targetLink:hover {
    opacity: 0.8;
  }
  .p-contactForm__dd .u-checkbox,
  .p-contactForm__dd.u-radio {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 16px;
  }
  .p-contactForm__dd.u-radio label,
  .p-contactForm__dd .u-checkbox label {
    cursor: pointer;
  }
  .p-submit {
    max-width: 400px;
    transition: 0.4s ease;
  }
  .p-submit .c-toggle {
    transition: 0.4s ease;
  }
  .p-submit input {
    transition: 0.4s ease;
  }
  .p-submit:hover input {
    transform: translateY(8px);
    box-shadow: none;
  }
  .p-submit:hover .c-toggle {
    transform: translateY(8px);
  }
  .l-thanks {
    padding: 110px 0 140px;
  }
  .l-thanks .l-inner {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    position: relative;
  }
  .l-thanks .l-inner::before,
  .l-thanks .l-inner::after {
    content: "";
    display: block;
    margin-top: min(4.231vw, 44px);
    width: min(14vw, 168px);
    height: min(20.167vw, 242px);
  }
  .l-thanks .l-inner::before {
    background: url(../../assets/img/thanks/left.png) no-repeat center/cover;
  }
  .l-thanks .l-inner::after {
    background: url(../../assets/img/thanks/right.png) no-repeat center/cover;
  }
  .l-thanks .inner {
    max-width: 450px;
  }
  .l-thanks__heading {
    font-size: 40px;
    margin: 0 auto 56px;
  }
  .l-thanks__title {
    font-size: 20px;
    margin: 0 auto 28px;
  }
  .l-thanks__textbox {
    row-gap: 32px;
  }
  .l-footer {
    padding: 32px 0 67px;
  }
  .c-heading .c-en {
    width: 240px;
  }
  .c-heading .c-ja {
    margin: 0 auto 27px;
  }
  .c-heading__inner::after,
  .c-heading__secondary::after {
    width: 240px;
  }
  .c-heading__secondary .c-ja {
    font-size: 40px;
    margin: 0 auto 27px;
  }
  .c-title {
    font-size: 32px;
  }
  .c-title__primary {
    font-size: 32px;
  }
  .c-title__secondary {
    display: block;
    text-align: center;
  }
  .c-title__third {
    font-size: 32px;
  }
  .c-text {
    font-size: 18px;
    line-height: 1.556;
  }
  .c-week {
    font-size: 20px;
  }
  .c-btn a {
    max-width: 484px;
    padding: 20px 28px 20px 32px;
    column-gap: 20px;
    border-radius: 16px;
    transition: 0.4s ease;
  }
  .c-btn a .c-txt {
    font-size: 32px;
  }
  .c-btn a .c-txt .u-small {
    font-size: 28px;
  }
  .c-btn a:hover {
    opacity: 0.8;
  }
  .c-down {
    transition: 0.4s ease;
  }
  .c-point__title {
    margin-top: auto;
  }
  .c-cta__btnlink:hover {
    opacity: 0.8;
  }
  .c-voice__List {
    margin: 18px auto 0;
    row-gap: 24px;
    max-width: 920px;
  }
  .c-voice__ListItem {
    background-color: var(--lightblue);
    border-radius: 24px;
    column-gap: min(28px, 3.043vw);
    padding: 40px min(4.348vw, 40px) 32px;
  }
  .c-voice__image {
    max-width: 120px;
    width: 14.5%;
    flex-shrink: 0;
  }
  .c-voice__textbox {
    flex: 1;
  }
  .c-voice__head {
    font-size: 28px;
  }
  .c-volice__title {
    margin-bottom: 10px;
  }
  .p-functions__List {
    column-gap: min(3.448vw, 40px);
    margin: 24px auto 0;
  }
  .p-functions__ListItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .p-functions__inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 42px 0 26px;
  }
  .p-functions__head {
    margin-bottom: 20px;
  }
  .p-functions__image {
    margin-bottom: 20px;
  }
  .c-functions__tag {
    max-width: 320px;
    margin-top: auto;
    width: calc(100% - 24px);
    padding: 5px 16px;
  }
  .l-about__step {
    margin: 36px auto 0;
    padding: 42px 0 34px;
  }
  .l-about__stepTitle {
    margin: 0 auto 30px;
    font-size: 36px;
  }
  .l-about__stepTitle .u-sm {
    font-size: 30px;
  }
  .l-about__stepTitle .u-lm {
    font-size: 32px;
  }
  .l-about__stepFigure {
    max-width: 1040px;
    width: 96%;
    margin: 30px auto 24px;
  }
  .l-inner {
    max-width: 1160px;
    width: 96%;
  }
  .u-pc {
    display: block;
  }
  .u-sp {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023.8px) {
  .l-mv__inner .p-textbox {
    padding: 6.389vw 0 2.361vw 20px;
  }
  .l-mv__inner .p-imagebox {
    padding-right: 20px;
  }
  .l-mv__inner .p-imagebox::after {
    right: 20px;
  }
  .l-mv__btn a {
    padding: 20px 1.944vw 30px 0;
  }
  .l-mv__btn a .c-down {
    right: 1.944vw;
  }
  .l-about__List {
    column-gap: 10px;
  }
  .c-heading .c-ja {
    font-size: 40px;
  }
  .c-point__List {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 1rem;
  }
  .c-point__ListItem {
    width: 320px;
    height: 168px;
  }
  .c-cta {
    padding: 60px 0 13.59vw;
  }
  .p-functions__List {
    column-gap: clamp(12px, 1.563vw, 32px);
  }
  .p-functions__head {
    font-size: clamp(20px, 2.539vw, 24px);
  }
  .c-functions__tag {
    padding: 5px 12px;
    font-size: clamp(16px, 1.953vw, 20px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1439.8px) {
  .l-mv__textImagebox h2 {
    max-width: 540px;
  }
}

@media screen and (min-width: 1024px) {
  .l-header {
    padding: 12px 40px;
    background-color: var(--white);
    filter: drop-shadow(0px 4px 8px rgba(10, 60, 128, 0.18));
  }
  .l-header__nav {
    max-width: 720px;
  }
  .l-header__List {
    column-gap: min(2.941vw, 40px);
  }
  .l-header__ListLink {
    font-size: clamp(12px, 1.324vw, 18px);
  }
  .l-header__btn {
    flex-shrink: 0;
  }
  .l-header__btn a {
    max-width: 176px;
    padding: 5px 12px 5px 18px;
    font-size: clamp(12px, 1.471vw, 20px);
    column-gap: 10px;
  }
  .l-mv__inner .p-textbox {
    padding: 6.389vw 0 2.361vw 6.111vw;
  }
  .l-mv__inner .p-imagebox {
    padding-right: 6.111vw;
  }
  .l-mv__inner .p-imagebox::after {
    left: 0;
  }
  .l-mv__btn a {
    padding: 24px 28px 36px 0;
  }
  .l-mv__btn a .c-down {
    right: 28px;
  }
  .c-heading .c-ja {
    font-size: 48px;
  }
  .c-title__h5 {
    font-size: 24px;
  }
  .c-point__List {
    max-width: 1040px;
    width: 96%;
    column-gap: min(3.846vw, 40px);
  }
  .c-point__ListItem {
    flex: 1;
  }
  .c-cta {
    padding: 40px 0;
  }
  .c-cta .l-inner {
    display: flex;
    max-width: 1200px;
    justify-content: space-between;
  }
  .c-cta .l-inner::before,
  .c-cta .l-inner::after {
    content: "";
    display: block;
    margin-top: auto;
    width: min(14vw, 168px);
    height: min(20.167vw, 242px);
  }
  .c-cta .l-inner::before {
    background: url(../img/left.png) no-repeat center/cover;
  }
  .c-cta .l-inner::after {
    background: url(../img/right.png) no-repeat center/cover;
  }
  .c-cta__inner {
    max-width: 760px;
    width: 63.3%;
  }
  .c-cta__heading {
    margin: 0 auto 28px;
  }
  .c-cta__heading .inner {
    max-width: 676px;
  }
  .c-cta__heading .inner::before,
  .c-cta__heading .inner::after {
    height: 40px;
  }
  .c-cta__title .u-small {
    font-size: 28px;
  }
  .c-cta__title.u-mark {
    column-gap: 4px;
    justify-content: center;
  }
  .c-cta__mark {
    background-color: var(--white);
    color: var(--orange);
    font-weight: 700;
    border-radius: 8px;
    display: inline-block;
    font-size: 32px;
    padding: 4px 8px 4px 12px;
  }
  .c-cta__btn {
    margin: 0 auto 16px;
  }
  .c-cta__btnlink {
    max-width: 480px;
    padding: 6px;
    transition: 0.4s ease;
  }
  .c-cta__btninner {
    column-gap: 18px;
    padding: 16px 28px 18px 0;
    justify-content: flex-end;
  }
  .c-cta__btntext {
    font-size: 34px;
  }
  .c-cta__text {
    font-size: 20px;
    line-height: 1.4;
  }
  .p-check__List {
    margin: 36px auto 0;
    row-gap: 36px;
  }
  .p-functions__head {
    font-size: 26px;
  }
  .u-lg {
    display: block;
  }
  .u-md {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199.8px) {
  .c-point__title {
    font-size: clamp(24px, 2.344vw, 28px);
  }
  .c-point__title .u-lm {
    font-size: clamp(28px, 2.734vw, 32px);
  }
  .c-point__title .u-large {
    font-size: clamp(32px, 3.125vw, 36px);
  }
  .c-point__title .u-xlarge {
    font-size: clamp(36px, 3.516vw, 44px);
  }
  .c-point__title .u-small {
    font-size: clamp(20px, 1.953vw, 24px);
  }
  .c-cta__title {
    font-size: 26px;
  }
  .c-cta__mark {
    font-size: 26px;
  }
  .p-functions__List {
    column-gap: 32px;
  }
  .c-functions__tag {
    font-size: clamp(16px, 1.563vw, 20px);
  }
}

@media screen and (min-width: 1200px) {
  .c-point__title {
    font-size: 28px;
  }
  .c-point__title .u-lm {
    font-size: 32px;
  }
  .c-point__title .u-large {
    font-size: 36px;
  }
  .c-point__title .u-xlarge {
    font-size: 44px;
  }
  .c-point__title .u-small {
    font-size: 24px;
  }
  .c-cta__title {
    font-size: 32px;
  }
  .c-cta__mark {
    font-size: 32px;
  }
  .c-functions__tag {
    font-size: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .l-mv__textImagebox h2 {
    max-width: 37.5vw;
  }
}

@media screen and (max-width: 1023.8px) {
  .l-header {
    padding: 10px;
  }
  .l-header__logo {
    z-index: 1;
  }
  .l-header__nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--white);
    display: block;
    margin: 0 auto;
    overflow-y: auto;
    opacity: 0;
    max-height: 100dvh;
    height: max(100dvh, 840px);
    visibility: hidden;
    padding: 136px 0;
  }
  .l-header.is-open .l-header__nav {
    visibility: visible;
    opacity: 1;
  }
  .l-header__List {
    margin: 0 auto;
    width: 89.744vw;
    flex-direction: column;
  }
  .l-header__ListItem {
    margin-bottom: 3rem;
  }
  .l-header__ListLink {
    font-size: 24px;
  }
  .l-header__btn .c-bonus {
    max-width: 240px;
    margin-bottom: 2px;
  }
  .l-header__btn a {
    font-size: clamp(18px, 6.154vw, 24px);
    column-gap: 6px;
    padding: 18px 12px;
  }
  .l-header__btn .p-txt .u-small {
    font-size: clamp(16px, 5.128vw, 20px);
  }
  .l-header__hamburger {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 13px 8px;
  }
  .l-header__hamburgerLine {
    position: absolute;
    left: 50%;
    height: 2px;
    background-color: var(--blue);
    transition: all 0.4s;
    width: 2rem;
    transform: translateX(-50%);
  }
  .l-header .hamburger__line--1 {
    top: 13px;
  }
  .l-header .hamburger__line--2 {
    top: 23px;
  }
  .l-header .hamburger__line--3 {
    top: 33px;
  }
  .l-header__hamburger.is-open .hamburger__line--1 {
    transform: translateX(-50%) rotate(-45deg);
    top: 23px;
  }
  .l-header__hamburger.is-open .hamburger__line--2 {
    opacity: 0;
    visibility: hidden;
  }
  .l-header__hamburger.is-open .hamburger__line--3 {
    transform: translateX(-50%) rotate(45deg);
    top: 23px;
  }
  .c-title__h5 {
    font-size: 20px;
  }
  .c-point__List {
    row-gap: 1rem;
  }
  .c-point__title {
    font-size: 28px;
  }
  .c-point__title .u-lm {
    font-size: 32px;
  }
  .c-point__title .u-large {
    font-size: 36px;
  }
  .c-point__title .u-xlarge {
    font-size: 44px;
  }
  .c-point__title .u-small {
    font-size: 24px;
  }
  .c-cta::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 35.897vw;
    left: 0;
    bottom: 0;
    background: url(../img/center.png) no-repeat center/cover;
  }
  .c-cta__heading .inner::before,
  .c-cta__heading .inner::after {
    height: 52px;
  }
  .c-cta__title {
    text-align: center;
    font-size: clamp(21px, 6.154vw, 24px);
  }
  .c-cta__title .u-splarge {
    font-size: clamp(28px, 8.205vw, 32px);
  }
  .c-cta__title.u-mark {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    margin-bottom: 18px;
  }
  .c-cta__mark span:first-of-type {
    margin-bottom: 4px;
  }
  .c-cta__mark span:last-of-type {
    letter-spacing: -0.05em;
  }
  .c-cta__mark span {
    background-color: var(--white);
    color: var(--orange);
    font-weight: 700;
    border-radius: 8px;
    display: inline-block;
    font-size: clamp(18px, 6.154vw, 24px);
    padding: 4px 8px;
  }
  .c-cta__btn {
    margin: 0 auto 20px;
  }
  .c-cta__btnlink {
    max-width: 292px;
    padding: 3px;
  }
  .c-cta__btninner {
    padding: 17px 20px 17px 27px;
    justify-content: space-between;
  }
  .c-cta__btntext {
    font-size: 20px;
  }
  .c-cta__text {
    font-size: 16px;
    line-height: 1.5;
  }
  .p-check__List {
    margin: 25px auto 0;
    row-gap: 28px;
  }
  .u-lg {
    display: none !important;
  }
  .u-md {
    display: block;
  }
}

@media screen and (max-width: 767.8px) {
  .l-mv__inner {
    padding: 72px 0 27px;
    background: url(../img/mv/bg_sp.png) no-repeat center/cover;
  }
  .l-mv__textImagebox {
    flex-direction: column-reverse;
    row-gap: 8px;
  }
  .l-mv__mainTitle img {
    width: 91.003vw;
    margin: 0 auto 2px;
  }
  .l-mv__subTitle img {
    width: 84.319vw;
    margin: 0 auto 1rem;
  }
  .l-mv__copy {
    width: 85.642vw;
    margin: 0 auto 8px;
  }
  .l-mv__copy img {
    aspect-ratio: 167/50;
  }
  .l-mv__btn {
    width: 89.744vw;
  }
  .l-mv__btn .p-bonus {
    width: 77.121vw;
  }
  .l-mv__btn .p-tag {
    max-width: 304px;
    width: 78.149vw;
  }
  .l-mv__btn a {
    padding: 16px 24px 32px;
  }
  .l-mv__btn a .c-txt {
    font-size: clamp(26px, 7.712vw, 30px);
  }
  .l-mv__btn a .c-txt .u-sm {
    font-size: clamp(21px, 6.684vw, 26px);
  }
  .l-mv__btn a .c-down {
    right: 24px;
  }
  .l-mv__image img {
    width: 100%;
    aspect-ratio: 39/25;
  }
  .l-intro {
    padding: 50px 0 32px;
  }
  .l-intro .l-inner {
    width: 92.821vw;
  }
  .l-intro__head {
    font-size: 24px;
    margin-bottom: 28px;
  }
  .l-intro__head .u-large {
    font-size: 32px;
  }
  .l-intro__figure {
    margin: 15px auto 0;
    width: 100%;
  }
  .l-intro__figure img {
    height: 60vw;
  }
  .l-point {
    padding: 30px 0;
  }
  .l-mv__movie {
    margin: 63px auto 32px;
  }
  .l-mv__movieTtl {
    font-size: 20px;
  }
  .l-mv__movieTtl .inner {
    padding-bottom: 14px;
  }
  .l-mv__movieArea {
    margin: 2.5rem auto 0;
  }
  .l-mv__movieArea iframe {
    height: 55.385vw;
  }
  .l-about {
    margin: 100px auto 50px;
  }
  .l-about .c-heading {
    margin: 0 auto 40px;
  }
  .l-about__List {
    margin: 25px auto 0;
    flex-direction: column;
    row-gap: 36px;
  }
  .l-about__inner {
    padding: 24px 0 12px;
  }
  .l-about__figure {
    height: 58.974vw;
    align-items: center;
    margin-bottom: 14px;
  }
  .l-about__ListItem:first-child .l-about__figure img {
    width: 51.282vw;
  }
  .l-about__ListItem:nth-child(2) .l-about__figure img {
    width: 64.103vw;
  }
  .l-about__ListItem:nth-child(3) .l-about__figure img {
    width: 70.769vw;
  }
  .c-about__desc {
    font-size: clamp(18px, 5.128vw, 20px);
    min-height: 54px;
  }
  .c-about__desc .u-orange {
    font-size: clamp(24px, 6.667vw, 26px);
  }
  .l-about__step .c-title__secondary.u-about {
    display: block;
    margin: 0 auto;
    font-size: clamp(18px, 5.128vw, 20px);
  }
  .l-about__step .c-title__secondary.u-about .u-orange {
    font-size: clamp(20px, 6.154vw, 24px);
  }
  .l-feature {
    margin: 80px auto;
  }
  .l-feature .c-heading {
    margin: 0 auto 40px;
  }
  .l-feature .c-title__secondary {
    row-gap: 2px;
    font-size: clamp(18px, 5.128vw, 20px);
  }
  .l-feature .c-title__secondary .u-large {
    font-size: clamp(21px, 6.154vw, 24px);
  }
  .l-feature__inner {
    flex-direction: column;
    row-gap: 50px;
    margin: 0 auto 108px;
  }
  .l-feature__inner .p-imagebox {
    margin: 40px auto 0;
    row-gap: 1.5rem;
  }
  .l-feature__inner .p-textbox {
    width: 73.846vw;
    margin: 0 auto;
  }
  .l-comparison {
    margin: 96px auto 110px;
  }
  .l-comparison .l-inner {
    width: 100%;
  }
  .l-comparison .c-heading {
    margin: 0 auto 40px;
  }
  .l-comparison .c-title {
    margin: 0 auto 24px;
  }
  .l-comparison .c-title__secondary {
    margin: 0 auto 12px;
    flex-direction: column;
    row-gap: 2px;
  }
  .l-comparison__figureArea {
    width: 100%;
    flex-direction: column;
    row-gap: 3rem;
  }
  .l-comparison__graph {
    width: 71.795vw;
    margin: 0 auto;
  }
  .l-comparison__list .c-scroll__area {
    width: 678px;
  }
  .l-comparison__list .scroll-hint-icon {
    top: 138px;
  }
  .l-comparison__list img {
    height: 474px;
  }
  .l-customer .l-inner {
    width: 100%;
  }
  .l-customer .c-heading {
    margin: 0 auto 40px;
  }
  .l-customer .c-title__secondary {
    margin: 0 auto 20px;
  }
  .l-customer .c-title__third {
    margin: 0 auto 20px;
  }
  .l-customer__figureArea {
    width: 89.744vw;
    margin: 20px auto 50px;
    flex-direction: column;
    row-gap: 1rem;
  }
  .l-customer__figureArea .p-vs {
    margin: 0 auto;
  }
  .l-customer__figure img {
    aspect-ratio: 7/8;
  }
  .l-customer__List {
    width: 71.795vw;
    flex-direction: column;
    row-gap: 1rem;
    margin: 0 auto 30px;
  }
  .l-customer__table {
    margin: 0 auto 60px;
  }
  .l-customer__table .c-scroll__area {
    width: 880px;
  }
  .l-customer__table .scroll-hint-icon {
    top: 74px;
  }
  .l-customer__table img {
    height: 330px;
  }
  .l-voice {
    margin: 56px auto 40px;
  }
  .l-voice .l-inner {
    width: 92.308vw;
  }
  .l-voice .c-point__title .u-lm {
    font-size: 24px;
  }
  .l-voice .c-point__title .u-large {
    font-size: 28px;
  }
  .l-voice__lead {
    margin-top: 1.5rem;
    font-size: 16px;
    padding: 0 5px;
  }
  .l-info .c-heading__secondary {
    margin: 0 auto 32px;
  }
  .l-manage .c-heading__secondary .c-ja {
    font-size: 24px;
  }
  .l-manage .c-heading__secondary::after {
    width: 110px;
  }
  .l-info__inner {
    flex-direction: column;
    row-gap: 32px;
  }
  .l-info__inner .p-textbox {
    row-gap: 1.25rem;
  }
  .l-info__head {
    font-size: 18px;
  }
  .l-info__image {
    width: 69.231vw;
    margin: 0 auto 15px;
  }
  .l-info__about {
    padding: 22px 20px 14px;
  }
  .l-info__title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .l-develop {
    margin: 68px auto 0;
  }
  .l-develop .c-heading__secondary {
    margin: 0 auto 28px;
  }
  .l-contact {
    padding: 50px 10px 90px;
  }
  .l-contact .l-inner {
    width: 100%;
  }
  .l-contact .c-heading__secondary {
    margin: 0 auto 40px;
  }
  .p-contactForm {
    padding: 40px 10px 48px;
  }
  .p-contactForm__dt {
    column-gap: 10px;
  }
  .p-contact__privacyText {
    margin-bottom: 24px;
  }
  .p-contactForm__dd .u-checkbox,
  .p-contactForm__dd.u-radio {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
  }
  .p-submit {
    max-width: 310px;
    width: 96%;
  }
  .l-thanks {
    position: relative;
    padding: 75px 0 52.564vw;
  }
  .l-thanks .l-inner {
    width: 82.051vw;
  }
  .l-thanks::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 71.795vw;
    background: url(../img/thanks/center.png) no-repeat center/cover;
  }
  .l-thanks__heading {
    font-size: 28px;
    margin: 0 auto 42px;
  }
  .l-thanks__title {
    font-size: 20px;
    margin: 0 auto 24px;
  }
  .l-thanks__textbox {
    row-gap: 30px;
  }
  .l-footer {
    padding: 30px 0 29px;
  }
  .c-heading .c-en {
    width: 210px;
  }
  .c-heading .c-ja {
    font-size: 24px;
    margin: 0 auto 24px;
  }
  .c-heading__inner::after,
  .c-heading__secondary::after {
    width: 160px;
  }
  .c-heading__secondary .c-ja {
    font-size: clamp(28px, 8.205vw, 32px);
    margin: 0 auto 16px;
  }
  .c-title {
    font-size: 20px;
  }
  .c-title__primary {
    font-size: 18px;
  }
  .c-title__secondary {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 14px;
  }
  .c-title__third {
    font-size: 24px;
  }
  .c-text {
    font-size: 16px;
    line-height: 1.625;
  }
  .c-btn.u-cta a {
    width: 92%;
  }
  .c-btn.u-cta .c-bonus {
    max-width: 240px;
  }
  .c-btn.u-cta .c-txt {
    font-size: clamp(20px, 6.154vw, 24px);
  }
  .c-btn.u-cta .c-txt .u-small {
    font-size: clamp(18px, 5.128vw, 20px);
  }
  .c-week {
    font-size: clamp(18px, 5.128vw, 20px);
  }
  .c-btn a {
    max-width: 350px;
    padding: 18px 14px;
    column-gap: 7px;
    border-radius: 12px;
  }
  .c-btn a .c-txt {
    font-size: 24px;
  }
  .c-btn a .c-txt .u-small {
    font-size: 20px;
  }
  .c-point__List {
    flex-direction: column;
    width: 82.052vw;
  }
  .c-point__ListItem img {
    aspect-ratio: 40/21;
  }
  .c-cta {
    padding-top: 60px;
    padding-bottom: 12.821vw;
  }
  .js-scroll {
    width: 100%;
    overflow-x: auto;
    padding-left: 20px;
  }
  .c-voice__List {
    margin: 24px auto 0;
    row-gap: 26px;
  }
  .c-voice__ListItem {
    flex-direction: column;
  }
  .c-voice__image {
    width: 88px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    background-color: var(--lightblue);
    padding: 8px;
    border-radius: 50%;
  }
  .c-voice__image img {
    max-width: 72px;
  }
  .c-voice__textbox {
    background-color: var(--lightblue);
    border-radius: 24px;
    padding: 63px 15px 18px;
    margin-top: -44px;
  }
  .c-voice__head {
    font-size: 20px;
  }
  .c-volice__title {
    margin-bottom: 8px;
  }
  .p-functions__List {
    flex-direction: column;
    margin: 20px auto 0;
    row-gap: 16px;
    width: 84.615vw;
  }
  .p-functions__inner {
    padding: 50px 0 32px;
  }
  .p-functions__head {
    font-size: clamp(21px, 6.667vw, 26px);
    margin-bottom: 18px;
  }
  .p-functions__image {
    width: 79.487vw;
    margin: 0 auto 16px;
  }
  .p-functions__image img {
    aspect-ratio: 155/68;
  }
  .c-functions__tag {
    font-size: 18px;
    width: 74.359vw;
    padding: 5px 7px;
  }
  .l-about__step {
    margin: 24px auto 0;
    padding: 42px 0 48px;
  }
  .l-about__stepTitle {
    margin: 0 auto 20px;
    font-size: clamp(20px, 6.154vw, 24px);
  }
  .l-about__stepTitle .u-sm {
    font-size: clamp(18px, 5.128vw, 20px);
  }
  .l-about__stepTitle .u-lm {
    font-size: clamp(20px, 6.154vw, 24px);
  }
  .l-about__stepFigure {
    margin: 24px auto 46px;
    width: 79.487vw;
  }
  .l-inner {
    width: 89.744vw;
  }
  .u-pc {
    display: none !important;
  }
  .u-sp {
    display: block;
  }
}

@media screen and (max-width: 389.8px) {
  .l-intro__head {
    font-size: clamp(18px, 5.128vw, 24px);
  }
  .l-intro__head .u-large {
    font-size: clamp(24px, 7.179vw, 32px);
  }
  .c-heading .c-ja {
    font-size: 21px;
  }
  .c-btn a {
    padding: 18px 10px;
  }
  .c-btn a .c-txt {
    font-size: 20px;
  }
  .c-btn a .c-txt .u-small {
    font-size: 16px;
  }
  .c-point__title {
    font-size: 6.154vw;
  }
  .c-point__title .u-lm {
    font-size: 7.179vw;
  }
  .c-point__title .u-large {
    font-size: 8.205vw;
  }
  .c-point__title .u-xlarge {
    font-size: 10.256vw;
  }
  .c-point__title .u-small {
    font-size: 5.128vw;
  }
  .c-cta {
    padding-bottom: 55px;
  }
  .c-cta__text {
    font-size: clamp(14px, 4.103vw, 16px);
  }
}

@media screen and (max-width: 374.8px) {
  .p-contactForm__dt {
    font-size: 16px;
  }
  .p-submit .c-toggle {
    width: 30px;
    height: 30px;
  }
  .p-submit input {
    font-size: 21px;
  }
  .c-title {
    font-size: 18px;
  }
}/*$vite$:1*/