.rl-lp { --rl-navy: #152365; --rl-blue: #036eb7; --rl-pale: #e3f1f7; --rl-gray: #ebebeb; color: #292929; font-family: Arial, "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.85; letter-spacing: 0; }

.rl-lp h1, .rl-lp h2, .rl-lp h3, .rl-lp h4, .rl-lp p, .rl-lp ul, .rl-lp dl, .rl-lp dd { margin: 0; }

.rl-lp h1, .rl-lp h2, .rl-lp h3, .rl-lp h4, .rl-lp strong { font-weight: 700; }

.rl-lp h2 { color: var(--rl-navy); font-size: 32px; line-height: 1.6; text-align: center; margin-bottom: 28px; }

.rl-lp h3 { font-size: 25px; line-height: 1.6; }

.rl-lp h4 { font-size: 21px; line-height: 1.6; }

.rl-container { width: calc(100% - 80px); max-width: 1200px; margin-inline: auto; }

.rl-section { padding: 70px 0 76px; }

.rl-gray { background: var(--rl-gray); }

.rl-pale { background: var(--rl-pale); }

.rl-navy { background: var(--rl-navy); color: #fff; }

.rl-navy h2 { color: #fff; }

.rl-lp .rl-blue { color: var(--rl-blue); }

.rl-navy .rl-blue { color: #a9dff5; }

.rl-center, .rl-closing { text-align: center; }

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

.rl-closing { margin-top: 42px; }

.rl-closing h3, .rl-closing h2 { margin-bottom: 16px; }

.rl-copy + h3 { margin-top: 30px; }

.rl-hero { position: relative; isolation: isolate; color: #fff; min-height: 314px; display: flex; align-items: center; padding-block: 32px 24px; }

.rl-hero > img { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.rl-hero h1 { font-size: clamp(36px, 3vw, 48px); line-height: 1.55; text-shadow: 0 2px 5px #222; margin-bottom: 12px; }

.rl-hero .rl-copy { text-shadow: 0 1px 3px #222; }

.rl-intro { padding-top: 46px; }

.rl-lp .rl-check-list, .rl-lp .rl-dot-list { padding: 0; list-style: none; }

.rl-check-list li, .rl-dot-list li { position: relative; padding-left: 34px; }

.rl-check-list li::before { content: ""; position: absolute; top: 9px; left: 0; width: 19px; height: 15px; background: url('../images/icon-check.svg') center / contain no-repeat; }

.rl-check-list { font-size: 18px; font-weight: 700; }

.rl-check-list li + li { margin-top: 8px; }

.rl-intro__points { width: fit-content; max-width: 100%; margin: 0 auto 30px !important; }

.rl-intro__points li { display: flex; gap: 18px; align-items: baseline; }

.rl-intro__points strong { font-size: 20px; }

.rl-intro__points span { font-size: 16px; font-weight: 400; }

.rl-intro h2 { margin-bottom: 12px; }

.rl-cta { text-align: center; margin-top: 26px; }

.rl-lp .rl-cta__button { display: inline-block; min-width: 346px; max-width: 100%; padding: 22px 40px; border-radius: 7px; color: #fff; background: #f43222; font-size: 20px; line-height: 1.6; font-weight: 700; text-decoration: none; transition: background .2s; }

.rl-lp .rl-cta__button:hover { background: #d82517; }

.rl-lp a:focus-visible, .rl-lp summary:focus-visible { outline: 3px solid #036eb7; outline-offset: 5px; }

.rl-step-grid, .rl-care-grid, .rl-plan-grid { display: grid; gap: 24px; }

.rl-step-grid { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 58px; }

.rl-step-card, .rl-care-card { position: relative; background: #fff; border-radius: 9px; }

.rl-badge { width: 82px; height: 82px; border-radius: 50%; background: var(--rl-navy); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1; flex-shrink: 0; }

.rl-badge > span { transform: translateY(5px); }

.rl-badge span:first-child { font-size: 12px; color: #a9dff5; }

.rl-badge span:last-child { font-size: 38px; font-weight: 700; }

.rl-step-card > .rl-badge, .rl-care-card > .rl-badge { position: absolute; top: -40px; left: calc(50% - 41px); }

.rl-step-card h4 { min-height: 119px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 48px 14px 10px; line-height: 1.45; }

.rl-step-card > img { width: 100%; aspect-ratio: 568 / 274; object-fit: cover; }

.rl-step-card .rl-copy { padding: 16px 20px 20px; font-size: 14px; line-height: 1.7; }

.rl-service-grid { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; margin-top: 38px; }

.rl-service { width: calc((100% - 48px) / 3); border: 1px solid var(--rl-blue); }

.rl-service h3 { color: #fff; background: var(--rl-blue); text-align: center; font-size: 22px; line-height: 1.5; padding: 3px 10px; }

.rl-service .rl-copy { font-size: 14px; padding: 20px; line-height: 1.75; }

.rl-photo-panel { display: grid; grid-template-columns: 1.18fr 1fr; margin-top: 38px; background: var(--rl-pale); }

.rl-photo-panel__copy { padding: 26px 32px 26px 68px; align-self: center; }

.rl-photo-panel h3 { margin-bottom: 16px; }

.rl-photo-panel > img { width: 100%; height: 100%; object-fit: cover; }

.rl-photo-panel--white { background: #fff; grid-template-columns: 1.13fr 1fr; }

.rl-care-grid { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 62px; }

.rl-care-card { padding: 52px 20px 28px; }

.rl-care-card h3 { font-size: 21px; color: var(--rl-navy); text-align: center; margin-bottom: 12px; }

.rl-care-card .rl-copy { font-size: 14px; line-height: 1.7; }

.rl-case { display: grid; grid-template-columns: 82px minmax(0,1fr) minmax(0,.88fr); gap: 26px; margin-top: 44px; align-items: start; }

.rl-case .rl-badge { background: var(--rl-blue); }

.rl-case .rl-badge span:first-child { color: var(--rl-navy); }

.rl-case h3 { font-size: 25px; line-height: 1.5; margin: 6px 0; }

.rl-case .rl-copy { font-size: 14px; line-height: 1.85; }

.rl-lp .rl-case__label { font-size: 18px; border: 1px solid #c7d2e5; padding: 0 15px; line-height: 1.7; margin: 24px 0 14px; }

.rl-result { background: #fff; color: #292929; border: 1px solid var(--rl-navy); }

.rl-case .rl-result { margin-top: 28px; border-color: var(--rl-blue); }

.rl-result > h3, .rl-result > h4 { color: #fff; background: var(--rl-navy); padding: 5px 26px; font-size: 21px; }

.rl-case .rl-result > h4 { background: var(--rl-blue); }

.rl-result .rl-dot-list { padding: 20px 24px; font-size: 16px; font-weight: 700; }

.rl-dot-list li { padding-left: 18px; }

.rl-dot-list li::before { content: ""; position: absolute; top: .6em; left: 0; width: .8em; height: .8em; border-radius: 50%; background: var(--rl-navy); }

.rl-case__images { position: relative; margin-left: 24px; padding: 0 0 150px; }

.rl-case__images img { width: 63%; }

.rl-case__images img + img { position: absolute; bottom: 0; right: 0; }

.rl-navy .rl-closing .rl-check-list { display: table; text-align: left; margin: 20px auto !important; }

.rl-plan-grid { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 38px; align-items: stretch; }

.rl-plan { --plan-color: #94c51b; background: #fff; border-radius: 9px; overflow: hidden; }

.rl-plan--1 { --plan-color: #036eb7; }

.rl-plan--2 { --plan-color: #8c58a6; }

.rl-plan > h3 { position: relative; padding: 19px 10px; text-align: center; color: #fff; background: var(--plan-color); font-family: Arial, sans-serif; font-size: 27px; }

.rl-plan__recommended { position: absolute; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; right: 8px; top: 9px; font-size: 10px; background: var(--rl-navy); }

.rl-plan--1 > h3 { padding-right: 58px; font-size: 25px; }

.rl-plan__body { padding: 24px 30px; }

.rl-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.rl-prices dt { font-size: 14px; text-align: center; border-radius: 20px; background: color-mix(in srgb,var(--plan-color) 30%,white); font-weight: 700; line-height: 1.6; }

.rl-prices dd { display: flex; justify-content: center; align-items: center; gap: 3px; line-height: 1.2; }

.rl-prices strong { font-size: 64px; color: var(--plan-color); letter-spacing: -.05em; }

.rl-prices dd > span { padding-top: 18px; font-size: 16px; line-height: 1.1; font-weight: 700; }

.rl-prices small { display: block; font-size: 10px; }

.rl-plan h4 { color: var(--plan-color); font-size: 17px; line-height: 1.6; margin: 12px 0 8px; }

.rl-plan .rl-copy { font-size: 14px; line-height: 1.7; }

.rl-plan .rl-dot-list { border-top: 1px solid #aaa; margin-top: 18px; padding-top: 14px; font-size: 16px; line-height: 1.8; font-weight: 700; }

.rl-plan .rl-dot-list li::before { background: var(--plan-color); }

.rl-options { text-align: center; margin: 38px auto 0; max-width: 1000px; }

.rl-options h3 { color: var(--rl-navy); }

.rl-option-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin: 16px 0 12px; }

.rl-option-grid h4 { font-size: 18px; background: var(--rl-navy); color: #fff; padding: 4px 10px; }

.rl-option-grid p { background: #fff; color: var(--rl-navy); font-size: 25px; font-weight: 700; padding: 12px; }

.rl-faq details { border-bottom: 1px solid #aaa; }

.rl-faq summary { display: grid; grid-template-columns: 40px minmax(0,1fr) 22px; gap: 16px; align-items: start; padding: 24px 0; list-style: none; cursor: pointer; font-size: 18px; font-weight: 700; }

.rl-faq summary::-webkit-details-marker { display: none; }

.rl-faq__letter { font-size: 36px; line-height: 1; color: var(--rl-navy); font-weight: 700; }

.rl-faq__toggle { position: relative; width: 18px; height: 18px; margin-top: 8px; }

.rl-faq__toggle::before, .rl-faq__toggle::after { content: ""; position: absolute; background: var(--rl-navy); left: 0; top: 8px; width: 18px; height: 2px; }

.rl-faq__toggle::after { transform: rotate(90deg); }

.rl-faq details[open] .rl-faq__toggle::after { display: none; }

.rl-faq__answer { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 16px; padding: 0 38px 28px 0; }

.rl-faq__answer .rl-faq__letter { color: #f43222; }

.rl-consultation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; max-width: 1000px; margin: 36px auto 0; }

.rl-consultation-grid h3 { margin-bottom: 14px; }

.rl-consultation-grid .rl-result h3 { margin: 0; }

@media (max-width: 1000px) {

  .rl-container { width: calc(100% - 48px); }

  .rl-lp h2 { font-size: 28px; }

  .rl-step-grid { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 64px; }

  .rl-service { width: calc((100% - 24px)/2); }

  .rl-photo-panel__copy { padding: 28px; }

  .rl-case { grid-template-columns: 70px minmax(0,1fr) minmax(0,.8fr); gap: 16px; }

  .rl-case__images { margin-left: 0; padding-bottom: 100px; }

  .rl-plan-grid { gap: 16px; }

  .rl-plan__body { padding: 20px 16px; }

  .rl-plan > h3 { font-size: 21px; }

  .rl-plan--1 > h3 { padding-right: 40px; font-size: 19px; }

  .rl-plan__recommended { width: 40px; height: 40px; font-size: 8px; right: 4px; top: 16px; }

  .rl-prices strong { font-size: 48px; }

  .rl-consultation-grid { gap: 30px; }

}

@media (max-width: 640px) {

  .rl-lp { font-size: 16px; line-height: 1.85; }

  .rl-container { width: calc(100% - 40px); }

  .rl-section { padding: 46px 0 50px; }

  .rl-lp h2 { font-size: 22px; margin-bottom: 22px; }

  .rl-lp h3 { font-size: 19px; }

  .rl-lp h4 { font-size: 17px; }

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

  .rl-closing { margin-top: 30px; }

  .rl-hero { padding: 32px 0; min-height: 360px; }

  .rl-hero > img { object-position: 62% center; filter: brightness(.62); }

  .rl-hero h1 { font-size: clamp(23px,6.3vw,30px); line-height: 1.6; margin-bottom: 20px; }

  .rl-hero .rl-copy { font-size: 13px; line-height: 1.85; }

  .rl-check-list { font-size: 16px; }

  .rl-check-list li { padding-left: 28px; }

  .rl-check-list li::before { width: 16px; height: 13px; top: 8px; }

  .rl-intro__points li { display: block; }

  .rl-intro__points strong { display: block; font-size: 18px; }

  .rl-intro__points span { font-size: 14px; }

  .rl-lp .rl-cta__button { width: 100%; min-width: 0; font-size: 15px; padding: 20px 18px; }

  .rl-step-grid, .rl-care-grid, .rl-plan-grid, .rl-option-grid, .rl-consultation-grid { grid-template-columns: 1fr; }

  .rl-step-grid, .rl-care-grid { gap: 60px; margin-top: 52px; }

  .rl-badge { width: 66px; height: 66px; }

  .rl-badge span:first-child { font-size: 9px; }

  .rl-badge span:last-child { font-size: 32px; }

  .rl-step-card > .rl-badge, .rl-care-card > .rl-badge { left: calc(50% - 33px); top: -33px; }

  .rl-step-card h4 { min-height: 94px; padding-top: 40px; font-size: 19px; }

  .rl-step-card .rl-copy, .rl-care-card .rl-copy, .rl-service .rl-copy { font-size: 15px; padding: 20px; }

  .rl-service { width: 100%; }

  .rl-service-grid { margin-top: 28px; }

  .rl-service h3 { padding: 8px 12px; }

  .rl-photo-panel, .rl-photo-panel--white { display: flex; flex-direction: column; margin-top: 30px; }

  .rl-photo-panel > img { order: -1; height: auto; aspect-ratio: 16/10; object-fit: cover; }

  .rl-photo-panel__copy { padding: 24px 20px; width: 100%; }

  .rl-care-card { padding: 46px 0 4px; }

  .rl-care-card h3 { padding-inline: 20px; margin-bottom: 0; }

  .rl-case { grid-template-columns: 1fr; gap: 20px; margin-top: 38px; }

  .rl-case > .rl-badge { margin-inline: auto; }
  .rl-case__images { grid-row: 2; }
  .rl-case__copy { grid-row: 3; }

  .rl-case h3 { margin: 0 0 8px; }

  .rl-case .rl-copy { font-size: 15px; }

  .rl-case__images { width: 100%; max-width: 420px; margin: 0 auto; }

  .rl-result .rl-dot-list { font-size: 15px; padding: 20px; }

  .rl-case__label { margin: 20px 0 10px !important; }

  .rl-plan-grid { gap: 24px; margin-top: 28px; }

  .rl-plan > h3 { font-size: 25px; padding-block: 16px; }

  .rl-plan--1 > h3 { font-size: 23px; padding-right: 46px; }

  .rl-plan__recommended { top: 14px; right: 8px; }

  .rl-plan__body { padding: 24px; }

  .rl-prices strong { font-size: 60px; }

  .rl-plan .rl-copy { font-size: 15px; }

  .rl-plan h4 { margin-top: 16px; }

  .rl-option-grid { gap: 16px; }

  .rl-options .rl-copy { font-size: 14px; }

  .rl-faq summary { grid-template-columns: 30px minmax(0,1fr) 16px; gap: 12px; padding: 22px 0; font-size: 16px; }

  .rl-faq__letter { font-size: 26px; }

  .rl-faq__answer { grid-template-columns: 30px minmax(0,1fr); gap: 12px; padding: 0 0 24px; font-size: 15px; }

  .rl-faq__toggle, .rl-faq__toggle::before, .rl-faq__toggle::after { width: 16px; }

}

@media (prefers-reduced-motion: reduce) { .rl-lp * { scroll-behavior: auto; transition: none; } }



.rl-lp .rl-highlight { font-weight: 700; background: linear-gradient(transparent 62%, #bfe5f3 62%); }