/* サンプルとWordPressテンプレートが共用する実装CSS */
:root{--ink:#302f2c;--accent:#a95632;--paper:#fbfaf7;--soft:#f2eee7;--warm:#d8956a;--wide:1200px}
body{font-size:16px;line-height:1.9;background:var(--paper);color:var(--ink)}.header-inner{padding-block:24px}.site-header{border-color:#e5dfd7}.brand{font-size:28px;letter-spacing:.06em}.brand a{color:var(--ink)}.menu a{color:var(--ink);font-size:13px}.menu li:last-child a{color:var(--accent)}.button,.wp-block-button__link{background:var(--accent);border-radius:6px;font-size:14px;padding:14px 26px;gap:30px}.button:hover{background:#884329}.site-footer{background:#eeebe5}.bp-green .bp-kicker{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700;margin:0 0 24px}.bp-green h1{font-size:clamp(32px,3.5vw,50px);line-height:1.6;letter-spacing:.025em;margin:0 0 24px;font-weight:700}.bp-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:56px;align-items:center;padding:72px 0 54px}.bp-hero p{font-size:15px}.bp-hero .bp-intro{margin:0 0 30px}.bp-hero img{width:100%;height:430px;object-fit:cover;object-position:65% center;border-radius:10px}.bp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.bp-text-link{color:var(--ink);font-size:13px;font-weight:600}.bp-area-note{font-size:12px!important;color:#6d655e;margin:30px 0 0}.bp-section{padding:68px 0}.bp-rule{border-top:1px solid #ded9d0}.bp-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:36px}.bp-green h2{font-size:clamp(25px,2.4vw,34px);line-height:1.6;font-weight:650;margin:0;letter-spacing:.02em}.bp-section-heading>p{font-size:14px;color:#6d655e;margin:6px 0 0}.bp-green .bp-section-heading .bp-kicker{margin-bottom:12px}.bp-concerns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bp-concern{padding:26px 28px 30px;background:#f2eee7;border-radius:8px;border-top:2px solid #d6b69d}.bp-number{font-size:12px;color:var(--accent);letter-spacing:.1em}.bp-concern h3{font-size:20px;margin:20px 0 12px;font-weight:650}.bp-concern p{font-size:14px;color:#625c55;margin:0}.bp-about{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.bp-about img{width:100%;height:320px;object-fit:cover;border-radius:8px}.bp-about p{font-size:15px;margin:20px 0 24px}.bp-about .bp-kicker{margin:0 0 14px}.bp-services{display:grid;grid-template-columns:1fr 1fr;gap:32px}.bp-service{display:block;padding:28px 0;color:var(--ink);text-decoration:none;border-top:1px solid #d4cabf;border-bottom:1px solid #d4cabf}.bp-service h3{font-size:24px;font-weight:600;margin:6px 0 10px;display:flex;justify-content:space-between}.bp-service h3 span{color:var(--accent)}.bp-service p{font-size:14px;margin:0;color:#6d655e}.bp-contact-wrap{background:#f0e7dc;margin-top:68px}.bp-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:60px 0}.bp-contact p{font-size:14px;color:#625c55;margin:14px 0 0}.bp-contact .bp-kicker{margin:0 0 12px}.bp-prototype-note{font-size:11px;padding:12px 24px;text-align:center;background:#f0ece5;color:#625c55}.bp-green+.site-footer{padding-block:30px}.bp-trainer-caption{font-size:12px;margin-top:12px!important;color:#736b62}
@media(max-width:1000px){.bp-hero{gap:32px}.bp-hero img{height:370px}.bp-about{gap:40px}.bp-concern{padding:22px}.header-inner{padding-block:20px}.bp-concern h3{font-size:18px}}
@media(max-width:680px){.bp-hero{grid-template-columns:1fr;padding:40px 0;gap:32px}.bp-hero img{height:270px;object-position:65% center}.bp-green h1{font-size:32px}.bp-section{padding:40px 0}.bp-section-heading{display:block;margin-bottom:24px}.bp-section-heading>p{margin-top:16px}.bp-concerns,.bp-about,.bp-services{grid-template-columns:1fr;gap:20px}.bp-concern{padding:22px 24px}.bp-concern h3{margin-top:10px}.bp-about img{height:270px}.bp-contact{display:block;padding:40px 0}.bp-contact .button{margin-top:24px}.bp-contact-wrap{margin-top:40px}.bp-kicker{margin-bottom:18px!important}.bp-hero .bp-intro{font-size:14px}.bp-area-note{margin-top:24px}.brand{font-size:24px}.bp-actions{gap:20px}}

/* 最初のグリーン案の見た目を、通常のHTML・CSSで再現します。 */
:root{--ink:#183e37;--accent:#176b5a;--paper:#fffdf7;--soft:#eaf1e5;--warm:#f5ce69}
body{background:var(--paper);color:var(--ink)}.site-header{border-color:#e8ece5}.brand a{color:var(--ink)}.brand{font-weight:800}.menu li:last-child a{color:var(--ink)}.button,.wp-block-button__link{border-radius:100px;background:var(--accent);padding:15px 28px}.button:hover{background:#125444}.bp-green .bp-kicker{color:var(--accent)}.bp-text-link{color:var(--ink)}.bp-green h1{font-size:clamp(34px,4vw,56px);font-weight:800;line-height:1.45;letter-spacing:.01em}.bp-hero{gap:44px;padding-block:56px}.bp-hero img{height:450px;border-radius:36px 36px 90px 36px}.bp-hero>div{position:relative}.bp-hero>div:before{content:"";position:absolute;width:105px;height:105px;background:#f9e9af;border-radius:50%;right:-20px;top:-20px;z-index:-1}.bp-area-note{color:#486258}.bp-section{padding-block:48px}.bp-rule{border:0}.bp-section-heading{display:block;text-align:center;margin-bottom:30px}.bp-section-heading .bp-kicker{display:none}.bp-section-heading>p{margin-top:14px;color:#486258}.bp-green h2{font-weight:750;line-height:1.55;position:relative}.bp-section-heading h2:before{content:"";display:block;width:24px;height:5px;border-radius:5px;background:var(--warm);margin:0 auto 16px}.bp-concerns{gap:24px}.bp-concern{background:#eaf1e5;border:0;border-radius:20px;padding:24px 28px 30px}.bp-concern-icon{height:86px;text-align:center;color:var(--accent)}.bp-concern-icon svg{height:80px;width:96px}.bp-concern h3{font-size:20px;font-weight:750;margin:18px 0 12px}.bp-concern p{color:#40564b}.bp-about{gap:56px}.bp-about img{border-radius:28px 28px 64px 28px;height:330px}.bp-about p{color:#40564b}.bp-about .bp-kicker{border-left:4px solid var(--warm);padding-left:12px}.bp-services{gap:24px;padding-top:12px}.bp-service{border:0;border-radius:18px;background:#edf2e7;padding:26px 30px}.bp-service h3{font-weight:750;font-size:24px}.bp-service h3 span{color:var(--accent)}.bp-service p{color:#40564b}.bp-contact-wrap{background:#184c42;color:#fff;border-radius:0 58px 0 58px;margin-top:44px}.bp-contact{padding-block:44px}.bp-contact h2{font-size:30px}.bp-contact p{color:#edf2e7}.bp-contact .bp-kicker{color:#f5ce69}.bp-contact .button{background:#fffdf7;color:#184c42}.site-footer{background:#fffdf7}.bp-prototype-note{background:#edf2e7;color:#486258}
@media(max-width:1000px){.bp-hero{gap:30px}.bp-hero img{height:380px}.bp-concern{padding:22px}.bp-concern h3{font-size:18px}.bp-about{gap:32px}}
@media(max-width:680px){.bp-hero{padding-block:36px;gap:28px}.bp-green h1{font-size:34px}.bp-hero img{height:280px;border-radius:24px 24px 64px 24px;object-position:65% center}.bp-hero>div:before{right:0;width:80px;height:80px;top:10px}.bp-section{padding-block:34px}.bp-section-heading{text-align:left}.bp-section-heading h2:before{margin-left:0}.bp-concern{padding:22px 24px}.bp-concern-icon{text-align:left;height:70px}.bp-concern-icon svg{height:70px;width:84px}.bp-concern h3{margin-top:12px}.bp-about img{height:280px}.bp-about{gap:16px}.bp-services{gap:16px}.bp-contact-wrap{border-radius:0 36px 0 36px}.bp-contact h2{font-size:26px}.bp-contact{padding-block:36px}.bp-service h3{font-size:22px}}

/* 採用方向：グリーンをベースに、オレンジ案の控えめな角丸を適用。 */
.bp-green .bp-hero img{border-radius:10px}
.bp-green .bp-about img,.bp-green .bp-concern,.bp-green .bp-service{border-radius:8px}
.bp-green .button{border-radius:6px}
.bp-green .bp-contact-wrap{border-radius:0}