:root{--main:#4a9e8f;--main-dark:#245e53;--main-thin:#eef6f3;--text:#22302d;--link:#146878;--bg:#fbfcfb;--white:#fff;--border:#e3e8e6;--gray:#5f6b68;--faint:#8b9693;--comment-bg:#dbefce;--radius:4px;--font:"游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8}a{color:var(--link)}img{vertical-align:middle;max-width:100%;height:auto}.container{width:100%;max-width:720px;margin:0 auto;padding:0 16px}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.site-header__name{color:var(--main-dark);letter-spacing:.05em;align-items:center;gap:8px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.site-header__inner{position:relative}.menu__button{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;margin-right:-10px;list-style:none;display:flex}.menu__button::-webkit-details-marker{display:none}.menu__icon,.menu__icon:before,.menu__icon:after{background:var(--main-dark);border-radius:1px;width:22px;height:2px;display:block}.menu__icon{position:relative}.menu__icon:before,.menu__icon:after{content:"";position:absolute;left:0}.menu__icon:before{top:-7px}.menu__icon:after{top:7px}.menu[open] .menu__icon{background:0 0}.menu[open] .menu__icon:before{top:0;transform:rotate(45deg)}.menu[open] .menu__icon:after{top:0;transform:rotate(-45deg)}.menu__panel{z-index:10;background:var(--white);border-top:1px solid var(--border);padding:8px 16px 16px;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #00000014}.menu__heading{border-left:4px solid var(--main);color:var(--main-dark);margin:16px 0 8px;padding-left:8px;font-size:14px;font-weight:700;line-height:1.4}.menu__list{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.menu__list a{background:var(--main-thin);border-radius:var(--radius);color:var(--main-dark);padding:8px 12px;font-size:14px;text-decoration:none;display:block}.menu__sub{border-top:1px solid var(--border);margin:16px 0 0;padding:8px 0 0;list-style:none}.menu__sub a{color:var(--gray);padding:8px 0;font-size:13px;text-decoration:none;display:block}@media (width>=600px){.menu__panel{border:1px solid var(--border);border-radius:var(--radius);width:320px;left:auto}}.site-footer{border-top:1px solid var(--border);color:var(--gray);margin-top:56px;padding:28px 0;font-size:13px}.site-footer__nav{flex-wrap:wrap;gap:6px 20px;display:flex}.site-footer a{color:var(--gray);text-decoration:none}.site-footer__copy{margin:16px 0 0}.layout{padding-top:20px}.main{min-width:0}.breadcrumb ol{color:var(--gray);flex-wrap:wrap;margin:0 0 16px;padding:0;font-size:12px;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin:0 8px}.breadcrumb a,.breadcrumb span{color:var(--gray);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.icon{flex:none;width:12px;height:12px}.page-title{align-items:center;gap:8px;margin:0 0 24px;font-size:22px;line-height:1.4;display:flex}.page-title .icon{width:18px;height:18px;color:var(--gray)}.list-hero{background:var(--cbg);border-radius:14px;height:112px;margin:0 0 24px;padding:20px;position:relative;overflow:hidden}.list-hero__title{z-index:1;color:var(--t);margin:0;font-size:24px;line-height:1.3;position:relative}.list-hero img{border-radius:50%;width:130px;height:130px;position:absolute;bottom:-26px;right:-10px}.post__title{letter-spacing:.01em;margin:0 0 12px;font-size:22px;line-height:1.45}@media (width>=600px){.post__title{font-size:26px}}.post__terms{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;line-height:1.8;display:flex}.post__cat,.post__tag{border-radius:2px;align-items:center;gap:4px;padding:2px 8px;text-decoration:none;display:inline-flex}.post__cat{background:var(--t,var(--main));color:#fff}.post__tag{color:var(--gray);background:#eef0f0}.post__dates{color:var(--faint);font-variant-numeric:tabular-nums;gap:12px;margin:0 0 20px;font-size:12px;display:flex}.post__eyecatch{border-radius:12px;width:100%;height:auto;margin-bottom:28px;display:block}.post__body{font-size:16px;line-height:1.9}.post__body>*{margin:0 0 1.5em}.post__body h2{background:var(--main);color:#fff;border-radius:2px;margin:2.6em 0 1.2em;padding:18px 20px;font-size:19px;line-height:1.45}.post__body h3{border-left:4px solid var(--main);margin:2.2em 0 1em;padding:2px 0 2px 12px;font-size:17px;line-height:1.5}.post__body h4{margin:1.8em 0 .6em;font-size:16px}.post__body h2,.post__body h3{scroll-margin-top:72px}.post__body ul,.post__body ol{padding-left:1.4em}.post__body>ul,.post__body>ol{background:var(--main-thin);border-radius:12px;padding:16px 18px 16px 2.4em}.post__body li+li{margin-top:.35em}.post__body li::marker{color:var(--main)}.post__body strong{background:linear-gradient(#0000 62%,#d8efe8 62%)}.post__body hr{border:0;border-top:1px solid var(--border);margin:3em 0}.post__body blockquote{color:var(--gray);background:#f3f5f4;border-radius:8px;margin-left:0;padding:12px 16px}.post__body table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.table-scroll,.exam-table{overflow-x:auto}.post__body th,.post__body td{border:1px solid var(--border);text-align:left;vertical-align:top;background:#fff;padding:.5em .75em}.post__body thead th{background:#eef1f0;font-weight:700}.post__body tbody th{font-weight:700}.summary-box{background:var(--main-thin);border-radius:12px;margin:0 0 1.8em;padding:16px 18px}.summary-box__label{color:var(--main-dark);letter-spacing:.08em;margin:0 0 6px;font-size:13px;font-weight:700}.summary-box ul{margin:0;padding-left:1.2em}.summary-box__text{margin:0}.toc{background:#eef1f0;border-radius:20px;margin:0 0 2.4em;padding:20px}.toc__label{background:var(--main-dark);color:#fff;text-align:center;border-radius:50px;width:fit-content;min-width:200px;margin:0 auto 14px;padding:2px 16px;font-size:14px;font-weight:700}.toc>ol{counter-reset:toc;margin:0;padding:0;list-style:none}.toc>ol>li{counter-increment:toc;grid-template-columns:2em minmax(0,1fr);align-items:center;column-gap:.6em;margin-top:10px;display:grid}.toc>ol>li>ol{grid-column:2}.toc>ol>li:before{content:counter(toc);border-right:1px solid var(--main);color:var(--main);text-align:center;font-variant-numeric:tabular-nums;align-self:center;padding-right:.3em;font-size:14px;font-weight:700;line-height:1.4}.toc>ol>li>a{font-size:14.5px;font-weight:700;line-height:1.6}.toc ol ol{margin:6px 0 0;padding:0;font-size:13.5px;line-height:1.6;list-style:none}.toc ol ol li{padding-left:1em;position:relative}.toc ol ol li+li{margin-top:4px}.toc ol ol li:before{content:"";border-left:6px solid var(--main);border-top:4px solid #0000;border-bottom:4px solid #0000;position:absolute;top:.5em;left:0}.toc a{color:var(--text);text-decoration:none}.toc a:hover{color:var(--main);text-decoration:underline}.editor-comment{border:1px solid #cfe5dd;border-radius:12px;margin:0 0 1.5em;padding:14px 16px;font-size:15px;line-height:1.8}.editor-comment>*{margin:0 0 .8em}.editor-comment>:last-child{margin-bottom:0}.editor-comment__label{font-size:13px;font-weight:700}.blog-card{border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:12px;grid-template-columns:38% minmax(0,1fr);align-items:center;gap:12px;margin:0 0 1.5em;padding:10px;text-decoration:none;display:grid}.blog-card:hover .blog-card__title{text-decoration:underline}.blog-card__thumb img{aspect-ratio:1200/630;object-fit:cover;border-radius:8px;width:100%;display:block}.blog-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.blog-card__title{font-size:14px;font-weight:700;line-height:1.55}.blog-card__desc{color:var(--gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=599px){.blog-card__desc{display:none}}.exam-table,.exam-chart{margin:0 0 1.5em}.exam-table table{margin-bottom:.4em}.exam-chart{border:1px solid var(--border);background:var(--white);border-radius:12px;padding:14px 16px}.exam-chart__title{margin:0 0 6px;font-size:14px;font-weight:700}.exam-chart .exam-chart__rows{margin:0 0 8px;padding:0;list-style:none}.exam-chart .exam-chart__row{grid-template-columns:3.5em 1fr 4.2em;align-items:center;gap:8px;margin:0;padding:3px 0;font-size:14px;display:grid}.exam-chart__label{text-align:right}.exam-chart__track{background:#f1f4f3;border-radius:7px;height:14px}.exam-chart__bar{background:#c9e3dd;border-radius:7px;height:100%;display:block}.exam-chart__value{font-variant-numeric:tabular-nums}.exam-chart__row.is-on .exam-chart__bar{background:var(--main)}.exam-chart__row.is-on .exam-chart__label,.exam-chart__row.is-on .exam-chart__value{font-weight:700}.exam-chart--score .exam-chart__row{grid-template-columns:6.2em 1fr 6.8em}.exam-chart--score .exam-chart__label{white-space:nowrap}.exam-chart--score .exam-chart__value small{color:var(--faint);font-size:12px;font-weight:400}.share{flex-wrap:wrap;gap:8px;margin:40px 0 32px;display:flex}.share>*{border:1px solid var(--border);background:var(--white);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none}.share>:hover{border-color:var(--main);color:var(--main-dark)}.post-nav{grid-template-columns:1fr 1fr;gap:12px;margin:32px 0;display:grid}.post-nav a{color:var(--text);font-size:13px;line-height:1.55;text-decoration:none;display:block}.post-nav a:hover{text-decoration:underline}.post-nav span{color:var(--faint);margin-bottom:4px;font-size:11px;display:block}.post-nav__newer{text-align:right}.section-title,.sec-head h2{letter-spacing:.02em;margin:0 0 14px;font-size:19px;line-height:1.4}.sec-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;display:flex}.sec-head h2{margin:0}.sec-head a{color:var(--main);flex:none;font-size:13px;text-decoration:none}.sec-note{color:var(--faint);margin:-6px 0 14px;font-size:12px}.related{margin-top:48px}.article-list,.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.article-card a,.cards a{color:var(--text);text-decoration:none;display:block}.article-card img,.cards img{aspect-ratio:1200/630;object-fit:cover;border-radius:8px;width:100%;margin-bottom:8px;display:block}.article-card__title,.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.article-card__meta,.card-meta{color:var(--faint);margin-top:4px;font-size:12px;display:block}.article-card a:hover .article-card__title,.cards a:hover .clamp,.ranking a:hover .clamp{text-decoration:underline}@media (width>=600px){.article-list,.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin:32px 0;display:flex}.pagination>*{border:1px solid var(--border);min-width:40px;color:var(--text);text-align:center;background:#fff;border-radius:8px;padding:6px 10px;text-decoration:none}.pagination [aria-current]{background:var(--main-dark);border-color:var(--main-dark);color:#fff;font-weight:700}.main-visual{background:linear-gradient(135deg, var(--main-thin), #fff);padding:40px 0;position:relative;overflow:hidden}.main-visual:after{content:"";aspect-ratio:178/146;opacity:.14;pointer-events:none;background:url(/images/site/logo.svg) 50%/contain no-repeat;width:240px;position:absolute;bottom:-24px;right:-48px}.main-visual__inner{z-index:1;position:relative}.main-visual__title{color:var(--main-dark);margin:0 0 12px;font-size:26px;line-height:1.4}.main-visual__text{max-width:30em;margin:0;font-size:14px}@media (width>=960px){.main-visual{padding:72px 0}.main-visual:after{opacity:.2;width:360px;bottom:50%;right:max(24px,50% - 560px);transform:translateY(50%)}.main-visual__title{font-size:36px}.main-visual__text{font-size:15px}}.home{gap:48px;padding-top:8px;display:grid}.cat-kanken{--t:#4d7a4d;--m:#8cbf8c;--cbg:#e6f1de}.cat-eiken{--t:#3f6b8f;--m:#84aed3;--cbg:#dcecf8}.cat-shikisai{--t:#a0616a;--m:#e3a3a3;--cbg:#f8e8e3}.cat-boki{--t:#a3603f;--m:#dfa27f;--cbg:#f7e7d6}.cat-itpassport{--t:#555fa3;--m:#9ba3dc;--cbg:#e3e7f8}.cat-fp{--t:#5f7a52;--m:#a9c08f;--cbg:#ecefdc}.cat-matome{--t:#7d6a4f;--m:#c9b18f;--cbg:#f1efe1}.cat-text{color:var(--t);font-weight:700}.exam-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.exam-tiles li:last-child:nth-child(odd){grid-column:1/-1}.exam-tiles a{background:var(--cbg);border-radius:14px;height:108px;padding:14px 16px;text-decoration:none;display:block;position:relative;overflow:hidden}.exam-tiles img{border-radius:50%;width:112px;height:112px;transition:transform .2s;position:absolute;bottom:-22px;right:-18px}.exam-tiles li:last-child:nth-child(odd) img{right:8px}.exam-tiles__name{z-index:1;color:var(--t);font-size:17px;font-weight:700;line-height:1.3;display:block;position:relative}.exam-tiles__note{z-index:1;color:var(--gray);margin-top:4px;font-size:12px;display:block;position:relative}.exam-tiles a:hover img{transform:rotate(-4deg)scale(1.04)}.ranking{gap:14px;margin:0;padding:0;list-style:none;display:grid}.ranking a{color:var(--text);grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;text-decoration:none;display:grid}.ranking__img{position:relative}.ranking__img img{aspect-ratio:1200/630;object-fit:cover;border-radius:8px;width:100%;display:block}.ranking__body .cat-text{margin-top:4px;font-size:12px;display:block}.ranking__top a{grid-template-columns:1fr;gap:10px}.ranking__top .ranking__img img{border-radius:12px}.ranking__top .ranking__top .clamp{font-size:16px}.hours{gap:4px;margin:0;padding:0;list-style:none;display:grid}.hours a{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;text-decoration:none;display:grid}.hours__name{color:var(--t);font-size:13px;font-weight:700;line-height:1.3}.hours__track{background:#f1f4f3;border-radius:13px;height:26px;position:relative}.hours__bar{height:26px;top:0;left:calc(var(--a) / var(--max) * 100%);width:calc((var(--b) - var(--a)) / var(--max) * 100%);background:var(--m);border-radius:13px;position:absolute}.hours__value{top:0;left:calc(var(--b) / var(--max) * 100% + 6px);color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;line-height:26px;position:absolute}.hours__value.is-in{left:auto;right:calc(100% - var(--b) / var(--max) * 100% + 8px);color:#fff}.dmap{width:100%;height:auto;display:block}.dmap text{font-family:var(--font)}.dmap__axis{fill:var(--faint)}.dmap__label{fill:var(--text)}.dmap__legend{color:var(--gray);flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;font-size:12px;display:flex}.dmap__legend span{align-items:center;gap:6px;display:inline-flex}.dmap__legend i{border:2px solid var(--gray);background:var(--gray);border-radius:50%;width:10px;height:10px}.dmap__legend i.is-ring{background:#fff}.dmap__list{border-top:1px solid var(--border);margin:12px 0 0;padding:0;list-style:none}.dmap__list li{border-bottom:1px solid var(--border)}.dmap__list a{color:var(--text);grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding-block:10px;text-decoration:none;display:grid}.dmap__name{font-weight:700}.dmap__type{background:var(--type-fill);color:var(--type-ink);border-radius:999px;align-self:center;padding:2px 10px;font-size:12px;font-weight:700}.dmap__basis{color:var(--gray);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:12px}@media (width>=600px){.exam-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.exam-tiles li:last-child:nth-child(odd){grid-column:auto}.exam-tiles li:last-child:nth-child(odd) img{right:-18px}.ranking a{grid-template-columns:180px minmax(0,1fr)}.ranking__top a{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.exam-tiles img{transition:none}.exam-tiles a:hover img{transform:none}}.contact-button a{background:var(--main);color:#fff;text-align:center;border-radius:8px;max-width:360px;margin:24px auto;padding:14px;font-weight:700;text-decoration:none;display:block}.main-visual__title .line{display:block}.draft-note{color:#7a5a00;background:#fff4d6;border-radius:8px;margin:0 0 16px;padding:8px 12px;font-size:13px;font-weight:700}.post--page .post__body h2{border-left:4px solid var(--main);color:var(--text);background:0 0;border-radius:0;padding:2px 0 2px 12px;font-size:19px}.post--page .post__body h3{border-left:0;padding:0;font-size:16px}
