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

/* ch-blk1-sec1: カスタマーハラスメントに対する対応指針 はじめに 私た */
.ch-blk1-sec1 { place-content: center; align-items: center; background: rgb(246, 246, 246); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .ch-blk1-sec1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .ch-blk1-sec1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .ch-blk1-sec1 { padding: 150px 25px 100px; } }

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

/* ch-blk1-box1: カスタマーハラスメントに対する対応指針 */
.ch-blk1-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 0px; width: 100%; max-width: 100%; }

/* ch-blk1-box2: カスタマーハラスメントに対する対応指針 */
.ch-blk1-box2 { place-content: center; align-items: center; flex-flow: row; gap: 20px; margin: 0px; padding: 0px; --gh-ch-blk1-box2: 20px; --gv-ch-blk1-box2: 0px; max-width: 100%; }

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

/* ch-blk1-txt1: カスタマーハラスメントに対する対応指針 */
.ch-blk1-txt1 { 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; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .ch-blk1-txt1 { font-size: 60px; } }
@media screen and (max-width: 760px) { .ch-blk1-txt1 { font-size: 50px; } }

/* ch-blk1-box4: はじめに 私たち株式会社ヴィレグループは経営サポート・デザ */
.ch-blk1-box4 { place-content: flex-start space-between; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; overflow: hidden auto; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box4 { flex-direction: column; overflow: hidden auto; } }

/* ch-blk1-box5: はじめに 私たち株式会社ヴィレグループは経営サポート・デザ */
.ch-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: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box5 { width: 100%; } }

/* ch-blk1-txt2: はじめに */
.ch-blk1-txt2 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt2 { font-size: 20px; } }

/* ch-blk1-txt3: 私たち株式会社ヴィレグループは経営サポート・デザイン・DX事 */
.ch-blk1-txt3 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box6: 目的 弊社が掲げる 「すべての人が、信頼しあい、気持ちよく */
.ch-blk1-box6 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box6 { width: 100%; } }

/* ch-blk1-txt4: 目的 */
.ch-blk1-txt4 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt4 { font-size: 20px; } }

/* ch-blk1-txt5: 弊社が掲げる 「すべての人が、信頼しあい、気持ちよく、生き生 */
.ch-blk1-txt5 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box7: 対象となる行為 カスタマーハラスメントは、「働き方改革実行 */
.ch-blk1-box7 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box7 { width: 100%; } }

/* ch-blk1-txt6: 対象となる行為 */
.ch-blk1-txt6 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt6 { font-size: 20px; } }

/* ch-blk1-txt7: カスタマーハラスメントは、「働き方改革実行計画」（平成29年 */
.ch-blk1-txt7 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box8: 顧客による暴力・暴言 ・個人に対する暴力 ・個人に対する威 */
.ch-blk1-box8 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box8 { width: 100%; } }

/* ch-blk1-txt8: 顧客による暴力・暴言 */
.ch-blk1-txt8 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt8 { font-size: 20px; } }

/* ch-blk1-txt9: ・個人に対する暴力 ・個人に対する威迫・脅迫 ・個人の人格を */
.ch-blk1-txt9 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box9: 顧客による過剰または不合理な要求 ・合理的理由のない謝罪の */
.ch-blk1-box9 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box9 { width: 100%; } }

/* ch-blk1-txt10: 顧客による過剰または不合理な要求 */
.ch-blk1-txt10 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt10 { font-size: 20px; } }

/* ch-blk1-txt11: ・合理的理由のない謝罪の要求 ・従業員に関する解雇等の社内処 */
.ch-blk1-txt11 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box10: 顧客による合理的範囲を超える時間的・場所的拘束 ・合理的な */
.ch-blk1-box10 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box10 { width: 100%; } }

/* ch-blk1-txt12: 顧客による合理的範囲を超える時間的・場所的拘束 */
.ch-blk1-txt12 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt12 { font-size: 20px; } }

/* ch-blk1-txt13: ・合理的な理由のない長時間の拘束 ・合理的理由のない事業所以 */
.ch-blk1-txt13 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box11: 顧客によるその他ハラスメント行為 ・顧客によるプライバシー */
.ch-blk1-box11 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box11 { width: 100%; } }

/* ch-blk1-txt14: 顧客によるその他ハラスメント行為 */
.ch-blk1-txt14 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt14 { font-size: 20px; } }

/* ch-blk1-txt15: ・顧客によるプライバシー侵害行為 ・顧客によるセクシュアルハ */
.ch-blk1-txt15 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box12: カスタマーハラスメントへの対応 社内対応 ・カスタマーハ */
.ch-blk1-box12 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box12 { width: 100%; } }

/* ch-blk1-txt16: カスタマーハラスメントへの対応 */
.ch-blk1-txt16 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt16 { font-size: 20px; } }

/* ch-blk1-box13: 社内対応 ・カスタマーハラスメントの発生に備え、各社員がカ */
.ch-blk1-box13 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box13 { width: 100%; } }

/* ch-blk1-txt17: 社内対応 */
.ch-blk1-txt17 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt17 { font-size: 20px; } }

/* ch-blk1-txt18: ・カスタマーハラスメントの発生に備え、各社員がカスタマーハラ */
.ch-blk1-txt18 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box14: 社外対応 ・より良い関係の再構築に努めます。 ・カスタマー */
.ch-blk1-box14 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box14 { width: 100%; } }

/* ch-blk1-txt19: 社外対応 */
.ch-blk1-txt19 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt19 { font-size: 20px; } }

/* ch-blk1-txt20: ・より良い関係の再構築に努めます。 ・カスタマーハラスメント */
.ch-blk1-txt20 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box15: ご利用者の皆様に対するお願い 目的においても掲げている通 */
.ch-blk1-box15 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box15 { width: 100%; } }

/* ch-blk1-txt21: ご利用者の皆様に対するお願い */
.ch-blk1-txt21 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt21 { font-size: 20px; } }

/* ch-blk1-txt22: 目的においても掲げている通り、弊社は、ご提供させていただく各 */
.ch-blk1-txt22 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box16: arrow_back TOPへ戻る */
.ch-blk1-box16 { place-content: center flex-start; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* ch-blk1-link1: arrow_back TOPへ戻る */
.ch-blk1-link1 { 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-ch-blk1-link1: 40px; --gv-ch-blk1-link1: 0px; max-width: 100%; }
.ch-blk1-link1:hover { background: #ff379c; --gh-ch-blk1-link1: 40px; --gv-ch-blk1-link1: 0px; }

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

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

/* ch-blk1-txt23: TOPへ戻る */
.ch-blk1-txt23 { 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; }

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