:root{--y:#FFFA00;--k:#2B2B2B;--g:#949597;--ln:#E4E4E4;--bg:#F7F7F5}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:#fff;color:var(--k);font-family:"Noto Sans JP","Noto Sans CJK JP","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased;font-size:14px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
.inner{max-width:1328px;margin:0 auto;padding:0 24px}
.mark{background:linear-gradient(transparent 68%,var(--y) 68%)}

/* header */
.hd{height:74px;display:flex;align-items:center;padding:0 24px;gap:20px;border-bottom:1px solid var(--ln);position:sticky;top:0;background:#fff;z-index:50}
.lg{font-size:19px;font-weight:900;letter-spacing:-.03em;color:#1a1a1a;flex:0 0 auto;display:flex;align-items:center;gap:8px}
.lg img{height:30px;width:auto;display:block}
.lg b{background:var(--y);padding:1px 6px;font-size:16px;letter-spacing:.02em}
.tl{font-size:11.5px;color:var(--g);padding-left:20px;border-left:1px solid var(--ln)}
.hd nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:13px}
.hd nav a:hover{color:#000}
.nb{border:1px solid var(--k);padding:10px 18px;font-size:12.5px}
.nb:hover{background:var(--k);color:#fff}
.burger{display:none;margin-left:auto;flex-direction:column;gap:5px;padding:8px}
.burger i{display:block;width:20px;height:1.5px;background:var(--k)}

/* hero */
.hero{position:relative;height:500px;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero .sc{position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 38%,rgba(255,255,255,.62) 55%,rgba(255,255,255,.05) 78%)}
.hero .hin{position:relative;max-width:1328px;margin:0 auto;padding:0 24px;height:100%;display:flex;flex-direction:column;justify-content:center}
.hero .en{font-size:11px;letter-spacing:.22em;color:var(--g);font-weight:700;margin-bottom:22px}
.hero h1{font-size:40px;line-height:1.72;font-weight:700;letter-spacing:.01em;color:#1f1f1f;max-width:600px}
.hero p{margin-top:24px;font-size:14px;line-height:2.15;color:#5a5a5a;max-width:460px}
.hero .hb{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;background:#1f1f1f;color:#fff;font-size:13.5px;padding:16px 30px}
.btn:hover{background:#000}
.btn.o{background:none;border:1px solid var(--k);color:var(--k)}
.btn.o:hover{background:var(--k);color:#fff}
.btn.y{background:var(--y);color:#1f1f1f}
.btn.y:hover{background:#f2ed00}
.btn.blk{display:block;text-align:center}

/* quote strip */
.qs{background:var(--y);padding:34px 0}
.qs .inner{display:flex;align-items:center;gap:40px}
.qs .l{flex:0 0 180px;border-right:1px solid rgba(0,0,0,.18);padding-right:30px}
.qs .l .t{font-size:10.5px;letter-spacing:.2em;font-weight:900;color:#7a7500}
.qs .l .d{font-size:12.5px;color:#5d5900;margin-top:6px}
.qs .m{flex:1}
.qs .m .txt{font-size:23px;font-weight:700;line-height:1.85;color:#1f1f1f}
.qs .m .nm{margin-top:12px;font-size:12.5px;color:#5d5900}
.qs .m .nm b{color:#1f1f1f;font-size:13.5px}
.qs .r{flex:0 0 auto;font-size:12.5px;border-bottom:1px solid #1f1f1f;padding-bottom:3px}

/* search */
.sw{padding:36px 0 32px;border-bottom:1px solid var(--ln)}
.sf{display:flex;border:1px solid var(--k);flex-wrap:wrap;max-width:100%}
.sf select,.sf input{flex:1 1 180px;min-width:0;width:100%;max-width:100%;text-overflow:ellipsis;padding:18px 20px;border:0;border-right:1px solid var(--ln);font-size:13px;font-family:inherit;background:#fff;color:var(--k);appearance:none;border-radius:0}
.sf .sb{flex:0 0 160px;background:#1f1f1f;color:#fff;border:0;font-size:14px;padding:18px;cursor:pointer}
.ch{margin-top:18px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.ch .cl{font-size:11px;color:var(--g);margin-right:4px}
.ch a{border:1px solid var(--ln);font-size:12.5px;padding:8px 14px;color:#4a4a4a}
.ch a:hover{border-color:var(--k)}
.ch a.on{border-color:var(--k);background:var(--y);color:#1f1f1f}

/* section */
.sec{padding:60px 0 52px}
.sec.bg{background:var(--bg)}
.sec.bd{border-top:1px solid var(--ln)}
.sh{display:flex;align-items:flex-end;gap:18px;margin-bottom:30px;flex-wrap:wrap}
.sh .e{font-size:10.5px;letter-spacing:.2em;color:var(--g);font-weight:700;margin-bottom:8px}
.sh h2{font-size:28px;font-weight:700;letter-spacing:.01em;line-height:1.5}
.sh .sd{font-size:12.5px;color:#7a7a7a;margin-bottom:6px;padding-left:16px;border-left:1px solid var(--ln)}
.sh .more{margin-left:auto;font-size:12.5px;border-bottom:1px solid var(--y);padding-bottom:4px;margin-bottom:6px}
.ph1{font-size:11px;letter-spacing:.2em;color:var(--g);font-weight:700;margin-bottom:10px}
.pgh{padding:44px 0 32px;border-bottom:1px solid var(--ln)}
.pgh h1{font-size:32px;font-weight:700;line-height:1.55}
.pgh p{margin-top:14px;font-size:13.5px;color:#5d5d5d;line-height:2.1;max-width:760px}
.crumb{padding:16px 0;font-size:11.5px;color:var(--g);border-bottom:1px solid var(--ln)}
.crumb a:hover{color:#000;text-decoration:underline}

/* baito */
.bwrap{display:flex;gap:30px;align-items:flex-start}
.bph{flex:0 0 390px}
.bph img{width:100%;height:280px;object-fit:cover;display:block}
.bph-lg{flex:0 0 460px}
.bph-lg img{height:296px}
.bph .cap{margin-top:11px;font-size:11.5px;color:var(--g);line-height:1.8}
.blist{flex:1;min-width:0}
.bi{border-top:1px solid var(--ln);padding:20px 0;display:flex;align-items:center;gap:22px}
.bi:last-child{border-bottom:1px solid var(--ln)}
.bi .bl{flex:1;min-width:0}
.bi .tp{display:flex;gap:9px;align-items:center;margin-bottom:7px;flex-wrap:wrap}
.bi .tp .bg{font-size:10.5px;background:var(--y);padding:3px 9px;color:#1f1f1f}
.bi .tp .dt{font-size:11.5px;color:var(--g)}
.bi h3{font-size:18px;font-weight:700;line-height:1.6}
.bi .mt{margin-top:7px;font-size:12.5px;color:#6d6d6d;line-height:1.9}
.bi .br{flex:0 0 190px;text-align:right}
.bi .br .pv{font-size:20px;font-weight:700}
.bi .br .pv i{font-style:normal;font-size:11.5px;color:var(--g);margin-right:5px;font-weight:400}
.bi .br .bb{margin-top:10px;display:inline-block;border:1px solid var(--k);font-size:12.5px;padding:11px 20px}
.bi .br .bb:hover{background:var(--k);color:#fff}

/* diag band */
.dg .inner{display:flex;gap:50px;align-items:center}
.dgL{flex:1 1 52%}
.dgL h2{font-size:31px;font-weight:700;line-height:1.72}
.dgL p{margin-top:18px;font-size:13.5px;line-height:2.15;color:#5d5d5d;max-width:490px}
.dgL .dn{margin-top:13px;font-size:11.5px;color:var(--g)}
.dgR{flex:1 1 48%;background:#fff;padding:32px;border:1px solid var(--ln)}
.dgR .rh{font-size:10px;letter-spacing:.16em;color:var(--g);font-weight:700}
.dgR .rl{margin-top:20px;font-size:13px;color:#7a7a7a}
.dgR .rn{font-size:31px;font-weight:700;margin-top:5px;line-height:1.3}
.dgR .rd{margin-top:15px;font-size:13px;line-height:2.05;color:#5d5d5d}
.trs{margin-top:22px;padding-top:20px;border-top:1px solid var(--ln)}
.tr{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:12px}
.tr .lb{flex:0 0 108px;color:#4a4a4a}
.tr .bgg{flex:1;height:4px;background:#EDEDEB;display:block}
.tr .bf{height:4px;background:#1f1f1f;display:block}
.tr .bf.y{background:var(--y)}
.tr .vv{flex:0 0 22px;text-align:right;color:var(--g);font-size:11px}
.dgR .rf{margin-top:20px;padding-top:16px;border-top:1px solid var(--ln);font-size:12.5px}
.dgR .rf span{border-bottom:1px solid var(--y);padding-bottom:3px}

/* job rows */
.upd{display:flex;align-items:center;gap:16px;padding:15px 18px;background:#FAFAF8;border:1px solid var(--ln);margin-bottom:24px;font-size:12.5px;color:#5d5d5d;flex-wrap:wrap}
.upd b.tag{font-size:10.5px;background:var(--y);color:#1f1f1f;padding:4px 10px;font-weight:700;flex:0 0 auto}
.upd em{font-style:normal;margin-left:auto;font-size:11.5px;color:var(--g)}
.jr{border-top:1px solid var(--ln);padding:24px 0;display:flex;gap:26px;align-items:center}
.jr:last-of-type{border-bottom:1px solid var(--ln)}
.jL{flex:1;min-width:0}
.jL .tp{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.jL .tp .co{font-size:12.5px;color:#7a7a7a}
.jL .tp .bd{font-size:10.5px;border:1px solid var(--ln);padding:3px 9px;color:#5d5d5d}
.jL .tp .bd.y{background:var(--y);border-color:var(--y);color:#1f1f1f}
.jL h3{font-size:20px;font-weight:700;line-height:1.55}
.jL h3:hover{text-decoration:underline}
.jL .mt{margin-top:10px;display:flex;gap:26px;font-size:12.5px;color:#6d6d6d;flex-wrap:wrap}
.jL .mt b{color:var(--g);font-size:11px;font-weight:400;margin-right:7px}
.jR{flex:0 0 228px;text-align:right}
.jR .sl{font-size:11px;color:var(--g)}
.jR .sv{font-size:22px;font-weight:700;margin-top:2px}
.jR .sv i{font-style:normal;font-size:13px;font-weight:400}
.jR .jb{margin-top:12px;display:inline-block;border:1px solid var(--k);font-size:12.5px;padding:12px 20px}
.jR .jb:hover{background:var(--k);color:#fff}
.allb{margin-top:30px;text-align:center}

/* articles */
.afeat{display:flex;gap:32px;align-items:stretch}
.afeat .fp{flex:0 0 460px}
.afeat .fp img{width:100%;height:286px;object-fit:cover}
.afeat .ft2{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}
.cat{display:inline-block;background:var(--y);font-size:10.5px;padding:4px 10px;color:#1f1f1f;align-self:flex-start}
.afeat h3{font-size:25px;font-weight:700;line-height:1.62;margin-top:15px}
.afeat .ex{margin-top:13px;font-size:13.5px;line-height:2.1;color:#5d5d5d}
.afeat .mt{margin-top:15px;font-size:11.5px;color:var(--g)}
.afeat .rd{margin-top:17px;font-size:12.5px;align-self:flex-start;border-bottom:1px solid var(--y);padding-bottom:3px}
.acols{display:flex;margin-top:40px;border-top:1px solid var(--ln)}
.acol{flex:1;padding:24px 28px 20px;border-right:1px solid var(--ln)}
.acol:first-child{padding-left:0}
.acol:last-child{border-right:0;padding-right:0}
.acol .ch2{font-size:10.5px;letter-spacing:.14em;color:var(--g);font-weight:700}
.acol .cn{font-size:17px;font-weight:700;margin-top:9px;line-height:1.6}
.acol .cd{font-size:12px;color:#6d6d6d;margin-top:9px;line-height:2}
.ulist{margin-top:13px;font-size:11.5px;color:#5d5d5d;line-height:2.05}
.ulist div{display:flex;gap:10px}
.ulist div:before{content:"";flex:0 0 4px;height:4px;background:var(--y);border:1px solid #d9d400;margin-top:11px;border-radius:50%}
.acol .cf{margin-top:15px;font-size:11px;color:var(--g);border-top:1px dashed var(--ln);padding-top:11px;line-height:1.9}

/* consult */
.cslist{font-size:15px;line-height:2.4;color:#3d3d3d;max-width:560px}

/* brand + footer */
.brand{background:var(--y);padding:60px 0}
.brand .inner{display:flex;gap:50px;align-items:flex-start}
.brand .bl{flex:0 0 290px}
.brand .bl .e{font-size:25px;font-weight:900;letter-spacing:-.02em;color:#8a8500;line-height:1.32}
.brand .bl .es{font-size:11px;letter-spacing:.18em;color:#7a7500;margin-top:13px;font-weight:700;display:flex;align-items:center;gap:9px}
.brand .bl .es .blogo{height:19px;width:auto;display:block;opacity:.72}
.brand .br{flex:1;font-size:15px;line-height:2.5;color:#1f1f1f}
.brand .br .sig{margin-top:22px;font-size:12.5px;color:#5d5900}
.ft{background:#1f1f1f;color:#fff;padding:44px 0 38px}
.ft .inner{display:flex;gap:50px;align-items:flex-start}
.ft .flg{font-size:19px;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}
.ft .flg img{height:30px;width:auto;display:block}
.ft .flg b{background:var(--y);color:#1f1f1f;padding:1px 6px;font-size:16px;letter-spacing:.02em}
.ft .fx{margin-top:13px;font-size:11.5px;color:#9a9a9a;line-height:2}
.ft .fx b{color:#e8e8e8;font-weight:400}
.ft .fnote{margin-top:12px;font-size:10.5px;color:#6a6a6a;line-height:1.9;max-width:420px}
.ft .fr{margin-left:auto;font-size:12px;color:#b5b5b5;line-height:2.2;text-align:right}
.ft .fr a:hover{color:#fff;text-decoration:underline}
.ft .fnote2{font-size:10.5px;color:#6a6a6a;margin-top:12px;line-height:1.85;max-width:460px;margin-left:auto}
.spbar{display:none}

/* detail page */
.jh{padding:34px 0 30px;border-bottom:1px solid var(--ln)}
.jh .inner{display:flex;gap:42px;align-items:flex-start}
.jhL{flex:1;min-width:0}
.jhL h1{font-size:29px;font-weight:700;line-height:1.62}
.tags{display:flex;gap:8px;align-items:center;margin-bottom:13px;flex-wrap:wrap}
.tags .co{font-size:13px;color:#6d6d6d;margin-right:5px}
.tags .bd{font-size:10.5px;border:1px solid var(--ln);padding:4px 10px;color:#5d5d5d}
.tags .bd.y{background:var(--y);border-color:var(--y);color:#1f1f1f}
.jsum{margin-top:20px;display:flex;flex-wrap:wrap;border-top:1px solid var(--ln)}
.jsum>div{width:33.333%;padding:13px 16px 13px 0;border-bottom:1px solid var(--ln);display:flex;gap:12px;font-size:13px}
.jsum>div b{flex:0 0 66px;color:var(--g);font-weight:400;font-size:11.5px;padding-top:2px}
.jhR{flex:0 0 310px;border:1px solid var(--k);padding:24px}
.jhR .lb{font-size:11px;color:var(--g)}
.jhR .vv{font-size:30px;font-weight:700;line-height:1.35}
.jhR .vv i{font-style:normal;font-size:15px;font-weight:400}
.jhR .vs{font-size:11.5px;color:#7a7a7a;margin-top:6px;line-height:1.85}
.jhR .nt{margin-top:13px;font-size:11px;color:var(--g);line-height:1.85}
.wrap{display:flex;gap:50px;padding:42px 0 10px;align-items:flex-start}
.main{flex:1;min-width:0}
.side{flex:0 0 292px}
.blk{margin-bottom:40px}
.bh{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.bh h2{font-size:18.5px;font-weight:700;flex:0 0 auto}
.bh .li{flex:1;height:1px;background:var(--ln)}
.txt{font-size:13.5px;line-height:2.25;color:#3d3d3d}
.txt p{margin-bottom:15px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--ln);line-height:2.05}
th{width:168px;background:#FAFAF8;font-weight:400;color:#5d5d5d;font-size:12.5px}
tr:first-child th,tr:first-child td{border-top:1px solid var(--ln)}
.flow{display:flex;flex-wrap:wrap;gap:16px}
.fs{flex:1;min-width:150px;border:1px solid var(--ln);padding:17px 15px}
.fs.on{background:var(--y);border-color:var(--y)}
.fs .n{font-size:10px;letter-spacing:.14em;color:var(--g)}
.fs.on .n,.fs.on .d{color:#6b6700}
.fs .t{font-size:14px;font-weight:700;margin-top:6px}
.fs .d{font-size:11.5px;color:#7a7a7a;margin-top:5px;line-height:1.8}
.sbox{border:1px solid var(--ln);padding:20px;margin-bottom:18px}
.sbox .shh{font-size:12px;color:var(--g);margin-bottom:12px}
.sbox .sn{font-size:15px;font-weight:700;line-height:1.7}
.sbox .sd{font-size:12px;color:#6d6d6d;margin-top:9px;line-height:1.95}
.sy{background:var(--y);padding:22px}
.sy .t{font-size:15px;font-weight:700;line-height:1.75;color:#1f1f1f}
.sy .d{font-size:12px;color:#5d5900;margin-top:9px;line-height:2}
.rel{border-top:1px solid var(--ln);padding:14px 0;font-size:13px;display:block}
.rel .rc{font-size:11.5px;color:var(--g)}
.rel .rt{font-weight:700;margin-top:3px;line-height:1.6;font-size:13.5px}
.rel:hover .rt{text-decoration:underline}
.rel .rs{font-size:11.5px;color:#7a7a7a;margin-top:3px}
.bcta{margin:18px 0 0;background:#FAFAF8;border:1px solid var(--ln);padding:34px 40px;display:flex;align-items:center;gap:36px}
.bcta .l{flex:1}
.bcta .l .t{font-size:21px;font-weight:700;line-height:1.65}
.bcta .l .d{font-size:13px;color:#5d5d5d;margin-top:11px;line-height:2.05}
.bcta .r{flex:0 0 290px}
.bcta .r .n{margin-top:11px;font-size:11px;color:var(--g);text-align:center}
.locs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.locs span{font-size:12px;border:1px solid var(--ln);padding:6px 11px;color:#5d5d5d}

/* forms */
.form{max-width:640px}
.fg{margin-bottom:22px}
.fg label{display:block;font-size:12.5px;margin-bottom:8px}
.fg label i{font-style:normal;color:#c00;font-size:11px;margin-left:5px}
.fg input,.fg textarea,.fg select{width:100%;border:1px solid var(--ln);padding:14px 16px;font-size:14px;font-family:inherit;border-radius:0;background:#fff;color:var(--k)}
.fg input:focus,.fg textarea:focus{outline:0;border-color:var(--k)}
.fg .hint{font-size:11.5px;color:var(--g);margin-top:7px;line-height:1.85}
.notice{background:#FAFAF8;border:1px solid var(--ln);padding:20px 22px;font-size:12.5px;line-height:2.05;color:#5d5d5d;margin-bottom:28px}
.notice b{color:var(--k);font-weight:700}

/* pager */
.pager{margin-top:34px;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}
.pager a,.pager span{border:1px solid var(--ln);padding:11px 16px;font-size:12.5px}
.pager .cur{background:var(--k);color:#fff;border-color:var(--k)}
.res{font-size:13px;color:#5d5d5d;margin-bottom:18px}
.res b{font-size:19px;font-weight:700;color:var(--k)}
.chips2{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.chips2 a{border:1px solid var(--k);background:var(--y);font-size:12px;padding:7px 13px}

/* diagnosis */
.qbox{border:1px solid var(--ln);padding:26px 28px;margin-bottom:16px}
.qbox .qn{display:inline-block;background:var(--k);color:var(--y);font-size:11px;padding:5px 10px;letter-spacing:.06em}
.qbox .qt{font-size:19px;font-weight:700;line-height:1.72;margin-top:13px}
.opts{margin-top:16px;display:flex;flex-direction:column;gap:9px}
.opts label{border:1px solid var(--ln);padding:13px 16px;font-size:14px;display:flex;gap:12px;align-items:center;cursor:pointer}
.opts label:hover{border-color:var(--k)}
.opts input{accent-color:#1f1f1f}
.tcards{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.tcard{flex:1;min-width:230px;border:1px solid var(--ln);padding:22px}
.tcard .tn{font-size:19px;font-weight:700;margin-top:8px}
.tcard .td{font-size:12.5px;color:#6d6d6d;margin-top:9px;line-height:2}

/* article */
.artbody{max-width:720px}
.artbody h2{font-size:21px;font-weight:700;margin:34px 0 14px;line-height:1.6}
.artbody p{font-size:14.5px;line-height:2.3;color:#3d3d3d;margin-bottom:18px}
.artbody blockquote{border-left:3px solid var(--y);padding:4px 0 4px 20px;margin:22px 0;font-size:15px;line-height:2.2;color:#4a4a4a}
.refs{margin-top:40px;border-top:1px solid var(--ln);padding-top:22px}
.refs .rh{font-size:12px;color:var(--g);margin-bottom:12px}
.refs li{list-style:none;font-size:12.5px;line-height:2.05;color:#5d5d5d}
.refs a{border-bottom:1px solid var(--ln)}
.refs a:hover{border-color:var(--k)}
.arow{border-top:1px solid var(--ln);padding:22px 0;display:flex;gap:24px;align-items:flex-start}
.arow:last-of-type{border-bottom:1px solid var(--ln)}
.arow .al{flex:1;min-width:0}
.arow h3{font-size:19px;font-weight:700;line-height:1.6;margin-top:10px}
.arow h3:hover{text-decoration:underline}
.arow .ex{margin-top:9px;font-size:12.5px;color:#6d6d6d;line-height:2}
.arow .mt{margin-top:10px;font-size:11.5px;color:var(--g)}
.qlist .qi{border-top:1px solid var(--ln);padding:22px 0}
.qlist .qi:last-child{border-bottom:1px solid var(--ln)}
.qlist .qi .t{font-size:18px;font-weight:700;line-height:1.85}
.qlist .qi .n{margin-top:9px;font-size:12.5px;color:#6d6d6d}
.qlist .qi .n b{font-weight:700;color:var(--k)}

@media (max-width:900px){
  .hd{height:60px;padding:0 16px;gap:12px}
  .lg{font-size:16px}
  .tl{display:none}
  .burger{display:flex}
  .hd nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ln);flex-direction:column;gap:0;padding:6px 16px 16px}
  body.navopen .hd nav{display:flex}
  .hd nav a{padding:14px 0;border-bottom:1px solid var(--ln);width:100%;font-size:14px}
  .hd nav .nb{border:1px solid var(--k);text-align:center;margin-top:12px;padding:14px}
  .inner{padding:0 16px}
  /* 🔴⭐️スマホのファーストビュー＝下に写真の余白が大きく空いて「空白が目立つ」
     と指摘された（2026/9/14）。写真の見える帯を狭くし、文字と写真の間を詰める。
     ⚠️min-heightを固定すると機種によって余白が増えるので height:auto のみにする。 */
  .hero{height:auto;min-height:0}
  .hero>img{object-position:66% 26%}
  .hero .sc{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 40%,rgba(255,255,255,.66) 66%,rgba(255,255,255,.24) 100%)}
  .hero .hin{padding:22px 16px 96px}
  .hero h1{font-size:25px;line-height:1.68}
  .hero p{margin-top:13px;font-size:12.5px;line-height:2.05;max-width:none}
  .hero .hb{flex-direction:column;margin-top:18px;gap:9px}
  .hero .btn{padding:14px}
  .btn{text-align:center;padding:15px}
  .qs{padding:24px 0}
  .qs .inner{flex-direction:column;align-items:flex-start;gap:14px}
  .qs .l{flex:none;border-right:0;padding-right:0}
  .qs .m .txt{font-size:18px;line-height:1.9}
  .sec{padding:32px 0 28px}
  .sh{gap:10px;margin-bottom:18px;flex-direction:column;align-items:flex-start}
  .sh h2{font-size:21px}
  .sh .sd{padding-left:0;border-left:0;margin-bottom:0}
  .sh .more{margin-left:0;margin-bottom:0}
  .sf{flex-direction:column}
  .sf select,.sf input{flex:1 1 auto;min-width:0;width:100%;border-right:0;border-bottom:1px solid var(--ln);padding:14px 16px}
  .sf .sb{flex:none;padding:15px}
  .bwrap{flex-direction:column}
  .bph,.bph-lg{flex:none;width:100%}
  .bph img,.bph-lg img{height:190px}
  .bi{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0}
  .bi .br{flex:none;text-align:left;width:100%;display:flex;align-items:center;gap:14px}
  .bi .br .bb{margin-top:0;margin-left:auto}
  .bi h3{font-size:16px}
  .dg .inner{flex-direction:column;gap:24px}
  .dgL h2{font-size:22px}
  .dgR{padding:22px 20px;width:100%}
  .dgR .rn{font-size:24px}
  .jr{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0}
  .jL h3{font-size:17px}
  .jL .mt{gap:0;flex-direction:column;line-height:2}
  .jR{flex:none;text-align:left;width:100%;display:flex;align-items:center;gap:14px}
  .jR .jw{min-width:0}
  .jR .sv{font-size:19px;margin-top:1px;line-height:1.35}
  .jR .jb{margin-top:0;margin-left:auto;flex:0 0 auto;padding:11px 15px;font-size:12px}
  .afeat{flex-direction:column;gap:16px}
  .afeat .fp{flex:none;width:100%}
  .afeat .fp img{height:190px}
  .afeat h3{font-size:19px;margin-top:12px}
  .acols{flex-direction:column;margin-top:26px}
  .acol{padding:18px 0;border-right:0;border-top:1px solid var(--ln)}
  .acol:first-child{border-top:0}
  .brand{padding:34px 0}
  .brand .inner{flex-direction:column;gap:20px}
  .brand .bl{flex:none}
  .brand .bl .e{font-size:20px}
  .brand .br{font-size:13.5px;line-height:2.35}
  .ft{padding:28px 0 24px}
  .ft .inner{flex-direction:column;gap:18px}
  .ft .fr{margin-left:0;text-align:left}
  .ft .fnote2{margin-left:0}
  .spbar{display:flex;position:sticky;bottom:0;background:var(--y);border-top:1px solid var(--k);padding:11px 16px;align-items:center;gap:12px;z-index:40}
  .spbar .l{font-size:11.5px;font-weight:700;line-height:1.5}
  .spbar .l span{font-weight:400;font-size:10.5px;color:#5d5900}
  .spbar .r{margin-left:auto;background:#1f1f1f;color:#fff;font-size:12.5px;padding:12px 18px;flex:0 0 auto}
  .jh .inner{flex-direction:column;gap:22px}
  .jhR{flex:none;width:100%}
  .jhL h1{font-size:22px}
  .jsum>div{width:100%;padding:12px 0}
  .wrap{flex-direction:column;gap:0;padding:26px 0 0}
  .side{flex:none;width:100%;margin-top:8px}
  .pgh{padding:28px 0 22px}
  .pgh h1{font-size:23px}
  th,td{padding:12px 12px;font-size:12.5px}
  th{width:110px}
  .bcta{flex-direction:column;padding:24px 20px;gap:20px;align-items:flex-start}
  .bcta .r{flex:none;width:100%}
  .bcta .l .t{font-size:18px}
  .flow{flex-direction:column}
  .qbox{padding:20px}
  .qbox .qt{font-size:16.5px}
  .artbody p{font-size:14px}
  .arow{flex-direction:column;gap:12px}
}

/* 運営会社（コーポレートサイト）へのリンク */
.tl a{color:var(--g);border-bottom:1px solid #cfcfcf}
.tl a:hover{color:#111;border-bottom-color:#111}
.ft .fx a{color:#cfcfcf;border-bottom:1px solid #6a6a6a}
.ft .fx a:hover{color:#fff;border-bottom-color:#fff}
.sbox a,.txt a{border-bottom:1px solid #bbb}
.sbox a:hover,.txt a:hover{border-bottom-color:#111}

/* 回答不足のときの案内 */
.dgerr{border:1px solid #d8b24a;background:#fdf7e6;color:#6a5314;font-size:13px;padding:13px 16px;border-radius:3px;margin-bottom:22px}

/* 記事カテゴリのナビ */
.catnav{border-bottom:1px solid var(--ln);background:#fff}
.catnav .inner{display:flex;gap:24px;flex-wrap:wrap;padding:14px 20px}
.catnav a{font-size:12.5px;color:#6d6d6d;padding-bottom:3px}
.catnav a.on{color:#111;font-weight:700;border-bottom:2px solid var(--k)}

/* 記事一覧のタグ */
.ajtag,.lctag{display:inline-block;margin-top:9px;font-size:11.5px;padding:3px 9px}
.ajtag{background:var(--y);color:#1f1f1f;font-weight:700}
.lctag{border:1px solid var(--ln);color:#6d6d6d;margin-left:7px}

/* 記事末：紐づけた求人 */
.artjobs{margin-top:34px;border:1px solid var(--k);padding:22px}
.artjobs .ajh{font-size:15px;font-weight:700}
.artjobs .ajn{font-size:12.5px;color:#6d6d6d;margin-top:8px;line-height:1.9}
.artjobs .aji{display:flex;align-items:center;gap:18px;margin-top:14px;padding:15px;border:1px solid var(--ln);background:#fafafa}
.artjobs .aji:hover{background:#fff;border-color:var(--k)}
.artjobs .aji .l{flex:1;min-width:0}
.artjobs .aji .c{font-size:11.5px;color:#6d6d6d}
.artjobs .aji .t{font-size:14.5px;font-weight:700;margin-top:3px}
.artjobs .aji .m{font-size:11.5px;color:#6d6d6d;margin-top:5px}
.artjobs .aji .r{flex:0 0 auto;text-align:right;font-size:11.5px;color:#6d6d6d}
.artjobs .aji .r b{font-size:17px;color:#111;display:block}
.artjobs .aji .r span{display:block;margin-top:6px;border-bottom:1px solid #bbb}

/* 記事末：講演依頼 */
.lect{margin-top:22px;background:var(--y);padding:24px}
.lect .lh{font-size:16px;font-weight:900}
.lect .ld{font-size:13px;color:#1f1f1f;margin-top:9px;line-height:1.95}
.lect .ln{font-size:11.5px;color:#5d5900;margin-top:8px}
.lect .btn{margin-top:15px}

/* 関連記事 */
.relart{margin-top:34px;border-top:1px solid var(--ln);padding-top:20px}
.relart .rh2{font-size:12.5px;font-weight:700;color:#6d6d6d}
.relart .ri{display:block;margin-top:13px;padding-bottom:13px;border-bottom:1px solid var(--ln)}
.relart .ri b{display:block;font-size:14.5px;font-weight:700;line-height:1.7}
.relart .ri span{display:block;font-size:11.5px;color:#949597;margin-top:5px}

/* 募集終了のアルバイト（一覧はグレーアウトして最後に回す・詳細は応募ボタンを出さない） */
.bi.cl{opacity:.55}
.bi.cl h3 a{color:#6d6d6d}
.tp .bg.off,.bd.off{background:#e3e3e3;color:#6d6d6d}
.closedbox{background:#f2f2f2;color:#6d6d6d;text-align:center;padding:15px 12px;font-size:13px;font-weight:700;letter-spacing:.02em}

/* ===== ストーリー記事（Wantedly型）＝人を出して会社の雰囲気を伝える ===== */
/* 🔴会社の説明を先に置かない。誰が話しているかを最初に出す */
.cast{margin:28px 0 6px;border-top:1px solid var(--k);border-bottom:1px solid var(--ln);padding:20px 0}
.cast .ch3{font-size:11px;letter-spacing:.16em;color:var(--g);font-weight:700;margin-bottom:15px}
.cast .ci{display:flex;gap:16px;align-items:center;margin-top:14px}
.cast .ci:first-of-type{margin-top:0}
.cast .cp{flex:0 0 74px;height:74px;border-radius:50%;overflow:hidden;background:#eee}
.cast .cp img{width:100%;height:100%;object-fit:cover}
.cast .cl{flex:1;min-width:0}
.cast .cnm{font-size:15.5px;font-weight:700}
.cast .cnm span{font-size:12px;font-weight:400;color:#6d6d6d;margin-left:9px}
.cast .crl{font-size:12.5px;color:#4a4a4a;margin-top:4px;line-height:1.8}
.cast .chs{font-size:11.5px;color:#7a7a7a;margin-top:5px;line-height:1.85}
/* 章の区切り */
.chap{margin:46px 0 20px;padding-bottom:13px;border-bottom:2px solid var(--k)}
.chap span{display:block;font-size:10.5px;letter-spacing:.2em;color:#7a7500;font-weight:900}
.chap b{display:block;font-size:22px;font-weight:700;line-height:1.6;margin-top:8px}
/* 発言（誰の言葉か必ず出す） */
.say{margin:24px 0;background:#FAFAF8;border-left:3px solid var(--y);padding:19px 22px}
.say .sw{font-size:15.5px;line-height:2.15;color:#2b2b2b}
.say .sn{font-size:12px;color:#7a7a7a;margin-top:11px}
/* SNSで引用される一文 */
.pull{margin:34px 0;font-size:24px;font-weight:700;line-height:1.95;letter-spacing:-.01em;color:#1a1a1a;
  padding:22px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.pull em{font-style:normal;background:linear-gradient(transparent 64%,var(--y) 64%)}
/* 本文中の写真 */
.afig{margin:30px 0}
.afig img{width:100%;display:block}
.afig figcaption{font-size:11.5px;color:#7a7a7a;margin-top:9px;line-height:1.85}
/* 一問一答 */
.qa{margin:22px 0;border-bottom:1px dashed var(--ln);padding-bottom:20px}
.qa .qq{font-size:14px;font-weight:700;color:#1f1f1f;padding-left:26px;position:relative}
.qa .qq:before{content:"Q";position:absolute;left:0;top:-1px;font-size:13px;font-weight:900;color:#7a7500}
.qa .qaa{font-size:14.5px;line-height:2.25;color:#3d3d3d;margin-top:11px;padding-left:26px;position:relative}
.qa .qaa:before{content:"A";position:absolute;left:0;top:1px;font-size:13px;font-weight:900;color:var(--g)}
/* 事実の表（数字で会社の雰囲気を裏づける） */
.facts{margin:28px 0;border:1px solid var(--ln);background:#FAFAF8;padding:20px 22px}
.facts .fh{font-size:12.5px;font-weight:700;color:#1f1f1f;margin-bottom:13px}
.facts .fr{display:flex;gap:16px;font-size:13px;line-height:1.95;padding:8px 0;border-top:1px solid var(--ln)}
.facts .fk{flex:0 0 150px;color:#6d6d6d}
.facts .fv{flex:1;min-width:0;color:#2b2b2b}
@media(max-width:820px){
  .pull{font-size:19px;line-height:1.9}
  .chap b{font-size:19px}
  .cast .cp{flex:0 0 58px;height:58px}
  .facts .fr{display:block}
  .facts .fk{margin-bottom:2px}
}