資料の説明

ダイバーシティ&インクルージョンの定義や推進ステップ、研修プログラムの例などについてまとめた資料です。企業における取り組みにご活用ください。


目次

主に以下のような内容を解説しています。
 1) ダイバーシティ&インクルージョンとは
 2) 企業におけるダイバーシティ&インクルージョンの意義
 3) 取り組みの指標
 4) 取り組みのステップ
 5) 研修プログラムの例


対象者

・企業改革に取り組む経営層の方
・ダイバーシティ&インクルージョンの推進担当の方
※障がい者関連事業の方のお申込みはご遠慮くださいませ。

会社名 例)株式会社エスプールプラス
※企業の障がい者雇用・人事のご担当者様を対象としております。 障がい者関連事業の方のお申込みはご遠慮くださいませ。
部署名 例)営業部
役職名 例)係長
氏名 例)山田 太郎
電話番号 例)0368596555
メールアドレス 例)info@example.com
※私用アドレスやフリーアドレスの入力はご遠慮くださいませ。
資料請求のきっかけ 人事向け情報サイト
弊社からのメール、電話、郵送物
展示会やイベント
新聞、TV、雑誌などのメディア
弊社コーポレートサイト
紹介
その他
個人情報の取り扱い 同意する
「個人情報の取扱いについて」の内容にご同意いただける場合は「同意する」をチェックしてください。
/* =================================== 基本設定 =================================== */ @import url(//fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap); html{ overflow-y:scroll; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: normal; font-style: normal; } li { list-style: none; } figure, figcaption { margin: 0; padding: 0; } img { max-width: 100%; height: auto; vertical-align: middle; } /* 全ての要素のbox-sizingをデフォルトでborder-boxにする */ :root { -webkit-box-sizing: border-box; box-sizing: border-box; } *, ::before, ::after { border-width: 0; border-style: solid; -webkit-box-sizing: inherit; box-sizing: inherit; } /* =================================== 共通 =================================== */ /* フォント */ body { font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif; font-size: 1rem; } select,input,button,textarea { font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif; } /* =================================== 画面全体のレイアウト =================================== */ /* 画面全体の表示設定 */ html { font-size: 62.5%; } body { overflow: hidden; color:#333; font-size: 16px; font-size: 1.6em; letter-spacing: 0.11em; line-height: 1.8; background: #ffffff none; } /* フォームトップの画像 */ .flex{ display: flex; justify-content: center; } .flex img {box-shadow: 0 0 1px #333;} .flex spam {margin: 0em 0em 1em;} .flex p { margin: 2em 2em 1em; max-width: 540px; font-weight: 550; font-size:17px; } @media screen and (max-width: 767px) { .flex { flex-direction: column; justify-content: center; } .flex spam {text-align:center;} .flex p {margin: 0em 1em 1em;} } /* フォームエリア全体の設定 */ .container { margin: 0 auto; } div.header { width: 100%; padding: 24px 0; -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.4); } .fb-header { width: 960px; margin: 0 auto; text-align: left; } .fb-header img { position: static !important; width: 30%; max-width: 220px; } .fb-title { padding: 4% 2%; font-size: 24px; line-height: 1.5; font-weight: bold; text-align: center; } #privacy_policy { width: 100%; margin: 0 auto; padding: 0 3%; font-size: 12px; text-align: left; } .privacy-text-master br { display: none; } @media screen and (min-width: 768px),print { #privacy_policy { max-width: 620px; } .privacy-text-master br { display: block; } } /* =================================== ヘッダー =================================== */ .l-header { width: 100%; } .l-header-global { display: none; } @media only screen and (min-width: 1024px), print { .l-header-global { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 0; } } @media only screen and (min-width: 1024px), print { .l-header-global__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 20px; } } @media only screen and (min-width: 1024px), print { .l-header-global__logo a { display: block; } .l-header-global__logo a:hover { opacity: 0.75; } } .l-header-global__logo .is-spoolplus img { height: 30px; } .l-header-global__logo .is-jpxprime { margin: 0 0 0 16px; } @media only screen and (min-width: 1024px), print { .l-header-global__logo .is-jpxprime { margin: 0 0 0 32px; } } .l-header-global__logo .is-jpxprime img { height: 40px; } .l-header-main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 70px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 1024px), print { .l-header-main { height: 76px; border-top: 1px solid #ccc; -webkit-box-shadow: none; box-shadow: none; } } .l-header-main__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: auto 1 1; flex: auto 1 1; height: 30px; padding: 0 18px; } @media only screen and (min-width: 1024px), print { .l-header-main__logo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 195px; height: 40px; padding: 0 20px; } } .l-header-main__logo a { display: block; } .l-header-main__logo a:hover { opacity: 0.75; } .l-header-main__logo .is-work-happiness { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 105px; } @media only screen and (min-width: 768px), print { .l-header-main__logo .is-work-happiness { width: 300px; height: 22px; } } .l-header-main__logo .is-work-happiness img { max-height: 32px; vertical-align: top; } @media only screen and (min-width: 1024px), print { .l-header-main__logo .is-work-happiness img { max-height: 22px; } } .l-header-main__logo .is-spoolplus { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; border-right: 1px solid #efefef; margin: 0 14px 0 0; padding: 0 10px 0 0; } @media only screen and (min-width: 1024px), print { .l-header-main__logo .is-spoolplus { display: none; } } .l-header-main__logo .is-spoolplus img { max-height: 30px; vertical-align: top; } @media only screen and (min-width: 1024px), print { .l-header-main__navigation { padding: 0 20px; } } @media only screen and (min-width: 1024px), print { .l-header-main__menu { display: none; } } /* =================================== フッター =================================== */ .l-footer { position: relative; width: 100%; margin: 0; overflow-x: hidden; } .l-footer__inner { width: 100%; max-width: 1408px; margin: 30px auto 30px auto; padding: 0 5%; } @media only screen and (min-width: 1024px), print { .l-footer__inner { margin: 60px auto 60px auto; padding: 0 2%; } } @media only screen and (min-width: 1440px), print { .l-footer__inner { padding: 0; } } .l-footer__bottom { border-top: 1px solid #efefef; margin: 24px 0 0; padding: 16px 0 0; text-align: left; } @media only screen and (min-width: 1024px), print { .l-footer__bottom { margin: 30px 0 0; padding: 30px 0 0; text-align: right; } } .l-footer__copyright { display: block; color: #666; font-size: 10px; /*IE9以下で反映されるよう記述*/ line-height: 1; letter-spacing: 0.05em; margin: 24px 0 0; } @media only screen and (min-width: 1024px), print { .l-footer__copyright { margin: 0; } } /* =================================== 共通スタイル =================================== */ /* 見出し */ h1 { font-size: 20px; text-align: center; line-height: 1.5; padding: 0 2%; } h2 { font-size: 18px; } h2:after { display: block; position: relative; width: 43px; height: 2px; margin: 8px 0 0; background-color: #FF7F50; content: ""; } .l-form__heading { width: 100%; padding: 8px; color: #fff; text-align: center; background-color: #837349; } .l-form__heading:after { content: none; } @media only screen and (min-width: 768px), print { h1 { font-size: 30px; } h2 { font-size: 24px; } .l-form__heading { font-size: 24px; } h2:after { width: 86px; height: 2px; margin: 8px 0 0; } } /* 段落 */ .l-contents p { margin: 16px 0 0; } /* リスト */ .c-ul-style-disc { margin: 16px 0 0; list-style-type: none; } .c-ul-style-disc li { position: relative; margin-left: 0.2em; padding-left: 1em; } .c-ul-style-disc li::before { display: block; position: absolute; left: 0; top: 0.55em; width: 6px; height: 6px; background-color: #ac923f; border-radius: 50%; content: ""; } /* テーブル */ .c-table { display: block; width: 100%; margin: 16px 0 0; } @media only screen and (min-width: 768px), print { .c-table { table-layout: fixed; width: 100%; border-top: 1px solid rgba(112, 112, 112, 0.3); border-collapse: collapse; border-spacing: 0; } } @media only screen and (max-width: 767px), print { .c-table tr { display: block; width: 100%; } } .c-table th { color: #837349; font-weight: 600; width: 100%; background-color: rgba(172, 146, 63, 0.3); vertical-align: top; padding: 8px 16px; } @media only screen and (min-width: 768px), print { .c-table th { width: 20%; } } .c-table td { width: 100%; background-color: #ffffff; border-bottom: 1px solid rgba(112, 112, 112, 0.3); padding: 8px 16px; } @media only screen and (min-width: 768px), print { .c-table td { width: 70%; } } .c-table th, .c-table td { display: block; } @media only screen and (min-width: 768px), print { .c-table th, .c-table td { display: table-cell; border-bottom: 1px solid rgba(112, 112, 112, 0.3); padding: 8px 12px; } } /* セクション */ .p-section__inner { padding: 0 2%; } @media only screen and (min-width: 768px), print { .p-section__inner { padding: 0; } } /* ボタン */ .c-button { position: relative; display: inline-block; color: #000; font-size: 1.6rem; font-weight: 600; text-align: center; text-decoration: none; line-height: 1.4; letter-spacing: 0em; background-color: #fff; border: 1px solid #666; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; padding: max(1em + 1rem - 1em,.2em) max(1em + (1rem - 1em)*.2,.4em); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0ms; transition-delay: 0ms; overflow: hidden; vertical-align: top; z-index: 0; cursor: pointer; } .c-button-parent { color: #000; background-color: #eae3cf; border: 1px solid #eae3cf; margin: 0 auto; } .c-button:hover { opacity: 1; } .c-button-parent:hover { color: #fff; border: 1px solid #837349; background-color: #837349; } /* 画像 */ .c-image { width: 70%; margin: 0 auto; text-align: center; } .c-image img { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ccc; } /* =================================== 1カラム =================================== */ .l-main__one-column { } .l-main__one-column .l-contents { } .l-main__one-column .l-form { background-color: #eae3cf; } .l-main__one-column.--thanks { text-align: center; } /* =================================== 2カラム =================================== */ .l-main__two-column { display: block; } .l-main__two-column .l-form { margin: 8% 4% 0; padding: 0 0 4% 0; -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1); } @media screen and (min-width: 768px),print { .l-main__two-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 1200px; margin: 0 auto 2%; padding: 24px 2%; } .l-main__two-column .l-contents { width: 55%; } .l-main__two-column .l-form { width: 40%; margin: 0; /* background-color: #eae3cf; */ } } /* =================================== 設問エリアのレイアウト =================================== */ /* 設問エリア全体の設定 */ div.wrapper { width: 100%; max-width: 980px; margin: 0 auto; padding: 3%; } table.items, tbody, tr.item { display: block; width: 100%; max-width: 980px; } .l-main__two-column table.items, .l-main__two-column tbody, .l-main__two-column tr.item { display: block; width: 100%; } /* 設問の表 */ table.items{ border-top: 1px solid #cccccc; } /* 設問の行 */ tr.item { padding: 0 0 4%; border-bottom: 1px solid #cccccc; } /*設問名のセルのデザイン */ td.label { display: block; width: 100%; padding: 2%; color: #5C5C5F; font-weight: bold; background: rgba(252, 132, 88,0.2) none; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { display: block; width: 100%; padding: 2% 0; background: #fff none; } /* 設問の入力例/説明セルのデザイン */ td.comment { display: block; width: 100%; color: #777777; font-size: 1.4rem; background: #fff none; } @media screen and (min-width: 768px),print { table.items, tbody, tr.item { display: table; border-collapse: collapse; } /* 2カラムのとき */ .l-main__two-column table.items, .l-main__two-column tbody, .l-main__two-column tr.item { display: block; width: 100%; } /* 設問の行 */ tr.item { padding: 0; } /*設問名のセルのデザイン */ td.label { display: table-cell; width: 35%; max-width: 300px; padding: 20px; vertical-align: top; } .l-main__two-column td.label { display: block; width: 100%; max-width: 100%; padding: 8px 16px; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { display: block; width: 100%; margin: 0; padding: 3%; } /* 設問の入力例/説明セルのデザイン */ td.comment { display: block; width: 100%; margin: 0; padding: 0 3% 3%; font-size: 1.2rem; line-height: 1.2 ; } } /* 入力セルの「氏」「名」の文字のデザイン */ span.label_name { padding-right:5px; } tr#item_3 td.value { display: flex; } tr#item_3 td.value input { width: 45%; } tr#item_3 td.value input:first-of-type { margin-right: 2.8% } .ex_last_name { display: inline-block; width: 52%; } .ex_first_name { display: inline-block; width: 48%; } /* 入力確認画面、完了画面の入力された文字のデザイン */ p.value { } /* ボタンの表示エリアの設定 */ div.button_area { width: 100%; max-width: 980px; margin: 0 auto ; padding: 0 3%; text-align:center; } /* 入力エラーメッセージのデザイン */ div.message { width: 100%; max-width: 900px; margin: 0 auto 4%; padding: 3%; border: 3px solid #d63008; color: #d63008; font-weight: bold; line-height: 2; background:#FFF0E5; } /* 公開終了メッセージのデザイン */ div.finished-message { padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-weight:bold; color:Crimson; background:MistyRose; } /* ========================================================== !Form Parts ========================================================== */ /* !reset ---------------------------------------------------------- */ input, button, textarea { border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* !default ---------------------------------------------------------- */ legend { display: block; width: 100%; margin: 0 0 4% 0; font-size: 125%; text-align: center; } fieldset { } fieldset > p { margin: 0 0 4% 0; } label { position: relative; display: block; cursor: pointer; } input[type="text"], input[type="number"], input[type="tel"], input[type="email"], textarea { width: 100%; padding: 10px 5px 12px 5px; border-width: 2px 2px 2px 2px; border-style: solid; border-color: #cccccc; border-radius: 2px; } input[type="number"].zip01 { width: 200px; } input[type="tel"] { width: 230px; } select { width: 100%; padding: 10px 8px 10px 8px; border-width: 2px 2px 2px 2px; border-style: solid; border-color: #cccccc; border-radius: 2px; background-color: #fff; } /* numberの増減ボタンを消す */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } /* 必須 */ input:required, textarea:required { border-width: 2px 2px 2px 2px; border-style: solid; border-color: #cccccc; background: #ffffff; } /* 必須 且つ 入力されていない */ input:required:invalid, textarea:required:invalid { border-width: 2px 2px 2px 2px; border-style: solid; border-color: #FF7F50; background: #89000088; } /* focus */ input:focus, select:focus, textarea:focus { border-width: 2px 2px 2px 2px; border-style: solid; border-color: #cccccc; background: #edf6f8; } /* 必須にfocus */ input:required:invalid:focus, textarea:required:invalid:focus { border-width: 2px 2px 2px 2px; border-style: solid; border-color: #cccccc; background: #edf6f8; } /* Placeholder Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder { color: #999999; font-style: italic; } /* Placeholder Firefox 18- */ :-moz-placeholder { opacity: 1; color: #999999; font-style: italic; } /* Placeholder Firefox 19+ */ ::-moz-placeholder { opacity: 1; color: #999999; font-style: italic; } /* Placeholder IE 10+ */ :-ms-input-placeholder { color: #999999; font-style: italic; } /* !ラジオボタン、チェックボックス ---------------------------------------------------------- */ input[type="radio"], input[type="checkbox"] { border: 2px solid #cccccc; width: 2em; height: 2em; margin: 0 5px 0 0; line-height: 1; transform: translate(0, 6px); } input[type="radio"] { border-radius: 50%; } /* !ラジオボタン、チェックボックスのクリック範囲にフォーカスしたとき ---------------------------------------------------------- */ .value > input[type="radio"]:focus, .value > input[type="checkbox"]:focus { outline: dotted 1px #000000; } /* !ラジオボタン チェック印の背景 ---------------------------------------------------------- */ .value > input[type="radio"]:checked { border-color: #837349; } /* !ラジオボタン チェックの印 ---------------------------------------------------------- */ .value > input[type="radio"]:checked:before { position: relative; top: 0.2em; left: 0.2em; display: block; width: 1.3em; height: 1.3em; border-radius: 50%; background: #837349 none; content: ""; } /* !チェックボタン チェック印の背景 ---------------------------------------------------------- */ input[type="checkbox"]:checked { border-color: #837349; background-color: #837349; } /* !チェックボタン チェックの印 ---------------------------------------------------------- */ input[type="checkbox"]:checked:before { position: relative; top: -0.2em; left: 0.5em; display: block; width: 10px; height: 24px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; content: ""; transform: rotate(45deg); } /* !送信ボタン ---------------------------------------------------------- */ div.button_area { display: flex; flex-flow: column-reverse wrap; justify-content: center; margin-top: 16px; } @media screen and (min-width: 768px),print { div.button_area { display: flex; flex-flow: row nowrap; gap: 20px; } } input[type=button] { width: 70%; margin: 0; padding: 16px 20px; border: none; border-radius: 3px; color: #fff; font-size: 123%; font: inherit; font-weight: bold; letter-spacing: 0.1em; background: #FF7F50; cursor: pointer; } input[type=button]#lf_form_submit_button { margin: 0 auto; border: 1px solid #FF7F50; color: #fff; background-color: #FF7F50; cursor: pointer; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: frameIn 1s cubic-bezier(0.8, 0, 0.2, 1) 0s; animation: frameIn 1s cubic-bezier(0.8, 0, 0.2, 1) 0s; } input[type=button]#lf_form_submit_button:hover { color: #FF7F50; background-color: #fff; background-position: right center; } input[type=button]#button_confirm_back { margin: 0 auto 16px; padding: 16px 20px; border: 1px solid #eee; color: #666; background: #ccc; cursor: pointer; } input[type=button]#button_confirm_submit { margin: 0 auto 16px; padding: 16px 20px; border: 1px solid #FF7F50; color: #fff; background-color:#FF7F50; cursor: pointer; } /* =================================== 汎用スタイル =================================== */ .is-sp-only { display: block; } .is-pc-only { display: none; } @media only screen and (min-width: 768px), print { .is-sp-only { display: none; } .is-pc-only { display: block; } } .u-mt0 { margin-top: 0px !important;} .u-mt5 { margin-top: 5px !important;} .u-mt10 { margin-top: 10px !important;} .u-mt15 { margin-top: 15px !important;} .u-mt20 { margin-top: 20px !important; text-align: center;} .u-mt25 { margin-top: 25px !important;} .u-mt30 { margin-top: 30px !important;} .u-mt35 { margin-top: 35px !important;} .u-mt40 { margin-top: 40px !important;} .u-mt45 { margin-top: 45px !important;} .u-mt50 { margin-top: 50px !important;} .u-mt55 { margin-top: 55px !important;} .u-mt60 { margin-top: 60px !important;} .u-mt65 { margin-top: 65px !important;} .u-mt70 { margin-top: 70px !important;} .u-mt75 { margin-top: 75px !important;} .u-mt80 { margin-top: 50px !important;} .u-mt85 { margin-top: 85px !important;} .u-mt90 { margin-top: 90px !important;} .u-mt95 { margin-top: 95px !important;} .u-mt100 { margin-top: 100px !important;} .u-mb0 { margin-bottom: 0px !important;} .u-mb5 { margin-bottom: 5px !important;} .u-mb10 { margin-bottom: 10px !important;} .u-mb15 { margin-bottom: 15px !important;} .u-mb20 { margin-bottom: 20px !important;} .u-mb25 { margin-bottom: 25px !important;} .u-mb30 { margin-bottom: 30px !important;} .u-mb35 { margin-bottom: 35px !important;} .u-mb40 { margin-bottom: 40px !important;} .u-mb45 { margin-bottom: 45px !important;} .u-mb50 { margin-bottom: 50px !important;} .u-mb55 { margin-bottom: 55px !important;} .u-mb60 { margin-bottom: 60px !important;} .u-mb65 { margin-bottom: 65px !important;} .u-mb70 { margin-bottom: 70px !important;} .u-mb75 { margin-bottom: 75px !important;} .u-mb80 { margin-bottom: 80px !important;} .u-mb85 { margin-bottom: 85px !important;} .u-mb90 { margin-bottom: 90px !important;} .u-mb95 { margin-bottom: 95px !important;} .u-mb100 { margin-bottom: 100px !important;} .u-ml0 { margin-left: 0px !important;} .u-ml5 { margin-left: 5px !important;} .u-ml10 { margin-left: 10px !important;} .u-ml15 { margin-left: 15px !important;} .u-ml20 { margin-left: 20px !important;} .u-ml25 { margin-left: 25px !important;} .u-ml30 { margin-left: 30px !important;} .u-ml35 { margin-left: 35px !important;} .u-ml40 { margin-left: 40px !important;} .u-ml45 { margin-left: 45px !important;} .u-ml50 { margin-left: 50px !important;} .u-ml55 { margin-left: 55px !important;} .u-ml60 { margin-left: 60px !important;} .u-ml65 { margin-left: 65px !important;} .u-ml70 { margin-left: 70px !important;} .u-ml75 { margin-left: 75px !important;} .u-ml80 { margin-left: 80px !important;} .u-ml85 { margin-left: 85px !important;} .u-ml90 { margin-left: 90px !important;} .u-ml95 { margin-left: 95px !important;} .u-ml100 { margin-left: 100px !important;} .u-mr0 { margin-right: 0px !important;} .u-mr5 { margin-right: 5px !important;} .u-mr10 { margin-right: 10px !important;} .u-mr15 { margin-right: 15px !important;} .u-mr20 { margin-right: 20px !important;} .u-mr25 { margin-right: 25px !important;} .u-mr30 { margin-right: 30px !important;} .u-mr35 { margin-right: 35px !important;} .u-mr40 { margin-right: 40px !important;} .u-mr45 { margin-right: 45px !important;} .u-mr50 { margin-right: 50px !important;} .u-mr55 { margin-right: 55px !important;} .u-mr60 { margin-right: 60px !important;} .u-mr65 { margin-right: 65px !important;} .u-mr70 { margin-right: 70px !important;} .u-mr75 { margin-right: 75px !important;} .u-mr80 { margin-right: 80px !important;} .u-mr85 { margin-right: 85px !important;} .u-mr90 { margin-right: 90px !important;} .u-mr95 { margin-right: 95px !important;} .u-mr100 { margin-right: 100px !important;} .u-pt0 { padding-top: 0px;} .u-pt5 { padding-top: 5px;} .u-pt10 { padding-top: 10px;} .u-pt15 { padding-top: 15px;} .u-pt20 { padding-top: 20px;} .u-pt25 { padding-top: 25px;} .u-pt30 { padding-top: 30px;} .u-pt35 { padding-top: 35px;} .u-pt40 { padding-top: 40px;} .u-pt45 { padding-top: 45px;} .u-pt50 { padding-top: 50px;} .u-pt55 { padding-top: 55px;} .u-pt60 { padding-top: 60px;} .u-pt65 { padding-top: 65px;} .u-pt70 { padding-top: 70px;} .u-pt75 { padding-top: 75px;} .u-pt80 { padding-top: 80px;} .u-pt85 { padding-top: 85px;} .u-pt90 { padding-top: 90px;} .u-pt95 { padding-top: 95px;} .u-pt100 { padding-top: 100px;} .u-pb0 { padding-bottom: 0px;} .u-pb5 { padding-bottom: 5px;} .u-pb10 { padding-bottom: 10px;} .u-pb15 { padding-bottom: 15px;} .u-pb20 { padding-bottom: 20px;} .u-pb25 { padding-bottom: 25px;} .u-pb30 { padding-bottom: 30px;} .u-pb35 { padding-bottom: 35px;} .u-pb40 { padding-bottom: 40px;} .u-pb45 { padding-bottom: 45px;} .u-pb50 { padding-bottom: 50px;} .u-pb55 { padding-bottom: 55px;} .u-pb60 { padding-bottom: 60px;} .u-pb65 { padding-bottom: 65px;} .u-pb70 { padding-bottom: 70px;} .u-pb75 { padding-bottom: 75px;} .u-pb80 { padding-bottom: 80px;} .u-pb85 { padding-bottom: 85px;} .u-pb90 { padding-bottom: 90px;} .u-pb95 { padding-bottom: 95px;} .u-pb100 { padding-bottom: 100px;} .u-pr0 { padding-right: 0px;} .u-pr5 { padding-right: 5px;} .u-pr10 { padding-right: 10px;} .u-pr15 { padding-right: 15px;} .u-pr20 { padding-right: 20px;} .u-pr25 { padding-right: 25px;} .u-pr30 { padding-right: 30px;} .u-pr35 { padding-right: 35px;} .u-pr40 { padding-right: 40px;} .u-pr45 { padding-right: 45px;} .u-pr50 { padding-right: 50px;} .u-pr55 { padding-right: 55px;} .u-pr60 { padding-right: 60px;} .u-pr65 { padding-right: 65px;} .u-pr70 { padding-right: 70px;} .u-pr75 { padding-right: 75px;} .u-pr80 { padding-right: 80px;} .u-pr85 { padding-right: 85px;} .u-pr90 { padding-right: 90px;} .u-pr95 { padding-right: 95px;} .u-pr100 { padding-right: 100px;} @media (max-width: 767px) { .u-sp-mt0 { margin-top: 0px !important;} .u-sp-mt5 { margin-top: 5px !important;} .u-sp-mt10 { margin-top: 10px !important;} .u-sp-mt15 { margin-top: 15px !important;} .u-sp-mt20 { margin-top: 20px !important;} .u-sp-mt25 { margin-top: 25px !important;} .u-sp-mt30 { margin-top: 30px !important;} .u-sp-mt35 { margin-top: 35px !important;} .u-sp-mt40 { margin-top: 40px !important;} .u-sp-mt45 { margin-top: 45px !important;} .u-sp-mt50 { margin-top: 50px !important;} .u-sp-mt55 { margin-top: 55px !important;} .u-sp-mt60 { margin-top: 60px !important;} .u-sp-mt65 { margin-top: 65px !important;} .u-sp-mt70 { margin-top: 70px !important;} .u-sp-mt75 { margin-top: 75px !important;} .u-sp-mt80 { margin-top: 50px !important;} .u-sp-mt85 { margin-top: 85px !important;} .u-sp-mt90 { margin-top: 90px !important;} .u-sp-mt95 { margin-top: 95px !important;} .u-sp-mt100 { margin-top: 100px !important;} .u-sp-mb0 { margin-bottom: 0px !important;} .u-sp-mb5 { margin-bottom: 5px !important;} .u-sp-mb10 { margin-bottom: 10px !important;} .u-sp-mb15 { margin-bottom: 15px !important;} .u-sp-mb20 { margin-bottom: 20px !important;} .u-sp-mb25 { margin-bottom: 25px !important;} .u-sp-mb30 { margin-bottom: 30px !important;} .u-sp-mb35 { margin-bottom: 35px !important;} .u-sp-mb40 { margin-bottom: 40px !important;} .u-sp-mb45 { margin-bottom: 45px !important;} .u-sp-mb50 { margin-bottom: 50px !important;} .u-sp-mb55 { margin-bottom: 55px !important;} .u-sp-mb60 { margin-bottom: 60px !important;} .u-sp-mb65 { margin-bottom: 65px !important;} .u-sp-mb70 { margin-bottom: 70px !important;} .u-sp-mb75 { margin-bottom: 75px !important;} .u-sp-mb80 { margin-bottom: 80px !important;} .u-sp-mb85 { margin-bottom: 85px !important;} .u-sp-mb90 { margin-bottom: 90px !important;} .u-sp-mb95 { margin-bottom: 95px !important;} .u-sp-mb100 { margin-bottom: 100px !important;} .u-sp-pt0 { padding-top: 0px;} .u-sp-pt5 { padding-top: 5px;} .u-sp-pt10 { padding-top: 10px;} .u-sp-pt15 { padding-top: 15px;} .u-sp-pt20 { padding-top: 20px;} .u-sp-pt25 { padding-top: 25px;} .u-sp-pt30 { padding-top: 30px;} .u-sp-pt35 { padding-top: 35px;} .u-sp-pt40 { padding-top: 40px;} .u-sp-pt45 { padding-top: 45px;} .u-sp-pt50 { padding-top: 50px;} .u-sp-pt55 { padding-top: 55px;} .u-sp-pt60 { padding-top: 60px;} .u-sp-pt65 { padding-top: 65px;} .u-sp-pt70 { padding-top: 70px;} .u-sp-pt75 { padding-top: 75px;} .u-sp-pt80 { padding-top: 80px;} .u-sp-pt85 { padding-top: 85px;} .u-sp-pt90 { padding-top: 90px;} .u-sp-pt95 { padding-top: 95px;} .u-sp-pt100 { padding-top: 100px;} .u-sp-pb0 { padding-bottom: 0px;} .u-sp-pb5 { padding-bottom: 5px;} .u-sp-pb10 { padding-bottom: 10px;} .u-sp-pb15 { padding-bottom: 15px;} .u-sp-pb20 { padding-bottom: 20px;} .u-sp-pb25 { padding-bottom: 25px;} .u-sp-pb30 { padding-bottom: 30px;} .u-sp-pb35 { padding-bottom: 35px;} .u-sp-pb40 { padding-bottom: 40px;} .u-sp-pb45 { padding-bottom: 45px;} .u-sp-pb50 { padding-bottom: 50px;} .u-sp-pb55 { padding-bottom: 55px;} .u-sp-pb60 { padding-bottom: 60px;} .u-sp-pb65 { padding-bottom: 65px;} .u-sp-pb70 { padding-bottom: 70px;} .u-sp-pb75 { padding-bottom: 75px;} .u-sp-pb80 { padding-bottom: 80px;} .u-sp-pb85 { padding-bottom: 85px;} .u-sp-pb90 { padding-bottom: 90px;} .u-sp-pb95 { padding-bottom: 95px;} .u-sp-pb100 { padding-bottom: 100px;} }
プライバシーポリシーに同意の上、送信してください。

同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。