:root{--paper:#faf8f1;--ink:#202d3a;--blue:#343cce;--lemon:#f8d64c;--mint:#b9ddc6;--coral:#ed735e;--muted:#59636a;--line:#d0d1c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.85}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{border:0}img{max-width:100%;display:block}p{margin:0 0 1em}h1,h2,h3{line-height:1.35;letter-spacing:-.04em;margin:0 0 .6em}h1{font-size:clamp(42px,5.2vw,76px);font-weight:900;letter-spacing:-.055em}h2{font-size:clamp(30px,3.3vw,48px);font-weight:850}h3{font-size:22px}small,.fine{font-size:13px;color:var(--muted);line-height:1.8}.wrap{width:min(1216px,calc(100% - 80px));margin:auto}.preview-bar{background:var(--lemon);font-size:12px;text-align:center;padding:8px 20px;line-height:1.6}.preview-bar a{font-weight:750;margin-left:1em}.site-header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--ink);gap:20px}.brand{text-decoration:none;display:inline-flex;align-items:center;line-height:1}.brand img{width:210px;height:auto}.brand-text{font-size:36px;font-weight:950;letter-spacing:-2px}.brand-text span{color:var(--coral)}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:650}.site-header nav a{text-decoration:none;padding:8px 0}.site-header nav a:hover{box-shadow:0 2px var(--blue)}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:55px;padding:64px 0 85px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;margin-bottom:23px}.eyebrow:before{content:"";display:inline-block;width:8px;height:8px;background:var(--blue);margin-right:10px}.hero-copy .lead{font-size:17px;line-height:2;max-width:430px;margin:23px 0}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:16px 25px;background:var(--blue);color:white;text-decoration:none;font-weight:750;min-height:56px;border-radius:4px}.action:hover{background:#262b9f}.action span{font-size:23px;line-height:1}.hero-copy .fine{margin-top:14px;max-width:410px}.hero-visual{position:relative;min-width:0;padding:0 20px 0 0}.switches{display:flex;gap:8px;margin-bottom:17px}.switches button{flex:1;font-size:13px;line-height:1.4;min-height:44px;padding:9px 4px;background:transparent;border:1px solid var(--ink);border-radius:2px}.switches button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.photo-stage{position:relative;isolation:isolate;aspect-ratio:1/1.12;background:var(--lemon)}.photo-stage:before{content:"";position:absolute;background:var(--lemon);inset:15px -16px -15px 16px;z-index:-1}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;opacity:0;transition:opacity .65s ease}.hero-photo.is-active{opacity:1}.photo-stamp{position:absolute;bottom:22px;left:-22px;background:var(--paper);padding:12px 21px 13px;border:1px solid var(--ink);z-index:2;max-width:90%}.photo-stamp strong{font-size:20px;display:block;line-height:1.5}.photo-stamp span{font-size:11px;letter-spacing:.06em}.minute{position:absolute;right:-18px;top:26px;background:var(--coral);height:79px;width:79px;border-radius:50%;display:grid;place-content:center;font-family:"Avenir Next",sans-serif;font-weight:850;font-size:22px;transform:rotate(7deg);z-index:2}.hero-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:27px;font-size:12px}.hero-controls button{background:transparent;border-bottom:1px solid var(--ink);padding:6px 0;min-height:44px;font-size:12px;white-space:nowrap}.section{padding:90px 0;border-top:1px solid var(--ink)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.section-heading p{max-width:445px}.number{font-size:12px;letter-spacing:.12em;display:block;margin-bottom:18px;font-weight:750}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{border-top:4px solid var(--ink);padding:25px 0 0}.step:nth-child(2){border-color:var(--coral)}.step:nth-child(3){border-color:var(--blue)}.step-index{font-size:14px;font-weight:750;margin-bottom:35px;display:block}.step p{font-size:15px}.step h3{font-size:23px}.steps-note{margin-top:25px}.story-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:80px;align-items:center}.story-visual{min-width:0;padding-right:16px}.story-photo-stage:before{background:var(--mint)}.story-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 43%}.story-copy p{max-width:410px}.tone-list{display:flex;flex-wrap:wrap;gap:0;margin:28px 0 16px;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tone-list li{padding:10px 18px 10px 0;margin-right:18px;font-size:13px}.tone-list li:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:var(--lemon)}.tone-list li:nth-child(2):before{background:var(--coral)}.tone-list li:nth-child(3):before{background:var(--mint)}.tone-list li:nth-child(4):before{background:var(--ink)}.sharing{background:var(--mint);padding:68px 60px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.sharing .fine{color:#374d42}.share-diagram{align-self:center}.share-diagram .source{background:var(--paper);border:1px solid var(--ink);padding:23px;font-size:25px;font-weight:800;width:80%}.share-diagram .destinations{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 15px}.destinations span{border:1px solid var(--ink);padding:8px 14px;background:transparent;font-size:14px}.share-diagram .arrow{display:block;margin:10px 0;font-size:25px}.privacy-strip{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:65px}.privacy-strip p{font-size:15px}.pricing{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.comparison{width:100%;border-collapse:collapse;font-size:14px}.comparison th,.comparison td{padding:17px 8px;text-align:left;border-bottom:1px solid var(--line)}.comparison thead th{border-top:2px solid var(--ink);font-size:17px}.comparison th{font-weight:650}.comparison td:last-child{color:var(--blue);font-weight:750}.pricing-copy .fine{margin-top:25px}.faq{max-width:860px;margin:auto}.faq h2{margin-bottom:35px}.faq details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq summary{padding:22px 40px 22px 0;font-size:17px;font-weight:700;position:relative}.faq summary:after,.legal>summary:after{content:"+";position:absolute;right:5px;top:20px;font-size:23px;font-weight:400}.faq details[open]>summary:after,.legal[open]>summary:after{content:"−"}.faq details p{padding:0 35px 22px 0;font-size:15px;margin:0}.closing{padding:65px 0;text-align:center;background:var(--blue);color:white}.closing h2{margin-bottom:20px}.closing p{font-size:14px;opacity:.92}.closing a{display:inline-block;padding:10px 15px;font-weight:750}.legal-area{padding:75px 0}.legal-intro{max-width:760px;margin-bottom:30px}.legal-intro p{font-size:14px}.legal{border-top:1px solid var(--ink);scroll-margin-top:25px}.legal:last-child{border-bottom:1px solid var(--ink)}.legal>summary{font-size:22px;font-weight:750;padding:23px 35px 23px 0;position:relative}.legal-content{max-width:860px;margin:0 auto;padding:20px 0 45px;font-size:15px;overflow-wrap:anywhere}.legal-content h3{font-size:20px;margin-top:32px}.legal-content h4{font-size:18px;margin:24px 0 12px}.legal-content p{white-space:normal}.legal-content table{border-collapse:collapse;width:100%;font-size:13px;margin:20px 0}.legal-content th,.legal-content td{text-align:left;border:1px solid var(--line);padding:10px;vertical-align:top}.legal-content th:first-child,.legal-content td:first-child{width:44%}.legal-content ul{padding-left:22px}.legal-content .draft-note{padding:16px;background:#f2e8ce;border-left:3px solid #9d7018;font-size:13px}.internal-note{margin-top:40px;padding:22px;background:#ecebe3;border:1px dashed #777d78}.internal-note h3{margin-top:0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--ink);padding:30px 0 45px}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.footer-brand{font-weight:800;font-size:20px;letter-spacing:-1px}.footer-brand p{font-weight:400;font-size:11px;letter-spacing:0;margin:5px 0}.skip{position:absolute;top:-100px;left:20px;background:white;padding:15px;z-index:5}.skip:focus{top:20px}noscript p{padding:20px;background:var(--lemon)}
@media(min-width:1450px){.hero{gap:80px}.hero h1{font-size:76px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-copy .lead{font-size:15px}h1{font-size:48px}.hero-visual{padding-right:15px}.story-grid{gap:45px}.sharing{padding:45px 30px;gap:30px}.pricing{gap:35px}.site-header nav{gap:20px}.brand img{width:180px}.brand-text{font-size:30px}.photo-stamp strong{font-size:17px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.preview-bar{font-size:11px;padding:9px 15px}.preview-bar a{display:inline-block}.site-header{padding:20px 0;align-items:center;gap:12px}.brand img{width:155px}.brand-text{font-size:28px}.site-header nav{gap:15px;font-size:12px}.site-header nav .desktop-nav{display:none}.hero{grid-template-columns:1fr;gap:38px;padding:40px 0 60px}.eyebrow{margin-bottom:20px;font-size:11px}h1{font-size:clamp(42px,10.8vw,66px)}.hero-copy .lead{font-size:15px;margin:20px 0;max-width:100%}.action{padding:14px 23px;gap:50px}.hero-copy .fine{font-size:12px}.hero-visual{padding:0 14px 0 9px}.switches{gap:8px;margin-bottom:15px}.photo-stage{aspect-ratio:1/1.06}.photo-stamp{left:-9px;bottom:20px;padding:10px 15px}.photo-stamp strong{font-size:19px}.minute{width:65px;height:65px;font-size:20px;right:-13px}.hero-controls{font-size:11px;gap:15px}.hero-controls .fine{font-size:11px}.section{padding:55px 0}.section-heading{grid-template-columns:1fr;gap:5px;margin-bottom:25px}.section-heading p{font-size:15px}.number{margin-bottom:14px}.steps{grid-template-columns:1fr;gap:25px}.step{padding-top:18px;display:grid;grid-template-columns:36px 1fr;column-gap:13px}.step-index{grid-row:1/3;margin:0;padding-top:4px}.step h3{font-size:22px}.step p{grid-column:2;margin:0}.story-grid{grid-template-columns:1fr;gap:65px}.story-visual{padding:0 14px 0 9px}.story-grid{gap:45px}.sharing{grid-template-columns:1fr;padding:35px 23px;gap:15px}.share-diagram .source{width:90%;font-size:22px}.share-diagram{padding:10px 0}.privacy-strip{grid-template-columns:1fr;gap:8px;padding-top:40px}.pricing{grid-template-columns:1fr;gap:20px}.comparison th,.comparison td{font-size:12px;padding:14px 6px}.comparison thead th{font-size:15px}.faq summary{font-size:15px}.closing{padding:45px 15px}.closing h2{font-size:31px}.legal-area{padding:45px 0}.legal>summary{font-size:19px}.legal-content{font-size:14px;padding:8px 0 25px}.legal-content h3{font-size:18px}.legal-content table{font-size:11px}.legal-content th,.legal-content td{padding:7px}.internal-note{padding:16px}.site-footer{align-items:flex-start;flex-direction:column;gap:18px;padding:25px 0}.site-footer nav{gap:13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo{transition:none}*{animation:none!important}}

.footer-brand img{width:155px;height:auto}

/* サポートはトップ最下部に常時表示。利用条件の本文は個別ページへ。 */
.support-area{padding:75px 0;scroll-margin-top:25px}.support-content{margin:0;max-width:860px;padding-bottom:15px}.legal-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px}.document-page{padding:35px 0 60px;max-width:960px;margin:auto}.back-link{font-size:14px;display:inline-block;padding:10px 0}.document-heading{padding-top:50px;border-bottom:1px solid var(--line);padding-bottom:20px}.document-heading h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em;overflow-wrap:anywhere}.document-page .legal-content{margin:0;max-width:860px}.document-page .number{margin-bottom:15px}
@media(max-width:700px){.support-area{padding:45px 0}.document-page{padding:10px 0 30px}.document-heading{padding-top:25px}.legal-links{gap:10px 20px;font-size:13px}.support-content{padding-bottom:0}}

.pricing-footnote{margin-top:22px}