
  body{font-family:'Inter','Noto Sans JP',sans-serif;}
  .glass-header{background:rgba(245,242,237,0.82); backdrop-filter:blur(10px);}
  .hero-visual{border-radius:200px 20px 200px 200px;}
  .langsw button{font-size:12px; font-weight:700; color:#9A9088; padding:4px 9px; border-radius:999px; border:0; background:transparent; cursor:pointer; font-family:inherit;}
  .langsw button.on{background:#407785; color:#fff;}
  .ph-fb{display:none; position:absolute; inset:0; align-items:center; justify-content:center; text-align:center; padding:18px;
    font-size:13px; font-weight:600; color:#407785; background:linear-gradient(150deg,#DEEBEE,#F6ECDD);}
  .ph-wrap.failed img{display:none;}
  .ph-wrap.failed .ph-fb{display:flex;}
  .hl{background:linear-gradient(to top, #FBEDEC 40%, transparent 40%);}
  @keyframes fl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
  @keyframes fl-float-dot{0%,100%{opacity:1}50%{opacity:.3}}
  .hero-img-col{height:300px;}
  @media(min-width:1024px){.hero-img-col{height:440px;}}
  html{scroll-behavior:smooth;}
  section[id]{scroll-margin-top:88px;}
  /* 日本語の行末孤立文字(「す」だけ改行 等)を防ぐ：サブ文の行長を均等化 */
  [data-i18n$=".sub"], #mat-done-sub{ text-wrap: balance; }
  /* Bubble: Tailwind の border 既定(solid)が効かない環境向けフォールバック。幅クラスを持つ要素のみ実線化 */
  [class*="border"]{ border-style: solid; }
  /* ── Tailwind カスタムカラー CSS フォールバック ──
     Tailwind CDN のカスタム色設定が効かない環境向け。値は tailwind.config と同一。 */
  /* bg */
  .bg-fl-pink-100{background-color:#FBEDEC}.bg-fl-pink-500{background-color:#F4CAC8}.bg-fl-pink-700{background-color:#9E534F}
  .bg-fl-teal-100{background-color:#DEEBEE}.bg-fl-teal-500{background-color:#9FC4CD}.bg-fl-teal-700{background-color:#407785}
  .bg-fl-lilac-100{background-color:#EDE7F1}.bg-fl-lilac-500{background-color:#CAB7D7}.bg-fl-lilac-700{background-color:#76538F}
  .bg-fl-sage-100{background-color:#DCE6E0}.bg-fl-sage-500{background-color:#97B5A4}.bg-fl-sage-700{background-color:#498563}
  .bg-fl-taupe-100{background-color:#ECE7E0}.bg-fl-taupe-700{background-color:#755F46}
  .bg-fl-bg{background-color:#F5F2ED}.bg-fl-surface{background-color:#FFFFFF}.bg-fl-ink{background-color:#2C2824}
  .bg-fl-cream-1{background-color:#FDF8F1}.bg-fl-cream-2{background-color:#F6ECDD}
  /* text */
  .text-fl-pink-700{color:#9E534F}
  .text-fl-teal-100{color:#DEEBEE}.text-fl-teal-500{color:#9FC4CD}.text-fl-teal-700{color:#407785}
  .text-fl-lilac-700{color:#76538F}
  .text-fl-sage-700{color:#498563}
  .text-fl-taupe-700{color:#755F46}
  .text-fl-ink{color:#2C2824}.text-fl-muted{color:#9A9088}
  /* border */
  .border-fl-pink-500{border-color:#F4CAC8}
  .border-fl-teal-100{border-color:#DEEBEE}.border-fl-teal-500{border-color:#9FC4CD}.border-fl-teal-700{border-color:#407785}
  .border-fl-sage-500{border-color:#97B5A4}
  .border-fl-border{border-color:#E2DDD5}.border-fl-surface{border-color:#FFFFFF}
  /* gradient (Tailwind CSS カスタムプロパティ方式) */
  .from-fl-bg{--tw-gradient-from:#F5F2ED;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(245,242,237,0))}
  .from-fl-cream-1{--tw-gradient-from:#FDF8F1;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,248,241,0))}
  .from-fl-surface{--tw-gradient-from:#FFFFFF;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
  .to-fl-cream-1{--tw-gradient-to:#FDF8F1}
  .to-fl-cream-2{--tw-gradient-to:#F6ECDD}
  .to-fl-teal-100{--tw-gradient-to:#DEEBEE}
  /* hover / focus */
  .hover\:bg-fl-teal-500:hover{background-color:#9FC4CD}
  .hover\:bg-fl-teal-100:hover{background-color:#DEEBEE}
  .hover\:bg-fl-bg:hover{background-color:#F5F2ED}
  .hover\:text-fl-teal-700:hover{color:#407785}
  .focus\:border-fl-teal-500:focus{border-color:#9FC4CD}
  .focus\:ring-fl-teal-100:focus{--tw-ring-color:#DEEBEE}
  .focus\:bg-fl-surface:focus{background-color:#FFFFFF}
  .focus\:bg-fl-bg:focus{background-color:#F5F2ED}

  /* ── Tailwind CDN Play バッジ非表示 ── */
  [data-tailwind-badge], .__TAILWIND_BADGE { display:none!important; }

.hp-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hp-grad{background:linear-gradient(to right,#407785,#498563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
