@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
  font-size: 1em;
}

/* remの計算を10px単位にするための設定 */
html {
  font-size: 62.5%; /* 16px × 0.625 = 10px → 1rem = 10px */
}
body {
  font-size: 1.6rem; /* 10px × 1.6 = 16px（通常サイズに戻す） */
  font-family: "BIZ UDGothic", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background-color: #ebf1eb;
  color: #222222;
  font-weight: 400;
  min-width: 320px;
  min-height: 100vh;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-character;
  word-break: break-all;
  overflow-wrap: break-word;
}
/* 
  * 文字サイズはremで設定する
  * (例) 
  * 1rem = 10px
  * 1.2rem = 12px
  * 1.4rem = 14px
  * 1.6rem = 16px(デフォルト)
  * 1.8rem = 18px
  * 2.0rem = 20px
  * 2.4rem = 24px
  */
.biz-udgothic-regular {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.biz-udgothic-bold {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
input,
select {
  font-family: "BIZ UDGothic", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1em;
}

/*開発中だけ有効にしてください。イグノア設定箇所を彩色します。*/
*[wovn-ignore] {
  /* background: thistle!important; */ 
}

/* ------------------------ */
/* ボタン共通スタイル */
/* ------------------------ */
button,
input[type="submit"],
input[type="button"]{
  padding: 1em 3em;
  font-size: 1em;
  font-weight: 700;
  border: 2px solid #136740;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.3s;
  min-width: 150px;
  background-color: #136740;
  color: #ffffff;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
  background-color: #6bd985;
  border-color: #4dd27c;
  color: #fff;
}

/* 編集しないモード */
input[readonly],
select[disabled]{
  background-color: #f5f5f5;
  color: #666666;
}


/* モバイル */
@media (max-width: 639px) {
  button,
  input[type="submit"],
  input[type="button"]{
    padding: 0.9em 2em;
    min-width: 120px;
  }
}

/* 無効状態 */
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled{
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

button:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover{
  background-color: inherit;
  transform: none;
}

/* フォーカス時 */
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus{
  /*background-color: #fdf4ed;*/
}

/* ------------------------ */
/* テキストリンク共通スタイル */
/* ------------------------ */
a {
  color: #0e75cf;
  transition: color 0.3s; /* 色の変化を滑らかに */
  text-decoration: underline;
}
a:hover {
  color: rgba(14, 117, 207, 0.7); /* 少し透明度を下げる */
}

/* ========== sectionの基礎設定 ========== */
section{
    margin: 0 0 4.0rem 0;
}

/* ========== フォントサイズ切り替え ========== */

/* フォントサイズ切り替えボタン */
.font-size-controls {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}

.font-size-btn {
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 0.5rem;
  background-color: #ffffff;
  color: #222;
  font-weight: 700;
  transition: all 0.3s;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.font-size-btn.size-l {
  font-size: 2rem; /* ← remで固定（20px） */
}
.font-size-btn.size-m {
  font-size: 1.6rem; /* ← remで固定（16px） */
}
.font-size-btn.size-s {
  font-size: 1.4rem; /* ← remで固定（14px） */
}
.font-size-btn:hover {
  background-color: #f0f0f0;
  border-color: #999;
}

.font-size-btn.active {
  background-color: #136740;
  color: white;
  border-color: #136740;
  box-shadow: 0 2px 8px rgba(255, 146, 38, 0.3);
}

/* ========== コンテナレイアウト（PC基準） ========== */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 3rem 1rem;
}
/* タブレット以下 */
@media (max-width: 768px) {
  .container {
    padding: 1rem 0.5rem;
  }
}

/* ========== メインコンテンツエリア ========== */
.main-content {
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 2em;
  max-width: 1152px;
  margin: 0 auto;
}
/* タブレット以下 */
@media (max-width: 768px) {
  .main-content {
    padding: 0.75rem;
    padding-bottom: 70px;
  }
}

/* ========== エラーメッセージ ========== */
.err-message {
  background-color: #FCECEC;
  border: 1px solid #BA1414;
  border-radius: 0.375rem;
  padding: 0 1em 0 1em;
  margin-bottom: 1em;
}
.err-message p {
  padding-bottom: 0.25em;
  color: #BA1414;
}
.err-message p:first-child {
  padding-top: 1em;
}
.err-message p:last-child {
  padding-bottom: 1em;
}
.err-message p:last-child:empty {
  /* 完全に空(<p></p>)の場合のみ適用 */
  display: none;
}

.err-message.user-notfound{
  margin-top: 3em;
}
.err-message.user-notfound .user-notfound-title{
  display: flex;
  gap: 0.5em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

/* ========== ページタイトル ========== */
.system-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}
.system-page-title-area {
  max-width: 1152px;
  margin: 0 auto;
}

.page-title {
  font-size: 1.5em; /*28px*/
  margin-bottom: 1.5em;
  font-weight: 700;
  color: #136740;
  border-radius: 0.375rem;
  margin: 0 0 1.5em 0;
  padding: 0.5em;
  border: solid 2px;
  text-align: center;
}

/* ========== 画面遷移ボタンエリア ========== */
.page-transition-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  margin: 3rem 0;
  padding: 2rem 0;
}

/* モバイル */
@media (max-width: 639px) {
  .page-transition-area {
    flex-direction: column;
    gap: 1rem;
  }
}

/* ------------------------ */
/* ページ遷移ボタン共通スタイル */
/* ------------------------ */
.page-transition-area button,
.page-transition-area input {
  padding: 1em 3em;
  font-size: 1em;
  font-weight: 700;
  border: 2px solid #136740;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.3s;
  min-width: 150px;
  background-color: #ffffff;
  color: #136740;
}
.page-transition-area button:hover,
.page-transition-area input:hover {
  background-color: #4dd27c;
}

/* モバイル */
@media (max-width: 639px) {
  .page-transition-area button,
  .page-transition-area input {
    width: 100%;
    padding: 0.9em 2em;
    min-width: none;
    font-size: 0.9em;
  }
}

/* 戻るボタン */
.page-transition-area .left.red {
  background-color: white;
  color: #BA1414;
  border: 1px solid #BA1414;
}

.page-transition-area .left.red:hover {
  background-color: #BA1414;
  color: #ffffff;
}

/* 戻るボタン */
.page-transition-area .left {
  background-color: white;
  color: #222;
  border: 1px solid #e0e0e0;
}

.page-transition-area .left:hover {
  background-color: #f2f2f2;
  color: #222222;
}

/* 次へボタン */
.page-transition-area .right {
  background-color: #136740;
  border: 1px solid #136740;
  color: #ffffff;
}
/* モバイル */
@media (max-width: 639px) {
  .page-transition-area .right {
    order: -1 !important;
  }
}

.page-transition-area .right:hover {
  background-color: #6bd985;
  border: 1px solid #6bd985;
}

.page-transition-area .blue {
  background-color: #005eaa;
  border: 1px solid #005eaa;
  color: #ffffff;
}

.page-transition-area .blue:hover {
  background-color: #57b4ff;
  border: 1px solid #57b4ff;
}


/* 無効状態 */
.page-transition-area button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

.page-transition-area button:disabled:hover {
  background-color: inherit;
  transform: none;
}

/* フォーカス時 */
.page-transition-area button:focus {
  outline: 2px solid #136740;
  outline-offset: 2px;
}

/* ========== 申込の流れ ========== */
.flow-area {
  display: none;
  padding: 0.5rem 0;
  background-color: #ffffff;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
}

/* フローコンテナ */
.flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
  padding: 1rem;
}
/* モバイル：縦並び */
@media (max-width: 768px) {
  .flow {
    flex-direction: column;
    gap: 0;
    padding: 1em 0 1em 0;
  }
}

/*スマホサイズの場合に表示する「ステップ」*/
.flow-mobile {
  display: none;
}
/* モバイル：表示する */
@media (max-width: 768px) {
  .flow-mobile {
    display: block;
    text-align: center;
    padding: 0.5em 0 0 0;
    font-size: 0.8125em;
  }
}

/* フローアイテム（各ステップ） */
.flow-item {
  flex-shrink: 0;
  min-width: 86px;
}

/* モバイル：幅を広げる */
@media (max-width: 768px) {
  .flow-item {
    min-width: auto;
    width: 100%;
    max-width: 200px;
  }
}

/* ステップボックス */
.flow-step {
  padding: 0.45em 0.45em;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
  font-size: 0.75em;
  font-weight: 600;
  color: #666;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s;
}

/* モバイル */
@media (max-width: 768px) {
  .flow-step {
    display: none;
    padding: 1em 1.5em;
    white-space: normal; /* 改行を許可 */
  }
}

/* 完了済みステップ */
.flow-item.completed .flow-step {
  background-color: #ecf9d9;
  border-color: #ecf9d9;
  color: #136740;
}

/* 現在のステップ */
.flow-item.current .flow-step {
  display: block;
  background-color: #136740;
  border-color: #136740;
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(19, 103, 64, 0.3);
}

/* 矢印コンテナ */
.flow-arrow {
  display: flex;
  color: #999;
}

/* PC：横向き矢印を表示 */
.arrow-horizontal {
  display: block;
}

.arrow-vertical {
  display: none;
}

/* モバイル：非表示 */
@media (max-width: 768px) {
  .flow-arrow {
    display: none;
  }
}

/* ========== 補足説明 ========== */
/*補足説明*/
.side-note {
  background-color: #eff6ff;
  padding: 1em;
  border-radius: 0.375rem;
  margin-bottom: 1em;
  border: 1px solid #e0e0e0;
}
.side-note.color-y {
  background-color: #ffffd5;
  border: 1px solid #f8dc6e
}

/*説明文*/
.side-note ul li {
  margin-left: 1em;
  text-indent: -1em;
}
.side-note.no-indent ul li {
  margin-left: 0em;
  text-indent: 0em;
}

/* 注意事項や説明 */
.point {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #0e75cf;
  border-radius: 5px;
  padding: 0.6em;
  color: #0e75cf;
  background-color: #EBF9FC;
  margin-bottom: 1em;
}

/********************************/
/*    ヘッダー    */
/********************************/

.header-item-all {
  background-color: #f8f9f7;
  border-top: 0.4em solid #136740;
  border-bottom: 1px solid #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 2em;
}

/* ロゴ */
.header-item-left {
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
}

.katsushika-logo-img {
  width: 50px;
  height: auto;
}

.header-main-text {
  font-size: 1.5em;
  font-weight: bold;
}

.header-sub-text {
  color: #666;
  font-weight: bold;
}

/* お問い合わせボタン */
.header-item-right {
  background-color: #efffd8;
  border: 2px solid #e0e0e0;
  border-radius: 5px;
  padding: 0.5em 1em;
}

.header-item-right:hover {
  border: 2px solid #6bd985;
  transition: all 0.3s ease;
}

/************************/
/* サイトオープン前告知ページ用スタイル */
.before-open{
  display: flex;
  align-items: center;
  justify-content: center;
}
.before-open .open-yokoku{
  font-size: 2.1rem;
  margin: 0 0.8em;
}
.before-open .mark{
  background: linear-gradient(transparent 60%, #ff92263d 40%);
  font-weight: bold;
  padding: 0 3px;
}
@media (max-width: 768px) {
  .before-open{
    display: block;
  }
  .before-open .open-yokoku{
    margin: 2em 0.8em 0 0.8em;
  }
}

/* aタグの要素リセット */
.inquiry,
.inquiry:visited,
.inquiry:hover,
.inquiry:active {
  text-decoration: none;
  color: inherit;
}

/* デザイン付与 */
.inquiry {
  display: flex;
  align-items: center;
}

.inquiry-text {
  padding-top: 2px;
}

/* モバイル */
@media (max-width: 768px) {
  .header-item-all {
    justify-content: center;
  }
  .header-item-left {
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 0;
  }
  .katsushika-logo-img {
    width: 5em;
    height: auto;
  }
  .header-main-text {
    font-size: 1.1em;
  }
  .header-sub-text {
    font-size: 0.9em;
  }
  .header-item-right {
    display: none;
  }
}

/********************************/
/*お問い合わせ*/
/********************************/
#information_link{
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #000000;
  padding:0.8em 0em;
  text-align:center;
 }
#information_link a{
  display: flex;
  gap: 0.5em;
  color: #ffffff;
  text-decoration: none;
  border-bottom: solid 1px #000000;
}
#information_link a:hover{
  border-bottom: solid 1px #ffffff;
}

/********************************/
/*文字寄せ変更*/
/********************************/
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}
/********************************/
/*インデント*/
/********************************/
.text-indent-reset{
  text-indent: initial !important;
}

/********************************/
/*文字太さ変更*/
/********************************/
.font_weight_normal {
  font-weight: 400 !important;
}
.font_weight_bold {
  font-weight: 700 !important;
}

/********************************/
/*文字色変更(color)*/
/********************************/
.color_reset {
  color: initial !important;
}
.color_err_red {
  color: #bf0202 !important;
}
.color_red {
  color: #BA1414 !important;
}
.color_blue {
  color: #0e75cf !important;
}
.color_lblue {
  color: initial !important;
}
.color_orange {
  color: #136740 !important;
}

/********************************/
/* 文字サイズ変更(16pxベース) */
/********************************/
.font_size_12px {
  font-size: 0.75em !important;
} /* 12px */
.font_size_13px {
  font-size: 0.8125em !important;
} /* 13px */
.font_size_14px {
  font-size: 0.875em !important;
} /* 14px */
.font_size_15px {
  font-size: 0.9375em !important;
} /* 15px */
.font_size_16px {
  font-size: 1em !important;
} /* 16px */
.font_size_17px {
  font-size: 1.0625em !important;
} /* 17px */
.font_size_18px {
  font-size: 1.125em !important;
} /* 18px */
.font_size_19px {
  font-size: 1.1875em !important;
} /* 19px */
.font_size_20px {
  font-size: 1.25em !important;
} /* 20px */
.font_size_21px {
  font-size: 1.3125em !important;
} /* 21px */
.font_size_22px {
  font-size: 1.375em !important;
} /* 22px */
.font_size_23px {
  font-size: 1.4375em !important;
} /* 23px */
.font_size_24px {
  font-size: 1.5em !important;
} /* 24px */
.font_size_25px {
  font-size: 1.5625em !important;
} /* 25px */
.font_size_26px {
  font-size: 1.625em !important;
} /* 26px */
.font_size_27px {
  font-size: 1.6875em !important;
} /* 27px */
.font_size_28px {
  font-size: 1.75em !important;
} /* 28px */
.font_size_29px {
  font-size: 1.8125em !important;
} /* 29px */
.font_size_30px {
  font-size: 1.875em !important;
} /* 30px */

/********************************/
/*余白変更(padding)*/
/********************************/
.padding_0 {
  padding: 0 !important;
}
/*左*/
.padding_left_0 {
  padding-left: 0em !important;
}
.padding_left_0-25 {
  padding-left: 0.25em !important;
}
.padding_left_0-5 {
  padding-left: 0.5em !important;
}
.padding_left_1 {
  padding-left: 1em !important;
}
.padding_left_1-5 {
  padding-left: 1.5em !important;
}
.padding_left_2 {
  padding-left: 2em !important;
}
.padding_left_2-5 {
  padding-left: 2.5em !important;
}
.padding_left_3 {
  padding-left: 3em !important;
}
.padding_left_3-5 {
  padding-left: 3.5em !important;
}
.padding_left_4 {
  padding-left: 4em !important;
}
.padding_left_4-5 {
  padding-left: 4.5em !important;
}
.padding_left_5 {
  padding-left: 5em !important;
}
.padding_left_5-5 {
  padding-left: 5.5em !important;
}
.padding_left_6 {
  padding-left: 6em !important;
}
.padding_left_6-5 {
  padding-left: 6.5em !important;
}
.padding_left_7 {
  padding-left: 7em !important;
}
.padding_left_7-5 {
  padding-left: 7.5em !important;
}
.padding_left_8 {
  padding-left: 8em !important;
}
.padding_left_8-5 {
  padding-left: 8.5em !important;
}
.padding_left_9 {
  padding-left: 9em !important;
}
.padding_left_9-5 {
  padding-left: 9.5em !important;
}
.padding_left_10 {
  padding-left: 10em !important;
}
/*右*/
.padding_right_0 {
  padding-right: 0em !important;
}
.padding_right_0-25 {
  padding-right: 0.25em !important;
}
.padding_right_0-5 {
  padding-right: 0.5em !important;
}
.padding_right_1 {
  padding-right: 1em !important;
}
.padding_right_1-5 {
  padding-right: 1.5em !important;
}
.padding_right_2 {
  padding-right: 2em !important;
}
.padding_right_2-5 {
  padding-right: 2.5em !important;
}
.padding_right_3 {
  padding-right: 3em !important;
}
.padding_right_3-5 {
  padding-right: 3.5em !important;
}
.padding_right_4 {
  padding-right: 4em !important;
}
.padding_right_4-5 {
  padding-right: 4.5em !important;
}
.padding_right_5 {
  padding-right: 5em !important;
}
.padding_right_5-5 {
  padding-right: 5.5em !important;
}
.padding_right_6 {
  padding-right: 6em !important;
}
.padding_right_6-5 {
  padding-right: 6.5em !important;
}
.padding_right_7 {
  padding-right: 7em !important;
}
.padding_right_7-5 {
  padding-right: 7.5em !important;
}
.padding_right_8 {
  padding-right: 8em !important;
}
.padding_right_8-5 {
  padding-right: 8.5em !important;
}
.padding_right_9 {
  padding-right: 9em !important;
}
.padding_right_9-5 {
  padding-right: 9.5em !important;
}
.padding_right_10 {
  padding-right: 10em !important;
}
/*上*/
.padding_top_0 {
  padding-top: 0em !important;
}
.padding_top_0-25 {
  padding-top: 0.25em !important;
}
.padding_top_0-5 {
  padding-top: 0.5em !important;
}
.padding_top_1 {
  padding-top: 1em !important;
}
.padding_top_1-5 {
  padding-top: 1.5em !important;
}
.padding_top_2 {
  padding-top: 2em !important;
}
.padding_top_2-5 {
  padding-top: 2.5em !important;
}
.padding_top_3 {
  padding-top: 3em !important;
}
.padding_top_3-5 {
  padding-top: 3.5em !important;
}
.padding_top_4 {
  padding-top: 4em !important;
}
.padding_top_4-5 {
  padding-top: 4.5em !important;
}
.padding_top_5 {
  padding-top: 5em !important;
}
.padding_top_5-5 {
  padding-top: 5.5em !important;
}
.padding_top_6 {
  padding-top: 6em !important;
}
.padding_top_6-5 {
  padding-top: 6.5em !important;
}
.padding_top_7 {
  padding-top: 7em !important;
}
.padding_top_7-5 {
  padding-top: 7.5em !important;
}
.padding_top_8 {
  padding-top: 8em !important;
}
.padding_top_8-5 {
  padding-top: 8.5em !important;
}
.padding_top_9 {
  padding-top: 9em !important;
}
.padding_top_9-5 {
  padding-top: 9.5em !important;
}
.padding_top_10 {
  padding-top: 10em !important;
}
/*下*/
.padding_bottom_0 {
  padding-bottom: 0em !important;
}
.padding_bottom_0-25 {
  padding-bottom: 0.25em !important;
}
.padding_bottom_0-5 {
  padding-bottom: 0.5em !important;
}
.padding_bottom_1 {
  padding-bottom: 1em !important;
}
.padding_bottom_1-5 {
  padding-bottom: 1.5em !important;
}
.padding_bottom_2 {
  padding-bottom: 2em !important;
}
.padding_bottom_2-5 {
  padding-bottom: 2.5em !important;
}
.padding_bottom_3 {
  padding-bottom: 3em !important;
}
.padding_bottom_3-5 {
  padding-bottom: 3.5em !important;
}
.padding_bottom_4 {
  padding-bottom: 4em !important;
}
.padding_bottom_4-5 {
  padding-bottom: 4.5em !important;
}
.padding_bottom_5 {
  padding-bottom: 5em !important;
}
.padding_bottom_5-5 {
  padding-bottom: 5.5em !important;
}
.padding_bottom_6 {
  padding-bottom: 6em !important;
}
.padding_bottom_6-5 {
  padding-bottom: 6.5em !important;
}
.padding_bottom_7 {
  padding-bottom: 7em !important;
}
.padding_bottom_7-5 {
  padding-bottom: 7.5em !important;
}
.padding_bottom_8 {
  padding-bottom: 8em !important;
}
.padding_bottom_8-5 {
  padding-bottom: 8.5em !important;
}
.padding_bottom_9 {
  padding-bottom: 9em !important;
}
.padding_bottom_9-5 {
  padding-bottom: 9.5em !important;
}
.padding_bottom_10 {
  padding-bottom: 10em !important;
}

/********************************/
/*余白変更(margin)*/
/********************************/
.margin_0 {
  margin: 0 !important;
}
.margin_0-auto {
  margin: 0 auto !important;
}
.margin_left_auto {
  margin-left: auto !important;
}
.margin_right_auto {
  margin-left: auto !important;
}
/*左*/
.margin_left_0 {
  margin-left: 0em !important;
}
.margin_left_0-25 {
  margin-left: 0.25em !important;
}
.margin_left_0-5 {
  margin-left: 0.5em !important;
}
.margin_left_1 {
  margin-left: 1em !important;
}
.margin_left_1-5 {
  margin-left: 1.5em !important;
}
.margin_left_2 {
  margin-left: 2em !important;
}
.margin_left_2-5 {
  margin-left: 2.5em !important;
}
.margin_left_3 {
  margin-left: 3em !important;
}
.margin_left_3-5 {
  margin-left: 3.5em !important;
}
.margin_left_4 {
  margin-left: 4em !important;
}
.margin_left_4-5 {
  margin-left: 4.5em !important;
}
.margin_left_5 {
  margin-left: 5em !important;
}
.margin_left_5-5 {
  margin-left: 5.5em !important;
}
.margin_left_6 {
  margin-left: 6em !important;
}
.margin_left_6-5 {
  margin-left: 6.5em !important;
}
.margin_left_7 {
  margin-left: 7em !important;
}
.margin_left_7-5 {
  margin-left: 7.5em !important;
}
.margin_left_8 {
  margin-left: 8em !important;
}
.margin_left_8-5 {
  margin-left: 8.5em !important;
}
.margin_left_9 {
  margin-left: 9em !important;
}
.margin_left_9-5 {
  margin-left: 9.5em !important;
}
.margin_left_10 {
  margin-left: 10em !important;
}
/*右*/
.margin_right_0 {
  margin-right: 0em !important;
}
.margin_right_0-25 {
  margin-right: 0.25em !important;
}
.margin_right_0-5 {
  margin-right: 0.5em !important;
}
.margin_right_1 {
  margin-right: 1em !important;
}
.margin_right_1-5 {
  margin-right: 1.5em !important;
}
.margin_right_2 {
  margin-right: 2em !important;
}
.margin_right_2-5 {
  margin-right: 2.5em !important;
}
.margin_right_3 {
  margin-right: 3em !important;
}
.margin_right_3-5 {
  margin-right: 3.5em !important;
}
.margin_right_4 {
  margin-right: 4em !important;
}
.margin_right_4-5 {
  margin-right: 4.5em !important;
}
.margin_right_5 {
  margin-right: 5em !important;
}
.margin_right_5-5 {
  margin-right: 5.5em !important;
}
.margin_right_6 {
  margin-right: 6em !important;
}
.margin_right_6-5 {
  margin-right: 6.5em !important;
}
.margin_right_7 {
  margin-right: 7em !important;
}
.margin_right_7-5 {
  margin-right: 7.5em !important;
}
.margin_right_8 {
  margin-right: 8em !important;
}
.margin_right_8-5 {
  margin-right: 8.5em !important;
}
.margin_right_9 {
  margin-right: 9em !important;
}
.margin_right_9-5 {
  margin-right: 9.5em !important;
}
.margin_right_10 {
  margin-right: 10em !important;
}
/*上*/
.margin_top_0 {
  margin-top: 0em !important;
}
.margin_top_0-25 {
  margin-top: 0.25em !important;
}
.margin_top_0-5 {
  margin-top: 0.5em !important;
}
.margin_top_1 {
  margin-top: 1em !important;
}
.margin_top_1-5 {
  margin-top: 1.5em !important;
}
.margin_top_2 {
  margin-top: 2em !important;
}
.margin_top_2-5 {
  margin-top: 2.5em !important;
}
.margin_top_3 {
  margin-top: 3em !important;
}
.margin_top_3-5 {
  margin-top: 3.5em !important;
}
.margin_top_4 {
  margin-top: 4em !important;
}
.margin_top_4-5 {
  margin-top: 4.5em !important;
}
.margin_top_5 {
  margin-top: 5em !important;
}
.margin_top_5-5 {
  margin-top: 5.5em !important;
}
.margin_top_6 {
  margin-top: 6em !important;
}
.margin_top_6-5 {
  margin-top: 6.5em !important;
}
.margin_top_7 {
  margin-top: 7em !important;
}
.margin_top_7-5 {
  margin-top: 7.5em !important;
}
.margin_top_8 {
  margin-top: 8em !important;
}
.margin_top_8-5 {
  margin-top: 8.5em !important;
}
.margin_top_9 {
  margin-top: 9em !important;
}
.margin_top_9-5 {
  margin-top: 9.5em !important;
}
.margin_top_10 {
  margin-top: 10em !important;
}
/*下*/
.margin_bottom_0 {
  margin-bottom: 0em !important;
}
.margin_bottom_0-25 {
  margin-bottom: 0.25em !important;
}
.margin_bottom_0-5 {
  margin-bottom: 0.5em !important;
}
.margin_bottom_1 {
  margin-bottom: 1em !important;
}
.margin_bottom_1-5 {
  margin-bottom: 1.5em !important;
}
.margin_bottom_2 {
  margin-bottom: 2em !important;
}
.margin_bottom_2-5 {
  margin-bottom: 2.5em !important;
}
.margin_bottom_3 {
  margin-bottom: 3em !important;
}
.margin_bottom_3-5 {
  margin-bottom: 3.5em !important;
}
.margin_bottom_4 {
  margin-bottom: 4em !important;
}
.margin_bottom_4-5 {
  margin-bottom: 4.5em !important;
}
.margin_bottom_5 {
  margin-bottom: 5em !important;
}
.margin_bottom_5-5 {
  margin-bottom: 5.5em !important;
}
.margin_bottom_6 {
  margin-bottom: 6em !important;
}
.margin_bottom_6-5 {
  margin-bottom: 6.5em !important;
}
.margin_bottom_7 {
  margin-bottom: 7em !important;
}
.margin_bottom_7-5 {
  margin-bottom: 7.5em !important;
}
.margin_bottom_8 {
  margin-bottom: 8em !important;
}
.margin_bottom_8-5 {
  margin-bottom: 8.5em !important;
}
.margin_bottom_9 {
  margin-bottom: 9em !important;
}
.margin_bottom_9-5 {
  margin-bottom: 9.5em !important;
}
.margin_bottom_10 {
  margin-bottom: 10em !important;
}