@charset "UTF-8";
/************************************************

	クリサポ LP 修正版(v2) 専用スタイル（自己完結・単独読み込み）

	2026-08-26 山崎産業様ご指示（クリサポLP修正事項.xlsx）反映版。
	現行版 lp-kurisapo.css は読み込まず、このファイル1本で完結する。
	前半＝現行LPのベーススタイル（セレクタは .lp-kurisapo-v3 に統一）
	後半＝修正版(v2)の差分スタイル

	--- 以下、ベーススタイル ---

	クリサポ（車いすタイヤのクリーニングサポーター）LP専用スタイル

	トーン: 清潔感と安心のケアグリーン。
	ステンレスの製品と相性のよい緑系を主役に、
	lp-basuragi.css をベースに配色のみ差し替え。
	ヘッダー/フッターは共通（style.css / renewal.css）のまま。

*************************************************/

.lp-kurisapo-v3 main {
  padding-top: 0;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, Meiryo, sans-serif;
  color: #33413d;
  line-height: 1.9;
  overflow: hidden;
}

/* 見出し共通 */
.lp-h {
  font-weight: 900;
  font-size: 2em;
  line-height: 1.5;
  color: #33413d;
}
.lp-h span {
  display: block;
  font-size: .5em;
  font-weight: 700;
  color: #2f9e8a;
  letter-spacing: .15em;
}
.lp-h em {
  font-style: normal;
  color: #2f9e8a;
}
.lp-h-center {
  margin-bottom: 1.8em;
  text-align: center;
}
.lp-h-center::after {
  content: "";
  display: block;
  margin: .5em auto 0;
  width: 3em;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(90deg, #2f9e8a, #9fdccd);
}
.lp-h-invert {
  color: #fff;
}

.lp-inner {
  margin: 0 auto;
  padding: 5em 2em;
  max-width: 1100px;
}

/* CTAボタン */
.lp-cta-btn {
  display: inline-block;
  padding: .9em 2.2em;
  color: #000;
  font-weight: 700;
  font-size: 1.1em;
  background: #ffbb00;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(255, 187, 0, .45);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.lp-cta-btn:link, .lp-cta-btn:visited {
  color: #000;
}
.lp-cta-btn:hover {
  color: #fff;
  background: #34cdd7;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(52, 205, 215, .5);
}
.lp-cta-btn-lg {
  padding: 1.1em 3em;
  font-size: 1.3em;
}

/************************************************
	ヒーロー
*************************************************/
.lp-hero {
  position: relative;
  padding-top: 8.5em; /* 固定ヘッダー分 */
  background: linear-gradient(160deg, #eef8f4 0%, #def0e9 45%, #c8e7db 100%);
}
/* 湯けむり泡モチーフ */
.lp-hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.lp-hero-bg::before,
.lp-hero-bg::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, .9), rgba(255, 255, 255, .15) 70%);
  animation: lp-float 9s ease-in-out infinite;
}
.lp-hero-bg::before {
  top: 12%;
  right: 6%;
  width: 220px;
  height: 220px;
}
.lp-hero-bg::after {
  bottom: 18%;
  left: 4%;
  width: 140px;
  height: 140px;
  animation-delay: -4s;
}
@keyframes lp-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-18px); }
}

.lp-hero-inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3em;
  margin: 0 auto;
  padding: 4em 2em 7em;
  max-width: 1100px;
}
.lp-hero-copy {
  flex: 1 1 52%;
}
.lp-hero-eyebrow {
  margin-bottom: .6em;
  font-size: 1.3em;
  font-weight: 700;
  color: #2f9e8a;
  letter-spacing: .12em;
}
.lp-hero-title {
  font-size: 2.7em;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .02em;
}
.lp-hero-title em {
  font-style: normal;
  color: #2f9e8a;
  text-decoration: underline;
  text-decoration-color: #ffbb00;
  text-decoration-thickness: 6px;
  text-underline-offset: 6px;
}
.lp-hero-name {
  margin: .8em 0 .5em;
  font-weight: 900;
  color: #33413d;
}
.lp-hero-name span {
  margin-left: .35em;
  font-size: .55em;
}
.lp-hero-lead {
  margin-bottom: 1.4em;
}
.lp-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .6em;
  margin-bottom: 1.8em;
}
.lp-badge {
  padding: .35em 1em;
  font-weight: 700;
  color: #2f9e8a;
  background: #fff;
  border: 2px solid #2f9e8a;
  border-radius: 999px;
}
.lp-hero-img {
  flex: 1 1 48%;
}
.lp-hero-img img {
  width: 100%;
}
.lp-hero-wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  line-height: 0;
}
.lp-hero-wave svg {
  width: 100%;
  height: 90px;
}

/************************************************
	お悩み
*************************************************/
.lp-worry {
  background: #fff;
}
.lp-worry-list {
  display: flex;
  gap: 2em;
}
.lp-worry-list li {
  flex: 1;
  padding: 2.2em 1.6em;
  text-align: center;
  background: #f0f8f4;
  border-radius: 20px;
}
.lp-worry-list li i {
  display: block;
  margin-bottom: .6em;
  font-size: 2.2em;
  color: #2f9e8a;
}
.lp-worry-answer {
  margin-top: 2.5em;
  text-align: center;
  font-size: 1.5em;
  font-weight: 900;
}
.lp-worry-answer strong {
  color: #2f9e8a;
  text-decoration: underline;
  text-decoration-color: #ffbb00;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
}

/************************************************
	特長
*************************************************/
.lp-feature {
  background: linear-gradient(180deg, #eef8f4 0%, #e1f0e8 100%);
}
.lp-feature-list {
  display: flex;
  flex-direction: column;
  gap: 3em;
}
.lp-feature-list li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.5em;
  margin-top: 1em; /* はみ出す丸番号の分 */
  padding: 2.5em;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(43, 62, 56, .08);
}
.lp-feature-list li:nth-child(even) {
  flex-direction: row-reverse;
}
.lp-feature-num {
  position: absolute;
  top: -1.1em;
  left: 1em;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2em;
  height: 2.2em;
  font-size: 1.9em;
  font-weight: 900;
  color: #000;
  background: #ffbb00;
  border: 4px solid #fff;
  border-radius: 50%;
  box-shadow: 0 6px 16px rgba(43, 62, 56, .25);
}
.lp-feature-list figure {
  flex: 0 0 42%;
}
.lp-feature-list figure img {
  width: 100%;
  border-radius: 16px;
}
.lp-feature-list h4 {
  margin-bottom: .5em;
  font-size: 1.45em;
  font-weight: 900;
  line-height: 1.5;
}
.lp-feature-list h4 em {
  font-style: normal;
  color: #2f9e8a;
}

/************************************************
	テクスチャ
*************************************************/
.lp-texture {
  display: flex;
  align-items: stretch;
  background: #33413d;
}
.lp-texture-img {
  flex: 1 1 50%;
  min-height: 420px;
  background-size: cover;
  background-position: center;
}
.lp-texture-copy {
  flex: 1 1 50%;
  padding: 5em 4em;
  color: #fff;
}
.lp-texture-copy .lp-h {
  margin-bottom: 1em;
  color: #fff;
}
.lp-texture-copy .lp-h span {
  color: #9fdccd;
}

/************************************************
	使えるシーン
*************************************************/
.lp-scene {
  background: #fff;
}
.lp-scene-list {
  display: flex;
  gap: 2.5em;
}
.lp-scene-list li {
  flex: 1;
  overflow: hidden;
  background: #f0f8f4;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(43, 62, 56, .15);
}
.lp-scene-list figure img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.lp-scene-list h4 {
  padding: 1em 1.4em 0;
  font-size: 1.3em;
  font-weight: 900;
  color: #2f9e8a;
}
.lp-scene-list p {
  padding: .5em 1.6em 1.6em;
}
.lp-scene-note {
  margin-top: 2em;
  text-align: center;
  font-weight: 700;
}

/************************************************
	仕様
*************************************************/
.lp-spec {
  background: linear-gradient(180deg, #eef8f4 0%, #e1f0e8 100%);
}
.lp-spec-grid {
  display: flex;
  align-items: center;
  gap: 3em;
}
.lp-spec-img {
  flex: 1 1 45%;
}
.lp-spec-img img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(43, 62, 56, .12);
}
.lp-spec-table {
  flex: 1 1 55%;
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(43, 62, 56, .08);
}
.lp-spec-table th,
.lp-spec-table td {
  padding: 1em 1.4em;
  text-align: left;
  border-bottom: 1px solid #e1f0e8;
}
.lp-spec-table tr:last-child th,
.lp-spec-table tr:last-child td {
  border-bottom: none;
}
.lp-spec-table th {
  width: 9em;
  color: #2f9e8a;
  font-weight: 700;
  background: #f0f8f4;
}

/************************************************
	価格・CTA
*************************************************/
.lp-price {
  background: linear-gradient(160deg, #2c8172 0%, #2f9e8a 60%, #66bfab 100%);
}
.lp-price .lp-h-center::after {
  background: #ffbb00;
}
.lp-price-card {
  margin: 0 auto;
  padding: 3em 2.5em;
  max-width: 620px;
  text-align: center;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(20, 46, 40, .35);
}
.lp-price-name {
  font-size: 1.25em;
  font-weight: 900;
}
.lp-price-value {
  margin: .3em 0 1.2em;
  font-weight: 900;
  color: #33413d;
}
.lp-price-value small {
  display: block;
  font-size: .95em;
  color: #2f9e8a;
}
.lp-price-value em {
  font-style: normal;
  font-size: 3.4em;
  line-height: 1.2;
  color: #2f9e8a;
}
.lp-price-value span {
  font-size: 1.2em;
}
.lp-price-tel {
  margin-top: 1.6em;
}
.lp-price-tel a {
  font-size: 1.3em;
  font-weight: 900;
  color: #33413d;
}
.lp-price-tel small {
  color: #888;
}

/************************************************
	スクロール表示アニメーション
*************************************************/
.lp-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s ease, transform .7s ease;
}
.lp-reveal.active {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .lp-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .lp-hero-bg::before,
  .lp-hero-bg::after {
    animation: none;
  }
}

/************************************************
	SP
*************************************************/
@media screen and (max-width: 780px) {
  .lp-hero-inner {
    flex-direction: column;
    padding: 3em 1.5em 6em;
  }
  .lp-hero-title {
    font-size: 2em;
  }
  .lp-worry-list,
  .lp-scene-list,
  .lp-spec-grid {
    flex-direction: column;
  }
  .lp-feature-list li,
  .lp-feature-list li:nth-child(even) {
    flex-direction: column;
    padding: 2.5em 1.5em 2em;
  }
  .lp-feature-list figure {
    flex: none;
    width: 100%;
  }
  .lp-texture {
    flex-direction: column;
  }
  .lp-texture-img {
    min-height: 260px;
  }
  .lp-texture-copy {
    padding: 3em 1.8em;
  }
  .lp-inner {
    padding: 4em 1.5em;
  }
  .lp-h {
    font-size: 1.6em;
  }
}

/************************************************
	style.css の汎用装飾をLP内で打ち消す
	（ヘッダー/フッターには影響させない）
*************************************************/
.lp-kurisapo-v3 main section {
  padding: 0;
}
.lp-kurisapo-v3 main section:first-child {
  background: linear-gradient(160deg, #eef8f4 0%, #def0e9 45%, #c8e7db 100%);
}
.lp-kurisapo-v3 main h2,
.lp-kurisapo-v3 main h3 {
  display: block;
  margin: 0;
  padding: 0;
  border-top: none;
  border-bottom: none;
  font-size: inherit;
  color: inherit;
  text-align: inherit;
}
.lp-kurisapo-v3 main h3.lp-h {
  font-size: 2em;
}
.lp-kurisapo-v3 main h3.lp-h-center {
  margin-bottom: 1.8em;
  text-align: center;
}
.lp-kurisapo-v3 main h4 {
  font-size: inherit;
  margin-bottom: 0;
}
.lp-kurisapo-v3 main .lp-feature-list h4 {
  margin-bottom: .5em;
  font-size: 1.45em;
}
.lp-kurisapo-v3 main .lp-scene-list h4 {
  font-size: 1.3em;
}
.lp-kurisapo-v3 main a {
  transition: none;
}

/* リセット後の再指定 */
.lp-kurisapo-v3 main h2.lp-hero-title {
  font-size: 2.7em;
  font-weight: 900;
  line-height: 1.45;
}
.lp-feature-text {
  flex: 1;
}
@media screen and (max-width: 780px) {
  .lp-kurisapo-v3 main h2.lp-hero-title {
    font-size: 2em;
  }
}

/* 打ち消し(main section{padding:0})より強い指定でヒーロー上部余白を確保 */
.lp-kurisapo-v3 main section.lp-hero {
  padding-top: 8.5em;
}

/************************************************
	ヒーロースライダー
*************************************************/
.lp-hero-slider li.slick-slide {
  background: #fff;
  box-shadow: 0 20px 50px rgba(43, 62, 56, .25);
  overflow: hidden;
}
.lp-hero-slider li.slick-slide img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}
.lp-hero-slider .slick-dots {
  bottom: -2.4em;
}
.lp-hero-slider .slick-dots li button:before {
  font-size: 10px;
  color: #2f9e8a;
  opacity: .35;
  text-shadow: none;
}
.lp-hero-slider .slick-dots li.slick-active button:before {
  color: #2f9e8a;
  opacity: 1;
}

/* flex内でslickの幅計算が暴走するのを防ぐ */
.lp-hero-copy {
  min-width: 0;
}
.lp-hero-img {
  min-width: 0;
  max-width: 48%;
}
@media screen and (max-width: 780px) {
  .lp-hero-img {
    max-width: 100%;
    width: 100%;
  }
}

/* 商品名h1化に伴う調整 */
/* style.css の h1 汎用スタイル(flex・2.571em)を打ち消して従来の見た目を維持 */
.lp-kurisapo-v3 main h1.lp-hero-name {
  display: block;
  margin: .8em 0 .5em;
  font-size: 2.8em;
  font-weight: 900;
  line-height: 1.5;
  color: #33413d;
}
/* ヘッダーロゴを p にしたため style.css の `header > div h1` の幅指定を引き継ぐ */
.lp-kurisapo-v3 header > div .site-logo {
  display: flex;
  align-items: center;
  margin: 0;
  width: auto;
  max-width: 420px;
}
.lp-kurisapo-v3 header > div .site-logo a {
  display: flex;
  align-items: center;
  gap: .9em;
  text-decoration: none;
}
.lp-kurisapo-v3 header > div .site-logo img {
  display: block;
  width: 190px;
  height: auto;
}

/* 価格セクション見出しを白に（h3リセットより強い指定） */
.lp-kurisapo-v3 main h3.lp-h-invert {
  color: #fff;
}

/************************************************
	ヒーロー ダウンロードボタン
*************************************************/
.lp-hero-dl {
  display: inline-flex;
  align-items: center;
  gap: .8em;
  padding: 1em 1.4em;
  background: rgba(255, 255, 255, .5);
  border: 1px solid #b5d8cb;
  border-radius: 8px;
}
.lp-hero-dl-heading {
  margin: 0;
  font-weight: 700;
}
.lp-hero-dl-heading i {
  color: #2f9e8a;
}
.lp-kurisapo-v3 main .lp-dl-btn {
  display: inline-flex;
  align-items: center;
  gap: 1.2em;
  padding: .55em 1.2em;
  color: #fff;
  font-weight: 700;
  background: #33413d;
  border-radius: 4px;
  transition: background .2s ease;
}
.lp-kurisapo-v3 main .lp-dl-btn:link,
.lp-kurisapo-v3 main .lp-dl-btn:visited {
  color: #fff;
}
.lp-kurisapo-v3 main .lp-dl-btn:hover {
  background: #2f9e8a;
}
@media screen and (max-width: 780px) {
  .lp-hero-dl {
    flex-wrap: wrap;
  }
  .lp-hero-dl-heading {
    width: 100%;
  }
}

/* CTAをダウンロード枠の下に */
.lp-hero-cta {
  margin: 1.4em 0 0;
}

/* 特長04: アイコンブロック（写真の代わり） */
.lp-feature-icon {
  flex: 0 0 42%;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16 / 10;
  font-size: 6em;
  color: #2f9e8a;
  background: #f0f8f4;
  border-radius: 16px;
}
@media screen and (max-width: 780px) {
  .lp-feature-icon {
    flex: none;
    width: 100%;
    font-size: 4em;
  }
}


/************************************************

	ここから 修正版(v2) の差分スタイル

	主な差分:
	・ヒーローのコピーを「車いすタイヤの拭き掃除を、もっとラクに。」へ（商品名の下に商品カテゴリを配置）
	・特長03 に Point! 注記（日常生活用具給付等事業）を追加
	・「素材のひみつ」を削除し、紹介動画セクションを新設
	・「自立支援という新しい価値」セクションを新設（メインビジュアル＋3つのベネフィット）
	・価格カード内のCTAボタンを削除し、介護ショップへのご相談案内を追加
	・ページ下部に見守りのお願い（注意書き）を追加

*************************************************/
.lp-kurisapo-v3 {
  --lp-k-green: #2f9e8a;
  --lp-k-green-dark: #2c8172;
  --lp-k-green-soft: #f0f8f4;
  --lp-k-ink: #33413d;
}

/************************************************
	ヒーロー：商品名の下に商品カテゴリを置く
*************************************************/
.lp-kurisapo-v3 .lp-hero-eyebrow-under {
  margin: 2em 0 0;
  font-size: 1.5em;
  letter-spacing: .08em;
}
.lp-kurisapo-v3 .lp-hero-lead {
  font-size: 1.15em;
  font-weight: 700;
  color: var(--lp-k-green-dark);
}

/************************************************
	特長03：Point! 注記
*************************************************/
.lp-kurisapo-v3 .lp-point-note {
  position: relative;
  margin-top: 1.6em;
  padding: 1.4em 1.6em 1.4em 1.6em;
  font-size: .95em;
  line-height: 1.8;
  background: var(--lp-k-green-soft);
  border: 1px dashed #9fdccd;
  border-radius: 12px;
}
.lp-kurisapo-v3 .lp-point-note-head {
  margin-bottom: .4em;
}
.lp-kurisapo-v3 .lp-point-note-head img {
  display: block;
  width: 88px;
  height: auto;
  mix-blend-mode: multiply;
}
.lp-kurisapo-v3 .lp-point-note p {
  margin: 0;
}
.lp-kurisapo-v3 .lp-point-note small {
  display: inline-block;
  margin-top: .3em;
  font-size: .9em;
  color: #6b7a75;
}

/************************************************
	紹介動画
*************************************************/
.lp-kurisapo-v3 .lp-movie {
  background: linear-gradient(180deg, #ffffff 0%, var(--lp-k-green-soft) 100%);
}
.lp-kurisapo-v3 .lp-movie-lead {
  margin: -1em 0 2.2em;
  text-align: center;
}
.lp-kurisapo-v3 .lp-movie-frame {
  position: relative;
  margin: 0 auto;
  max-width: 880px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--lp-k-ink);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(51, 65, 61, .18);
}
.lp-kurisapo-v3 .lp-movie-frame iframe,
.lp-kurisapo-v3 .lp-movie-frame video {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.lp-kurisapo-v3 .lp-movie-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .8em;
  width: 100%;
  height: 100%;
  color: #fff;
}
.lp-kurisapo-v3 .lp-movie-placeholder i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  font-size: 1.4rem;
  padding-left: .2rem;
  background: var(--lp-k-green);
  border-radius: 50%;
}
.lp-kurisapo-v3 .lp-movie-placeholder p {
  margin: 0;
  font-weight: 700;
  letter-spacing: .1em;
}
.lp-kurisapo-v3 .lp-movie-placeholder small {
  display: block;
  font-size: .8em;
  font-weight: 400;
  color: #b9cfc8;
}

/************************************************
	自立支援という新しい価値
*************************************************/
.lp-kurisapo-v3 .lp-support {
  background: linear-gradient(160deg, #eef8f4 0%, #def0e9 45%, #c8e7db 100%);
}
.lp-kurisapo-v3 .lp-support-main {
  display: flex;
  align-items: center;
  gap: 3em;
}
.lp-kurisapo-v3 .lp-support-img {
  flex: 1 1 48%;
  margin: 0;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(51, 65, 61, .18);
}
.lp-kurisapo-v3 .lp-support-img img {
  display: block;
  width: 100%;
  height: auto;
}
.lp-kurisapo-v3 .lp-support-copy {
  flex: 1 1 52%;
}
.lp-kurisapo-v3 .lp-support-copy p {
  margin-bottom: 1.2em;
}
.lp-kurisapo-v3 .lp-support-copy p:first-child {
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1.7;
  color: var(--lp-k-green-dark);
}
.lp-kurisapo-v3 .lp-support-copy p:last-child {
  margin-bottom: 0;
}

.lp-kurisapo-v3 .lp-support-benefits {
  display: flex;
  gap: 1.6em;
  margin-top: 3.5em;
}
.lp-kurisapo-v3 .lp-support-benefits li {
  flex: 1 1 0;
  padding: 2em 1.8em;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(51, 65, 61, .1);
}
.lp-kurisapo-v3 .lp-support-target {
  display: inline-block;
  margin-bottom: .9em;
  padding: .25em 1em;
  font-size: .82em;
  font-weight: 700;
  line-height: 1.6;
  color: #fff;
  background: var(--lp-k-green);
  border-radius: 999px;
}
.lp-kurisapo-v3 .lp-support-benefits h4 {
  margin-bottom: .6em;
  font-size: 1.15em;
  font-weight: 900;
  line-height: 1.6;
  color: var(--lp-k-ink);
}
.lp-kurisapo-v3 .lp-support-benefits p:last-child {
  margin: 0;
  font-size: .95em;
}

/************************************************
	価格：カード内CTAを削除し介護ショップ案内へ
*************************************************/
.lp-kurisapo-v3 .lp-price-note {
  margin: 2.5em auto 0;
  padding: 2em;
  max-width: 880px;
  text-align: center;
  color: #fff;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 16px;
}
.lp-kurisapo-v3 .lp-price-note > p {
  font-weight: 700;
}
.lp-kurisapo-v3 .lp-price-note .lp-price-tel {
  margin-top: 1.4em;
  font-weight: 400;
}
.lp-kurisapo-v3 .lp-price-note .lp-price-tel a {
  color: #fff;
  font-weight: 700;
}
.lp-kurisapo-v3 .lp-price-note .lp-price-tel small {
  display: block;
  font-size: .82em;
  color: rgba(255, 255, 255, .82);
}

/************************************************
	ページ下部の注意書き
*************************************************/
.lp-kurisapo-v3 .lp-safety-note {
  margin: 0;
  padding: 2em;
  font-size: .85em;
  text-align: center;
  color: #6b7a75;
  background: #fff;
}

/************************************************
	SP
*************************************************/
@media screen and (max-width: 900px) {
  .lp-kurisapo-v3 .lp-support-main {
    flex-direction: column;
    gap: 2em;
  }
  .lp-kurisapo-v3 .lp-support-benefits {
    flex-direction: column;
    margin-top: 2.5em;
  }
  .lp-kurisapo-v3 .lp-movie-frame {
    border-radius: 12px;
  }
  .lp-kurisapo-v3 .lp-hero-eyebrow-under {
    font-size: 1em;
  }
}

/************************************************
	SP（〜780px）余白バランス調整
	2026-08-26。実機幅390pxでの間延び・折り返し崩れを解消する。
	`main h3.lp-h` など詳細度の高いベース指定を上書きするため、
	同等以上の詳細度で書く。
*************************************************/
@media screen and (max-width: 780px) {

	/* --- セクション共通 --- */
	.lp-kurisapo-v3 .lp-inner {
		padding: 3.4em 1.25em;
	}
	.lp-kurisapo-v3 main h3.lp-h {
		font-size: 1.5em;
		line-height: 1.55;
	}
	.lp-kurisapo-v3 main h3.lp-h-center {
		margin-bottom: 1.4em;
	}
	.lp-kurisapo-v3 .lp-h span {
		margin-bottom: .2em;
		font-size: .62em;
	}

	/* --- ヒーロー --- */
	/* 下端の波（svg 90px）にCTAボタンが重ならないよう余白を確保 */
	.lp-kurisapo-v3 .lp-hero-inner {
		padding: 2.2em 1.25em 7em;
	}
	.lp-kurisapo-v3 main h2.lp-hero-title {
		font-size: 1.75em;
		line-height: 1.5;
	}
	.lp-kurisapo-v3 .lp-hero-eyebrow-under {
		margin: .7em 0 .2em;
		font-size: .92em;
		letter-spacing: .04em;
	}
	.lp-kurisapo-v3 main h1.lp-hero-name {
		margin: 0 0 .1em;
		font-size: 2.4em;
	}
	.lp-kurisapo-v3 .lp-hero-lead {
		margin-bottom: 1.2em;
		font-size: .98em;
		line-height: 1.8;
	}
	.lp-kurisapo-v3 .lp-hero-badges {
		gap: .5em;
		margin-bottom: 1.4em;
	}
	.lp-kurisapo-v3 .lp-badge {
		padding: .3em .9em;
		font-size: .82em;
	}
	.lp-kurisapo-v3 .lp-hero-dl {
		padding: 1.1em 1.1em 1em;
	}
	.lp-kurisapo-v3 .lp-hero-cta {
		margin-top: 1.4em;
	}
	/* SPはヒーロー写真をコピーより先（上）に見せる */
	.lp-kurisapo-v3 .lp-hero-inner {
		flex-direction: column-reverse;
	}
	.lp-kurisapo-v3 .lp-hero-img {
		margin: 0 0 2.2em;
	}
	/* ヘッダー下の余白（SPはPCより詰める） */
	.lp-kurisapo-v3 main section.lp-hero {
		padding-top: 4.5em;
	}

	/* --- お困りごと --- */
	.lp-kurisapo-v3 .lp-worry-list {
		gap: 1em;
	}
	.lp-kurisapo-v3 .lp-worry-list li {
		padding: 1.6em 1.2em;
	}
	.lp-kurisapo-v3 .lp-worry-answer {
		margin-top: 1.8em;
		font-size: 1.05em;
		line-height: 1.8;
		text-wrap: balance;
	}

	/* --- 特長 --- */
	.lp-kurisapo-v3 .lp-feature-list li,
	.lp-kurisapo-v3 .lp-feature-list li:nth-child(even) {
		padding: 2.2em 1.25em 1.8em;
	}
	.lp-kurisapo-v3 .lp-feature-list {
		gap: 2.2em;
	}
	.lp-kurisapo-v3 main .lp-feature-list h4 {
		margin-bottom: .4em;
		font-size: 1.2em;
		line-height: 1.6;
	}
	.lp-kurisapo-v3 .lp-feature-text p {
		font-size: .95em;
	}
	.lp-kurisapo-v3 .lp-feature-list figure {
		margin-bottom: 1.4em;
	}

	/* --- 特長03 Point! 注記 --- */
	.lp-kurisapo-v3 .lp-point-note {
		margin-top: 1.2em;
		padding: 1.1em 1.1em 1.2em;
		font-size: .88em;
	}
	.lp-kurisapo-v3 .lp-point-note-head img {
		width: 72px;
	}

	/* --- 紹介動画 --- */
	.lp-kurisapo-v3 .lp-movie-lead {
		margin: -.6em 0 1.6em;
		font-size: .95em;
	}

	/* --- 自立支援 --- */
	.lp-kurisapo-v3 .lp-support-main {
		gap: 1.6em;
	}
	.lp-kurisapo-v3 .lp-support-copy p {
		margin-bottom: 1em;
		font-size: .95em;
	}
	.lp-kurisapo-v3 .lp-support-copy p:first-child {
		font-size: 1.12em;
	}
	.lp-kurisapo-v3 .lp-support-benefits {
		gap: 1.1em;
		margin-top: 2.2em;
	}
	.lp-kurisapo-v3 .lp-support-benefits li {
		padding: 1.5em 1.3em;
	}
	.lp-kurisapo-v3 .lp-support-benefits h4 {
		font-size: 1.08em;
	}
	.lp-kurisapo-v3 .lp-support-benefits p:last-child {
		font-size: .9em;
	}

	/* --- 使えるシーン --- */
	.lp-kurisapo-v3 .lp-scene-list {
		gap: 1.6em;
	}
	.lp-kurisapo-v3 .lp-scene-note {
		margin-top: 1.8em;
		font-size: .88em;
		line-height: 1.8;
		text-wrap: balance;
	}

	/* --- 仕様 --- */
	.lp-kurisapo-v3 .lp-spec-grid {
		gap: 1.6em;
	}
	.lp-kurisapo-v3 .lp-spec-table th,
	.lp-kurisapo-v3 .lp-spec-table td {
		padding: .8em 1em;
		font-size: .92em;
	}

	/* --- 価格 --- */
	.lp-kurisapo-v3 .lp-price-card {
		padding: 2em 1.4em;
	}
	.lp-kurisapo-v3 .lp-price-note {
		margin-top: 1.8em;
		padding: 1.5em 1.2em;
		font-size: .95em;
	}
	.lp-kurisapo-v3 .lp-price-note > p {
		line-height: 1.8;
		text-wrap: balance;
	}

	/* --- ページ下部の注意書き --- */
	/* 右下の「ページトップへ」ボタンと重なるため下側に逃げ幅を取る */
	.lp-kurisapo-v3 .lp-safety-note {
		padding: 1.8em 2.2em 4em;
		font-size: .8em;
		line-height: 1.8;
		text-wrap: balance;
		word-break: auto-phrase;
	}

	/* --- 日本語の折り返しを文節単位に（対応ブラウザのみ・非対応は従来動作） --- */
	.lp-kurisapo-v3 main h2.lp-hero-title,
	.lp-kurisapo-v3 main h3.lp-h,
	.lp-kurisapo-v3 main h4,
	.lp-kurisapo-v3 .lp-worry-list p,
	.lp-kurisapo-v3 .lp-worry-answer,
	.lp-kurisapo-v3 .lp-scene-note,
	.lp-kurisapo-v3 .lp-movie-lead,
	.lp-kurisapo-v3 .lp-support-copy p:first-child,
	.lp-kurisapo-v3 .lp-price-note > p {
		word-break: auto-phrase;
	}
	.lp-kurisapo-v3 main h3.lp-h {
		font-size: 1.45em;
	}
}

/************************************************
	SP（〜480px）style.css の h1 中央寄せを打ち消す
	style.css は 480px以下で h1/h2/h3 を text-align:center にする。
	h2/h3 は既に打ち消し済みだが h1（商品名）だけ中央に寄っていたため揃える。
*************************************************/
@media screen and (max-width: 480px) {
	.lp-kurisapo-v3 main h1.lp-hero-name {
		text-align: inherit;
	}
	.lp-kurisapo-v3 .lp-badge {
		font-size: .78em;
	}
}

/************************************************
	ダウンロードボタン内のファイルサイズ表記
*************************************************/
.lp-kurisapo-v3 .lp-dl-btn small {
	display: inline-block;
	margin-left: .5em;
	font-size: .78em;
	font-weight: 400;
	white-space: nowrap;
	opacity: .75;
}
/* ボタン文言が長くなったので、見出しを独立行にして横幅を確保する */
.lp-kurisapo-v3 .lp-hero-dl {
	flex-wrap: wrap;
}
.lp-kurisapo-v3 .lp-hero-dl-heading {
	flex: 0 0 100%;
	margin-bottom: .7em;
}
.lp-kurisapo-v3 .lp-dl-btn {
	white-space: nowrap;
}

/************************************************
	紹介動画（実動画）
*************************************************/
.lp-kurisapo-v3 .lp-movie-frame video {
	object-fit: cover;
	background: var(--lp-k-ink);
}


/************************************************
	各種ダウンロード（画像／パンフレット／取扱説明書）
*************************************************/
.lp-kurisapo-v3 .lp-dl-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6em;
}

/************************************************
	ヘッダーロゴ（社名 + 事業名画像）のレスポンシブ
*************************************************/
/* 事業名（MEDICAL CARE）画像 */
.lp-kurisapo-v3 header > div .site-logo .site-logo-division {
  display: block;
  width: auto;
  height: 22px;
  margin-left: 0;
  padding-left: .9em;
  border-left: 1px solid #c9d3d0;
}

/* タブレット以下: ロゴと事業名を縦積みにしてナビとの重なりを防ぐ */
@media screen and (max-width: 959px) {
  .lp-kurisapo-v3 header > div .site-logo a {
    flex-direction: column;
    align-items: flex-start;
    gap: .25em;
  }
  .lp-kurisapo-v3 header > div .site-logo img {
    width: 118px;
  }
  .lp-kurisapo-v3 header > div .site-logo .site-logo-division {
    height: 15px;
    padding-left: 0;
    border-left: none;
  }
}
@media screen and (max-width: 480px) {
  .lp-kurisapo-v3 header > div .site-logo img {
    width: 100px;
  }
  .lp-kurisapo-v3 header > div .site-logo .site-logo-division {
    height: 13px;
  }
}