/* Theme Name: Rakuraku Tools
Version: 1.0.2
Description: ラクラクエンジニアの業務ツール制作案内。
*/
:root{--ink:#13293e;--blue:#144fe0;--muted:#526375;--line:#d8e0e8;--pale:#f2f6fa;--lime:#dfff89;--radius:14px;font-family:Meiryo,'Hiragino Kaku Gothic ProN',system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;line-height:1.85}*{box-sizing:border-box}body{margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}h3{font-size:1.08rem}p{overflow-wrap:anywhere}.wrap{max-width:1184px;margin-inline:auto;padding-inline:32px}.header{height:100px;max-width:1440px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-weight:800;display:inline-flex;align-items:center;gap:12px;font-size:1.05rem;white-space:nowrap}.brand-icon{display:grid;place-items:center;color:#fff;background:var(--ink);width:36px;height:36px;border-radius:8px;font-size:26px;line-height:1;font-family:Georgia,serif;padding-bottom:4px}.header nav{display:flex;gap:30px;align-items:center;font-size:.875rem;font-weight:700}.header nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{border-bottom:2px solid var(--ink);padding-block:8px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:82px 86px}.eyebrow{font-size:.875rem;font-weight:700;color:var(--blue);letter-spacing:.08em;margin-bottom:22px}.hero h1{font-size:clamp(2.7rem,4.8vw,4.15rem);line-height:1.45;letter-spacing:-.055em;font-weight:900}.hero h1 span{color:var(--blue)}.hero-copy{margin-top:24px;color:var(--muted);line-height:2}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:13px 24px;border-radius:8px;font-weight:700;font-size:.94rem;border:1px solid transparent;line-height:1.6;transition:background .15s}.primary{color:#fff;background:var(--blue)}.primary:hover{background:#103fb1}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.secondary:hover,.small-button:hover{background:var(--pale)}.text-link{font-size:.9rem;font-weight:700}.micro{font-size:.875rem;color:var(--muted);margin-top:23px}.micro span{padding-inline:5px;color:#8593a0}.hero-board{background:var(--ink);border-radius:18px;padding:27px;color:#fff;box-shadow:18px 20px 0 var(--pale);transform:rotate(-1deg)}.board-top{display:flex;align-items:center;font-size:.875rem;gap:8px;margin-bottom:26px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}.sample-tag{margin-left:auto;font-size:.75rem;border:1px solid #617081;border-radius:4px;padding:1px 7px;white-space:nowrap}.file-line{display:flex;gap:14px;align-items:center;background:#233b51;padding:18px;border:1px solid #496073;border-radius:10px}.file-icon{display:grid;place-items:center;width:40px;height:48px;background:var(--lime);color:var(--ink);border-radius:4px;font-size:.75rem;font-weight:bold}.file-line strong{display:block;font-size:.9rem}.file-line small{display:block;font-size:.8rem;color:#c0cbd5}.file-check{margin-left:auto;color:var(--lime);font-size:25px}.board-result{padding:26px 5px 6px}.board-result>span{font-size:.875rem;color:#ccd7df}.board-result>strong{display:block;font-size:2.9rem;letter-spacing:-.04em;line-height:1.5}.board-result>p{font-size:.875rem;color:#ccd7df;margin-bottom:25px}.bar-row{display:grid;grid-template-columns:56px 1fr 75px;gap:14px;align-items:center;margin-top:16px;font-size:.8rem}.bar-row i{height:9px;width:var(--bar);background:var(--lime);border-radius:2px}.bar-row b{text-align:right;font-weight:500}.board-foot{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;border-top:1px solid #496073;margin-top:27px;padding-top:18px;color:#d7e2eb}.divider-note{border-block:1px solid var(--line);background:var(--pale)}.divider-note .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px;font-size:.9rem;font-weight:700}.note-number{font-size:.8rem;letter-spacing:.07em;color:var(--muted)}.section{padding-block:90px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-intro>p{color:var(--muted);font-size:.94rem}.demo-shell{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.demo-input,.demo-output{padding:30px;min-width:0}.demo-input{background:var(--pale);border-right:1px solid var(--line)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.small-button{border:1px solid var(--line);padding:6px 10px;background:#fff;font-size:.875rem;border-radius:5px}.demo-shell label{display:block;font-size:.875rem;font-weight:700;margin-bottom:6px}.demo-shell textarea{display:block;width:100%;resize:vertical;min-height:220px;border:1px solid #99aaba;background:#fff;border-radius:6px;padding:14px;line-height:1.8;font-size:.875rem;white-space:pre;overflow:auto}.help{font-size:.8rem;color:var(--muted);margin:10px 0 20px}.upload-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.upload-row>div{min-width:0;flex:1 1 150px}.demo-shell input[type=file]{font-size:.8rem;width:100%;padding-block:8px}.demo-shell select{width:100%;min-height:44px;border:1px solid #99aaba;border-radius:5px;background:#fff;padding:8px;color:var(--ink)}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 20px}.demo-output>.button{width:100%}#demo-message{font-size:.875rem;margin-top:15px;color:var(--muted);min-height:26px}#demo-message.error{color:#aa1d22}.total-row{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:16px}.total-row span{font-size:.875rem;color:var(--muted)}#total{display:block;font-size:2.3rem;letter-spacing:-.04em;line-height:1.5}.table-scroll{overflow:auto;max-height:340px;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:right;overflow-wrap:anywhere}th:first-child,td:first-child{text-align:left;max-width:180px}th{font-weight:500;color:var(--muted)}.download{width:100%;margin-top:23px}.demo-note{margin-top:17px;font-size:.8rem;color:var(--muted);max-width:970px}.service{background:var(--ink);color:#fff}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.service .eyebrow{color:var(--lime)}.service-grid h2{font-size:clamp(2rem,3.5vw,3rem)}.service-grid h2+p{margin-top:25px;color:#d1dbe4}.scope-note{border-left:2px solid var(--lime);padding-left:20px;margin-top:38px;font-size:.94rem;color:#d1dbe4}.price-card{background:#fff;color:var(--ink);padding:36px;border-radius:var(--radius)}.price-label{font-size:.875rem;font-weight:700}.price{font-size:3.6rem;letter-spacing:-.04em;font-weight:800;line-height:1.7}.price span{font-size:1rem;letter-spacing:0;margin-left:10px}.included{list-style:none;padding:0;margin:12px 0 22px}.included li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.94rem}.included li:before{content:'✓';color:var(--blue);margin-right:12px;font-weight:700}.price-note{font-size:.8rem;color:var(--muted);margin-bottom:25px}.price-card .button{width:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:38px}.steps article{border-top:2px solid var(--ink);padding-top:24px}.steps article>span{font-family:Georgia,serif;font-size:2.1rem;color:var(--blue)}.steps h3{margin:12px 0}.steps p{color:var(--muted);font-size:.94rem}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-bottom:90px}.faqs details{border-top:1px solid var(--line);padding:21px 0}.faqs details:last-child{border-bottom:1px solid var(--line)}.faqs summary{cursor:pointer;font-weight:700;font-size:.94rem;list-style:none;display:flex;gap:20px;justify-content:space-between}.faqs summary:after{content:'+';font-size:1.2rem;color:var(--blue)}.faqs details[open] summary:after{content:'−'}.faqs p{color:var(--muted);font-size:.94rem;margin-top:18px}.consult{background:var(--pale);display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding:48px;border-radius:var(--radius);margin-bottom:70px;align-items:center}.consult h2{font-size:clamp(1.6rem,3vw,2.3rem)}.consult h2+p{color:var(--muted);margin-top:18px}.consult-action .button{width:100%}.consult-action p{font-size:.8rem;color:var(--muted);margin-top:18px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px 45px}.footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:.875rem}.footer small{font-size:.75rem;color:var(--muted)}.mobile-break{display:none}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:99}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.content-page{max-width:850px;padding-block:65px 90px;min-height:60vh}.content-page h1{font-size:2rem;margin-bottom:30px}.content-page h2,.content-page h3{margin:25px 0 14px}.content-page p{margin-bottom:18px}.content-page a{text-decoration:underline;color:var(--blue)}.content-page input:not([type=checkbox]):not([type=radio]),.content-page textarea{max-width:100%;width:100%;padding:12px;border:1px solid #99aaba;border-radius:5px}.content-page input[type=submit]{background:var(--blue);color:white;font-weight:bold;cursor:pointer}.content-page img{max-width:100%;height:auto}
@media(max-width:1000px){.header{padding-inline:28px}.header nav{gap:18px}.hero{gap:35px;padding-top:55px}.hero h1{font-size:3.2rem}.hero-board{padding:20px}.hero-actions{gap:15px}.service-grid{gap:40px}.demo-input,.demo-output{padding:23px}.consult{margin-inline:24px}.board-top{font-size:.8rem}.price{font-size:3rem}}
@media(max-width:760px){.wrap{padding-inline:22px}.header{height:auto;min-height:80px;padding:18px 22px;flex-wrap:wrap;gap:15px}.brand{font-size:.94rem}.header nav{gap:18px;flex-wrap:wrap}.header nav a{font-size:.8rem}.hero{grid-template-columns:1fr;padding-block:42px 55px;gap:38px}.hero h1{font-size:clamp(2.6rem,9.5vw,4rem)}.hero-copy{font-size:1rem}.hero-board{transform:none;box-shadow:8px 10px 0 var(--pale);width:100%;max-width:490px;margin:auto}.board-result>strong{font-size:2.8rem}.divider-note .wrap{display:block;padding-block:17px}.note-number{display:none}.section{padding-block:60px}.section-intro{display:block}.section-intro>p{margin-top:18px}.demo-shell,.service-grid,.faq-section,.consult{grid-template-columns:1fr}.demo-input{border-right:0;border-bottom:1px solid var(--line)}.demo-input,.demo-output{padding:20px}.panel-title{flex-wrap:wrap}.demo-note{font-size:.8rem}.steps{grid-template-columns:1fr;gap:27px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:0 20px;padding-top:18px}.steps article>span{grid-row:span 2}.steps h3{margin:4px 0 10px}.steps p{grid-column:2}.price-card{padding:26px}.service-grid{gap:32px}.faq-section{gap:25px;padding-bottom:60px}.consult{padding:30px 24px;margin-inline:18px;margin-bottom:35px;gap:27px}.consult .eyebrow{margin-bottom:16px}.footer{align-items:flex-start;flex-direction:column;gap:25px}.footer>div{align-items:flex-start}.mobile-break{display:inline}.micro{font-size:.8rem}.micro span{padding-inline:1px}.price{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

.content-page a.button.primary{color:#fff;text-decoration:none}