/* Representative pages only. Parent blocks: mainimg, flex1, list-grid-menu,
   list-grid, list-normal, bg-light and btn1 from tp_professionals1. */
.hc-abc main{overflow:visible}
.hc-abc{letter-spacing:0}
.hc-abc main h1,.hc-abc main h2,.hc-abc main h3{letter-spacing:0;line-break:strict;word-break:auto-phrase;text-wrap:pretty}
.hc-abc main h2{font-size:1.9rem;line-height:1.55}
.hc-abc main h3{font-size:1.3rem;line-height:1.6}
.hc-abc .abc-kicker{font:700 .8rem/1.6 Arial,sans-serif;color:#216f6b;margin:0 0 1rem}
.hc-abc .abc-section{margin:0;padding-block:4.5rem}
.hc-abc .abc-section h2{display:block;margin:0 0 1.25rem}
.hc-abc .abc-section>p{max-width:720px;margin:0 0 2rem}
.hc-abc .abc-neutral{background:#f5f6f7}
.hc-abc .abc-green{background:#edf4f0}
.hc-abc .abc-lead{max-width:720px;font-size:1.08rem;line-height:2}
.hc-abc .abc-intro{flex:1;min-width:0}
.hc-abc .abc-intro h1{font-size:3rem;font-weight:400;line-height:1.5;margin:0 0 1.5rem;color:var(--primary-color)}
.hc-abc .abc-intro p{margin:0 0 1.5rem}
.hc-abc .abc-menu li{padding:1.2rem;background:#fff;min-width:0}
.hc-abc .abc-menu a{min-height:52px;line-height:1.65;font-size:1.12rem}
.hc-abc .abc-menu small{display:block;color:#536c77;font-size:.85rem}
.hc-abc .abc-menu{margin-top:2rem}
.hc-abc .flex1 .abc-menu{flex-basis:31rem}
.hc-abc .abc-preview{flex:0 1 45%;min-width:0;margin:0}
.hc-abc .abc-preview img{width:100%;height:320px;object-fit:cover;object-position:top;background:#fff}
.hc-abc .abc-preview figcaption{font-size:.78rem;color:#536c77;margin-top:.65rem}
.hc-abc .abc-grid .list{min-width:0;grid-template-rows:1fr auto;padding:1.8rem;line-height:1.8}
.hc-abc .abc-grid h3{margin:0 0 1rem;color:var(--primary-color)}
.hc-abc .abc-grid p{font-size:1rem;line-height:1.9;margin:0 0 1.25rem}
.hc-abc .abc-grid .abc-state{display:block;font:700 .75rem/1.6 Arial,sans-serif;color:#216f6b;margin-bottom:1rem}
.hc-abc .abc-grid .btn{margin:1.4rem 0 0}
.hc-abc .abc-grid .btn a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:1rem}
.hc-abc .abc-grid .abc-format{font:400 2rem/1.2 Arial,sans-serif;color:var(--primary-color);margin-bottom:1.5rem}
.hc-abc .abc-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hc-abc .abc-related{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin:1.5rem 0 0;padding:0;list-style:none}
.hc-abc .abc-related a{display:inline-flex;min-height:48px;align-items:center;text-underline-offset:.3em}
.hc-abc .abc-planned{margin-top:2.5rem;border-top:1px solid #bcced3;padding-top:1.5rem}
.hc-abc .abc-planned summary{cursor:pointer;min-height:48px;font-size:1.1rem;color:var(--primary-color)}
.hc-abc .abc-planned dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;margin-top:1.5rem}
.hc-abc .abc-planned dt{font-weight:bold}
.hc-abc .abc-planned dd{margin:.5rem 0 0;font-size:1rem}
.hc-abc .btn1{text-align:left;margin:1.5rem 0 0}
.hc-abc .btn1 a{min-height:48px}
.hc-abc .abc-hero{margin:0}
.hc-abc .abc-hero .slide{position:relative;opacity:1;min-height:420px;height:auto;background:#29434b}
.hc-abc .abc-hero .text{position:static;min-height:420px;background:rgba(12,35,44,.55);padding:4.5rem var(--content-space);margin:0;width:100%;align-items:center}
.hc-abc .abc-hero h1{font-size:3rem;font-weight:400;line-height:1.5;margin:0 0 1.25rem;color:#fff}
.hc-abc .abc-hero .abc-kicker{color:#dceeea}
.hc-abc .abc-hero .slide .text p{max-width:640px;margin:0;font-size:1.1rem;line-height:2}
.hc-abc .abc-hero .slide .text .abc-kicker{font-size:.8rem;margin-bottom:1rem}
.hc-abc .hc-sidebar-section h2{font-size:1.12rem}
.hc-abc .abc-hero .slide{background-image:url('/assets/legacy-shell/hataraconnect/professionals1/images/img7.jpg');background-position:center;background-size:cover}
.hc-abc .abc-article{padding-block:4rem;gap:40px}
.hc-abc .abc-article .hc-article-chapter{padding:0;margin-bottom:3.5rem}
.hc-abc .abc-article p{max-width:720px;font-size:16px}
.hc-abc .abc-article .hc-article-heading h2{font-size:1.75rem}
.hc-abc .abc-article .abc-choice-chapter{padding:2rem;background:#edf4f0}
.hc-abc .abc-article .abc-key-chapter{padding:2.5rem;background:var(--primary-color);color:#fff}
.hc-abc .abc-key-chapter .hc-article-heading h2,.hc-abc .abc-key-chapter .hc-article-heading span{color:#fff}
.hc-abc .abc-key-chapter a{color:#fff}
.hc-abc .abc-article .hc-article-steps li{font-size:16px}
.hc-abc .abc-article .hc-scope-list li{font-size:16px}
.hc-abc .abc-article dd{font-size:16px}
.hc-abc .abc-article p,.hc-abc .abc-article dd{word-break:auto-phrase;text-wrap:pretty;line-break:strict}
.hc-abc [id]{scroll-margin-top:100px}
@media(max-width:999px){.hc-abc .abc-section{padding-block:3.5rem}.hc-abc .abc-intro h1,.hc-abc .abc-hero h1{font-size:2.65rem}.hc-abc .abc-preview{margin-top:2rem}.hc-abc .abc-preview img{height:300px}.hc-abc .abc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-abc .abc-menu{width:100%}.hc-abc .abc-hero .text{padding-block:3.5rem}}
@media(max-width:600px){.hc-abc .abc-section{padding-block:2.75rem}.hc-abc .abc-intro h1,.hc-abc .abc-hero h1{font-size:2.1rem}.hc-abc .abc-intro p,.hc-abc .abc-hero p{font-size:1.05rem}.hc-abc .abc-hero .slide,.hc-abc .abc-hero .text{min-height:360px}.hc-abc .abc-grid,.hc-abc .abc-menu,.hc-abc .abc-planned dl{grid-template-columns:1fr}.hc-abc .abc-grid .list{padding:1.5rem}.hc-abc .abc-preview img{height:260px}.hc-abc .abc-article{padding-block:2.75rem}.hc-abc .abc-article .hc-article-heading h2{font-size:1.45rem}.hc-abc .abc-article .abc-choice-chapter,.hc-abc .abc-article .abc-key-chapter{padding:1.4rem}.hc-abc .abc-related{display:block}.hc-abc .abc-related li{margin-top:.6rem}}