/* NEWS LIST: TOPページのアプリコット × ミントグリーンと統一。
   news.css と header2.css の後に読み込んでください。 */
:root { --nl-mint:#78bda0; --nl-mint-deep:#317e64; --nl-apricot:#ffe6b8; --nl-cream:#fff9ee; --nl-ink:#34433d; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; height:auto; color:var(--nl-ink); background:#fff6e9; font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif; }
body::before { content:none !important; }
main { position:relative; isolation:isolate; min-height:65vh; padding:clamp(110px,13vw,165px) 24px 90px; box-sizing:border-box; background:radial-gradient(ellipse at 90% 12%,rgba(255,223,164,.9),transparent 43%), radial-gradient(ellipse at 5% 85%,rgba(167,220,192,.28),transparent 43%), linear-gradient(150deg,#fff9ef 0%,#ffe8c4 57%,#fffaf2 100%); }
main::before { content:''; position:absolute; z-index:-1; top:110px; right:0; width:min(38vw,470px); height:300px; border-radius:55% 0 0 55%; background:linear-gradient(120deg,rgba(255,255,255,.26),rgba(255,255,255,0)); pointer-events:none; }
main .news-txt { display:block; width:min(100%,1100px); margin:0 auto 26px; padding:0 0 17px 3px; box-sizing:border-box; text-align:left; color:var(--nl-ink); font:normal clamp(32px,4.5vw,52px)/1.2 'DM Serif Display',Georgia,serif; letter-spacing:.06em; border-bottom:3px solid var(--nl-mint); }
main .news-txt::after { content:'お知らせ一覧'; display:block; margin-top:7px; font:500 13px/1.6 'Noto Sans JP',sans-serif; letter-spacing:.14em; color:#5b7768; }
main .news-1 { position:relative; width:min(100%,1100px); max-width:1100px; height:auto; min-height:0; margin:0 auto; padding:0; box-sizing:border-box; border:1px solid rgba(124,164,132,.2); border-radius:22px; background:rgba(255,255,255,.96); box-shadow:0 18px 52px rgba(107,82,46,.11); overflow:hidden; opacity:1; visibility:visible; transform:none; animation:none; }
main .news-2 { display:block; width:100%; height:auto; padding:12px clamp(16px,4vw,42px); box-sizing:border-box; border:0; background:transparent; border-radius:0; }
main .news-list { display:block; width:100%; margin:0; padding:0; list-style:none; background:transparent; border:0; }
main .news-list .item { display:grid; grid-template-columns:90px 94px minmax(0,1fr); align-items:center; gap:16px; width:100%; height:auto; min-height:78px; padding:18px 4px; margin:0; box-sizing:border-box; border:0; border-bottom:1px solid #e9eee8; background:transparent; color:var(--nl-ink); }
main .news-list .item:last-child { border-bottom:0; }
main .news-list .item .date { width:auto; min-width:0; max-height:none; margin:0; padding:0; color:#748178; font:500 14px/1.5 'Noto Sans JP',sans-serif; white-space:nowrap; }
main .news-list .item [class^='category_'] { width:auto; min-width:0; max-height:none; margin:0; padding:0; text-align:left; }
main .news-list .item [class^='category_'] span { display:inline-block; min-width:74px; padding:7px 10px; box-sizing:border-box; border-radius:30px; background:#e4f4e9; color:#286e55; font:600 12px/1.3 'Noto Sans JP',sans-serif; text-align:center; animation:none; }
main .news-list .item .title { width:auto; min-width:0; height:auto; max-height:none; margin:0; padding:0; font:400 15px/1.85 'Noto Sans JP',sans-serif; text-align:left; color:var(--nl-ink); overflow-wrap:anywhere; }
main .news-list .item .title a { color:#34433d; text-decoration:none; transition:color .2s; }
main .news-list .item .title a:hover { color:var(--nl-mint-deep); text-decoration:underline; text-underline-offset:4px; }
main .tanpopo { width:min(100%,1100px); height:auto; margin:36px auto 0; text-align:right; background:transparent; }
main .tanpopo img { display:inline-block; width:min(190px,38vw); max-width:100%; height:auto; object-fit:contain; mix-blend-mode:multiply; }
#footer { display:flex; align-items:center; justify-content:center; width:100%; height:auto; min-height:0; margin:0; padding:48px 24px; box-sizing:border-box; background:#f3f8f0; color:var(--nl-ink); text-align:center; }
#footer .primary { padding:0; }
#footer .primary .flex { display:flex; justify-content:center; max-width:1000px; margin:auto; }
#footer .primary .flex .left { width:auto; }
#footer .primary .flex .left .logo { font-size:22px; font-weight:700; letter-spacing:.05em; }
#footer .primary .flex .left .address { margin-top:14px; font-size:13px; line-height:1.9; }
.copyright { margin:0; padding:16px 12px 22px; background:#f3f8f0; color:#55645c; text-align:center; font-size:12px; }
@media(max-width:767px) {
 main { padding:105px 14px 60px; }
 main .news-txt { margin-bottom:20px; }
 main .news-1 { border-radius:16px; }
 main .news-2 { padding:8px 18px; }
 main .news-list .item { grid-template-columns:90px minmax(0,1fr); gap:7px 10px; padding:17px 2px; }
 main .news-list .item .title { grid-column:1/-1; font-size:14px; line-height:1.7; }
 main .tanpopo { margin-top:20px; }
 #footer { padding:40px 16px; }
 #footer .primary .flex .left { width:100%; }
 #footer .primary .flex .left .logo { font-size:18px; }
 #footer .primary .flex .left .address { font-size:12px; }
}