/* このファイルは build.mjs が自動生成しています。直接編集しないでください。 */
/* 元になっているのは Claude Design の マーケターコミュニティLP.dc.html です。 */

:root{--gf:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxODAnIGhlaWdodD0nMTgwJz48ZmlsdGVyIGlkPSduJyB4PScwJyB5PScwJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC45JyBudW1PY3RhdmVzPSc0JyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxODAnIGhlaWdodD0nMTgwJyBmaWx0ZXI9J3VybCglMjNuKScgb3BhY2l0eT0nMC41NScvPjwvc3ZnPg==);--gc:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMjAnIGhlaWdodD0nMjIwJz48ZmlsdGVyIGlkPSduJyB4PScwJyB5PScwJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC40MicgbnVtT2N0YXZlcz0nMycgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMjIwJyBoZWlnaHQ9JzIyMCcgZmlsdGVyPSd1cmwoJTIzbiknIG9wYWNpdHk9JzAuNycvPjwvc3ZnPg==)}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F2F1EC;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif;color:#14161A}
p,h1,h2,h3{margin:0}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
@keyframes lpNear{from{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:none}}
@keyframes lpMid{from{opacity:0;transform:translate3d(0,26px,0);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes lpFar{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
@keyframes lpEnter{from{transform:translate3d(0,16px,0)}to{transform:none}}
@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1 !important;animation:none !important}}


/* style-hover 属性から起こした :hover（Claude Design独自の書き方を素のCSSへ） */
.lp-hv-0:hover{background:#0F35AE;transform:translateY(-1.5px);box-shadow:0 15px 28px -18px rgba(23,69,214,.85)}
.lp-hv-1:hover{background:#0F35AE;transform:translateY(-2px);box-shadow:0 22px 38px -24px rgba(23,69,214,.8)}
.lp-hv-2:hover{transform:translateY(-2px)}
.lp-hv-3:hover{transform:translateY(-2px)}
.lp-hv-4:hover{transform:translateY(-2px)}
.lp-hv-5:hover{transform:translateY(-2px)}
.lp-hv-6:hover{background:#0F35AE;transform:translateY(-2px);box-shadow:0 22px 38px -24px rgba(23,69,214,.8)}
.lp-hv-7:hover{color:#1745D6}
.lp-hv-8:hover{color:#1745D6}
.lp-hv-9:hover{color:#1745D6}