:root{--ink:#152338;--navy:#173b67;--blue:#1e649a;--pale:#edf5f7;--paper:#fbfcfc;--line:#cbd7df;--warm:#a56d35;--shell:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"BIZ UDPGothic","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:17px;line-height:1.8}a{color:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin:0 auto}.review-notice{padding:7px 24px;background:#f7e7cf;color:#563816;text-align:center;font-size:14px;line-height:1.45}.site-header{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line);background:rgba(251,252,252,.97)}.header-inner{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:24px}.brand-stack{display:flex;flex-direction:column;gap:2px;line-height:1}.brand-link{display:block;width:230px}.brand-link img{display:block;width:100%;height:auto}.service-link{width:max-content;color:var(--navy);font-size:15px;font-weight:700;text-decoration:none}.header-cta,.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 22px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:700;line-height:1.4;text-decoration:none;transition:background .2s,color .2s}.header-cta{min-height:42px;padding:8px 16px;font-size:15px}.header-cta:hover,.button:hover{background:#fff;color:var(--navy)}a:focus-visible,summary:focus-visible{outline:3px solid #e1a64b;outline-offset:3px}.hero{overflow:hidden;background:linear-gradient(118deg,#e7f3f6 0%,#f9fbfa 51%,#dcecf1 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,88px);align-items:center;min-height:620px;padding:76px 0}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:15px;font-weight:700;letter-spacing:.08em}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.38;letter-spacing:.02em}h1{margin-bottom:18px;font-size:clamp(38px,5vw,60px)}h2{margin-bottom:22px;font-size:clamp(28px,3.4vw,42px)}.hero-lead{margin-bottom:18px;font-size:clamp(22px,2.35vw,30px);font-weight:700;line-height:1.6}.hero-note{max-width:560px;margin-bottom:30px}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.text-link{color:var(--navy);font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px}.hero-visual{margin:0;position:relative}.hero-visual::after{content:"仕事の場面から考える";position:absolute;right:-14px;bottom:43px;padding:7px 14px;background:var(--warm);color:#fff;font-size:14px;font-weight:700;letter-spacing:.05em}.hero-visual img{display:block;width:100%;aspect-ratio:.88;min-height:356px;object-fit:cover;object-position:right center;box-shadow:20px 20px 0 rgba(23,59,103,.13)}.hero-visual figcaption{margin-top:15px;font-size:14px;color:#41566d}.service-nav{border-bottom:1px solid var(--line);background:#fff}.service-nav .shell{display:flex;align-items:stretch}.service-nav p{width:190px;margin:0;padding:24px 20px 20px 0;color:#526579;font-size:14px;font-weight:700;line-height:1.5}.service-nav ol{display:grid;flex:1;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-left:1px solid var(--line)}.service-nav li+li{border-left:1px solid var(--line)}.service-nav a{display:block;padding:18px 14px;color:var(--navy);font-size:15px;font-weight:700;line-height:1.5;text-decoration:none}.service-nav a:hover{background:var(--pale)}.section{padding:clamp(62px,8vw,100px) 0}.split-heading,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,104px)}.small-note{color:#536477;font-size:14px;line-height:1.7}.service{border-top:1px solid var(--line)}.service-tint{background:#f2f0e9}.service-grid{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);gap:clamp(32px,7vw,90px);align-items:start}.service-grid.reverse .service-heading{order:2}.service-grid.reverse .service-body{order:1}.service-number{margin-bottom:3px;color:var(--warm);font-family:Georgia,serif;font-size:34px;line-height:1}.service-heading>p:not(.eyebrow):not(.service-number){margin-bottom:24px}.comic-panels{overflow:hidden}.comic{display:block;width:100%;border:1px solid var(--line);background:#fff}#adoption .comic-wide{width:calc(100% + 16px);margin:-8px}.comic-mobile{display:none}.story{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story>div{padding:16px 15px 15px 0}.story>div+div{padding-left:15px;border-left:1px solid var(--line)}.story strong{color:var(--navy);font-size:16px}.story p{margin:5px 0 0;font-size:15px;line-height:1.7}.estimate{margin-top:18px;padding:16px 19px;border:1px solid #b8d4d9;background:#eef8f8}.estimate strong{color:#16505c;font-size:15px}.estimate p{margin:3px 0 0;font-size:14px;line-height:1.7}.comparison{background:var(--pale)}.comparison h2{max-width:780px}.table-wrap{overflow-x:auto;margin-top:34px;border:1px solid #b9d1d8;background:#fff}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px 18px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.65;vertical-align:top}thead th{background:#dceff1;color:var(--navy);font-weight:700}tbody th{min-width:180px;color:var(--navy);font-weight:700}tbody tr:last-child>*{border-bottom:0}.start{background:#fff}.start ol{margin:0;padding:0;list-style:none;counter-reset:step}.start li{display:grid;grid-template-columns:1.45em 1fr;column-gap:13px;padding:0 0 23px;counter-increment:step}.start li::before{content:counter(step);grid-row:span 2;color:var(--warm);font-size:21px;font-weight:700}.start strong{font-size:19px}.start span{grid-column:2;color:#425266;font-size:16px;line-height:1.75}.faq-grid{align-items:start}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding:19px 34px 19px 0;cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:5px;color:var(--blue);font-size:27px;font-weight:400;line-height:1}.faq details[open] summary::after{content:"−"}.faq details p{margin:0;padding:0 0 20px;color:#425266;font-size:16px}.closing{padding:clamp(68px,9vw,118px) 0;background:#1b4e70;color:#fff;text-align:center}.closing-inner{max-width:850px}.closing .eyebrow{color:#b8e0e5}.closing h2{margin-bottom:18px}.closing p:not(.eyebrow){margin-bottom:32px}.button-light{border-color:#fff;background:#fff;color:var(--navy)}.button-light:hover{background:transparent;color:#fff}.site-footer{padding:36px 0;background:#fff}.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer img{width:204px;height:auto}.site-footer p{margin:0;color:#617182;font-size:14px}
@media(max-width:820px){.hero-grid,.split-heading,.faq-grid,.service-grid{grid-template-columns:1fr}.hero-grid{min-height:0;padding:58px 0 66px}.hero-visual{max-width:620px}.service-grid.reverse .service-heading,.service-grid.reverse .service-body{order:initial}.service-heading{max-width:650px}.service-nav .shell{display:block}.service-nav p{width:auto;padding:17px 0 0}.service-nav ol{margin-top:10px;border-top:1px solid var(--line)}.service-nav a{padding-inline:11px}.story{max-width:720px}}
@media(max-width:560px){body{font-size:16px}.shell{width:min(calc(100% - 32px),var(--shell))}.review-notice{padding-inline:12px;font-size:13px}.header-inner{min-height:72px}.brand-link{width:170px}.service-link{font-size:13px}.header-cta{padding:7px 11px;font-size:13px}.hero-grid{gap:34px;padding-top:44px}h1{font-size:36px}h2{font-size:28px}.hero-lead{font-size:22px}.hero-visual img{min-height:0}.hero-visual::after{right:0;bottom:41px;padding:5px 10px;font-size:12px}.button-row{flex-direction:column;align-items:flex-start;gap:14px}.service-nav ol{grid-template-columns:1fr 1fr}.service-nav li:nth-child(3){border-top:1px solid var(--line);border-left:0}.service-nav li:nth-child(4){border-top:1px solid var(--line)}.section{padding:58px 0}.comic-wide{display:none}.comic-mobile{display:grid;gap:8px}.comic-mobile span{display:block;aspect-ratio:1.55;background:#fff center/300% 100% no-repeat;border:1px solid var(--line)}#president .comic-mobile span{background-image:url("/_hks-phase2/assets/aidx-comic-president.png")}#executive .comic-mobile span{background-image:url("/_hks-phase2/assets/aidx-comic-executive.png")}#training .comic-mobile span{background-image:url("/_hks-phase2/assets/aidx-comic-training.png")}#adoption .comic-mobile span{background-image:url("/_hks-phase2/assets/aidx-comic-adoption.png")}.comic-mobile span:nth-child(1){background-position:left center}.comic-mobile span:nth-child(2){background-position:center center}.comic-mobile span:nth-child(3){background-position:right center}.story{grid-template-columns:1fr}.story>div,.story>div+div{padding:15px 0;border-bottom:1px solid var(--line);border-left:0}.story>div:last-child{border-bottom:0}.table-wrap{width:calc(100% + 32px);margin-left:-16px}.table-wrap table{min-width:680px}th,td{padding:13px 14px}.site-footer .shell{flex-direction:column;align-items:flex-start;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
.service-heading h2{font-size:clamp(28px,2.5vw,34px)}
@media(max-width:560px){.comic-mobile span{aspect-ratio:1/1;background-size:300% auto}}
.skip-link{position:fixed;z-index:10;top:8px;left:8px;transform:translateY(-160%);padding:8px 12px;background:#fff;color:var(--navy);font-weight:700}.skip-link:focus{transform:translateY(0)}.service,.intro,.comparison,.start,.faq,.closing{scroll-margin-top:92px}