/*
Theme Name: Callout Corporate
Theme URI: https://callout.co.jp/
Author: Callout
Description: Corporate one-page theme for 株式会社Callout.
Version: 1.3.0
Text Domain: callout-corporate
*/
:root{--pink:#D8A8BC;--pink-light:#f6e8ee;--ink:#171417;--charcoal:#252126;--white:#fff;--line:#ded8dc;--muted:#746d73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#faf9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{position:absolute;z-index:20;top:0;width:100%;color:#fff}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:1.35rem;font-weight:900;letter-spacing:-.06em}.brand span{color:var(--pink)}.nav-links{display:flex;gap:26px;font-size:.71rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero{position:relative;min-height:720px;overflow:hidden;background:var(--ink);color:#fff}.hero:before{content:"";position:absolute;width:min(62vw,860px);height:min(62vw,860px);right:-16vw;bottom:-42vw;background:var(--pink);border-radius:50%;filter:blur(1px)}.hero:after{content:"";position:absolute;width:27vw;height:27vw;right:11vw;top:13vw;border:1px solid rgba(255,255,255,.35);border-radius:50%}.hero-inner{position:relative;z-index:1;padding-top:215px}.eyebrow{margin:0 0 18px;color:var(--pink);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1{max-width:940px;margin:0;font-size:clamp(4.1rem,10vw,9.3rem);font-weight:900;line-height:.86;letter-spacing:-.1em}.hero h1 small{display:block;max-width:460px;margin:42px 0 0;font-size:clamp(1rem,1.7vw,1.38rem);font-weight:700;line-height:1.6;letter-spacing:.04em}.hero-sub{max-width:470px;margin:27px 0 0;color:#ddd5da;font-size:.9rem;letter-spacing:.06em}.hero-scroll{position:absolute;right:42px;bottom:30px;z-index:1;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.hero-scroll:after{content:"";display:block;height:65px;margin:10px auto 0;border-left:1px solid var(--pink)}.section{padding:122px 0}.intro{background:var(--white)}.section-kicker{margin:0;color:var(--pink);font-size:clamp(2.7rem,5vw,5rem);font-weight:900;line-height:.95;letter-spacing:-.08em}.section-jp{margin:12px 0 0;font-size:.76rem;font-weight:800;letter-spacing:.13em}.intro-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:end}.intro-text{margin:0;font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:700;line-height:2;letter-spacing:.04em}.intro-note{margin:26px 0 0;color:var(--muted);font-size:.9rem}.service{background:var(--pink-light)}.service-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.service-head p{max-width:410px;margin:0;font-size:.9rem}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--ink)}.service-card{min-height:330px;padding:24px;background:#fff;transition:.25s ease}.service-card:hover{background:var(--ink);color:#fff}.service-no{display:block;margin-bottom:108px;color:var(--pink);font-size:.8rem;font-weight:900}.service-card h3{margin:0 0 13px;font-size:1.08rem;line-height:1.45}.service-card p{margin:0;font-size:.82rem;line-height:1.85}.profile{background:var(--ink);color:#fff}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.portrait{position:relative;min-height:470px;overflow:hidden;background:var(--pink)}.portrait:before{content:"";position:absolute;width:76%;height:76%;left:12%;top:12%;border:1px solid rgba(23,20,23,.65);border-radius:50%}.portrait:after{content:"";position:absolute;right:-24%;bottom:-31%;width:82%;height:82%;border-radius:50%;background:var(--ink)}.portrait span{position:absolute;z-index:1;left:30px;bottom:25px;color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.07em}.profile-text h2{margin:0 0 28px;font-size:clamp(2.5rem,4.6vw,4.5rem);font-weight:900;line-height:1.03;letter-spacing:-.08em}.profile-text h2 small{display:block;margin-bottom:18px;color:var(--pink);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.profile-text p{margin:0 0 24px;color:#ebe5e8;font-size:.98rem;line-height:2}.company{background:#fff}.facts{margin:45px 0 0;border-top:2px solid var(--ink)}.fact{display:grid;grid-template-columns:27% 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.fact dt{color:var(--pink);font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.fact dd{margin:0}.contact{padding:120px 0;background:var(--pink)}.contact-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:84px;align-items:start}.contact .eyebrow{color:var(--ink)}.contact h2{margin:0 0 22px;font-size:clamp(3rem,5vw,5.2rem);font-weight:900;line-height:.9;letter-spacing:-.1em}.contact-intro p{margin:0;font-size:.95rem;line-height:2}.contact-note{margin-top:28px!important;font-weight:800}.contact-form{padding:34px;background:var(--white)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:block;margin-bottom:17px}.form-field span{display:block;margin-bottom:6px;font-size:.76rem;font-weight:800}.form-field input,.form-field textarea{display:block;width:100%;padding:12px;border:1px solid #cfc5ca;border-radius:0;color:var(--ink);background:#fff;font:inherit;font-size:.9rem}.form-field textarea{min-height:130px;resize:vertical}.form-submit{width:100%;padding:15px;border:0;background:var(--ink);color:#fff;cursor:pointer;font:inherit;font-size:.88rem;font-weight:800;letter-spacing:.09em}.form-submit:hover{background:#4e474d}.form-success,.form-error{margin:0 0 18px!important;padding:12px 14px;font-size:.88rem}.form-success{color:#075f42;background:#d9f6e9}.form-error{color:#8b2635;background:#ffe2e6}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.site-footer{padding:28px 0;background:var(--ink);color:#fff}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:.8rem}.footer-inner span:first-child{font-weight:900;letter-spacing:-.05em}@media(max-width:920px){.services{grid-template-columns:repeat(2,1fr)}.service-card{min-height:250px}.service-no{margin-bottom:50px}}@media(max-width:720px){.wrap{width:min(100% - 38px,1180px)}.nav{height:74px}.nav-links{display:none}.hero{min-height:650px}.hero-inner{padding-top:190px}.hero h1{font-size:4.25rem}.hero:before{width:110vw;height:110vw;right:-47vw;bottom:-60vw}.section{padding:80px 0}.intro-grid,.profile-grid,.contact-inner,.form-row{grid-template-columns:1fr;gap:35px}.service-head{display:block}.service-head p{margin-top:24px}.services{grid-template-columns:1fr}.service-card{min-height:unset}.service-no{margin-bottom:35px}.portrait{min-height:320px}.fact{grid-template-columns:1fr;gap:4px}.contact{padding:82px 0}.contact-form{padding:24px}.footer-inner{display:block}.footer-inner span{display:block;margin:4px 0}}