/* お役立ち情報（news/）を新デザインの枠で見せるための中身の見た目。11/2 瞬さん「背景やページ構成を今のホームページの仕様に」 */
.news-main{background:#fff;color:#202124;padding:76px 20px 0}
.news-main .wrap{max-width:820px;margin:0 auto;padding:0}
.news-main .eyebrow{display:flex;align-items:center;gap:10px;font:700 12px Arial,var(--font);letter-spacing:.18em;color:#1953c7;text-transform:uppercase}
.news-main .eyebrow::before{content:"";display:inline-block;width:10px;height:10px;background:#bce6d2}
.news-main h1{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.01em;line-height:1.5;margin-top:14px;color:#202124;text-wrap:balance}
.news-main .head{padding:0 0 8px}
.news-main ul.list{list-style:none;margin:40px 0 90px;padding:0;border-top:2px solid #202124}
.news-main ul.list li{border-bottom:1px solid #dadeda}
.news-main ul.list a{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center;padding:24px 6px;color:inherit;text-decoration:none;transition:background .2s ease}
.news-main ul.list a:hover{background:#f4f6fc}
.news-main .thumb{border-radius:6px;overflow:hidden;border:1px solid #dadeda}
.news-main .thumb img{width:100%;height:auto;display:block;aspect-ratio:1200/630;object-fit:cover}
.news-main .meta{display:flex;align-items:center;gap:14px}
.news-main time{font:600 13px Arial,var(--font);color:#626b6e;letter-spacing:.08em}
.news-main .tag{font-size:11px;font-weight:700;letter-spacing:.12em;color:#fff;background:#3857c3;padding:3px 14px;border-radius:2px}
.news-main .ttl{display:block;font-size:16px;font-weight:700;letter-spacing:.02em;line-height:1.8;margin-top:8px}
.news-main .article-head{padding:0 0 36px;border-bottom:2px solid #202124}
.news-main .crumb{font-size:12px;color:#626b6e;letter-spacing:.06em}
.news-main .crumb a{color:inherit}
.news-main .crumb a:hover{color:#3857c3}
.news-main .article-head .meta{margin-top:22px}
.news-main .eyecatch{margin:36px 0 0}
.news-main .eyecatch img{width:100%;height:auto;display:block;border-radius:8px;border:1px solid #dadeda}
.news-main article{padding:44px 0 80px;line-height:2.05;font-size:15.5px}
.news-main article p{margin-top:22px;letter-spacing:.03em;color:#2b2d31}
.news-main article h2{font-weight:800;font-size:clamp(20px,2.6vw,25px);line-height:1.65;margin-top:68px;padding:4px 0 4px 18px;border-left:6px solid #3857c3}
.news-main article h3{font-weight:800;font-size:17.5px;margin-top:44px;line-height:1.7;background:linear-gradient(transparent 62%,#eee26c 62%);display:table}
.news-main article h4{font-weight:700;font-size:15.5px;margin-top:32px;padding-bottom:4px;border-bottom:1px dashed #dadeda}
.news-main article ul,.news-main article ol{margin:22px 0 0 4px;padding:0;list-style:none}
.news-main article li{padding:6px 0 6px 22px;position:relative;font-weight:500}
.news-main article li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:8px;border-radius:50%;background:#3857c3}
.news-main .tbl{margin-top:26px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.news-main .tbl table{width:100%;min-width:560px;border-collapse:collapse;font-size:13.5px;line-height:1.8}
.news-main .tbl th{background:#202124;color:#fff;font-weight:700;padding:10px 12px;text-align:left;white-space:nowrap}
.news-main .tbl td{padding:10px 12px;border-bottom:1px solid #dadeda;vertical-align:top}
.news-main .tbl td:first-child{font-weight:700;white-space:nowrap}
.news-main .tbl tbody tr:nth-child(even) td{background:#f4f4f0}
.news-main .backline{margin-top:64px;padding-top:24px;border-top:1px solid #dadeda}
.news-main .backline a{font-size:13px;font-weight:700;letter-spacing:.1em;color:#1953c7}
.news-main .cta-band{margin:0 -20px;background:#3857c3;color:#fff;padding:64px 20px;text-align:center}
.news-main .cta-band .t{font-weight:800;font-size:clamp(19px,2.8vw,26px);line-height:1.8}
.news-main .cta-band p{color:#e3e8fb;font-size:14px;margin-top:10px}
.news-main .cta-band .tel{font:700 30px Arial,var(--font);margin-top:20px}
.news-main .cta-band .hours{font-size:12px;color:#cfd8f6;margin-top:2px}
.news-main .cta-band .btn{display:inline-block;margin-top:24px;background:#eee26c;color:#202124;font-weight:800;font-size:14px;letter-spacing:.08em;padding:15px 38px;border-radius:3px;text-decoration:none}
.news-main .cta-band .btn:hover{background:#fff}
.news-main ul.list + .cta-band,.news-main .wrap + .cta-band{margin-top:0}
@media(max-width:640px){.news-main{padding-top:44px}.news-main ul.list a{grid-template-columns:1fr;gap:14px}}