/*
Theme Name: Irudake Corporate
Author: Irudake
Description: 株式会社イルダケの会社サイト。外観→カスタマイズで文章・会社情報・リンクを編集できます。
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: irudake-corporate
*/
:root{--ink:#142d31;--muted:#536765;--green:#006f50;--lime:#d5f775;--line:#d6dfdb;--paper:#fcfdfa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #007956;outline-offset:5px}a:hover{opacity:.8}p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{line-height:1.5;letter-spacing:-.035em}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:auto;padding-left:44px;padding-right:44px}.site-header{height:100px;padding:0 44px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-size:34px;font-weight:850;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:11px;letter-spacing:1px;margin-top:10px;font-weight:500}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav-contact{background:var(--ink);color:white;padding:13px 22px;border-radius:30px}.nav-contact span{margin-left:22px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:52px;padding-bottom:95px;min-height:660px}.hero-top{display:flex;justify-content:space-between;gap:20px}.eyebrow,.section-label>span{font-size:12px;letter-spacing:.13em;font-weight:700}.edition{font-size:12px;letter-spacing:.13em;color:var(--muted)}.hero h1{font-size:clamp(42px,5.6vw,76px);font-weight:800;margin-top:64px;position:relative;z-index:2;line-height:1.48}.hero-bottom{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:2}.hero-bottom p{font-size:17px}.round-link{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700}.round-link b{display:grid;place-items:center;border:1px solid var(--ink);width:60px;height:60px;border-radius:50%;font-size:25px}.hero-line{position:absolute;z-index:-1;width:370px;height:370px;border:70px solid var(--lime);border-radius:50%;right:0;top:170px}.hero-word{position:absolute;z-index:-1;right:5px;bottom:-65px;font-size:160px;font-weight:800;letter-spacing:-10px;color:#edf2e7;line-height:1.5}.section{padding-top:100px;padding-bottom:100px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.section-label h2{font-size:36px;margin-top:20px}.about-copy>p{font-size:17px;line-height:2.25}.values{margin-top:35px;border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:700}.services{background:#f0f4ef}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:46px}.section-heading h2{font-size:36px;margin-top:15px}.section-heading>p{font-size:14px;color:var(--muted)}.service-card{display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:8px;overflow:hidden;margin-top:30px}.service-text{padding:46px}.service-number{font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:700}.irudake-logo{font-size:34px;letter-spacing:.14em;margin-top:20px}.irudake-logo span{font-size:10px;letter-spacing:.3em;display:block}.pipeline-logo{font-size:39px;font-weight:850;color:#009b46;letter-spacing:-1px;margin-top:20px;margin-bottom:15px}.service-text h4{font-size:27px;margin-top:25px}.service-text>p{font-size:15px;margin-top:18px;line-height:2}.tags{display:flex;gap:10px;margin:23px 0}.tags span{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:3px 12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:14px 23px;font-size:14px;font-weight:700;border-radius:30px;min-height:52px}.dark{background:var(--ink);color:white}.light{background:var(--lime);color:var(--ink)}.service-note{display:block;font-size:12px;color:var(--muted);margin-top:13px}.service-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 25px 28px;min-height:560px}.irudake-visual{background:#e0f1e9}.pipeline-visual{background:#e7edce}.visual-word{position:absolute;top:22px;left:24px;font-size:42px;line-height:1.1;font-weight:900;color:#a9c9b9;letter-spacing:-2px}.pipeline-visual .visual-word{color:#bdc990}.phone{position:relative;transform:rotate(5deg);width:205px;height:390px;border:7px solid #203b36;border-radius:27px;background:white;overflow:hidden;box-shadow:15px 25px 30px #1b3d2a20}.pipeline-visual .phone{transform:rotate(-5deg)}.phone-bar{font-size:9px;text-align:center;background:#f4f5f4;color:#52645b;height:23px;line-height:23px}.phone img{width:100%;height:auto}.visual-caption{font-size:12px;font-weight:700;position:relative;margin-top:35px}.company{display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.company-table{margin:0}.company-table>div{display:grid;grid-template-columns:140px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:22px 0;font-size:15px}.company-table>div:first-child{border-top:1px solid var(--line)}dt{font-weight:600}dd{margin:0}.contact{padding:70px 0 80px;background:var(--ink);color:white}.contact .eyebrow{color:var(--lime)}.contact-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;margin-top:25px;align-items:center}.contact h2{font-size:43px}.contact p{font-size:14px;line-height:2}.contact .button{margin-top:23px}.service-contacts{display:flex;flex-wrap:wrap;gap:20px;margin-top:23px;font-size:13px}.service-contacts a{border-bottom:1px solid #7d9290;padding-bottom:5px}.site-footer{max-width:1440px;margin:auto;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer>div{text-align:right;font-size:12px}.site-footer small{display:block;margin-top:10px;font-size:11px;color:var(--muted)}.mobile-only{display:none}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:99}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.content-page{min-height:65vh;max-width:900px}.content-page h1{font-size:36px;margin-bottom:30px}.content-page article{margin-bottom:50px}.content-page a{text-decoration:underline}.content-page img{height:auto}.content-page p{margin:1em 0}.content-page .alignwide{max-width:100%}.admin-bar .site-header{margin-top:0}
@media(min-width:761px) and (max-width:1000px){nav{gap:15px}.service-text{padding:30px}.section-heading{display:block}.section-heading>p{margin-top:20px}.hero-line{right:-100px;opacity:.6}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{padding-left:24px;padding-right:24px}.site-header{height:auto;min-height:80px;padding:20px 24px;flex-wrap:wrap;gap:20px}.brand{font-size:29px}.brand span{font-size:10px}.menu-toggle:not([hidden]){display:block;background:transparent;border:1px solid var(--line);border-radius:20px;font-size:12px;padding:8px 14px}.menu-toggle span{margin-left:8px}nav{width:100%;flex-wrap:wrap;font-size:14px;gap:20px;padding:10px 0}.js nav{display:none}.js nav.open{display:flex}.nav-contact{padding:10px 18px}.hero{padding-top:30px;padding-bottom:80px;min-height:610px}.hero-top .eyebrow{font-size:9px;letter-spacing:.08em}.edition{display:none}.hero h1{font-size:clamp(30px,7.7vw,52px);margin-top:70px;line-height:1.65}.hero-line{width:240px;height:240px;border-width:48px;top:95px;right:-112px;opacity:.8}.hero-bottom{display:block;margin-top:28px}.hero-bottom p{font-size:14px;line-height:2}.round-link{margin-top:32px;justify-content:start}.round-link b{width:45px;height:45px;font-size:20px}.hero-word{font-size:102px;bottom:-20px;right:-2px;letter-spacing:-7px}.section{padding-top:65px;padding-bottom:65px}.about,.company{grid-template-columns:1fr;gap:30px}.section-label h2,.section-heading h2{font-size:29px}.about-copy>p{font-size:15px}.values{font-size:12px;gap:12px}.section-heading{display:block}.section-heading>p{margin-top:18px;font-size:13px}.service-card{grid-template-columns:1fr}.service-text{padding:30px 26px}.service-text h4{font-size:26px}.service-text>p{font-size:14px}.service-visual{min-height:420px;padding-top:55px}.phone{width:160px;height:300px;border-width:6px;border-radius:22px}.visual-word{font-size:35px}.visual-caption{font-size:11px;margin-top:24px}.company-table>div{grid-template-columns:90px 1fr;gap:12px;font-size:14px;padding:20px 0}.contact{padding:55px 0}.contact-heading{grid-template-columns:1fr;gap:25px}.contact h2{font-size:34px}.contact p{font-size:13px}.site-footer{padding:30px 24px;align-items:start;flex-direction:column}.site-footer>div{text-align:left}.mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Main reading text stays legible on small displays. */
.service-text>p,.about-copy>p,.hero-bottom p{font-size:16px}

/* Display each new design’s home screen in the existing device frame. */
.phone{height:auto}.phone-screen{width:100%;overflow:hidden}.irudake-screen{aspect-ratio:420 / 974}.pipeline-screen{aspect-ratio:441 / 1003}.phone .irudake-screen img{width:365.7143%;max-width:none;height:auto;margin-left:-19.0476%;margin-top:-8.5714%}.phone .pipeline-screen img{display:block;width:100%;max-width:100%;height:auto;margin:0}
