/* =========================================================
   top__404.css  /top/404 専用。クラス名はすべて t4- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* t4-root: ご挨拶 私たちの仕事 お知らせ 会社情報 お問い合わせ 顧問 */
.t4-root { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; flex-flow: column; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* t4-blk4-box1: Page Not Found お探しのページは見つかりま */
.t4-blk4-box1 { place-content: center; align-items: center; background: rgb(245, 245, 245); border-radius: 4px; box-shadow: rgb(100, 100, 100) 0px 0px 0px; flex: 0 0 auto; flex-flow: column; height: 76vh; margin: 0px 50px 50px; width: calc(100% - 100px); max-width: calc(100% - 100px); }
.t4-blk4-box1::before { background-repeat: no-repeat; }
@media screen and (max-width: 840px) { .t4-blk4-box1 { margin: 0px 40px 40px; width: calc(100% - 80px); max-width: calc(100% - 80px); } }
@media screen and (max-width: 540px) { .t4-blk4-box1 { margin: 0px 38px 40px 0px; width: calc(100% - 38px); max-width: calc(100% - 38px); } }

/* t4-blk4-box2: Page Not Found お探しのページは見つかりま */
.t4-blk4-box2 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .t4-blk4-box2 { align-content: flex-start; align-items: flex-start; flex: 0 0 auto; width: 84%; max-width: 84%; } }

/* t4-blk4-txt1: Page Not Found */
.t4-blk4-txt1 { color: rgb(50, 50, 50); font-family: Rubik, sans-serif; font-feature-settings: "palt"; font-size: 34px; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.52; margin: 0px 0px 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .t4-blk4-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .t4-blk4-txt1 { font-size: 24px; } }

/* t4-blk4-txt2: お探しのページは見つかりませんでした。 ページが削除・移動さ */
.t4-blk4-txt2 { color: rgb(50, 50, 50); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: "palt"; font-size: 13px; height: auto; letter-spacing: 0.12em; line-height: 2; margin: 0px 0px 30px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .t4-blk4-txt2 { flex: 0 0 auto; width: 273px; max-width: 100%; } }
@media screen and (max-width: 540px) { .t4-blk4-txt2 { flex: 0 0 auto; font-size: 12px; text-align: left; width: 250px; max-width: 100%; justify-content: flex-start; } }

/* t4-blk4-link1: トップページへ */
.t4-blk4-link1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 80px; flex: 0 0 auto; flex-flow: column; height: 36px; margin: 0px; padding: 0px; width: 128px; max-width: 100%; }
.t4-blk4-link1:hover { border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }

/* t4-blk4-txt3: トップページへ */
.t4-blk4-txt3 { color: rgb(50, 50, 50); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 12px; font-style: normal; height: auto; letter-spacing: 0.12em; line-height: 1; margin: 0px; text-align: center; transform-origin: left center; width: auto; max-width: 100%; justify-content: center; }

/* t4-blk4-link1: トップページへ */
.t4-blk4-link1:hover .t4-blk4-txt3 { color: rgb(5, 15, 119); letter-spacing: 0.15em; }

/* t4-blk4-box3:  */
.t4-blk4-box3 { background: rgb(0, 0, 0); inset: 17px auto auto -8px; flex: 0 0 auto; height: 1px; margin: 0px; position: absolute; scale: 1e-10 1; transform-origin: right center; width: 18px; z-index: 2; max-width: 100%; }

/* t4-blk4-link1: トップページへ */
.t4-blk4-link1:hover .t4-blk4-box3 { background: rgb(5, 15, 119); scale: 2 1; transform-origin: right center; }