https://www.lacklustre.org/ja/landingpages/Recent content in Landingpages on Lack LustreHugo -- gohugo.ioja© Continuia OÜ 2026. All rights reserved.https://www.lacklustre.org/ja/landingpages/you-know-where-everything-is/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/ja/landingpages/you-know-where-everything-is/<style> .ll-hero { text-align: center; padding: 1rem 0 2.5rem; } .ll-hero h1 { margin-bottom: 0.25rem; } .ll-hero h1 + h1 { margin-top: 0; opacity: 0.85; font-weight: 600; } .ll-hero p.lead { font-size: 1.2rem; line-height: 1.7; max-width: 38rem; margin: 1rem auto 1.25rem; } .ll-hero p.lead strong { font-weight: 600; } .ll-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 1rem; align-items: center; margin: 1.25rem 0 1rem; } .ll-cta-link { font-weight: 500; } .ll-trust { font-size: 0.95rem; opacity: 0.75; margin-top: 0.5rem; font-style: italic; } .ll-section { padding: 1.75rem 0; } .ll-section h2 { margin-top: 0; } .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-cards h3 { margin-top: 0; font-size: 1.1rem; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1.25rem; margin-top: 1.25rem; } .ll-step { padding: 1rem 1.1rem; border-radius: 0.75rem; background: rgba(127,127,127,0.06); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; } .ll-step .ll-step-num { display: inline-block; font-weight: 700; opacity: 0.6; margin-right: 0.4rem; } .ll-promises { margin: 0.75rem 0 0; padding-left: 1.1rem; } .ll-promises li { margin: 0.25rem 0; } .ll-note { margin-top: 1rem; padding: 0.9rem 1rem; border-radius: 0.5rem; background: rgba(127,127,127,0.08); font-size: 0.95rem; } .ll-example { padding: 1.25rem 1.4rem; border-left: 3px solid currentColor; opacity: 0.92; background: rgba(127,127,127,0.04); border-radius: 0 0.5rem 0.5rem 0; max-width: 38rem; margin: 1rem auto 0; } .ll-faq summary { cursor: pointer; padding: 0.85rem 0; font-weight: 600; list-style: none; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::before { content: "+"; display: inline-block; width: 1.25rem; opacity: 0.6; } .ll-faq[open] summary::before { content: "−"; } .ll-faq { border-bottom: 1px solid rgba(127,127,127,0.25); } .ll-faq p { margin: 0 0 0.85rem 1.25rem; opacity: 0.9; } .ll-final { text-align: center; padding: 2rem 0 1rem; } .ll-final p { max-width: 34rem; margin-left: auto; margin-right: auto; } .ll-stores { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; align-items: center; margin: 1rem 0 0.5rem; } .ll-stores a { line-height: 0; } .ll-stores img { height: 48px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; opacity: 0.75; font-size: 0.95rem; padding: 1.5rem 0 0.5rem; font-style: italic; } .ll-divider { border: 0; border-top: 1px solid rgba(127,127,127,0.25); margin: 1.5rem 0; } </style> <section class="ll-hero"> <h1 class="relative group">あなたは、どこに何があるかを知っている。 <div id="あなたはどこに何があるかを知っている" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e3%81%82%e3%81%aa%e3%81%9f%e3%81%af%e3%81%a9%e3%81%93%e3%81%ab%e4%bd%95%e3%81%8c%e3%81%82%e3%82%8b%e3%81%8b%e3%82%92%e7%9f%a5%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b" aria-label="アンカー">#</a> </span> </h1> <h1 class="relative group">大切な人にも、それがわかるようにしておきましょう。 <div id="大切な人にもそれがわかるようにしておきましょう" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e5%a4%a7%e5%88%87%e3%81%aa%e4%ba%ba%e3%81%ab%e3%82%82%e3%81%9d%e3%82%8c%e3%81%8c%e3%82%8f%e3%81%8b%e3%82%8b%e3%82%88%e3%81%86%e3%81%ab%e3%81%97%e3%81%a6%e3%81%8a%e3%81%8d%e3%81%be%e3%81%97%e3%82%87%e3%81%86" aria-label="アンカー">#</a> </span> </h1> <p>保険の情報。大切な書類。家計の口座。そして、いつかきちんと話そうと思いつつ、後回しにしていること。</p>https://www.lacklustre.org/ja/landingpages/things-i-want-my-kids-to-know/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/ja/landingpages/things-i-want-my-kids-to-know/<style> .ll-hero { text-align: center; padding: 1rem 0 2.5rem; } .ll-hero p.lead { font-size: 1.35rem; line-height: 1.55; max-width: 36rem; margin: 0 auto 1.25rem; } .ll-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 1rem; align-items: center; margin: 1.25rem 0 1rem; } .ll-cta-link { font-weight: 500; } .ll-trust { font-size: 0.95rem; opacity: 0.75; margin-top: 0.5rem; } .ll-section { padding: 1.75rem 0; } .ll-section h2 { margin-top: 0; } .ll-usecases { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-usecases h3 { margin-top: 0; font-size: 1.1rem; } .ll-steps { counter-reset: step; display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-step { padding: 1rem 1.1rem; border-radius: 0.75rem; background: rgba(127,127,127,0.06); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; } .ll-step .ll-step-num { display: inline-block; font-weight: 700; opacity: 0.6; margin-right: 0.4rem; } .ll-promises { margin: 0.75rem 0 0; padding-left: 1.1rem; } .ll-promises li { margin: 0.25rem 0; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 3px solid currentColor; opacity: 0.9; font-style: italic; background: rgba(127,127,127,0.04); border-radius: 0 0.5rem 0.5rem 0; } .ll-final { text-align: center; padding: 2rem 0 1rem; } .ll-final p { max-width: 34rem; margin-left: auto; margin-right: auto; } .ll-stores { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; align-items: center; margin: 1rem 0 0.5rem; } .ll-stores a { line-height: 0; } .ll-stores img { height: 48px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; opacity: 0.75; font-size: 0.95rem; padding: 1.5rem 0 0.5rem; } .ll-divider { border: 0; border-top: 1px solid rgba(127,127,127,0.25); margin: 1.5rem 0; } </style> <section class="ll-hero"> <h1 class="relative group">子どもたちに知っておいてほしいことを、書き残しましょう。 <div id="子どもたちに知っておいてほしいことを書き残しましょう" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e5%ad%90%e3%81%a9%e3%82%82%e3%81%9f%e3%81%a1%e3%81%ab%e7%9f%a5%e3%81%a3%e3%81%a6%e3%81%8a%e3%81%84%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84%e3%81%93%e3%81%a8%e3%82%92%e6%9b%b8%e3%81%8d%e6%ae%8b%e3%81%97%e3%81%be%e3%81%97%e3%82%87%e3%81%86" aria-label="アンカー">#</a> </span> </h1> <p class="lead">物語、助言、そして愛の言葉を綴った私的な手紙を作り、未来のための大切な瞬間まで安全に保管します。</p>