/* =========================================================
   hojokin-check.css  /hojokin-check 専用。クラス名はすべて hc- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* hc-root: あなたの会社、 補助金いくらもらえる？ 最短3分で完了！  */
.hc-root { background: rgb(68, 166, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .hc-root { background: rgb(68, 166, 255); } }
@media screen and (max-width: 360px) { .hc-root { background: rgb(68, 166, 255); } }

/* hc-blk0-sec1: あなたの会社、 補助金いくらもらえる？ */
.hc-blk0-sec1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex-flow: column; height: 216px; padding: 0px; width: 1080px; max-width: 100%; }

/* hc-blk0-inner1:  */
.hc-blk0-inner1 { padding: 0px; width: 1080px; height: 216px; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }

/* hc-blk0-txt1: あなたの会社、 補助金いくらもらえる？ */
.hc-blk0-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 48px; font-weight: 900; height: auto; line-height: 1.4; text-align: center; width: 1095px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .hc-blk0-txt1 { color: rgb(255, 255, 255); font-size: 36px; font-weight: 900; } }
@media screen and (max-width: 360px) { .hc-blk0-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-weight: 900; } }

/* hc-blk1-sec1: 最短3分で完了！ 2025年最新版・中小企業向け補助金診断  */
.hc-blk1-sec1 { place-content: center flex-start; align-items: center; background: rgb(68, 166, 255); flex-flow: column; height: 706px; margin: 12px 0px 20px; padding: 0px; width: 800px; max-width: 100%; }
@media screen and (max-width: 540px) { .hc-blk1-sec1 { height: 2px; margin: 0px 50px; width: 152px; max-width: calc(100% - 100px); } }

/* hc-blk1-inner1:  */
.hc-blk1-inner1 { padding: 0px; width: 800px; height: 706px; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .hc-blk1-inner1 { width: 152px; height: 2px; flex-direction: column; max-width: 100%; } }

/* hc-blk1-txt1: 最短3分で完了！ 2025年最新版・中小企業向け補助金診断  */
.hc-blk1-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: 636px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .hc-blk1-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-size: 10px; width: 311px; max-width: 100%; } }
@media screen and (max-width: 360px) { .hc-blk1-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-size: 10px; margin: 0px; width: 214px; max-width: 100%; } }