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

/* ti-blk4-box1: お知らせ 2025.6.25 NEWS 【紹介パートナー */
.ti-blk4-box1 { place-content: center; align-items: center; background: rgb(248, 248, 248); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 50px 50px; padding: 0px 60px 150px; width: calc(100% - 100px); max-width: calc(100% - 100px); }
@media screen and (max-width: 840px) { .ti-blk4-box1 { margin: 0px 40px 50px; padding: 0px 70px 100px; width: calc(100% - 80px); max-width: calc(100% - 80px); } }
@media screen and (max-width: 540px) { .ti-blk4-box1 { margin: 0px 38px 32px 0px; padding: 0px 0px 80px; width: calc(100% - 38px); max-width: calc(100% - 38px); } }

/* ti-blk4-txt1: お知らせ */
.ti-blk4-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 24px; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 92px 0px 12px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ti-blk4-txt1 { margin: 82px 0px 12px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ti-blk4-txt1 { font-size: 20px; margin: 54px 0px 8px; max-width: 100%; } }

/* ti-blk4-box2: 2025.6.25 NEWS 【紹介パートナー募集中】ご紹 */
.ti-blk4-box2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 0px; width: 100%; max-width: 100%; }

/* ti-blk4-txt2: 2025.6.25 */
.ti-blk4-txt2 { color: rgb(150, 150, 150); font-family: Rubik, sans-serif; font-size: 12px; font-weight: 400; height: auto; letter-spacing: 0.1em; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ti-blk4-img1:  */
.ti-blk4-img1 { flex: 0 0 auto; height: auto; margin: 34px 0px 80px; width: 400px; max-width: 100%; }
@media screen and (max-width: 840px) { .ti-blk4-img1 { margin: 34px 0px 70px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ti-blk4-img1 { margin: 34px 16px 60px 0px; max-width: calc(100% - 16px); } }

/* ti-blk4-box3: NEWS */
.ti-blk4-box3 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; padding: 0px; width: 700px; max-width: 100%; }
@media screen and (max-width: 540px) { .ti-blk4-box3 { margin: 0px 40px; padding: 0px; max-width: calc(100% - 80px); } }

/* ti-blk4-box4: NEWS */
.ti-blk4-box4 { background: rgba(0, 0, 0, 0); border-radius: 0px; flex-flow: row; margin: 0px 13px 0px 0px; padding: 0px; max-width: calc(100% - 13px); }

/* ti-blk4-txt3: NEWS */
.ti-blk4-txt3 { background: rgb(5, 15, 119); border-radius: 2px; color: rgb(255, 255, 255); font-family: Rubik, sans-serif; font-size: 14px; font-weight: 500; height: auto; letter-spacing: 0.05em; margin: 0px; padding: 4px 8px 3px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ti-blk4-txt3 { font-size: 12px; } }

/* ti-blk4-box5:  */
.ti-blk4-box5 { background: rgb(220, 220, 220); flex: 1 1 0%; height: 1px; width: auto; max-width: 100%; }

/* ti-blk4-txt4: 【紹介パートナー募集中】ご紹介で報酬が得られる制度とは？ */
.ti-blk4-txt4 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 28px; height: auto; letter-spacing: 0.05em; line-height: 1.5; margin: 40px 0px; text-align: left; width: 700px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .ti-blk4-txt4 { font-size: 24px; } }
@media screen and (max-width: 540px) { .ti-blk4-txt4 { font-size: 20px; margin: 30px 40px; max-width: calc(100% - 80px); } }

/* ti-blk4-box6:  */
.ti-blk4-box6 { background: rgb(220, 220, 220); flex: 0 0 auto; height: 1px; margin: 0px; width: 700px; max-width: 100%; }
@media screen and (max-width: 540px) { .ti-blk4-box6 { margin: 0px 40px; max-width: calc(100% - 80px); } }

/* ti-blk4-rich1: こんにちは。株式会社チェリブロです。 このたび私たちは、営業 */
.ti-blk4-rich1 { border-width: 0px; border-style: solid; border-color: rgba(0, 0, 0, 0); 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: 14px; height: auto; letter-spacing: 0.12em; line-height: 2; margin: 52px 0px 80px; padding: 0px; text-align: justify; transition-timing-function: ease; width: 700px; max-width: 100%; }
.ti-blk4-rich1 a { color: rgb(26, 89, 153); }
.ti-blk4-rich1 a:hover { opacity: 0.5; }
.ti-blk4-rich1 > blockquote { border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgb(120, 120, 120); margin: 10px 0px 10px 2px; padding: 0px 15px; }
.ti-blk4-rich1 > p > code { background: rgb(235, 235, 235); border-width: 1px; border-style: solid; border-color: rgb(200, 200, 200); padding: 2px 5px; }
.ti-blk4-rich1 > figure { flex: 0 0 auto; margin: 20px 0px; width: 100%; }
.ti-blk4-rich1 > h2 { font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 20px; line-height: 1.7; margin: 20px 0px; }
.ti-blk4-rich1 > h3 { font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 17px; line-height: 1.7; }
.ti-blk4-rich1 > h4 { font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; line-height: 1.7; }
.ti-blk4-rich1 > hr { border-width: 1px 0px 0px; border-style: solid; border-color: rgb(230, 230, 230); }
.ti-blk4-rich1 li { line-height: 1.8; margin: 8px 0px; }
.ti-blk4-rich1 > ol { margin: 0px 0px 0px 26px; }
.ti-blk4-rich1 > p { margin: 10px 0px 0px; }
.ti-blk4-rich1 > pre { background: rgb(235, 235, 235); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); padding: 20px 30px; }
.ti-blk4-rich1 > [data-type="table"] > table tbody tr > td { border-width: 1px; border-style: solid; border-color: rgb(50, 50, 50); color: rgb(80, 80, 80); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: "palt"; font-size: 14px; letter-spacing: 0.12em; line-height: 1.5; padding: 10px; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; }
.ti-blk4-rich1 > [data-type="table"] > table tbody tr > th { background: rgb(130, 130, 130); border-width: 1px; border-style: solid; border-color: rgb(50, 50, 50); color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 14px; letter-spacing: 0.12em; line-height: 1.5; padding: 10px; text-align: left; text-orientation: mixed; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; }
.ti-blk4-rich1 > [data-type="table_of_contents"] { background: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(150, 150, 150); border-radius: 8px; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 12px; letter-spacing: 0.12em; line-height: 1.7; margin: 10px 0px; padding: 30px 40px 16px 10px; text-orientation: mixed; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; }
.ti-blk4-rich1 > [data-type="table"] > table { margin: 10px 0px; }
@media screen and (max-width: 840px) { .ti-blk4-rich1 { flex: 0 0 auto; margin: 42px 0px 70px; max-width: 100%; } }
@media screen and (max-width: 840px) { .ti-blk4-rich1 > h2 { font-size: 18px; } }
@media screen and (max-width: 840px) { .ti-blk4-rich1 > h3 { font-size: 16px; } }
@media screen and (max-width: 540px) { .ti-blk4-rich1 { flex: 0 0 auto; margin: 32px 40px 56px; max-width: calc(100% - 80px); } }
@media screen and (max-width: 540px) { .ti-blk4-rich1 > blockquote { padding: 0px 5px 0px 15px; } }
@media screen and (max-width: 540px) { .ti-blk4-rich1 > h2 { font-size: 16px; } }
@media screen and (max-width: 540px) { .ti-blk4-rich1 > h3 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ti-blk4-rich1 > h4 { font-size: 14px; } }
@media screen and (max-width: 540px) { .ti-blk4-rich1 > pre { padding: 15px 20px; } }
@media screen and (max-width: 540px) { .ti-blk4-rich1 > [data-type="table_of_contents"] { padding: 30px 26px 16px 0px; } }

/* ti-blk4-link1: back */
.ti-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: 122px; max-width: 100%; }
.ti-blk4-link1:hover { border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }

/* ti-blk4-txt5: back */
.ti-blk4-txt5 { color: rgb(0, 0, 0); font-family: Rubik, sans-serif; font-size: 14px; font-style: italic; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; transform-origin: left center; width: auto; max-width: 100%; justify-content: flex-start; }

/* ti-blk4-link1: back */
.ti-blk4-link1:hover .ti-blk4-txt5 { color: rgb(5, 15, 119); letter-spacing: 0.12em; }

/* ti-blk4-box7:  */
.ti-blk4-box7 { 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%; }

/* ti-blk4-link1: back */
.ti-blk4-link1:hover .ti-blk4-box7 { background: rgb(5, 15, 119); scale: 2 1; transform-origin: right center; }