:root{font-family:BIZ UDPGothic,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#20354b;background:#f6f8fa;font-synthesis:none;line-height:1.7;font-size:16px;font-weight:500}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #087f8c;outline-offset:5px}a:hover{color:#087f8c}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.55;letter-spacing:.035em}img{display:block;max-width:100%}.site-header,.site-footer,main{max-width:1120px;margin:auto}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:24px;letter-spacing:.015em;text-decoration:none;white-space:nowrap}.brand>span>span{color:#087f8c}.nav-link{display:flex;align-items:center;gap:20px;text-decoration:none;min-height:44px;font-size:14px}.nav-link span{font-size:21px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:58px 40px 72px;align-items:center}.eyebrow{color:#08717b;letter-spacing:.08em;font-size:14px;font-weight:700}.eyebrow-line{display:inline-block;vertical-align:middle;width:24px;height:2px;background:#087f8c;margin-right:8px}h1{font-size:clamp(32px,3.4vw,42px);font-weight:700;letter-spacing:.035em;line-height:1.55;margin:24px 0}.accent{color:#087f8c}.hero-lead{font-size:20px;line-height:1.9;letter-spacing:.04em}.hero-description{margin:20px 0 28px;color:#5c6c7b;line-height:1.85}.button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:26px;padding:12px 24px;border-radius:10px;font-size:16px;text-decoration:none;font-weight:700;transition:background .15s}.primary{background:#087f8c;color:#fff;border:1px solid #087f8c;box-shadow:0 3px #056974}.primary:hover{background:#066c77;color:#fff}.button>span{font-size:24px;line-height:1}.cta-note{font-size:14px;color:#5c6c7b;margin-top:16px}.cta-note>span{padding:0 6px}.sample-wrap{position:relative;padding:8px 0 0 12px}.sample-topline{font-size:14px;color:#5c6c7b;display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px}.sample-label{border:1px solid #dde5ea;border-radius:5px;padding:0 9px}.sample-card{background:#fff;border:1px solid #dde5ea;border-radius:16px;box-shadow:0 16px 44px #20354b08;overflow:hidden}.sample-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 28px 24px;border-bottom:1px solid #dde5ea}.sample-caption{font-size:16px;font-weight:700}.sample-heading h2{font-size:42px;letter-spacing:0;line-height:1.5}.sample-heading h2>span{font-size:18px;margin:0 5px;font-weight:500}.sample-heading small{font-size:16px;font-weight:500}.sample-year{font-size:14px;color:#5c6c7b}.date-icon{background:#eaf5f4;border-radius:12px;width:66px;text-align:center;color:#08717b;overflow:hidden}.date-icon span{display:block;font-size:14px;background:#d9eeec;padding:3px}.date-icon strong{font-size:27px;font-weight:500;display:block;line-height:1.7}.sample-tasks{padding:4px 24px}.sample-row{display:flex;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid #edf0f3}.sample-row:last-child{border:0}.sample-check{border:1.5px solid #a5b8c5;width:20px;height:20px;flex-shrink:0;border-radius:5px}.sample-row>div{flex:1}.sample-row strong{font-size:14px;display:block;font-weight:700}.sample-row>div>span{font-size:14px;color:#5c6c7b;display:block;margin-top:2px}.sample-row time{white-space:nowrap;font-size:19px;letter-spacing:0}.sample-row time small{font-size:14px}.sample-foot{font-size:14px;padding:14px 24px;background:#fafcfc;border-top:1px solid #edf0f3;color:#5c6c7b;display:flex;gap:8px;align-items:center}.tiny-lock{color:#087f8c;font-size:21px}.sample-note{text-align:center;color:#5c6c7b;font-size:14px;margin-top:18px}.how-section{padding:48px 40px 56px;border-top:1px solid #dde5ea}.section-intro h2,.templates-section h2{font-size:26px;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}.steps article{border-left:1px solid #d4e0e5;padding-left:22px}.step-number{font-family:inherit;color:#087f8c;font-size:14px;font-weight:700;letter-spacing:.08em}.steps h3{font-size:18px;margin:8px 0 12px}.steps p{font-size:14px;color:#5c6c7b;line-height:1.9}.templates-section{background:#eaf5f4;margin:0 40px;padding:36px;border-radius:12px;display:flex;gap:30px;justify-content:space-between;align-items:center}.templates-section h2{font-size:23px}.templates-section p:last-child{font-size:14px;color:#5c6c7b;margin-top:14px}.template-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-width:320px}.template-links a{background:#fff;border:1px solid #d2e7e4;border-radius:8px;padding:12px 15px;text-decoration:none;display:flex;gap:18px;align-items:center;justify-content:space-between;font-size:14px;min-height:48px}.template-links a>span:last-child{color:#087f8c;font-size:21px}.faq-section{display:grid;grid-template-columns:1fr 2fr;padding:64px 40px;gap:56px}.faq-section h2{font-size:26px}.faq-items details{border-bottom:1px solid #dde5ea}.faq-items summary{padding:18px 32px 18px 0;cursor:pointer;list-style:none;position:relative;font-size:16px;font-weight:700}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"＋";position:absolute;right:0;font-weight:400;color:#087f8c}.faq-items details[open] summary:after{content:"−"}.faq-items details p{color:#5c6c7b;font-size:14px;padding:0 16px 20px 0;line-height:1.9}.closing{text-align:center;border-top:1px solid #dde5ea;padding:48px 24px 56px}.closing h2{font-size:26px;margin-bottom:24px}.mobile-break{display:none}.site-footer{border-top:1px solid #dde5ea;padding:32px 40px 36px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.site-footer .brand{font-size:19px}.site-footer p{font-size:14px;color:#5c6c7b;margin-top:10px}.site-footer p a{text-decoration:none}.site-footer nav{display:flex;gap:24px;font-size:14px}.site-footer nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}.advertisement{padding:24px 0;min-height:320px;margin:0 40px;text-align:center}.advertisement[hidden]{display:none}.advertisement p{font-size:14px;color:#5c6c7b}.advertisement ins{display:block;min-height:280px}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px}.legal{max-width:820px;padding:40px 32px 72px}.legal h1{font-size:32px;margin:16px 0 24px}.legal h2{font-size:20px;margin:32px 0 10px}.legal p,.legal li{line-height:1.95}.legal p+p{margin-top:16px}.legal ul{padding-left:24px}.legal .legal-date{color:#5c6c7b;font-size:14px;margin-bottom:24px}.legal a{overflow-wrap:anywhere}.legal .back{display:inline-flex;align-items:center;min-height:44px;color:#08717b;font-size:14px}@media(max-width:900px){.hero{gap:20px;padding:38px 24px 48px}.site-header{padding:0 24px}.sample-wrap{padding:0}.sample-heading{padding:22px}.sample-tasks{padding:4px 18px}.sample-row{gap:8px}.sample-row time{font-size:17px}.sample-row strong{font-size:14px}.steps{gap:20px}.templates-section{display:block}.template-links{margin-top:24px}.faq-section{gap:24px}}@media(max-width:680px){.site-header{height:80px;padding:0 20px}.brand{font-size:21px;gap:8px}.brand img{width:32px;height:32px}.nav-link{font-size:14px;gap:8px}.hero{grid-template-columns:1fr;padding:30px 24px 40px;gap:42px}.hero-copy{text-align:left}h1{font-size:34px;margin:18px 0}.hero-lead{font-size:18px}.hero-description{font-size:15px;margin:18px 0 24px}.button{width:100%;max-width:340px;gap:20px}.cta-note{font-size:14px}.sample-wrap{max-width:460px;width:100%;margin:auto}.sample-heading h2{font-size:38px}.sample-row{padding:16px 0}.sample-topline,.sample-note,.sample-row strong{font-size:14px}.sample-row time{font-size:17px}.how-section{padding:32px 24px}.section-intro h2{font-size:24px}.steps{grid-template-columns:1fr;gap:24px;margin-top:28px}.steps article{display:grid;grid-template-columns:32px 1fr;gap:0 8px;padding-left:16px}.step-number{grid-row:1/3;padding-top:4px}.steps h3{margin:0 0 8px;font-size:18px}.steps p{grid-column:2}.templates-section{margin:0 16px;padding:24px 20px}.templates-section h2{font-size:22px}.template-links{min-width:0;gap:8px}.template-links a{padding:10px 12px;gap:6px}.faq-section{display:block;padding:40px 24px}.faq-section h2{font-size:24px;margin-bottom:16px}.closing{padding:36px 24px 40px}.closing h2{font-size:24px}.mobile-break{display:block}.site-footer{padding:26px 24px;align-items:flex-start;flex-direction:column;gap:16px}.site-footer nav{gap:24px}.advertisement{margin:0 16px}.legal{padding:24px 24px 48px}.legal h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}