/*
Theme Name: Hello Design Service
Description: ハローデザインサービス専用テーマ。制作と地域への配布を一体で紹介します。
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: hello-design-service
*/
:root{--ink:#162539;--orange:#f26435;--paper:#f6f7f8;--line:#dce1e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;line-height:1.4}.brand small{display:block;font-size:10px;letter-spacing:1.5px;margin-top:5px}.mark{font:800 38px/1 Georgia,serif;background:var(--ink);color:white;padding:9px 12px 14px;border-radius:3px;box-shadow:4px 4px 0 var(--orange)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:bold}.nav-cta{background:var(--ink);color:white;padding:12px 28px;border-radius:3px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;padding:62px 0 58px 7%;gap:40px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.8px;margin:0 0 22px}.hero .eyebrow{letter-spacing:1px}h1{font-size:clamp(40px,4.4vw,68px);letter-spacing:-2px;line-height:1.4;margin:0 0 26px;font-weight:900}h1 span{color:var(--orange);display:block}h2{font-size:clamp(28px,3vw,42px);line-height:1.55;letter-spacing:-1px;margin:0 0 24px}h3{line-height:1.65;margin:0 0 14px;font-size:22px}p{margin:0 0 20px}.lead{font-size:18px;line-height:1.9;font-weight:700}.intro{color:#556171;font-size:15px}.button{display:inline-block;border:0;background:var(--orange);color:#fff;padding:15px 30px;font-weight:700;border-radius:3px;cursor:pointer;text-align:center}.button:hover{background:#d94c20;text-decoration:none}.hero-note{display:flex;gap:15px;align-items:center;font-size:11px;letter-spacing:1.5px;font-weight:700;margin-top:38px}.hero-note i{font-style:normal;color:var(--orange)}.hero-image{position:relative;margin-top:18px;align-self:stretch;min-height:510px;background:#e4e6e9;overflow:hidden;border-radius:3px 0 0 3px}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute}.image-caption{position:absolute;bottom:32px;left:28px;background:var(--ink);color:white;padding:18px 24px;box-shadow:7px 7px 0 var(--orange)}.image-caption span{font-size:14px;display:block}.image-caption strong{font-size:23px}.vertical{position:absolute;right:15px;top:20px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;background:#fff;padding:12px 7px}.strip{background:var(--ink);color:white;display:flex;justify-content:center;align-items:center;gap:36px;padding:24px;font-size:15px;font-weight:700}.strip b{color:var(--orange)}.section{padding:100px 7%;scroll-margin-top:24px}.strength{display:grid;grid-template-columns:1fr 1.8fr;gap:65px}.section-heading .eyebrow,.row-heading .eyebrow,.ideas .eyebrow,.flow .eyebrow,.faq .eyebrow{color:var(--orange)}.large-copy{font-size:25px;font-weight:700}.strength>div>p:not(.large-copy){color:#596473}.strength-points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);padding-top:28px;margin-top:35px}.strength-points span{font:italic 24px Georgia;color:var(--orange)}.strength-points h3{font-size:18px;margin-top:14px}.strength-points p{font-size:14px;line-height:1.9;margin:0;color:#596473}.services{background:var(--paper)}.row-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.row-heading>p{color:#596473}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-grid article{background:#fff;border:1px solid var(--line);padding:38px 40px;border-radius:3px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-top>span:first-child{font-size:12px;letter-spacing:1.5px;font-weight:700}.service-symbol{font-size:32px;font-weight:bold;color:var(--orange);line-height:1}.service-grid p{color:#596473}.service-grid ul{padding-left:20px;font-size:14px;margin:22px 0}.service-grid a{display:inline-block;font-size:14px;font-weight:700;border-bottom:2px solid var(--orange);padding-bottom:5px}.ideas{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.ideas>div>p:not(.eyebrow){color:#596473}.idea-list article{padding:28px 0;border-bottom:1px solid var(--line)}.idea-list article:first-child{padding-top:0}.tag{background:#fcebe5;color:#a73a16;display:inline-block;font-size:12px;font-weight:bold;padding:4px 12px;margin-bottom:16px}.idea-list h3{font-size:23px}.idea-list p{color:#596473;font-size:14px;margin:0}.flow{background:var(--ink);color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.steps article{border-top:1px solid #536073;padding-top:26px}.steps span{font:36px Georgia;color:#ff875c}.steps h3{font-size:18px;margin-top:16px}.steps p{font-size:14px;color:#c7d0dc}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-weight:700}summary::after{content:'＋';color:var(--orange);font-size:22px;flex-shrink:0}details[open] summary::after{content:'−'}details p{color:#596473;margin:15px 30px 0 0;font-size:15px}.contact{background:#f26435;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:40px}.contact .eyebrow{color:var(--ink)}.contact-note{font-size:14px;margin-top:40px}.contact form{background:white;border-radius:3px;padding:35px;box-shadow:8px 8px 0 #162539}label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}input,select,textarea{display:block;width:100%;border:1px solid #c3cbd3;background:#fff;color:var(--ink);padding:12px;margin-bottom:20px;border-radius:2px;font-size:16px}textarea{resize:vertical}.contact .button{width:100%;background:var(--ink)}.contact form small{font-size:12px;color:#6b7480;display:block;margin-top:15px}.copy-button{background:#fff;border:1px solid var(--ink);padding:9px 16px;border-radius:3px;cursor:pointer;font-size:14px}#brief-result{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}#copy-status{font-size:14px;margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 7%}footer p{margin:0;font-size:14px}footer>small{font-size:12px;color:#596473}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){header{padding:0 5%;height:90px}nav{gap:15px}nav a:not(.nav-cta){display:none}.hero{padding-left:5%;gap:20px}.hero-image{min-height:480px}h1{font-size:46px}.section{padding:75px 5%}.strength,.ideas,.faq{gap:35px;grid-template-columns:1fr 1.7fr}.strength-points{grid-template-columns:1fr}.strength-points p{font-size:15px}.strength-points h3{margin-top:6px}.service-grid article{padding:28px}.contact{gap:35px}.contact h2{font-size:32px}.strip{gap:18px;font-size:13px}.steps{gap:20px}footer p{display:none}}@media(max-width:650px){header{height:83px}.brand{font-size:18px}.brand small{font-size:8px}.mark{font-size:28px;padding:8px 9px 11px}.nav-cta{padding:10px 15px;font-size:13px}.hero{display:flex;flex-direction:column;padding:40px 6% 30px;gap:25px}h1{font-size:44px;letter-spacing:-1px}.eyebrow{font-size:12px;letter-spacing:1px}.hero .eyebrow{font-size:12px}.lead{font-size:17px}.intro{font-size:14px}.hero-note{margin-top:27px}.hero-image{width:100%;min-height:330px;margin:0;border-radius:3px}.image-caption{bottom:23px;left:18px;padding:13px 18px}.image-caption strong{font-size:19px}.strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:8px;padding:20px 10px;font-size:12px}.strip b{display:none}.section{padding:58px 6%}.strength,.ideas,.faq,.contact{display:block}.strength-points{grid-template-columns:1fr;gap:22px}.strength-points h3{font-size:19px}.large-copy{font-size:20px}.row-heading{display:block}.row-heading>p{font-size:14px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:27px}.service-grid h3{font-size:23px}.service-grid p{font-size:15px}.ideas>div:first-child{margin-bottom:36px}.steps{grid-template-columns:1fr 1fr;gap:24px}.steps h3{font-size:17px}.faq>div:first-child{margin-bottom:18px}.contact form{margin-top:30px;padding:24px}.contact h2{font-size:32px}.contact-note{margin-top:24px}footer{padding:32px 6%;flex-wrap:wrap}footer>small{width:100%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand{font-size:clamp(14px,1.6vw,21px)}.contact-box{background:white;border-radius:3px;padding:35px;box-shadow:8px 8px 0 #162539;align-self:start}.contact-box h3{font-size:22px}.contact-box .button{width:100%;background:var(--ink);margin:12px 0}.email-address{display:block;font-size:clamp(14px,1.8vw,19px);font-weight:700;text-align:center;overflow-wrap:anywhere;margin:15px 0}.contact-box small{font-size:12px;color:#596473;display:block;text-align:center}header .brand small,footer .brand small{font-size:10px}@media(max-width:650px){header .brand{font-size:13px;gap:9px}header .brand small{font-size:8px;letter-spacing:1px}.contact-box{padding:24px;margin-top:30px}.contact-box h3{font-size:20px}header .mark{font-size:24px}.nav-cta{padding:10px 12px;font-size:12px}}