@charset "UTF-8";
  :root{
--hk-cream:#faf6ee; --hk-white:#ffffff; --hk-ink:#33443f; --hk-ink-sub:#4c5a55; --hk-ink-mute:#6a7873; --hk-green:#2f7d73; --hk-accent:#ffbe09; --hk-tint-mint:#b7e0d9; --hk-tint-yellow:#ffdd8f; --hk-tint-red:#f6c9c1; --hk-tint-beige:#ece4d2; --hk-line:#e2dccd; --hk-sage:#5f8a80; --hk-border:2px solid var(--hk-ink);
--hk-radius:10px;
--hk-wrap:1120px; --hk-font:"Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",meiryo,sans-serif; --hk-font-round:"Zen Maru Gothic","Hiragino Maru Gothic ProN",var(--hk-font);
} .hk-body{margin:0;background:var(--hk-cream);color:var(--hk-ink);font-family:var(--hk-font);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}
.hk-body *,.hk-body *::before,.hk-body *::after{box-sizing:border-box}
.hk-body img{max-width:100%;height:auto;display:block}
.hk-body a{color:var(--hk-ink);text-decoration:none}
.hk-body a:hover{color:var(--hk-green)}
.hk-wrap{max-width:var(--hk-wrap);margin:0 auto;padding:0 24px}
.hk-wrap--narrow{max-width:920px} .hk-section{padding:64px 0}
.hk-section--white{background:var(--hk-white);border-top:var(--hk-border)}
.hk-section--dark{background:var(--hk-sage);color:#fff}
.hk-section--line{border-top:var(--hk-border)}
.hk-center{text-align:center}
.hk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .hk-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--hk-green)}
.hk-section--dark .hk-eyebrow{color:#a9dad3}
.hk-h2{font-family:var(--hk-font-round);font-weight:700;font-size:30px;line-height:1.5;margin:8px 0 0}
.hk-h1{font-family:var(--hk-font-round);font-weight:700;font-size:34px;line-height:1.5;margin:8px 0 0}
.hk-lead{margin-top:16px;font-size:15px;line-height:2;color:var(--hk-ink-sub)} .hk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:17px 30px;border:var(--hk-border);border-radius:999px;background:var(--hk-white);color:var(--hk-ink);font-weight:700;font-size:16px;line-height:1.4;text-align:center;transition:transform .16s ease,box-shadow .16s ease}
.hk-btn:hover{color:var(--hk-ink);transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-btn--mint{background:var(--hk-tint-mint)}
.hk-btn--yellow{background:var(--hk-tint-yellow)}
.hk-btn--red{background:var(--hk-tint-red)}
.hk-btn--beige{background:var(--hk-tint-beige)}
.hk-btn--wide{padding-left:68px;padding-right:68px}
.hk-btn--stack{flex-direction:column;gap:3px;padding:24px 14px;font-size:20px}
.hk-btn--white{background:var(--hk-white);border-color:var(--hk-white);box-shadow:0 5px 0 rgba(0,0,0,.35)}
.hk-btn--white:hover{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.35)}
.hk-btn__sub{font-size:11px;font-weight:400;opacity:.85}
.hk-btnrow{display:flex;flex-wrap:wrap;gap:12px}
.hk-btnrow--center{justify-content:center} .hk-badge{display:inline-block;padding:5px 12px;border-radius:5px;background:var(--hk-accent);color:var(--hk-ink);font-size:12px;font-weight:700}
.hk-tag{display:inline-block;padding:3px 10px;border:1.5px solid var(--hk-ink);border-radius:999px;background:var(--hk-tint-mint);font-size:11.5px;font-weight:700}
.hk-chip{display:inline-flex;gap:8px;align-items:center;padding:7px 13px;border:1.5px solid var(--hk-ink);border-radius:999px;background:var(--hk-white);font-size:13px;font-weight:700} .hk-card{background:var(--hk-white);border:var(--hk-border);border-radius:var(--hk-radius);overflow:hidden}
.hk-card__body{padding:18px}  .hk-card__thumb{display:block;aspect-ratio:1920/1006;border-bottom:var(--hk-border);background:var(--hk-cream);overflow:hidden}
.hk-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .25s ease} .hk-card{transition:transform .2s ease,box-shadow .2s ease}
.hk-card:hover{transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-card:hover .hk-card__thumb img{transform:scale(1.05);filter:brightness(1.08)}
.hk-card:hover .hk-card__title a{color:var(--hk-green)}
@media (prefers-reduced-motion:reduce){
.hk-card,.hk-card__thumb img{transition:none}
.hk-card:hover{transform:none}
.hk-card:hover .hk-card__thumb img{transform:none}
}
.hk-card__thumb--wide{aspect-ratio:16/10}
.hk-card__thumb--square{aspect-ratio:1/1} .hk-card{display:flex;flex-direction:column}
.hk-card__body{flex:1;display:block}
.hk-card__title a{color:var(--hk-ink);text-decoration:none}
.hk-card__title a:hover{color:var(--hk-green)}
.hk-card__excerpt{margin:10px 0 0;font-size:13.5px;line-height:1.9;color:var(--hk-ink-sub)}
.hk-card__title{font-size:15.5px;font-weight:700;line-height:1.7;margin:10px 0 0}
.hk-card__meta{margin-top:8px;font-size:13px;color:var(--hk-ink-mute)}
.hk-grid{display:grid;gap:20px}
.hk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hk-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hk-media{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hk-media--sideL{grid-template-columns:340px minmax(0,1fr)}
.hk-media--sideR{grid-template-columns:minmax(0,1fr) 380px}
.hk-figure{border:var(--hk-border);border-radius:var(--hk-radius);overflow:hidden;background:var(--hk-white)} .hk-header{position:sticky;top:0;z-index:50;background:var(--hk-white);border-bottom:var(--hk-border)}
.hk-header__inner{max-width:var(--hk-wrap);margin:0 auto;padding:0 24px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hk-logo{display:flex;align-items:center;gap:10px;text-decoration:none} .hk-logo > span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.hk-logo__mark{width:44px;height:44px;flex:none;object-fit:contain;display:block}
.hk-logo__name{font-family:var(--hk-font-round);font-weight:700;font-size:23px;line-height:1.15;color:var(--hk-ink)}
.hk-logo__tag{font-size:11px;font-weight:400;letter-spacing:.06em;color:#5c6a64;margin-top:-1px}
.hk-gnav{display:flex;align-items:center;gap:26px}
.hk-gnav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none;font-size:14px;font-weight:700}
.hk-gnav__cta{padding:12px 28px;font-size:16px}
.hk-burger{display:none;width:44px;height:44px;border:var(--hk-border);border-radius:10px;background:var(--hk-white);align-items:center;justify-content:center;cursor:pointer}
.hk-burger span{display:block;width:20px;height:2px;background:var(--hk-ink);position:relative}
.hk-burger span::before,.hk-burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--hk-ink)}
.hk-burger span::before{top:-6px}.hk-burger span::after{top:6px} .hk-hero{padding:56px 0 64px}
.hk-hero__catch{position:relative;display:inline-block;padding:9px 18px;border:var(--hk-border);border-radius:12px;background:var(--hk-white);font-size:14px;font-weight:700}
.hk-hero__catch::after{content:"";position:absolute;left:30px;bottom:-8px;width:11px;height:11px;background:var(--hk-white);border-right:var(--hk-border);border-bottom:var(--hk-border);transform:rotate(45deg)}
.hk-hero__title{font-family:var(--hk-font-round);font-weight:700;font-size:40px;line-height:1.55;margin:20px 0 0}
.hk-hero__text{margin-top:20px;font-size:15px;line-height:2;color:var(--hk-ink-sub)}
.hk-hero__points{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;font-size:14px;font-weight:700}
.hk-hero__points span::before{content:"✔";color:var(--hk-green);margin-right:8px}
.hk-hero__cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:var(--hk-wrap);margin:32px auto 0}
.hk-hero__visual{align-self:start;margin-top:56px;display:flex;align-items:center;justify-content:center}
.hk-hero__visual img{width:100%;height:auto} .hk-list{margin:0;padding:0;list-style:none}
.hk-list li{border-top:1px solid var(--hk-line);padding:16px 0;display:flex;gap:20px}
.hk-list li:last-child{border-bottom:1px solid var(--hk-line)}
.hk-list__date{width:110px;flex:none;font-size:13.5px;color:var(--hk-ink-mute)}
.hk-list__title{font-size:15px;font-weight:700}
.hk-unitcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.hk-unitcols h3{font-family:var(--hk-font-round);font-size:16px;margin:0 0 10px}
.hk-unitcols ul{margin:0;padding:0;list-style:none;font-size:14px;line-height:2} .hk-article{background:var(--hk-white);border:var(--hk-border);border-radius:var(--hk-radius);overflow:hidden;min-width:0}
.hk-article__head{padding:36px 40px 0}
.hk-article__title{font-family:var(--hk-font-round);font-weight:700;font-size:32px;line-height:1.55;margin:16px 0 0}
.hk-article__meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--hk-ink-mute)}
.hk-article__body{padding:24px 40px 44px;font-size:16px;line-height:2.1;color:#3d4a45}
.hk-article__body h2{font-family:var(--hk-font-round);font-weight:700;font-size:22px;margin:36px 0 12px;padding-bottom:10px;border-bottom:var(--hk-border);color:var(--hk-ink)}
.hk-article__body h3{font-family:var(--hk-font-round);font-weight:700;font-size:19px;margin:28px 0 10px;color:var(--hk-ink)}
.hk-article__body ul,.hk-article__body ol{padding-left:22px}
.hk-article__body blockquote{margin:32px 0;border-left:6px solid var(--hk-tint-yellow);background:var(--hk-cream);padding:20px 24px;font-size:15.5px;line-height:2;font-weight:700}
.hk-article__body img{border-radius:var(--hk-radius);border:var(--hk-border);margin:24px 0}
.hk-article__foot{padding:0 40px 40px}
.hk-article__foot .hk-btnrow{padding-top:28px;border-top:var(--hk-border)}
.hk-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:flex-start}
.hk-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.hk-side__box{background:var(--hk-white);border:var(--hk-border);border-radius:var(--hk-radius);padding:22px}
.hk-side__box--accent{background:var(--hk-tint-yellow)}
.hk-side__title{font-size:14px;font-weight:700;padding-bottom:10px;border-bottom:var(--hk-border)}
.hk-side__list{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.hk-side__item{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;line-height:1.6}
.hk-side__item img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}
.hk-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 12px;object-fit:cover} .hk-breadcrumb{padding:22px 0 0;font-size:13px;color:var(--hk-ink-mute)}
.hk-pager{display:flex;gap:10px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.hk-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:13px 20px;border:var(--hk-border);border-radius:999px;background:var(--hk-white);font-weight:700;font-size:15px}
.hk-pager .page-numbers.current{background:var(--hk-tint-beige)} .hk-form{background:var(--hk-white);border:var(--hk-border);border-radius:var(--hk-radius);padding:36px 40px 40px;display:flex;flex-direction:column;gap:22px}
.hk-form__label{font-size:14.5px;font-weight:700;margin-bottom:8px;display:block}
.hk-form__req{color:#bd4740}
.hk-form input[type=text],.hk-form input[type=email],.hk-form textarea,.hk-form select{width:100%;border:var(--hk-border);border-radius:8px;background:var(--hk-cream);padding:14px 16px;font-family:inherit;font-size:15px;color:var(--hk-ink)}
.hk-form textarea{min-height:180px;resize:vertical}
.hk-form input[type=submit],.hk-form button[type=submit]{align-self:center;cursor:pointer;padding:18px 60px;border:var(--hk-border);border-radius:999px;background:var(--hk-tint-mint);font-family:inherit;font-weight:700;font-size:17px;color:var(--hk-ink)} .hk-footer{background:var(--hk-sage);color:#fff;padding:48px 0}
.hk-footer a{color:#fff}
.hk-footer a:hover{color:var(--hk-accent)}
.hk-footer__inner{max-width:var(--hk-wrap);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}
.hk-footer__cols{display:flex;gap:40px;flex-wrap:wrap;font-size:14px}
.hk-footer__cols ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.hk-footer__copy{max-width:var(--hk-wrap);margin:32px auto 0;padding:0 24px;font-size:12px;color:rgba(255,255,255,.85)} .hk-ph{display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:rgba(51,68,63,.45);background-image:repeating-linear-gradient(135deg,rgba(51,68,63,.06) 0 10px,rgba(51,68,63,.02) 10px 20px)} @media (max-width:900px){
.hk-gnav ul{display:none}
.hk-burger{display:flex}
.hk-media,.hk-media--sideL,.hk-media--sideR{grid-template-columns:minmax(0,1fr);gap:28px}
.hk-layout{grid-template-columns:minmax(0,1fr)}
.hk-grid--3,.hk-unitcols{grid-template-columns:repeat(2,minmax(0,1fr))}
.hk-hero__title{font-size:30px}
.hk-h1{font-size:28px}.hk-h2{font-size:24px}
.hk-article__head{padding:24px 20px 0}
.hk-article__body{padding:20px 20px 32px}
.hk-article__foot{padding:0 20px 32px}
.hk-article__title{font-size:24px}
.hk-form{padding:24px 20px 28px}
.hk-section{padding:48px 0}
}
@media (max-width:600px){
.hk-grid--3,.hk-grid--2,.hk-unitcols{grid-template-columns:minmax(0,1fr)}
.hk-hero__cta{grid-template-columns:minmax(0,1fr)}
.hk-btn--wide{padding-left:30px;padding-right:30px}
.hk-list li{flex-direction:column;gap:4px}
.hk-list__date{width:auto}
} .hk-body .alignleft{float:left;margin:0 24px 16px 0}
.hk-body .alignright{float:right;margin:0 0 16px 24px}
.hk-body .aligncenter{margin-left:auto;margin-right:auto}
.hk-body .wp-caption-text,.hk-body figcaption{font-size:13px;color:var(--hk-ink-mute);text-align:center} .hk-slider{position:relative}
.hk-slider__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hk-slider__track::-webkit-scrollbar{display:none}
.hk-slider__track > *{scroll-snap-align:center;flex:0 0 calc((100% - 40px) / 3)}
.hk-slider__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}
.hk-slider__arrow{width:44px;height:44px;flex:none;border:var(--hk-border);border-radius:50%;background:var(--hk-white);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--hk-ink);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.hk-slider__arrow:hover{transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-slider__dots{display:flex;gap:7px}
.hk-slider__dot{width:9px;height:9px;border-radius:50%;background:rgba(51,68,63,.28);border:0;padding:0;cursor:pointer}
.hk-slider__dot.is-active{background:var(--hk-ink)}
.hk-slider__hint{margin-top:8px;text-align:center;font-size:11.5px;color:var(--hk-ink-mute)}
@media (max-width:900px){.hk-slider__track > *{flex:0 0 84%}}
@media (max-width:900px){.hk-hero__cta{grid-template-columns:repeat(3,minmax(0,1fr))}.hk-btn--stack{font-size:17px;padding:16px 10px}.hk-hero__visual{margin-top:0}}
@media (max-width:600px){.hk-hero__cta{grid-template-columns:minmax(0,1fr)}} .hk-body .wpforms-container{max-width:none;margin:0}
.hk-body .wpforms-form{background:var(--hk-white);border:var(--hk-border);border-radius:var(--hk-radius);padding:36px 40px 40px;display:flex;flex-direction:column;gap:22px}
.hk-body .wpforms-form .wpforms-field{padding:0}
.hk-body .wpforms-form .wpforms-field-label{font-family:var(--hk-font);font-size:14.5px;font-weight:700;color:var(--hk-ink);margin-bottom:8px}
.hk-body .wpforms-form .wpforms-required-label{color:#bd4740}
.hk-body .wpforms-form .wpforms-field-sublabel{font-size:12.5px;color:var(--hk-ink-mute)}
.hk-body .wpforms-form input[type=text],
.hk-body .wpforms-form input[type=email],
.hk-body .wpforms-form input[type=tel],
.hk-body .wpforms-form input[type=url],
.hk-body .wpforms-form input[type=number],
.hk-body .wpforms-form select,
.hk-body .wpforms-form textarea{width:100%;max-width:none;border:var(--hk-border);border-radius:8px;background:var(--hk-cream);padding:14px 16px;font-family:var(--hk-font);font-size:15px;color:var(--hk-ink);box-shadow:none}
.hk-body .wpforms-form input:focus,
.hk-body .wpforms-form select:focus,
.hk-body .wpforms-form textarea:focus{outline:none;background:var(--hk-white);border-color:var(--hk-green)}
.hk-body .wpforms-form textarea{min-height:180px;resize:vertical}
.hk-body .wpforms-form .wpforms-field-checkbox ul,
.hk-body .wpforms-form .wpforms-field-radio ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.hk-body .wpforms-form .wpforms-field-checkbox label,
.hk-body .wpforms-form .wpforms-field-radio label{font-size:14.5px;line-height:1.8;color:var(--hk-ink)}
.hk-body .wpforms-form .wpforms-submit-container{margin:0;text-align:center}
.hk-body .wpforms-form button[type=submit],
.hk-body .wpforms-form .wpforms-submit{display:inline-flex;align-items:center;justify-content:center;padding:18px 60px;border:var(--hk-border);border-radius:999px;background:var(--hk-tint-mint);color:var(--hk-ink);font-family:var(--hk-font);font-weight:700;font-size:17px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.hk-body .wpforms-form button[type=submit]:hover,
.hk-body .wpforms-form .wpforms-submit:hover{background:var(--hk-tint-mint);transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-body .wpforms-form .wpforms-error{color:#bd4740;font-size:13px;font-weight:700}
.hk-body .wpforms-confirmation-container-full{background:var(--hk-tint-mint);border:var(--hk-border);border-radius:var(--hk-radius);padding:24px 28px;font-size:15px;font-weight:700;color:var(--hk-ink)}
@media (max-width:900px){
.hk-body .wpforms-form{padding:24px 20px 28px}
.hk-body .wpforms-form button[type=submit],
.hk-body .wpforms-form .wpforms-submit{width:100%;padding:18px 20px}
} .hk-article__body .hk-form,
.hk-article__body .wpforms-form,
.hk-article__body .hk-hm__form,
.hk-card .hk-form{border:0;border-radius:0;background:transparent;padding:0} .hk-gradecard{
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
min-height:180px;padding:24px;border:var(--hk-border);border-radius:var(--hk-radius);
text-decoration:none;text-align:center;
transition:transform .2s ease,box-shadow .2s ease}
.hk-gradecard:hover{transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-gradecard__num{
font-family:var(--hk-font-round);font-weight:700;font-size:32px;line-height:1.3;letter-spacing:.02em}
.hk-gradecard__num em{font-style:normal;font-size:46px;margin:0 4px}
.hk-gradecard__sub{
display:inline-flex;align-items:center;padding:7px 18px;border-radius:999px;
background:var(--hk-white);border:1.5px solid var(--hk-ink);
font-size:13px;font-weight:700;color:var(--hk-ink)}
@media (max-width:900px){
.hk-gradecard{min-height:140px;padding:20px}
.hk-gradecard__num{font-size:26px}
.hk-gradecard__num em{font-size:36px}
} .hk-tabs{display:flex;justify-content:center;gap:12px;margin-top:26px;flex-wrap:wrap}
.hk-tabs__btn{
border:var(--hk-border);border-radius:999px;background:var(--hk-white);color:var(--hk-ink);
font-family:var(--hk-font);font-weight:700;font-size:15px;padding:14px 30px;cursor:pointer;
transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.hk-tabs__btn:hover{transform:translateY(-3px);box-shadow:0 5px 0 rgba(51,68,63,.85)}
.hk-tabs__btn.is-active{background:var(--hk-tint-yellow);transform:none;box-shadow:none}
.hk-unitcard{background:var(--hk-white);border:var(--hk-border);border-radius:var(--hk-radius);overflow:hidden}
.hk-unitcard__head{
display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:16px 20px;border-bottom:var(--hk-border)}
.hk-unitcard__title{font-family:var(--hk-font-round);font-weight:700;font-size:18px;line-height:1.5}
.hk-unitcard__grade{
flex:none;padding:4px 12px;border:1.5px solid var(--hk-ink);border-radius:999px;
background:var(--hk-white);font-size:12px;font-weight:700}
.hk-unitcard__list{margin:0;padding:6px 20px 14px;list-style:none}
.hk-unitcard__list li{border-bottom:1px solid var(--hk-line)}
.hk-unitcard__list li:last-child{border-bottom:0}
.hk-unitcard__list a{
display:block;padding:13px 22px 13px 0;position:relative;
font-size:14.5px;font-weight:700;color:var(--hk-ink);text-decoration:none;line-height:1.7}
.hk-unitcard__list a::after{
content:"›";position:absolute;right:4px;top:50%;transform:translateY(-50%);
font-size:18px;color:var(--hk-ink-mute)}
.hk-unitcard__list a:hover{color:var(--hk-green)}
@media (max-width:900px){
.hk-tabs__btn{flex:1;padding:14px 12px;font-size:14px}
.hk-unitcard__head{flex-direction:column;align-items:flex-start;gap:8px}
.hk-unitcard__title{font-size:16px}
} .hk-body [hidden]{display:none !important} .hk-unitcard__badge{
display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;
background:var(--hk-cream);border:1px solid var(--hk-line);
font-size:11.5px;font-weight:700;color:var(--hk-ink-mute);vertical-align:middle} .hk-hero__btns .hk-btn{padding:19px 52px;font-size:17px}
@media (max-width:900px){
.hk-hero__btns{flex-direction:column}
.hk-hero__btns .hk-btn{width:100%;padding:18px 20px}
} .hk-card__body .hk-btnrow{justify-content:center}
.hk-card__body .hk-btnrow .hk-btn{width:100%;justify-content:center;padding-left:16px;padding-right:16px} .hk-btnrow--even .hk-btn{flex:1 1 0;min-width:0;justify-content:center;text-align:center}
@media (max-width:600px){ .hk-btnrow--even{flex-direction:column} } html{scroll-behavior:smooth}
#hk-search,#hk-maker,#hk-howto{scroll-margin-top:96px}  .hk-article__body h2{
font-family:var(--hk-font-round);font-weight:700;font-size:27px;line-height:1.6;
margin:64px 0 24px;padding:0 0 14px;border-bottom:var(--hk-border);position:relative}
.hk-article__body h2::after{
content:"";position:absolute;left:0;bottom:-2px;width:84px;height:2px;background:var(--hk-green)}
.hk-article__body > h2:first-child{margin-top:0} .hk-article__body h3{
font-family:var(--hk-font-round);font-weight:700;font-size:23px;line-height:1.6;
margin:56px 0 22px;padding:16px 24px;border:var(--hk-border);border-radius:var(--hk-radius);
background:var(--hk-tint-mint);scroll-margin-top:96px} .hk-article__body h4{
font-family:var(--hk-font-round);font-weight:700;font-size:19px;
margin:36px 0 14px;padding-left:14px;border-left:5px solid var(--hk-tint-yellow)} .hk-article__body p{margin:0 0 20px;font-size:16.5px;line-height:2.15}
.hk-article__body strong{font-weight:700} .hk-article__body ul,
.hk-article__body ol{margin:0 0 26px;padding-left:0;list-style:none}
.hk-article__body ol{counter-reset:hk-ol}
.hk-article__body ul > li,
.hk-article__body ol > li{
position:relative;padding:11px 0 11px 30px;font-size:16px;line-height:2;
border-bottom:1px dashed var(--hk-line)}
.hk-article__body ul > li:last-child,
.hk-article__body ol > li:last-child{border-bottom:0}
.hk-article__body ul > li::before{
content:"";position:absolute;left:7px;top:22px;width:9px;height:9px;border-radius:50%;
background:var(--hk-green)}
.hk-article__body ol > li::before{
counter-increment:hk-ol;content:counter(hk-ol);
position:absolute;left:0;top:11px;width:23px;height:23px;border-radius:50%;
background:var(--hk-tint-yellow);border:1.5px solid var(--hk-ink);
font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center} .hk-article__body h2 + ul{
border:var(--hk-border);border-radius:var(--hk-radius);
background:var(--hk-cream);padding:20px 26px} .hk-article__body .hk-notice,
.hk-article__body ul.hk-notice{
border:2px solid #d98a7a;border-radius:var(--hk-radius);
background:#fdf1ee;padding:20px 26px;margin:0 0 26px}
.hk-article__body .hk-notice ul{border:0;background:transparent;padding:0;margin:0}
.hk-article__body .hk-notice li{border-bottom-color:#f0d3cc} .hk-article__body .hk-notice li,
.hk-article__body .hk-notice p{font-size:14.5px;line-height:1.9;padding-top:8px;padding-bottom:8px}
.hk-article__body .hk-notice li::before{background:#c0503f}
.hk-article__body .hk-notice > p:last-child{margin-bottom:0} .hk-article__body .hk-notice{margin-top:56px}
.hk-article__body .hk-notice > :first-child{margin-top:0}
.hk-article__body .hk-notice h2,
.hk-article__body .hk-notice h3{
font-size:22px;margin:0 0 16px;padding:0 0 12px;
border-bottom:2px solid #d98a7a;background:transparent;border-radius:0;color:#a93f2e}
.hk-article__body .hk-notice h2::after{display:none}
.hk-article__body .hk-notice > ul:last-child,
.hk-article__body .hk-notice ul:last-child{margin-bottom:0} .hk-article__body .wp-block-columns{gap:16px;margin-bottom:26px}
.hk-article__body .wp-block-columns ul{
display:flex;flex-direction:column;gap:10px;border:0;background:transparent;padding:0;margin:0}
.hk-article__body .wp-block-columns ul > li{
border:var(--hk-border);border-radius:999px;background:var(--hk-white);
padding:13px 20px 13px 38px;font-size:15px;font-weight:700;
transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.hk-article__body .wp-block-columns ul > li:hover{
background:var(--hk-tint-mint);transform:translateY(-3px);box-shadow:0 5px 0 rgba(51,68,63,.85)}
.hk-article__body .wp-block-columns ul > li::before{
left:18px;top:50%;margin-top:-4px;background:var(--hk-green)}
.hk-article__body .wp-block-columns ul > li a{color:var(--hk-ink);text-decoration:none;display:block} .hk-article__body figure{margin:26px 0}
.hk-article__body figure img,
.hk-article__body p > img{border-radius:var(--hk-radius);border:var(--hk-border)} .hk-article__body a{color:var(--hk-green);text-decoration:underline;text-underline-offset:3px}
.hk-article__body a:hover{color:var(--hk-ink)}
.hk-article__body p > strong > a,
.hk-article__body .wp-block-button__link{
display:inline-flex;align-items:center;justify-content:center;
padding:18px 46px;border:var(--hk-border);border-radius:999px;
background:var(--hk-tint-yellow);color:var(--hk-ink);
font-weight:700;font-size:17px;text-decoration:none;
transition:transform .16s ease,box-shadow .16s ease}
.hk-article__body p > strong > a:hover,
.hk-article__body .wp-block-button__link:hover{
color:var(--hk-ink);transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)} .hk-article__body hr{border:0;border-top:2px dashed var(--hk-line);margin:56px 0} @media (max-width:900px){
.hk-article__body h2{font-size:22px;margin-top:48px}
.hk-article__body h3{font-size:19px;padding:13px 16px}
.hk-article__body h4{font-size:17px}
.hk-article__body p{font-size:16px;line-height:2}
.hk-article__body h2 + ul{padding:16px 18px}
.hk-article__body p > strong > a,
.hk-article__body .wp-block-button__link{width:100%;padding:17px 20px}
} .hk-gradenav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 30px}
.hk-gradenav__item{
display:inline-flex;align-items:center;gap:7px;
padding:10px 22px;border:var(--hk-border);border-radius:999px;
font-family:var(--hk-font-round);font-weight:700;font-size:15px;
text-decoration:none;
transition:transform .16s ease,box-shadow .16s ease}
.hk-gradenav__item:hover{transform:translateY(-3px);box-shadow:0 5px 0 rgba(51,68,63,.85)}
.hk-gradenav__item.is-current{transform:none;box-shadow:none;cursor:default}
.hk-gradenav__now{
font-family:var(--hk-font);font-size:10.5px;font-weight:700;letter-spacing:.06em;opacity:.75}
@media (max-width:600px){
.hk-gradenav{gap:8px}
.hk-gradenav__item{padding:9px 16px;font-size:13.5px}
} .hk-btnrow--wide .hk-btn{padding-left:64px;padding-right:64px}
@media (max-width:600px){ .hk-btnrow--wide .hk-btn{width:100%;padding-left:20px;padding-right:20px} } .hk-body .wpcf7-response-output{
display:none;margin:20px 0 0;padding:16px 20px;
border:var(--hk-border);border-radius:var(--hk-radius);
background:var(--hk-tint-mint);font-size:14.5px;font-weight:700;color:var(--hk-ink)}
.hk-body form.sent .wpcf7-response-output,
.hk-body form.invalid .wpcf7-response-output,
.hk-body form.failed .wpcf7-response-output,
.hk-body form.aborted .wpcf7-response-output,
.hk-body form.spam .wpcf7-response-output{display:block}
.hk-body form.invalid .wpcf7-response-output,
.hk-body form.failed .wpcf7-response-output,
.hk-body form.spam .wpcf7-response-output{background:var(--hk-tint-red)}
.hk-body .wpcf7-not-valid-tip{
display:block;margin-top:6px;font-size:13px;font-weight:700;color:#bd4740}
.hk-body .wpcf7-spinner{display:none}
.hk-body form.submitting .wpcf7-spinner{display:inline-block}  .hk-body .screen-reader-response{
position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;
overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .hk-hmcta{
max-width:820px;margin:32px auto 0;padding:32px 36px;
background:var(--hk-tint-yellow);border:var(--hk-border);border-radius:var(--hk-radius)}
.hk-hmcta__title{
font-family:var(--hk-font-round);font-weight:700;font-size:24px;line-height:1.55;
margin:0;color:var(--hk-ink)}
.hk-hmcta__text{margin:14px 0 0;font-size:15.5px;line-height:2;color:var(--hk-ink)}
.hk-hmcta__list{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.hk-hmcta__btn{
display:flex;align-items:center;gap:8px;padding:18px 28px;
background:var(--hk-white);border:var(--hk-border);border-radius:999px;
color:var(--hk-ink);font-weight:700;font-size:15.5px;line-height:1.7;
text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.hk-hmcta__btn:hover{
color:var(--hk-ink);transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-hmcta__arrow{color:var(--hk-tint-red-strong,#e2665f);flex:none}
@media (max-width:900px){
.hk-hmcta{padding:24px 20px;margin-top:24px}
.hk-hmcta__title{font-size:20px}
.hk-hmcta__text{font-size:15px}
.hk-hmcta__btn{padding:16px 20px;font-size:14.5px;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
.hk-hmcta__btn{transition:none}
.hk-hmcta__btn:hover{transform:none}
} .hk-linkcard-wrap{margin:28px 0}
.hk-article__body a.hk-linkcard,
a.hk-linkcard{
display:flex;flex-direction:column;max-width:360px;
background:var(--hk-white);border:var(--hk-border);border-radius:14px;overflow:hidden;
color:var(--hk-ink);text-decoration:none;
transition:transform .16s ease,box-shadow .16s ease}
a.hk-linkcard:hover{color:var(--hk-ink);transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-linkcard__img{display:block;aspect-ratio:1920/1006;border-bottom:var(--hk-border);overflow:hidden;background:var(--hk-cream)}
.hk-linkcard__img img{width:100%;height:100%;object-fit:cover;display:block;border:0!important;border-radius:0!important;margin:0}
.hk-linkcard__img--panel{display:flex;align-items:center;justify-content:center;
font-family:var(--hk-font-round);font-weight:700;font-size:24px;line-height:1.4}
.hk-linkcard__body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px}
.hk-linkcard__tag{display:block;background:none;border:0;padding:0;font-size:11px;font-weight:700;line-height:1.6;color:var(--hk-green)}
.hk-linkcard__title{font-family:var(--hk-font-round);font-weight:700;font-size:17px;line-height:1.5}
a.hk-linkcard:hover .hk-linkcard__title{color:var(--hk-green)}
.hk-linkcard__foot{display:flex;justify-content:space-between;align-items:center;
padding-top:10px;border-top:1px dashed var(--hk-line);font-size:12px;font-weight:700;color:var(--hk-ink-mute)}
.hk-linkcard__more{color:var(--hk-green)}
@media (max-width:600px){
a.hk-linkcard{max-width:none}
.hk-linkcard__title{font-size:15.5px}
.hk-linkcard__img--panel{font-size:20px}
}
@media (prefers-reduced-motion:reduce){a.hk-linkcard{transition:none}a.hk-linkcard:hover{transform:none}} .hk-article__body .wp-block-embed{margin:28px 0}
.hk-article__body .wp-block-embed__wrapper{display:block} .hk-article__body .hk-is-new{position:relative;padding-left:64px !important;overflow:visible}
.hk-newstamp{
position:absolute;left:-16px;top:-20px;width:64px;height:64px;border-radius:50%;
background:#e2665f;border:2px solid var(--hk-ink);color:#fff;
display:flex;align-items:center;justify-content:center;
font-family:var(--hk-font-round);font-weight:900;font-size:16px;letter-spacing:.04em;line-height:1;
transform:rotate(-12deg);pointer-events:none;
animation:hk-newblink 1.4s ease-in-out infinite} @keyframes hk-newblink{
0%,100%{opacity:1;transform:rotate(-12deg) scale(1)}
50%{opacity:.35;transform:rotate(-12deg) scale(.94)}}
@media (prefers-reduced-motion:reduce){.hk-newstamp{animation:none}}
@media (max-width:900px){
.hk-article__body .hk-is-new{padding-left:52px !important}
.hk-newstamp{left:-10px;top:-18px;width:52px;height:52px;font-size:13px}
} .hk-grid--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:1100px){.hk-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hk-grid--4{grid-template-columns:minmax(0,1fr)}} .hk-hero__catch{margin:0;line-height:1.6}
.hk-hero__catch::before{
content:"";position:absolute;left:24px;bottom:-9px;width:0;height:0;
border-style:solid;border-width:9px 7px 0 7px;border-color:var(--hk-ink) transparent transparent transparent}
.hk-hero__catch::after{
content:"";position:absolute;left:26px;bottom:-6px;width:0;height:0;
border-style:solid;border-width:6.5px 5px 0 5px;border-color:var(--hk-white) transparent transparent transparent;
background:none;transform:none} .hk-layout > .hk-side{align-self:stretch} .hk-toc{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto}
.hk-toc__list{list-style:none;margin:12px 0 0;padding:0;counter-reset:hk-toc;display:flex;flex-direction:column;gap:2px}
.hk-toc__item{counter-increment:hk-toc}
.hk-toc__item a{display:flex;gap:8px;padding:7px 10px;border-radius:8px;font-size:13.5px;font-weight:700;line-height:1.6;color:var(--hk-ink);text-decoration:none;transition:background .15s}
.hk-toc__item a::before{content:counter(hk-toc,decimal-leading-zero);flex:none;font-family:var(--hk-font-round);color:var(--hk-green)}
.hk-toc__item--sub{counter-increment:none}
.hk-toc__item--sub a{padding-left:38px;font-size:12.5px;font-weight:500;color:var(--hk-ink-sub)}
.hk-toc__item--sub a::before{content:"・";color:var(--hk-ink-mute)}
.hk-toc__item a:hover{background:var(--hk-cream);color:var(--hk-ink)}
.hk-toc__item a.is-active{background:var(--hk-tint-mint);color:var(--hk-ink)}
.hk-article__body h2,.hk-article__body h3{scroll-margin-top:100px}
html{scroll-behavior:smooth}
@media (max-width:900px){.hk-toc{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} .hk-toc-inline{margin:8px 0 40px;border:var(--hk-border);border-radius:var(--hk-radius);background:var(--hk-cream);padding:0}
.hk-toc-inline__head{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-family:var(--hk-font-round);font-weight:700;font-size:17px;color:var(--hk-ink)}
.hk-toc-inline__head::-webkit-details-marker{display:none}
.hk-toc-inline__head::after{content:"閉じる ▲";font-family:var(--hk-font);font-size:12px;color:var(--hk-ink-mute)}
.hk-toc-inline:not([open]) .hk-toc-inline__head::after{content:"開く ▼"}
.hk-toc-inline[open] .hk-toc-inline__head{border-bottom:1px dashed var(--hk-line)}
.hk-article__body .hk-toc-inline .hk-toc__list{margin:0;padding:12px 14px 16px}
.hk-article__body .hk-toc-inline .hk-toc__item{padding:0;border:0}
.hk-article__body .hk-toc-inline .hk-toc__item::before{content:none}
.hk-article__body .hk-toc-inline .hk-toc__item a{font-size:14.5px;text-decoration:none}
.hk-article__body .hk-toc-inline .hk-toc__item--sub a{font-size:13.5px}
.hk-toc-inline .hk-toc__item a.is-active{background:var(--hk-white)}
@media (max-width:900px){.hk-toc-inline__head{padding:14px 16px;font-size:16px}} @media (max-width:900px){.hk-profile-figure{align-self:start!important}} .hk-line-wrap{margin:28px 0;text-align:center}
.hk-article__body a.hk-line-btn,
a.hk-line-btn{
display:flex;align-items:center;justify-content:center;gap:14px;
width:100%;max-width:640px;margin:0 auto;box-sizing:border-box;
padding:18px 28px;background:#06C755;border:2px solid #33443f;border-radius:999px;
color:#fff;font-weight:700;font-size:18px;line-height:1.5;text-decoration:none;
transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.hk-article__body a.hk-line-btn:hover,
a.hk-line-btn:hover{
color:#fff;background:#05b34c;transform:translateY(-4px);box-shadow:0 6px 0 rgba(51,68,63,.85)}
.hk-line-btn__icon{
flex:none;position:relative;display:inline-flex;align-items:center;justify-content:center;
width:44px;height:34px;background:#fff;border-radius:50%/48%;
color:#06C755;font-size:11px;font-weight:900;letter-spacing:.02em;line-height:1}
.hk-line-btn__icon::after{
content:"";position:absolute;right:7px;bottom:-5px;width:10px;height:10px;background:#fff;
clip-path:polygon(100% 0,100% 100%,0 0)}
.hk-line-note{margin:10px 0 0;font-size:13px;color:var(--hk-ink-mute)}
@media (max-width:600px){
.hk-article__body a.hk-line-btn,a.hk-line-btn{font-size:16px;padding:16px 18px;gap:10px}
}
@media (prefers-reduced-motion:reduce){
a.hk-line-btn{transition:none} a.hk-line-btn:hover{transform:none}
} .hk-article__body .wp-block-columns ul{
display:block!important;gap:0!important;border:0!important;background:transparent!important;
padding:0!important;margin:0 0 8px!important}
.hk-article__body .wp-block-columns ul > li{
border:0!important;border-bottom:1px dashed #d9d1c0!important;border-radius:0!important;
background:transparent!important;box-shadow:none!important;transform:none!important;
padding:14px 4px!important;font-size:15px!important;font-weight:700!important;line-height:1.6!important;
color:#9aa39d!important}
.hk-article__body .wp-block-columns ul > li:hover{transform:none!important;box-shadow:none!important}
.hk-article__body .wp-block-columns ul > li::before{content:none!important;display:none!important} .hk-article__body .wp-block-columns ul > li a{
display:flex;align-items:center;justify-content:space-between;gap:12px;
margin:-14px -4px;padding:14px 4px;
color:var(--hk-green)!important;text-decoration:none!important;transition:color .15s ease}
.hk-article__body .wp-block-columns ul > li a::after{
content:"→";flex:none;color:var(--hk-green);transition:transform .15s ease}
.hk-article__body .wp-block-columns ul > li a:hover{color:var(--hk-ink)!important}
.hk-article__body .wp-block-columns ul > li a:hover::after{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
.hk-article__body .wp-block-columns ul > li a::after{transition:none}
} .hk-article__body .wp-block-columns ul{
display:flex!important;flex-direction:column!important;gap:8px!important}
.hk-article__body .wp-block-columns ul > li{
display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
padding:11px 12px 11px 18px!important;border:0!important;border-radius:10px!important;
background:#f7f5f0!important;color:#8b948f!important;
font-size:15px!important;font-weight:700!important;line-height:1.6!important}
.hk-article__body .wp-block-columns ul > li::after{
content:"準備中";flex:none;padding:6px 12px;font-size:12px;font-weight:700;color:#8b948f} .hk-article__body .wp-block-columns ul > li:has(a){padding:0!important;background:#eef7f4!important}
.hk-article__body .wp-block-columns ul > li:has(a)::after{content:none}
.hk-article__body .wp-block-columns ul > li a{
flex:1;display:flex!important;align-items:center;justify-content:space-between;gap:12px;
margin:0!important;padding:11px 12px 11px 18px!important;border-radius:10px;
background:#eef7f4;color:var(--hk-ink)!important;text-decoration:none!important;
transition:background .15s ease}
.hk-article__body .wp-block-columns ul > li a::after{
content:"指導案を見る →";flex:none;padding:6px 12px;border-radius:999px;background:#fff;
font-size:12px;font-weight:700;color:var(--hk-green);transform:none!important;
transition:background .15s ease,color .15s ease}
.hk-article__body .wp-block-columns ul > li a:hover{background:#dcefe9;color:var(--hk-ink)!important}
.hk-article__body .wp-block-columns ul > li a:hover::after{background:var(--hk-green);color:#fff;transform:none!important}
@media (max-width:600px){
.hk-article__body .wp-block-columns ul > li,
.hk-article__body .wp-block-columns ul > li a{font-size:14.5px!important}
.hk-article__body .wp-block-columns ul > li a::after,
.hk-article__body .wp-block-columns ul > li::after{padding:5px 10px;font-size:11.5px}
} @media (min-width:1101px){
.hk-wrap.hk-wrap--wide{max-width:1680px;width:100%;box-sizing:border-box;padding-left:40px;padding-right:40px}
.hk-unitgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start}
.hk-unitgrid .hk-unitcard__list a{font-size:14px}
} .hk-unitcard__list .hk-unitcard__soon{
display:block;padding:13px 0;position:relative;
font-size:14.5px;font-weight:700;color:#9aa39d;line-height:1.7;cursor:default}
@media (min-width:1101px){.hk-unitgrid .hk-unitcard__list .hk-unitcard__soon{font-size:14px}}
.hk-unitcard__list .hk-unitcard__soon .hk-unitcard__badge{opacity:.6}
.hk-unitcard__note{float:right;margin-left:8px;font-size:11.5px;font-weight:700;color:#9aa39d}