/* =========================================================
   news.css  /news 専用。クラス名はすべて nw- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* nw-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.nw-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* nw-blk1-pic1: 近況はこちらから、ご確認ください。 お知らせ ブログ  */
.nw-blk1-pic1 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
html.js .nw-blk1-pic1:not(.in) { transition-duration: 0ms; }
.nw-blk1-pic1.in-active { transition-duration: 0ms; }
@media screen and (max-width: 1280px) { .nw-blk1-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .nw-blk1-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .nw-blk1-pic1 { padding: 150px 25px 100px; } }

/* nw-blk1-inner1:  */
.nw-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
html.js .nw-blk1-inner1:not(.in) { flex-direction: column; }
@media screen and (max-width: 1280px) { .nw-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .nw-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .nw-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* nw-blk1-box1: 近況はこちらから、ご確認ください。 お知らせ ブログ  */
.nw-blk1-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 40px; margin: 0px 0px 100px; padding: 0px; width: 100%; --gh-nw-blk1-box1: 40px; --gv-nw-blk1-box1: 40px; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box1 { margin: 0px 0px 80px; --gh-nw-blk1-box1: 40px; --gv-nw-blk1-box1: 40px; width: 100%; max-width: 100%; } }

/* nw-blk1-box2: 近況はこちらから、ご確認ください。 お知らせ */
.nw-blk1-box2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: auto; max-width: 100%; }

/* nw-blk1-box3: 近況はこちらから、ご確認ください。 */
.nw-blk1-box3 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-nw-blk1-box3: 10px; --gv-nw-blk1-box3: 0px; max-width: 100%; }

/* nw-blk1-box4:  */
.nw-blk1-box4 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* nw-blk1-txt1: 近況はこちらから、ご確認ください。 */
.nw-blk1-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; height: auto; letter-spacing: -0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .nw-blk1-txt1 { font-size: 13px; } }

/* nw-blk1-txt2: お知らせ */
.nw-blk1-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .nw-blk1-txt2 { font-size: 50px; } }

/* nw-blk1-box5: ブログ ニュース DX 集客 補助金 */
.nw-blk1-box5 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 0px; width: auto; --gh-nw-blk1-box5: 10px; --gv-nw-blk1-box5: 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box5 { width: auto; --gh-nw-blk1-box5: 10px; --gv-nw-blk1-box5: 10px; } }

/* nw-blk1-link1: ブログ */
.nw-blk1-link1 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 2px; flex-flow: row; padding: 10px 20px; }
.nw-blk1-link1:hover { background: rgb(195, 195, 195); }

/* nw-blk1-txt3: ブログ */
.nw-blk1-txt3 { background: rgba(0, 0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* nw-blk1-link1: ブログ */
.nw-blk1-link1:hover .nw-blk1-txt3:hover { background: rgba(204, 204, 204, 0); }
@media screen and (max-width: 760px) { .nw-blk1-txt3 { font-size: 13px; } }

/* nw-blk1-box6: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-box6 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 30px; height: auto; margin: 0px 0px 30px; padding: 0px; width: 100%; --gh-nw-blk1-box6: 0px; --gv-nw-blk1-box6: 30px; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box6 { margin: 0px 0px 60px; --gh-nw-blk1-box6: 0px; --gv-nw-blk1-box6: 30px; width: 100%; max-width: 100%; } }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2 { background: rgba(255, 255, 255, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); flex-direction: row; gap: 40px; justify-content: flex-start; padding: 0px 0px 15px; width: calc(100% - (var(--gh-nw-blk1-box6) * 0)); --gh-nw-blk1-link2: 40px; --gv-nw-blk1-link2: 0px; max-width: calc(100% - (var(--gh-nw-blk1-box6) * 0)); }
.nw-blk1-link2:hover { transition-duration: 0ms; --gh-nw-blk1-link2: 40px; --gv-nw-blk1-link2: 0px; }
@media screen and (max-width: 760px) { .nw-blk1-link2 { flex-flow: row; gap: 20px; overflow: hidden auto; --gh-nw-blk1-link2: 20px; --gv-nw-blk1-link2: 0px; } }
@media screen and (max-width: 540px) { .nw-blk1-link2 { overflow: hidden auto; width: 100%; --gh-nw-blk1-link2: 40px; --gv-nw-blk1-link2: 0px; } }

/* nw-blk1-box7: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-box7 { flex: 1 1 0%; flex-flow: wrap; gap: 10px; height: auto; justify-content: flex-start; --gh-nw-blk1-box7: 10px; --gv-nw-blk1-box7: 10px; max-width: 100%; }

/* nw-blk1-box8: 2026.07.07 ニュース DX */
.nw-blk1-box8 { place-content: center; align-items: center; flex-flow: row; height: auto; padding: 0px; max-width: 100%; }

/* nw-blk1-txt4: 2026.07.07 */
.nw-blk1-txt4 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 15px; font-weight: 500; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-txt4 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .nw-blk1-txt4 { font-size: 12px; } }

/* nw-blk1-list1: ニュース DX */
.nw-blk1-list1 { flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 21px; margin: 0px 30px 0px 0px; width: auto; --gh-nw-blk1-list1: 5px; --gv-nw-blk1-list1: 0px; max-width: calc(100% - 30px); }

/* nw-blk1-item1: ニュース */
.nw-blk1-item1 { place-content: flex-start center; align-items: flex-start; flex-wrap: nowrap; gap: 10px; padding: 0px; --gh-nw-blk1-item1: 0px; --gv-nw-blk1-item1: 10px; }

/* nw-blk1-txt5: ニュース */
.nw-blk1-txt5 { background: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 13px; padding: 5px 10px; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-txt5 { background: #44a6ffff; }
@media screen and (max-width: 760px) { .nw-blk1-txt5 { font-size: 10px; } }

/* nw-blk1-txt6: 【お知らせ】「シャチョウDX」の開発実績に「アポ候補日生成メ */
.nw-blk1-txt6 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; line-height: 1.2; text-align: left; justify-content: flex-start; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-txt6 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .nw-blk1-txt6 { font-size: 15px; } }

/* nw-blk1-box9: arrow_forward */
.nw-blk1-box9 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-box9 { background: #ff379c; }

/* nw-blk1-icon1: arrow_forward */
.nw-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-icon1 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .nw-blk1-icon1 { font-size: 15px; } }

/* nw-blk1-box10: arrow_back TOPへ戻る */
.nw-blk1-box10 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box10 { place-content: center flex-start; align-items: center; } }

/* nw-blk1-link3: arrow_back TOPへ戻る */
.nw-blk1-link3 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 40px; overflow: hidden; padding: 10px 60px 10px 15px; position: relative; width: auto; --gh-nw-blk1-link3: 40px; --gv-nw-blk1-link3: 0px; max-width: 100%; }
.nw-blk1-link3:hover { background: #ff379c; --gh-nw-blk1-link3: 40px; --gv-nw-blk1-link3: 0px; }

/* nw-blk1-icon2: arrow_back */
.nw-blk1-icon2 { color: rgb(255, 255, 255); font-size: 16px; }

/* nw-blk1-link3: arrow_back TOPへ戻る */
.nw-blk1-link3:hover .nw-blk1-icon2 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .nw-blk1-icon2 { font-size: 15px; } }

/* nw-blk1-txt7: TOPへ戻る */
.nw-blk1-txt7 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Gothic A1', sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* nw-blk1-link3: arrow_back TOPへ戻る */
.nw-blk1-link3:hover .nw-blk1-txt7 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .nw-blk1-txt7 { font-size: 14px; } }