/* CAREER GUIDE — unified responsive design for Hatena Blog free plan */
:root{--ink:#102238;--navy:#0b1c32;--blue:#2563eb;--cyan:#49d4dd;--paper:#f3f6fa;--muted:#64748b;--line:#e3e9f1;--white:#fff;--radius:18px;--shadow:0 14px 44px rgba(15,35,65,.065)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:#1757bd;transition:color .2s ease,opacity .2s ease}
a:hover{color:#0b8eae}
#blog-title{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:76px 24px 72px;text-align:center;background:linear-gradient(120deg,#081a30 0%,#123656 62%,#0b5367 100%);color:white}
#blog-title:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 15%,rgba(73,212,221,.22),transparent 32%),radial-gradient(circle at 10% 95%,rgba(37,99,235,.24),transparent 45%)}
#blog-title:after{content:"CAREER  /  WORK  /  FUTURE";display:block;margin:23px auto 0;font-size:11px;font-weight:800;letter-spacing:.3em;color:#9ee6ea}
#title{margin:0;font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.4;letter-spacing:.025em}
#title a,#blog-title a,#blog-description{color:#fff!important;text-decoration:none}
#blog-description{max-width:700px;margin:16px auto 0;color:#d2e5ee!important;font-size:14px;line-height:1.9}
#content{max-width:1160px;margin:38px auto;padding:0 20px}
#content-inner{gap:28px}
#main{min-width:0}
.entry,.archive-entry{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:34px 38px;margin-bottom:26px;box-shadow:var(--shadow);overflow:hidden}
.entry:before,.archive-entry:before{content:"";position:absolute;left:0;top:0;width:5px;height:80px;background:linear-gradient(180deg,var(--cyan),var(--blue));border-radius:0 0 6px 0}
.entry-title,.archive-entry-title{margin:8px 0 14px;font-size:clamp(23px,2.4vw,31px);font-weight:900;line-height:1.5;letter-spacing:-.025em}
.entry-title a,.archive-entry-title a{color:var(--ink);text-decoration:none}
.entry-title a:hover,.archive-entry-title a:hover{color:var(--blue)}
.date,.date a,.entry-date,.entry-date a{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.04em}
.entry-content{font-size:16px;line-height:2.05;overflow-wrap:anywhere}
.entry-content>p:first-child{font-size:1.04em}
.entry-content h2{position:relative;margin:2.6em 0 1.2em;padding:18px 20px 18px 24px;border:0;border-left:5px solid var(--cyan);border-radius:9px;background:#edf4fb;color:var(--navy);font-size:1.42em;font-weight:900;line-height:1.55}
.entry-content h3{margin:2.1em 0 .9em;padding:0 0 12px;border:0;border-bottom:2px solid var(--line);color:var(--navy);font-size:1.2em;font-weight:850;line-height:1.6}
.entry-content h3:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:2px;background:var(--blue);vertical-align:middle}
.entry-content h4{font-weight:800;color:#163c5d}
.entry-content p{margin:1.15em 0}
.entry-content strong{font-weight:800;color:#122d4e}
.entry-content blockquote{margin:1.8em 0;padding:20px 24px;border:1px solid #d9e8f2;border-left:4px solid #4b9db7;border-radius:10px;background:#f6fafc;color:#345066}
.entry-content a{text-decoration-thickness:1px;text-underline-offset:4px}
.entry-content img{max-width:100%;height:auto;border-radius:12px}
.entry-content ul,.entry-content ol{padding-left:1.6em}
.entry-content li{margin:.5em 0;padding-left:.15em}
.entry-content li::marker{color:var(--blue)}
.entry-content table{display:block;max-width:100%;width:100%;overflow-x:auto;border-collapse:collapse;white-space:nowrap;font-size:.93em}
.entry-content th,.entry-content td{padding:13px 16px;border:1px solid var(--line);text-align:left}
.entry-content th{background:#142c46;color:#fff;font-weight:800}
.entry-content tr:nth-child(even) td{background:#f6f9fd}
.entry-content .hatena-asin-detail,.entry-content .embed-wrapper{max-width:100%}
.categories a,.entry-categories a,.archive-entry .categories a{display:inline-block;margin:4px 6px 4px 0;padding:4px 12px;border:1px solid #d5e7f7;border-radius:99px;background:#eaf4fd;color:#215c91;text-decoration:none;font-size:12px;font-weight:750}
.categories a:hover,.entry-categories a:hover{background:#d7ecfb}
.hatena-module{padding:24px;margin-bottom:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(15,35,65,.04)}
.hatena-module-title{margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid var(--line);color:var(--navy);font-size:16px;font-weight:900;letter-spacing:.03em}
.hatena-module-title:before{content:"";display:inline-block;width:4px;height:16px;margin-right:10px;border-radius:3px;background:var(--cyan);vertical-align:-2px}
.hatena-module ul{padding-left:1.25em}
.hatena-module li{margin-bottom:8px}
.hatena-module a{text-decoration:none}
#globalheader-container,#globalheader{max-width:100%}
#blog-title-inner{max-width:1050px;margin:auto}
#footer{padding:24px 12px;color:#73859a;text-align:center;font-size:12px}
a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:3px}
/* Top page: display clickable article titles as image cards. */
.page-index .entry-content,.page-index .entry-footer{display:none!important}
.page-index .hentry{background:#fff;border:1px solid #dfe9f2;border-radius:14px;padding:15px;margin-bottom:14px;box-shadow:0 4px 12px rgba(16,54,90,.07);overflow:hidden}
.page-index .entry-title{font-size:19px;line-height:1.55;margin:6px 0;font-weight:800}
.page-index .entry-title a{color:#173b63;text-decoration:none}
.page-index .entry-title a:hover{color:#0875ae;text-decoration:underline}
.page-index .entry-title:before{content:"";display:block;width:100%;height:160px;margin-bottom:13px;border-radius:9px;background:#eaf3fc center/cover no-repeat}
/* Embedded original illustration: no external image host or GitHub request needed. */
.page-index .entry-title:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20360%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23123454%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23146b83%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22900%22%20height%3D%22360%22%20rx%3D%2222%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Ccircle%20cx%3D%22760%22%20cy%3D%2270%22%20r%3D%22145%22%20fill%3D%22%23ffffff%22%20opacity%3D%22.06%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22340%22%20r%3D%22170%22%20fill%3D%22%2351d4de%22%20opacity%3D%22.13%22%2F%3E%3Crect%20x%3D%2276%22%20y%3D%2272%22%20width%3D%22435%22%20height%3D%22220%22%20rx%3D%2219%22%20fill%3D%22%23ffffff%22%20opacity%3D%22.97%22%2F%3E%3Crect%20x%3D%22106%22%20y%3D%22106%22%20width%3D%22145%22%20height%3D%2217%22%20rx%3D%228%22%20fill%3D%22%2344b9d0%22%2F%3E%3Crect%20x%3D%22106%22%20y%3D%22145%22%20width%3D%22338%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23d4e2ee%22%2F%3E%3Crect%20x%3D%22106%22%20y%3D%22174%22%20width%3D%22290%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23d4e2ee%22%2F%3E%3Crect%20x%3D%22106%22%20y%3D%22203%22%20width%3D%22314%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23d4e2ee%22%2F%3E%3Crect%20x%3D%22106%22%20y%3D%22243%22%20width%3D%22132%22%20height%3D%2227%22%20rx%3D%2213%22%20fill%3D%22%232563eb%22%2F%3E%3Crect%20x%3D%22582%22%20y%3D%22121%22%20width%3D%22226%22%20height%3D%22151%22%20rx%3D%2218%22%20fill%3D%22%23c7edf3%22%2F%3E%3Crect%20x%3D%22601%22%20y%3D%22140%22%20width%3D%22188%22%20height%3D%22111%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20x%3D%22623%22%20y%3D%22215%22%20width%3D%2232%22%20height%3D%2219%22%20rx%3D%225%22%20fill%3D%22%234cc9d7%22%2F%3E%3Crect%20x%3D%22665%22%20y%3D%22190%22%20width%3D%2232%22%20height%3D%2244%22%20rx%3D%225%22%20fill%3D%22%232d8dc1%22%2F%3E%3Crect%20x%3D%22707%22%20y%3D%22165%22%20width%3D%2232%22%20height%3D%2269%22%20rx%3D%225%22%20fill%3D%22%231b507b%22%2F%3E%3Cpath%20d%3D%22M560%20279h272l-18%2014H578z%22%20fill%3D%22%239ed7e5%22%2F%3E%3Ccircle%20cx%3D%22735%22%20cy%3D%2283%22%20r%3D%2236%22%20fill%3D%22%23f3c28c%22%2F%3E%3Cpath%20d%3D%22M685%20128q50-36%20100%200v24H685z%22%20fill%3D%22%2358c6d5%22%2F%3E%3C%2Fsvg%3E")}
@media(min-width:850px){.page-index .entry-title:before{height:205px}}
@media(max-width:767px){#blog-title{padding:52px 18px 48px}#blog-title:after{font-size:9px;letter-spacing:.18em}#title{font-size:clamp(23px,6vw,31px)}#blog-description{font-size:12px}#content{margin:18px auto;padding:0 12px}.entry,.archive-entry{padding:24px 19px;margin-bottom:16px;border-radius:14px}.entry-title,.archive-entry-title{font-size:23px}.entry-content{font-size:15px;line-height:1.95}.entry-content h2{font-size:1.22em;padding:15px 15px 15px 18px}.entry-content h3{font-size:1.1em}.hatena-module{padding:20px;border-radius:14px}.page-index .hentry{padding:12px;margin-bottom:11px}.page-index .entry-title{font-size:17px}.page-index .entry-title:before{height:135px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}
/* ========================================
   記事一覧：外部通信不要のイラスト
   ======================================== */
.page-index .entry-content,.page-index .entry-footer{display:none!important}
.page-index .entry-title::before{content:"";display:block;width:100%;height:170px;margin-bottom:15px;border-radius:12px;background-color:#123454;background-position:center;background-size:cover;background-repeat:no-repeat}
.page-index .hentry:nth-of-type(1) .entry-title::before,.page-index .hentry:nth-child(1) .entry-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20340%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%230c2949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23087d9b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22900%22%20height%3D%22340%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Ccircle%20cx%3D%22810%22%20cy%3D%2240%22%20r%3D%22160%22%20fill%3D%22%2335bed2%22%20opacity%3D%22.23%22%2F%3E%3Ccircle%20cx%3D%22570%22%20cy%3D%22330%22%20r%3D%22180%22%20fill%3D%22%236acbdc%22%20opacity%3D%22.15%22%2F%3E%3Crect%20x%3D%2260%22%20y%3D%2266%22%20width%3D%22380%22%20height%3D%22218%22%20rx%3D%2217%22%20fill%3D%22%23f3f9ff%22%2F%3E%3Crect%20x%3D%2292%22%20y%3D%2299%22%20width%3D%22215%22%20height%3D%2218%22%20rx%3D%229%22%20fill%3D%22%233db8cb%22%2F%3E%3Crect%20x%3D%2292%22%20y%3D%22142%22%20width%3D%22285%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23a8c7dc%22%2F%3E%3Crect%20x%3D%2292%22%20y%3D%22172%22%20width%3D%22230%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23a8c7dc%22%2F%3E%3Crect%20x%3D%2292%22%20y%3D%22202%22%20width%3D%22270%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23a8c7dc%22%2F%3E%3Crect%20x%3D%2292%22%20y%3D%22240%22%20width%3D%22140%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%231d7eac%22%2F%3E%3Ccircle%20cx%3D%22615%22%20cy%3D%22112%22%20r%3D%2245%22%20fill%3D%22%23f1c6a8%22%2F%3E%3Cpath%20d%3D%22M570%20102q-5-68%2057-57q43%206%2036%2065l-19-21-65%2024%22%20fill%3D%22%2311283f%22%2F%3E%3Cpath%20d%3D%22M520%20296q0-124%2095-124t95%20124%22%20fill%3D%22%23eef7ff%22%2F%3E%3Cpath%20d%3D%22M570%20180l45%2080%2045-80%22%20fill%3D%22%231e4e77%22%2F%3E%3Ccircle%20cx%3D%22745%22%20cy%3D%22200%22%20r%3D%2261%22%20fill%3D%22none%22%20stroke%3D%22%23d7f7ff%22%20stroke-width%3D%2217%22%2F%3E%3Cpath%20d%3D%22M786%20245l65%2065%22%20stroke%3D%22%23d7f7ff%22%20stroke-width%3D%2220%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
.page-index .hentry:nth-of-type(2) .entry-title::before,.page-index .hentry:nth-child(2) .entry-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20340%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%230c2949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23087d9b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22900%22%20height%3D%22340%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Ccircle%20cx%3D%22810%22%20cy%3D%2240%22%20r%3D%22160%22%20fill%3D%22%2335bed2%22%20opacity%3D%22.23%22%2F%3E%3Ccircle%20cx%3D%22570%22%20cy%3D%22330%22%20r%3D%22180%22%20fill%3D%22%236acbdc%22%20opacity%3D%22.15%22%2F%3E%3Crect%20x%3D%2260%22%20y%3D%2275%22%20width%3D%22335%22%20height%3D%22195%22%20rx%3D%2218%22%20fill%3D%22%23e9f6ff%22%2F%3E%3Crect%20x%3D%2282%22%20y%3D%2296%22%20width%3D%22290%22%20height%3D%22145%22%20rx%3D%2210%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%22111%22%20y%3D%22195%22%20width%3D%2236%22%20height%3D%2226%22%20rx%3D%225%22%20fill%3D%22%2350c5d6%22%2F%3E%3Crect%20x%3D%22165%22%20y%3D%22163%22%20width%3D%2236%22%20height%3D%2258%22%20rx%3D%225%22%20fill%3D%22%233298bc%22%2F%3E%3Crect%20x%3D%22219%22%20y%3D%22125%22%20width%3D%2236%22%20height%3D%2296%22%20rx%3D%225%22%20fill%3D%22%231b527e%22%2F%3E%3Crect%20x%3D%22270%22%20y%3D%22151%22%20width%3D%2236%22%20height%3D%2270%22%20rx%3D%225%22%20fill%3D%22%2350c5d6%22%2F%3E%3Ccircle%20cx%3D%22622%22%20cy%3D%22107%22%20r%3D%2243%22%20fill%3D%22%23efc4a5%22%2F%3E%3Cpath%20d%3D%22M578%2099q-3-66%2050-61q51%206%2039%2064l-20-24-61%2027%22%20fill%3D%22%2310293e%22%2F%3E%3Cpath%20d%3D%22M510%20292q6-119%20111-119q105%200%20111%20119%22%20fill%3D%22%23d9efff%22%2F%3E%3Cpath%20d%3D%22M573%20184l48%2072%2048-72%22%20fill%3D%22%231d547f%22%2F%3E%3Crect%20x%3D%22724%22%20y%3D%22187%22%20width%3D%22125%22%20height%3D%2285%22%20rx%3D%2212%22%20fill%3D%22%23e8faff%22%2F%3E%3Crect%20x%3D%22745%22%20y%3D%22210%22%20width%3D%2280%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%2352bbcc%22%2F%3E%3Crect%20x%3D%22745%22%20y%3D%22238%22%20width%3D%2260%22%20height%3D%229%22%20rx%3D%224%22%20fill%3D%22%23a8c9d9%22%2F%3E%3C%2Fsvg%3E")!important}
.page-index .hentry:nth-of-type(3) .entry-title::before,.page-index .hentry:nth-child(3) .entry-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20340%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%230c2949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23087d9b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22900%22%20height%3D%22340%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Ccircle%20cx%3D%22810%22%20cy%3D%2240%22%20r%3D%22160%22%20fill%3D%22%2335bed2%22%20opacity%3D%22.23%22%2F%3E%3Ccircle%20cx%3D%22570%22%20cy%3D%22330%22%20r%3D%22180%22%20fill%3D%22%236acbdc%22%20opacity%3D%22.15%22%2F%3E%3Ccircle%20cx%3D%22550%22%20cy%3D%22110%22%20r%3D%2242%22%20fill%3D%22%23f3c9ac%22%2F%3E%3Cpath%20d%3D%22M510%20110q-15-79%2041-76q65%200%2044%2085l-18-40-54%2038%22%20fill%3D%22%23543d40%22%2F%3E%3Cpath%20d%3D%22M451%20288q0-122%2099-122t99%20122%22%20fill%3D%22%23e8f8ff%22%2F%3E%3Cpath%20d%3D%22M501%20178l49%2079%2049-79%22%20fill%3D%22%231a527e%22%2F%3E%3Ccircle%20cx%3D%22752%22%20cy%3D%22115%22%20r%3D%2242%22%20fill%3D%22%23efc2a3%22%2F%3E%3Cpath%20d%3D%22M710%20103q3-65%2054-59q42%205%2034%2067l-27-29-53%2030%22%20fill%3D%22%23102b43%22%2F%3E%3Cpath%20d%3D%22M650%20288q0-121%20101-121t101%20121%22%20fill%3D%22%23d0ebfb%22%2F%3E%3Crect%20x%3D%2277%22%20y%3D%2273%22%20width%3D%22290%22%20height%3D%22206%22%20rx%3D%2217%22%20fill%3D%22%23f5fbff%22%2F%3E%3Crect%20x%3D%22111%22%20y%3D%22110%22%20width%3D%22206%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%2341b6cc%22%2F%3E%3Crect%20x%3D%22111%22%20y%3D%22152%22%20width%3D%22187%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%239bbbd3%22%2F%3E%3Crect%20x%3D%22111%22%20y%3D%22181%22%20width%3D%22170%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%239bbbd3%22%2F%3E%3Crect%20x%3D%22111%22%20y%3D%22210%22%20width%3D%22190%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%239bbbd3%22%2F%3E%3Ccircle%20cx%3D%22337%22%20cy%3D%2255%22%20r%3D%2231%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M324%2055l9%209%2016-20%22%20fill%3D%22none%22%20stroke%3D%22%232db4a9%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
.page-index .hentry:nth-of-type(4) .entry-title::before,.page-index .hentry:nth-child(4) .entry-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20340%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%230c2949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23087d9b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22900%22%20height%3D%22340%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Ccircle%20cx%3D%22810%22%20cy%3D%2240%22%20r%3D%22160%22%20fill%3D%22%2335bed2%22%20opacity%3D%22.23%22%2F%3E%3Ccircle%20cx%3D%22570%22%20cy%3D%22330%22%20r%3D%22180%22%20fill%3D%22%236acbdc%22%20opacity%3D%22.15%22%2F%3E%3Crect%20x%3D%2272%22%20y%3D%2265%22%20width%3D%22240%22%20height%3D%22202%22%20rx%3D%2217%22%20fill%3D%22%23f4fbff%22%2F%3E%3Crect%20x%3D%22105%22%20y%3D%22100%22%20width%3D%22173%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%2346c0d0%22%2F%3E%3Crect%20x%3D%22105%22%20y%3D%22139%22%20width%3D%22160%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23a9c9da%22%2F%3E%3Crect%20x%3D%22105%22%20y%3D%22166%22%20width%3D%22140%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23a9c9da%22%2F%3E%3Crect%20x%3D%22105%22%20y%3D%22193%22%20width%3D%22153%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23a9c9da%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22111%22%20r%3D%2243%22%20fill%3D%22%23f1c6a8%22%2F%3E%3Cpath%20d%3D%22M437%20105q-8-67%2048-63q51%205%2039%2067l-26-29-54%2034%22%20fill%3D%22%23142b42%22%2F%3E%3Cpath%20d%3D%22M381%20288q0-122%2099-122t99%20122%22%20fill%3D%22%23e4f6ff%22%2F%3E%3Cpath%20d%3D%22M435%20178l45%2081%2046-81%22%20fill%3D%22%23225c85%22%2F%3E%3Ccircle%20cx%3D%22725%22%20cy%3D%22111%22%20r%3D%2243%22%20fill%3D%22%23f1c6a8%22%2F%3E%3Cpath%20d%3D%22M680%20102q-5-68%2052-60q51%208%2036%2070l-27-29-54%2030%22%20fill%3D%22%23142b42%22%2F%3E%3Cpath%20d%3D%22M626%20288q0-122%2099-122t99%20122%22%20fill%3D%22%23e4f6ff%22%2F%3E%3Cpath%20d%3D%22M680%20178l45%2081%2046-81%22%20fill%3D%22%23225c85%22%2F%3E%3Cpath%20d%3D%22M567%20102q33-38%2075-10%22%20fill%3D%22none%22%20stroke%3D%22%23d8faff%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
.page-index .hentry:nth-of-type(5) .entry-title::before,.page-index .hentry:nth-child(5) .entry-title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20340%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%230c2949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23087d9b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22900%22%20height%3D%22340%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Ccircle%20cx%3D%22810%22%20cy%3D%2240%22%20r%3D%22160%22%20fill%3D%22%2335bed2%22%20opacity%3D%22.23%22%2F%3E%3Ccircle%20cx%3D%22570%22%20cy%3D%22330%22%20r%3D%22180%22%20fill%3D%22%236acbdc%22%20opacity%3D%22.15%22%2F%3E%3Crect%20x%3D%2275%22%20y%3D%2274%22%20width%3D%22340%22%20height%3D%22200%22%20rx%3D%2217%22%20fill%3D%22%23f1faff%22%2F%3E%3Crect%20x%3D%22109%22%20y%3D%22106%22%20width%3D%22270%22%20height%3D%2217%22%20rx%3D%228%22%20fill%3D%22%2343b8cc%22%2F%3E%3Crect%20x%3D%22109%22%20y%3D%22145%22%20width%3D%22205%22%20height%3D%2211%22%20rx%3D%225%22%20fill%3D%22%23acc8dc%22%2F%3E%3Crect%20x%3D%22109%22%20y%3D%22176%22%20width%3D%22240%22%20height%3D%2211%22%20rx%3D%225%22%20fill%3D%22%23acc8dc%22%2F%3E%3Crect%20x%3D%22109%22%20y%3D%22207%22%20width%3D%22180%22%20height%3D%2211%22%20rx%3D%225%22%20fill%3D%22%23acc8dc%22%2F%3E%3Ccircle%20cx%3D%22620%22%20cy%3D%22104%22%20r%3D%2242%22%20fill%3D%22%23f1c6a8%22%2F%3E%3Cpath%20d%3D%22M578%20103q-5-67%2051-62q47%206%2035%2070l-21-30-58%2028%22%20fill%3D%22%2311283f%22%2F%3E%3Cpath%20d%3D%22M515%20288q0-120%20105-120t105%20120%22%20fill%3D%22%23dff3ff%22%2F%3E%3Cpath%20d%3D%22M572%20178l48%2082%2049-82%22%20fill%3D%22%23235c86%22%2F%3E%3Crect%20x%3D%22737%22%20y%3D%22194%22%20width%3D%22110%22%20height%3D%2284%22%20rx%3D%2212%22%20fill%3D%22%23e7faff%22%2F%3E%3Cpath%20d%3D%22M759%20223l17%2016%2035-36%22%20fill%3D%22none%22%20stroke%3D%22%2321a5a4%22%20stroke-width%3D%2212%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
.page-index .entry-title::after{content:"CAREER GUIDE";display:block;margin-top:9px;color:#2985a4;font-size:10px;font-weight:900;letter-spacing:.15em}

/* トップページの仮画像を削除 */
.page-index .entry-title::before {
  display: none !important;
}

/* 記事一覧に本文の画像と冒頭を表示 */
.page-index .entry-content {
  display: block !important;
}

/* 本文の画像を見やすくする */
.page-index .entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}


/* トップページを画像＋タイトルだけにする */

/* 記事本文・続きを読む・フッターを非表示 */
.page-index .entry-content,
.page-index .entry-footer,
.page-index .entry-see-more {
  display: none !important;
}

/* 以前の仮画像を消す */
.page-index .entry-title::before,
.page-index .entry-title::after {
  display: none !important;
}

/* 記事カード */
.page-index .hentry {
  padding: 16px !important;
  margin-bottom: 16px;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}

/* タイトル */
.page-index .entry-title {
  font-size: 18px;
  line-height: 1.6;
  margin: 10px 0;
}

.page-index .entry-title a {
  color: #173b63;
  font-weight: 800;
  text-decoration: none;
}

/* アイキャッチ画像があるテーマ向け */
.page-index .entry-thumb,
.page-index .entry-thumb-link,
.page-index .entry-thumbnail {
  display: block !important;
  max-width: 100%;
}

.page-index .entry-thumb img,
.page-index .entry-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* トップページ：画像＋タイトルだけ */

/* 仮画像を非表示 */
.page-index .entry-title::before,
.page-index .entry-title::after {
  display: none !important;
}

/* 本文の領域を復活 */
.page-index .entry-content {
  display: block !important;
  margin-top: 12px;
}

/* 本文の文章は隠す */
.page-index .entry-content > * {
  display: none !important;
}

/* 最初の画像が入った段落だけ表示 */
.page-index .entry-content > p:has(img) {
  display: block !important;
}

/* 画像を表示 */
.page-index .entry-content > p:has(img) img {
  display: block !important;
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  border-radius: 12px;
}

/* 続きを読むなどは非表示 */
.page-index .entry-footer,
.page-index .entry-see-more {
  display: none !important;
}

/* アイキャッチ画像から記事へ移動 */

/* 記事カード全体をクリックできるようにする */
.page-index .hentry {
  position: relative !important;
}

/* タイトルのリンクを画像の上まで広げる */
.page-index .entry-title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
}

/* 画像もリンクのクリック範囲に含める */
.page-index .entry-title a {
  position: static;
}

/* タイトルリンクを最前面にする */
.page-index .entry-title {
  position: static;
}

/* 日付などのリンクがある場合は操作可能にする */
.page-index .entry-date,
.page-index .date {
  position: relative;
  z-index: 11;
}

/* Mobile-only article readability: append to Hatena Design CSS. Desktop unchanged. */
@media screen and (max-width:767px){
  .page-entry .entry-content,.page-permalink .entry-content,.entry-content{
    overflow-wrap:anywhere;
  }
  .page-entry .entry-content p,.page-permalink .entry-content p{
    font-size:18px;line-height:1.85;margin:0 0 1.15em;color:#303744;
  }
  .page-entry .entry-content li,.page-permalink .entry-content li{
    font-size:17px;line-height:1.8;margin-bottom:.45em;
  }
  .page-entry .entry-content h2,.page-permalink .entry-content h2{
    font-size:23px;line-height:1.5;margin:2em 0 .9em;padding:12px 0;
  }
  .page-entry .entry-content h3,.page-permalink .entry-content h3{
    font-size:20px;line-height:1.55;margin:1.7em 0 .75em;
  }
  .page-entry .entry-content img,.page-permalink .entry-content img,
  .page-entry .entry-content iframe,.page-permalink .entry-content iframe{
    max-width:100%;height:auto;
  }
  .page-entry .entry-content table,.page-permalink .entry-content table{
    display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
    font-size:14px;line-height:1.6;
  }
  .page-entry .entry-content th,.page-entry .entry-content td,
  .page-permalink .entry-content th,.page-permalink .entry-content td{
    padding:9px 10px;white-space:normal;
  }
  .page-entry .entry-content a[class*="btn"],.page-entry .entry-content a[class*="button"],
  .page-permalink .entry-content a[class*="btn"],.page-permalink .entry-content a[class*="button"]{
    display:block;box-sizing:border-box;max-width:100%;width:100%;
    padding:14px 16px;margin:14px 0;text-align:center;line-height:1.5;
    overflow-wrap:anywhere;
  }
  .page-entry .entry-content pre,.page-permalink .entry-content pre{
    max-width:100%;overflow-x:auto;
  }
}
/* SC readable system sans typography — 2026-11-01 */
:root{--sc-reading-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif}
.entry-title,.entry-title a,.archive-entry-title,.archive-entry-title a,.entry-content,.entry-content :where(p,div,section,article,aside,nav,span,a,ul,ol,li,dl,dt,dd,blockquote,figure,figcaption,table,thead,tbody,tr,th,td,h1,h2,h3,h4,h5,h6,strong,b,em,label,input,select,textarea,button,summary,small){font-family:var(--sc-reading-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.page-entry .entry-content,.page-permalink .entry-content{font-size:17px!important;line-height:1.9!important;font-weight:400;letter-spacing:.01em!important}
.page-entry .entry-content :where(.sc-deep-refresh,.sc-business-guide,.sc-farm-guide){font-size:inherit!important;line-height:inherit!important}
.page-entry .entry-content p,.page-permalink .entry-content p,.page-entry .entry-content li,.page-permalink .entry-content li{line-height:1.9!important;letter-spacing:.01em!important}
.page-entry .entry-content p,.page-permalink .entry-content p{margin-top:0;margin-bottom:1.25em}
.entry-title,.entry-title a,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:700!important;letter-spacing:.01em!important}
.entry-content strong,.entry-content b{font-weight:700!important}
.entry-content :where(input,select,textarea,button){font-family:var(--sc-reading-font)!important}
@media(max-width:767px){.page-entry .entry-content,.page-permalink .entry-content{font-size:17px!important;line-height:1.9!important}.page-entry .entry-content p,.page-permalink .entry-content p,.page-entry .entry-content li,.page-permalink .entry-content li{font-size:inherit!important;line-height:1.9!important}.entry-title,.entry-title a{line-height:1.5!important}}
/* End SC readable system sans typography */