/* ==========================================================
   オー人事.net版 スタイルシート
   022.html に記述されていたインラインstyle・<style>ブロックを
   すべてこちらに集約しています。
   ========================================================== */
/* ---- 全体共通スタイル ---- */
body {
  color: #000000;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  font-family: inherit !important;
}
/* ---- スマートフォン表示用 ---- */
@media screen and (max-width: 480px) {
  h1 { font-size: 24px !important; line-height: 125% !important; }
  h2 { font-size: 18px !important; line-height: 150% !important; }
  h3 { font-size: 16px !important; line-height: 150% !important; }
  h4 { font-size: 14px !important; line-height: 150% !important; }
  .part-boxed-text { font-size: 14px !important; line-height: 150% !important; }
  .section-header { font-size: 10px !important; line-height: 150% !important; }
  .section-body { font-size: 14px !important; line-height: 150% !important; }
  .section-footer { font-size: 10px !important; line-height: 150% !important; }
  .mphe-image-content { width: 100% !important; }
  .mphe-image-content-mobile-full-width {
    width: 100% !important;
    max-width: none !important;
  }
  .mphe-section-content {
    padding-right: 0px;
    padding-left: 0px;
  }
  .mobile-width { width: 100% !important; }
  .mobile-display {
    display: block !important;
    width: 100% !important;
  }
  .image-card-img-width { width: 100%; }
}
/* ---- 要素ごとのインラインスタイル移行分 ---- */
.is-1 {
  background-color: #FFFFFF;
  margin: 0 auto;
}
.is-2 {
  color: inherit;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin: 0 auto;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
}
.is-3 {
  color: inherit;
}
.is-4 {
  color: inherit;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin: 0 auto;
}
.is-5 {
  background: #FFFFFF;
  position: relative;
  width: 100%;
  color: #999999;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
  line-height: 150%;
}
.is-6 {
  color: inherit;
  border-collapse: separate;
  border-spacing: 0;
  width: 600px;
  margin: 0 auto;
}
.is-7 {
  color: inherit;
  background: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
}
.is-8 {
  color: inherit;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.is-9 {
  color: inherit;
  vertical-align: top;
  width: 600.000px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
.is-10 {
  color: inherit;
  border-spacing: 0;
  width: 100%;
  margin: auto 0;
  border-collapse: collapse;
}
.is-11 {
  color: inherit;
  width: 100%;
  padding: 0;
}
.is-12 {
  border-radius: 0%;
  margin: 0 auto 0 0;
}
.is-13 {
  text-decoration: none;
}
.is-14 {
  width: 225px;
  height: auto;
}
.is-15 {
  color: #999999;
  text-decoration: none;
}
.is-16 {
  display: block;
  max-width: 225px;
  height: auto;
  border-style: none;
  border-radius: 0%;
  margin: 0 auto 0 0;
}
.is-17 {
  background: #FFFFFF;
  position: relative;
  width: 100%;
  color: #333333;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Verdana, sans-serif;
  font-size: 14px;
  text-align: left;
  line-height: 150%;
}
.is-18 {
  color: inherit;
  background: #FFFFFF;
  padding-top: 0px;
  padding-bottom: 0px;
}
.is-19 {
  color: inherit;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 8px;
  padding-left: 8px;
  background: #D8E1D8;
}
.is-20 {
  color: inherit;
  vertical-align: top;
}
.is-21 {
  color: inherit;
  border-collapse: separate;
  border-spacing: 0;
}
.is-22 {
  color: inherit;
  width: 584.000px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
.is-23 {
  width: 100%;
  color: #333333;
  font-size: 14px;
  line-height: 150%;
  word-break: break-word;
  padding-right: 5px;
}
.is-24 {
  color: inherit;
  margin: 0;
  text-align: center;
}
.is-25 {
  color: inherit;
  font-size: 18px;
}
.is-26 {
  color: inherit;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  background: #FFFFFF;
}
.is-27 {
  color: inherit;
  vertical-align: top;
  width: 580.000px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
.is-28 {
  margin: 0 auto;
}
.is-29 {
  width: 580px;
  height: auto;
}
.is-30 {
  color: #000000;
  text-decoration: none;
}
.is-31 {
  display: block;
  max-width: 580px;
  height: auto;
  border-style: none;
  margin: 0 auto;
}
.is-32 {
  color: inherit;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 8px;
  padding-left: 8px;
  background: #FFFFFF;
}
.is-33 {
  color: #ba372a;
}
.is-34 {
  color: inherit;
  margin: 0;
}
.is-35 {
  width: 406px;
  height: auto;
}
.is-36 {
  display: block;
  max-width: 406px;
  height: auto;
  border-style: none;
  margin: 0 auto;
}
.is-37 {
  width: 522px;
  height: auto;
}
.is-38 {
  display: block;
  max-width: 522px;
  height: auto;
  border-style: none;
  margin: 0 auto;
}
.is-39 {
  color: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  background: #FFFFFF;
}
.is-40 {
  color: inherit;
  width: 580.000px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
.is-41 {
  color: inherit;
  width: 100%;
}
.is-42 {
  color: inherit;
  width: 100%;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}
.is-43 {
  width: 100%;
}
.is-44 {
  color: inherit;
  border-spacing: 0;
  border-collapse: separate;
  background: #D59ED7;
  border-radius: 5px;
  margin: 0 auto;
}
/* ボタンのセル：paddingは .is-54(アンカー)側へ移設済み */
.is-45 {
  color: inherit;
  width: 100%;
  border-collapse: collapse;
  word-break: break-word;
  padding: 0;
  text-align: center;
}
.is-46 {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
}
.is-47 {
  color: inherit;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-left: 0px;
}
.is-48 {
  color: inherit;
  border-spacing: 0;
  width: 100%;
  border-collapse: collapse;
  border-top: solid 1px #FFFFFF;
}
.is-49 {
  background: #D8E1D8;
  position: relative;
  width: 100%;
  color: #999999;
  border-bottom: solid 4px #D8E1D8;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Verdana, sans-serif;
  font-size: 12px;
  text-align: left;
  line-height: 150%;
}
.is-50 {
  color: inherit;
  padding-top: 10px;
  padding-bottom: 10px;
}
.is-51 {
  color: inherit;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}
.is-52 {
  width: 100%;
  color: #999999;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  word-break: break-word;
  padding-right: 5px;
}
.is-53 {
  color: #585858;
}
/* ボタン用アンカー：セル全体をクリック可能にするためブロック化し、
   旧 .is-45 の padding をこちらへ移設(見た目は従来と同一) */
.is-54 {
  display: block;
  padding: 15px;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 5px;
}
/* ボタン下スペーサー①(左右8px) */
.is-55 {
  color: inherit;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 8px;
  padding-left: 8px;
}
/* ボタン下スペーサー②(上下左右10px) */
.is-56 {
  color: inherit;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
/* 注記：登録者限定(小さめフォント・右寄せ) */
.is-57 {
  color: inherit;
  margin: 0;
  font-size: 12px;
  text-align: right;
}
/* 注記：登録者限定の枠(上の画像との余白を詰める) */
.is-58 {
  color: inherit;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-right: 8px;
  padding-left: 8px;
  background: #FFFFFF;
}