@charset "UTF-8";
.sub-title {
  font-size: 1rem;
  color: initial;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  line-height: 1.68;
}

body {
  font-family: YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4   Pro N", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", メイリオ, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif;
  color: #333;
}

ul, ol {
  list-style: none;
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  cursor: pointer;
  color: #333;
  text-decoration: none;
}

img {
  max-width: 100%;
  vertical-align: top;
}

.width_2 {
  width: 2% !important;
}

@media screen and (max-width: 399px) {
  .width_2_sm_down {
    width: 2% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_2_sm_up {
    width: 2% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_2_md_down {
    width: 2% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_2_md_up {
    width: 2% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_2_lg_down {
    width: 2% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_2_lg_up {
    width: 2% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_2_xl_down {
    width: 2% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_2_xl_up {
    width: 2% !important;
  }
}
.width_4 {
  width: 4% !important;
}

@media screen and (max-width: 399px) {
  .width_4_sm_down {
    width: 4% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_4_sm_up {
    width: 4% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_4_md_down {
    width: 4% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_4_md_up {
    width: 4% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_4_lg_down {
    width: 4% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_4_lg_up {
    width: 4% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_4_xl_down {
    width: 4% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_4_xl_up {
    width: 4% !important;
  }
}
.width_6 {
  width: 6% !important;
}

@media screen and (max-width: 399px) {
  .width_6_sm_down {
    width: 6% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_6_sm_up {
    width: 6% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_6_md_down {
    width: 6% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_6_md_up {
    width: 6% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_6_lg_down {
    width: 6% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_6_lg_up {
    width: 6% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_6_xl_down {
    width: 6% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_6_xl_up {
    width: 6% !important;
  }
}
.width_8 {
  width: 8% !important;
}

@media screen and (max-width: 399px) {
  .width_8_sm_down {
    width: 8% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_8_sm_up {
    width: 8% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_8_md_down {
    width: 8% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_8_md_up {
    width: 8% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_8_lg_down {
    width: 8% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_8_lg_up {
    width: 8% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_8_xl_down {
    width: 8% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_8_xl_up {
    width: 8% !important;
  }
}
.width_10 {
  width: 10% !important;
}

@media screen and (max-width: 399px) {
  .width_10_sm_down {
    width: 10% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_10_sm_up {
    width: 10% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_10_md_down {
    width: 10% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_10_md_up {
    width: 10% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_10_lg_down {
    width: 10% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_10_lg_up {
    width: 10% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_10_xl_down {
    width: 10% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_10_xl_up {
    width: 10% !important;
  }
}
.width_12 {
  width: 12% !important;
}

@media screen and (max-width: 399px) {
  .width_12_sm_down {
    width: 12% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_12_sm_up {
    width: 12% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_12_md_down {
    width: 12% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_12_md_up {
    width: 12% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_12_lg_down {
    width: 12% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_12_lg_up {
    width: 12% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_12_xl_down {
    width: 12% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_12_xl_up {
    width: 12% !important;
  }
}
.width_14 {
  width: 14% !important;
}

@media screen and (max-width: 399px) {
  .width_14_sm_down {
    width: 14% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_14_sm_up {
    width: 14% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_14_md_down {
    width: 14% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_14_md_up {
    width: 14% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_14_lg_down {
    width: 14% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_14_lg_up {
    width: 14% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_14_xl_down {
    width: 14% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_14_xl_up {
    width: 14% !important;
  }
}
.width_16 {
  width: 16% !important;
}

@media screen and (max-width: 399px) {
  .width_16_sm_down {
    width: 16% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_16_sm_up {
    width: 16% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_16_md_down {
    width: 16% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_16_md_up {
    width: 16% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_16_lg_down {
    width: 16% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_16_lg_up {
    width: 16% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_16_xl_down {
    width: 16% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_16_xl_up {
    width: 16% !important;
  }
}
.width_18 {
  width: 18% !important;
}

@media screen and (max-width: 399px) {
  .width_18_sm_down {
    width: 18% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_18_sm_up {
    width: 18% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_18_md_down {
    width: 18% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_18_md_up {
    width: 18% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_18_lg_down {
    width: 18% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_18_lg_up {
    width: 18% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_18_xl_down {
    width: 18% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_18_xl_up {
    width: 18% !important;
  }
}
.width_20 {
  width: 20% !important;
}

@media screen and (max-width: 399px) {
  .width_20_sm_down {
    width: 20% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_20_sm_up {
    width: 20% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_20_md_down {
    width: 20% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_20_md_up {
    width: 20% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_20_lg_down {
    width: 20% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_20_lg_up {
    width: 20% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_20_xl_down {
    width: 20% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_20_xl_up {
    width: 20% !important;
  }
}
.width_22 {
  width: 22% !important;
}

@media screen and (max-width: 399px) {
  .width_22_sm_down {
    width: 22% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_22_sm_up {
    width: 22% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_22_md_down {
    width: 22% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_22_md_up {
    width: 22% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_22_lg_down {
    width: 22% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_22_lg_up {
    width: 22% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_22_xl_down {
    width: 22% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_22_xl_up {
    width: 22% !important;
  }
}
.width_24 {
  width: 24% !important;
}

@media screen and (max-width: 399px) {
  .width_24_sm_down {
    width: 24% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_24_sm_up {
    width: 24% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_24_md_down {
    width: 24% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_24_md_up {
    width: 24% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_24_lg_down {
    width: 24% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_24_lg_up {
    width: 24% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_24_xl_down {
    width: 24% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_24_xl_up {
    width: 24% !important;
  }
}
.width_26 {
  width: 26% !important;
}

@media screen and (max-width: 399px) {
  .width_26_sm_down {
    width: 26% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_26_sm_up {
    width: 26% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_26_md_down {
    width: 26% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_26_md_up {
    width: 26% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_26_lg_down {
    width: 26% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_26_lg_up {
    width: 26% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_26_xl_down {
    width: 26% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_26_xl_up {
    width: 26% !important;
  }
}
.width_28 {
  width: 28% !important;
}

@media screen and (max-width: 399px) {
  .width_28_sm_down {
    width: 28% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_28_sm_up {
    width: 28% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_28_md_down {
    width: 28% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_28_md_up {
    width: 28% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_28_lg_down {
    width: 28% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_28_lg_up {
    width: 28% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_28_xl_down {
    width: 28% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_28_xl_up {
    width: 28% !important;
  }
}
.width_30 {
  width: 30% !important;
}

@media screen and (max-width: 399px) {
  .width_30_sm_down {
    width: 30% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_30_sm_up {
    width: 30% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_30_md_down {
    width: 30% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_30_md_up {
    width: 30% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_30_lg_down {
    width: 30% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_30_lg_up {
    width: 30% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_30_xl_down {
    width: 30% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_30_xl_up {
    width: 30% !important;
  }
}
.width_32 {
  width: 32% !important;
}

@media screen and (max-width: 399px) {
  .width_32_sm_down {
    width: 32% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_32_sm_up {
    width: 32% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_32_md_down {
    width: 32% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_32_md_up {
    width: 32% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_32_lg_down {
    width: 32% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_32_lg_up {
    width: 32% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_32_xl_down {
    width: 32% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_32_xl_up {
    width: 32% !important;
  }
}
.width_34 {
  width: 34% !important;
}

@media screen and (max-width: 399px) {
  .width_34_sm_down {
    width: 34% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_34_sm_up {
    width: 34% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_34_md_down {
    width: 34% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_34_md_up {
    width: 34% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_34_lg_down {
    width: 34% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_34_lg_up {
    width: 34% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_34_xl_down {
    width: 34% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_34_xl_up {
    width: 34% !important;
  }
}
.width_36 {
  width: 36% !important;
}

@media screen and (max-width: 399px) {
  .width_36_sm_down {
    width: 36% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_36_sm_up {
    width: 36% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_36_md_down {
    width: 36% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_36_md_up {
    width: 36% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_36_lg_down {
    width: 36% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_36_lg_up {
    width: 36% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_36_xl_down {
    width: 36% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_36_xl_up {
    width: 36% !important;
  }
}
.width_38 {
  width: 38% !important;
}

@media screen and (max-width: 399px) {
  .width_38_sm_down {
    width: 38% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_38_sm_up {
    width: 38% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_38_md_down {
    width: 38% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_38_md_up {
    width: 38% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_38_lg_down {
    width: 38% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_38_lg_up {
    width: 38% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_38_xl_down {
    width: 38% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_38_xl_up {
    width: 38% !important;
  }
}
.width_40 {
  width: 40% !important;
}

@media screen and (max-width: 399px) {
  .width_40_sm_down {
    width: 40% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_40_sm_up {
    width: 40% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_40_md_down {
    width: 40% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_40_md_up {
    width: 40% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_40_lg_down {
    width: 40% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_40_lg_up {
    width: 40% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_40_xl_down {
    width: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_40_xl_up {
    width: 40% !important;
  }
}
.width_42 {
  width: 42% !important;
}

@media screen and (max-width: 399px) {
  .width_42_sm_down {
    width: 42% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_42_sm_up {
    width: 42% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_42_md_down {
    width: 42% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_42_md_up {
    width: 42% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_42_lg_down {
    width: 42% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_42_lg_up {
    width: 42% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_42_xl_down {
    width: 42% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_42_xl_up {
    width: 42% !important;
  }
}
.width_44 {
  width: 44% !important;
}

@media screen and (max-width: 399px) {
  .width_44_sm_down {
    width: 44% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_44_sm_up {
    width: 44% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_44_md_down {
    width: 44% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_44_md_up {
    width: 44% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_44_lg_down {
    width: 44% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_44_lg_up {
    width: 44% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_44_xl_down {
    width: 44% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_44_xl_up {
    width: 44% !important;
  }
}
.width_46 {
  width: 46% !important;
}

@media screen and (max-width: 399px) {
  .width_46_sm_down {
    width: 46% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_46_sm_up {
    width: 46% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_46_md_down {
    width: 46% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_46_md_up {
    width: 46% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_46_lg_down {
    width: 46% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_46_lg_up {
    width: 46% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_46_xl_down {
    width: 46% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_46_xl_up {
    width: 46% !important;
  }
}
.width_48 {
  width: 48% !important;
}

@media screen and (max-width: 399px) {
  .width_48_sm_down {
    width: 48% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_48_sm_up {
    width: 48% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_48_md_down {
    width: 48% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_48_md_up {
    width: 48% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_48_lg_down {
    width: 48% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_48_lg_up {
    width: 48% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_48_xl_down {
    width: 48% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_48_xl_up {
    width: 48% !important;
  }
}
.width_50 {
  width: 50% !important;
}

@media screen and (max-width: 399px) {
  .width_50_sm_down {
    width: 50% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_50_sm_up {
    width: 50% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_50_md_down {
    width: 50% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_50_md_up {
    width: 50% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_50_lg_down {
    width: 50% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_50_lg_up {
    width: 50% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_50_xl_down {
    width: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_50_xl_up {
    width: 50% !important;
  }
}
.width_52 {
  width: 52% !important;
}

@media screen and (max-width: 399px) {
  .width_52_sm_down {
    width: 52% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_52_sm_up {
    width: 52% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_52_md_down {
    width: 52% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_52_md_up {
    width: 52% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_52_lg_down {
    width: 52% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_52_lg_up {
    width: 52% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_52_xl_down {
    width: 52% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_52_xl_up {
    width: 52% !important;
  }
}
.width_54 {
  width: 54% !important;
}

@media screen and (max-width: 399px) {
  .width_54_sm_down {
    width: 54% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_54_sm_up {
    width: 54% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_54_md_down {
    width: 54% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_54_md_up {
    width: 54% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_54_lg_down {
    width: 54% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_54_lg_up {
    width: 54% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_54_xl_down {
    width: 54% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_54_xl_up {
    width: 54% !important;
  }
}
.width_56 {
  width: 56% !important;
}

@media screen and (max-width: 399px) {
  .width_56_sm_down {
    width: 56% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_56_sm_up {
    width: 56% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_56_md_down {
    width: 56% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_56_md_up {
    width: 56% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_56_lg_down {
    width: 56% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_56_lg_up {
    width: 56% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_56_xl_down {
    width: 56% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_56_xl_up {
    width: 56% !important;
  }
}
.width_58 {
  width: 58% !important;
}

@media screen and (max-width: 399px) {
  .width_58_sm_down {
    width: 58% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_58_sm_up {
    width: 58% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_58_md_down {
    width: 58% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_58_md_up {
    width: 58% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_58_lg_down {
    width: 58% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_58_lg_up {
    width: 58% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_58_xl_down {
    width: 58% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_58_xl_up {
    width: 58% !important;
  }
}
.width_60 {
  width: 60% !important;
}

@media screen and (max-width: 399px) {
  .width_60_sm_down {
    width: 60% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_60_sm_up {
    width: 60% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_60_md_down {
    width: 60% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_60_md_up {
    width: 60% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_60_lg_down {
    width: 60% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_60_lg_up {
    width: 60% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_60_xl_down {
    width: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_60_xl_up {
    width: 60% !important;
  }
}
.width_62 {
  width: 62% !important;
}

@media screen and (max-width: 399px) {
  .width_62_sm_down {
    width: 62% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_62_sm_up {
    width: 62% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_62_md_down {
    width: 62% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_62_md_up {
    width: 62% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_62_lg_down {
    width: 62% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_62_lg_up {
    width: 62% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_62_xl_down {
    width: 62% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_62_xl_up {
    width: 62% !important;
  }
}
.width_64 {
  width: 64% !important;
}

@media screen and (max-width: 399px) {
  .width_64_sm_down {
    width: 64% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_64_sm_up {
    width: 64% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_64_md_down {
    width: 64% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_64_md_up {
    width: 64% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_64_lg_down {
    width: 64% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_64_lg_up {
    width: 64% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_64_xl_down {
    width: 64% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_64_xl_up {
    width: 64% !important;
  }
}
.width_66 {
  width: 66% !important;
}

@media screen and (max-width: 399px) {
  .width_66_sm_down {
    width: 66% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_66_sm_up {
    width: 66% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_66_md_down {
    width: 66% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_66_md_up {
    width: 66% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_66_lg_down {
    width: 66% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_66_lg_up {
    width: 66% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_66_xl_down {
    width: 66% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_66_xl_up {
    width: 66% !important;
  }
}
.width_68 {
  width: 68% !important;
}

@media screen and (max-width: 399px) {
  .width_68_sm_down {
    width: 68% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_68_sm_up {
    width: 68% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_68_md_down {
    width: 68% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_68_md_up {
    width: 68% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_68_lg_down {
    width: 68% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_68_lg_up {
    width: 68% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_68_xl_down {
    width: 68% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_68_xl_up {
    width: 68% !important;
  }
}
.width_70 {
  width: 70% !important;
}

@media screen and (max-width: 399px) {
  .width_70_sm_down {
    width: 70% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_70_sm_up {
    width: 70% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_70_md_down {
    width: 70% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_70_md_up {
    width: 70% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_70_lg_down {
    width: 70% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_70_lg_up {
    width: 70% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_70_xl_down {
    width: 70% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_70_xl_up {
    width: 70% !important;
  }
}
.width_72 {
  width: 72% !important;
}

@media screen and (max-width: 399px) {
  .width_72_sm_down {
    width: 72% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_72_sm_up {
    width: 72% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_72_md_down {
    width: 72% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_72_md_up {
    width: 72% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_72_lg_down {
    width: 72% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_72_lg_up {
    width: 72% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_72_xl_down {
    width: 72% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_72_xl_up {
    width: 72% !important;
  }
}
.width_74 {
  width: 74% !important;
}

@media screen and (max-width: 399px) {
  .width_74_sm_down {
    width: 74% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_74_sm_up {
    width: 74% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_74_md_down {
    width: 74% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_74_md_up {
    width: 74% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_74_lg_down {
    width: 74% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_74_lg_up {
    width: 74% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_74_xl_down {
    width: 74% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_74_xl_up {
    width: 74% !important;
  }
}
.width_76 {
  width: 76% !important;
}

@media screen and (max-width: 399px) {
  .width_76_sm_down {
    width: 76% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_76_sm_up {
    width: 76% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_76_md_down {
    width: 76% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_76_md_up {
    width: 76% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_76_lg_down {
    width: 76% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_76_lg_up {
    width: 76% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_76_xl_down {
    width: 76% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_76_xl_up {
    width: 76% !important;
  }
}
.width_78 {
  width: 78% !important;
}

@media screen and (max-width: 399px) {
  .width_78_sm_down {
    width: 78% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_78_sm_up {
    width: 78% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_78_md_down {
    width: 78% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_78_md_up {
    width: 78% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_78_lg_down {
    width: 78% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_78_lg_up {
    width: 78% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_78_xl_down {
    width: 78% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_78_xl_up {
    width: 78% !important;
  }
}
.width_80 {
  width: 80% !important;
}

@media screen and (max-width: 399px) {
  .width_80_sm_down {
    width: 80% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_80_sm_up {
    width: 80% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_80_md_down {
    width: 80% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_80_md_up {
    width: 80% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_80_lg_down {
    width: 80% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_80_lg_up {
    width: 80% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_80_xl_down {
    width: 80% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_80_xl_up {
    width: 80% !important;
  }
}
.width_82 {
  width: 82% !important;
}

@media screen and (max-width: 399px) {
  .width_82_sm_down {
    width: 82% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_82_sm_up {
    width: 82% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_82_md_down {
    width: 82% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_82_md_up {
    width: 82% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_82_lg_down {
    width: 82% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_82_lg_up {
    width: 82% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_82_xl_down {
    width: 82% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_82_xl_up {
    width: 82% !important;
  }
}
.width_84 {
  width: 84% !important;
}

@media screen and (max-width: 399px) {
  .width_84_sm_down {
    width: 84% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_84_sm_up {
    width: 84% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_84_md_down {
    width: 84% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_84_md_up {
    width: 84% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_84_lg_down {
    width: 84% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_84_lg_up {
    width: 84% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_84_xl_down {
    width: 84% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_84_xl_up {
    width: 84% !important;
  }
}
.width_86 {
  width: 86% !important;
}

@media screen and (max-width: 399px) {
  .width_86_sm_down {
    width: 86% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_86_sm_up {
    width: 86% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_86_md_down {
    width: 86% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_86_md_up {
    width: 86% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_86_lg_down {
    width: 86% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_86_lg_up {
    width: 86% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_86_xl_down {
    width: 86% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_86_xl_up {
    width: 86% !important;
  }
}
.width_88 {
  width: 88% !important;
}

@media screen and (max-width: 399px) {
  .width_88_sm_down {
    width: 88% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_88_sm_up {
    width: 88% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_88_md_down {
    width: 88% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_88_md_up {
    width: 88% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_88_lg_down {
    width: 88% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_88_lg_up {
    width: 88% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_88_xl_down {
    width: 88% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_88_xl_up {
    width: 88% !important;
  }
}
.width_90 {
  width: 90% !important;
}

@media screen and (max-width: 399px) {
  .width_90_sm_down {
    width: 90% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_90_sm_up {
    width: 90% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_90_md_down {
    width: 90% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_90_md_up {
    width: 90% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_90_lg_down {
    width: 90% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_90_lg_up {
    width: 90% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_90_xl_down {
    width: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_90_xl_up {
    width: 90% !important;
  }
}
.width_92 {
  width: 92% !important;
}

@media screen and (max-width: 399px) {
  .width_92_sm_down {
    width: 92% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_92_sm_up {
    width: 92% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_92_md_down {
    width: 92% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_92_md_up {
    width: 92% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_92_lg_down {
    width: 92% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_92_lg_up {
    width: 92% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_92_xl_down {
    width: 92% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_92_xl_up {
    width: 92% !important;
  }
}
.width_94 {
  width: 94% !important;
}

@media screen and (max-width: 399px) {
  .width_94_sm_down {
    width: 94% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_94_sm_up {
    width: 94% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_94_md_down {
    width: 94% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_94_md_up {
    width: 94% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_94_lg_down {
    width: 94% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_94_lg_up {
    width: 94% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_94_xl_down {
    width: 94% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_94_xl_up {
    width: 94% !important;
  }
}
.width_96 {
  width: 96% !important;
}

@media screen and (max-width: 399px) {
  .width_96_sm_down {
    width: 96% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_96_sm_up {
    width: 96% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_96_md_down {
    width: 96% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_96_md_up {
    width: 96% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_96_lg_down {
    width: 96% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_96_lg_up {
    width: 96% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_96_xl_down {
    width: 96% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_96_xl_up {
    width: 96% !important;
  }
}
.width_98 {
  width: 98% !important;
}

@media screen and (max-width: 399px) {
  .width_98_sm_down {
    width: 98% !important;
  }
}
@media screen and (min-width: 400px) {
  .width_98_sm_up {
    width: 98% !important;
  }
}
@media screen and (max-width: 768px) {
  .width_98_md_down {
    width: 98% !important;
  }
}
@media screen and (min-width: 769px) {
  .width_98_md_up {
    width: 98% !important;
  }
}
@media screen and (max-width: 999px) {
  .width_98_lg_down {
    width: 98% !important;
  }
}
@media screen and (min-width: 1000px) {
  .width_98_lg_up {
    width: 98% !important;
  }
}
@media screen and (max-width: 1199px) {
  .width_98_xl_down {
    width: 98% !important;
  }
}
@media screen and (min-width: 1200px) {
  .width_98_xl_up {
    width: 98% !important;
  }
}
.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.ptb-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media screen and (max-width: 768px) {
  .mb-0-md {
    margin-bottom: 0px !important;
  }
}
.m-5 {
  margin: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.ptb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media screen and (max-width: 768px) {
  .mb-5-md {
    margin-bottom: 5px !important;
  }
}
.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10, .c-decimal, .c-disc {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.ptb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media screen and (max-width: 768px) {
  .mb-10-md {
    margin-bottom: 10px !important;
  }
}
.m-15 {
  margin: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.ptb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media screen and (max-width: 768px) {
  .mb-15-md {
    margin-bottom: 15px !important;
  }
}
.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.ptb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  .mb-20-md {
    margin-bottom: 20px !important;
  }
}
.m-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.ptb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media screen and (max-width: 768px) {
  .mb-30-md {
    margin-bottom: 30px !important;
  }
}
.m-35 {
  margin: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.ptb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

@media screen and (max-width: 768px) {
  .mb-35-md {
    margin-bottom: 35px !important;
  }
}
.m-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.ptb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media screen and (max-width: 768px) {
  .mb-40-md {
    margin-bottom: 40px !important;
  }
}
.m-45 {
  margin: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.ptb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

@media screen and (max-width: 768px) {
  .mb-45-md {
    margin-bottom: 45px !important;
  }
}
.m-60 {
  margin: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.ptb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media screen and (max-width: 768px) {
  .mb-60-md {
    margin-bottom: 60px !important;
  }
}
.m-80 {
  margin: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.ptb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

@media screen and (max-width: 768px) {
  .mb-80-md {
    margin-bottom: 80px !important;
  }
}
.l-mb {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
  .l-mb {
    margin-bottom: 20px !important;
  }
}

.m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.d-inline-block {
  display: inline-block;
}

.display-block {
  display: block;
}

@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  .block-pc {
    display: block;
  }
  .br-pc {
    display: block;
  }
  .br-sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .block-sp {
    display: block;
  }
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
}
video {
  max-width: 100%;
}

.w1200 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}

.w1000 {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .w1000 {
    padding: 0 25px;
  }
}
@media (max-width: 576px) {
  .w1000 {
    padding: 0 20px;
  }
}

.w980 {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}

.w550 {
  width: 590px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .w550 {
    padding: 0 25px;
  }
}
@media (max-width: 576px) {
  .w550 {
    padding: 0 20px;
  }
}

/* flexbox関係 */
.flex {
  display: flex;
}

.flex-box {
  display: flex;
  justify-content: -webkit-space-between;
  justify-content: space-between;
}

.flex-wrap {
  display: flex;
  justify-content: -webkit-space-between;
  justify-content: space-between;
  flex-wrap: -webkit-wrap;
  flex-wrap: wrap;
  align-items: center;
}

.flex-wrap-start {
  display: flex;
  justify-content: -webkit-space-between;
  justify-content: space-between;
  flex-wrap: -webkit-wrap;
  flex-wrap: wrap;
  align-items: start;
}

.flex-center {
  display: flex;
  justify-content: -webkit-center;
  justify-content: center;
  flex-wrap: -webkit-wrap;
  flex-wrap: wrap;
  align-items: center;
}

.flex-around {
  display: flex;
  justify-content: -webkit-space-around;
  justify-content: space-around;
  flex-wrap: -webkit-wrap;
  flex-wrap: wrap;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: -webkit-column;
  flex-direction: column;
  align-items: center;
}

.col-sm-4 {
  width: calc(33.3333333333% - 30px);
}

.col-sm-6 {
  width: calc(50% - 30px);
}

.col-sm-12 {
  width: 100%;
  width: 100%;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.font-bold {
  font-weight: 600;
}

.font-12 {
  font-size: 12px;
}

.font-sm {
  font-size: 0.8rem;
}

.font-md {
  font-size: 1.2rem;
}

.font-lg {
  font-size: 1.33rem;
}

.font-md-lg {
  font-size: 1.8rem;
}

.font-2x {
  font-size: 2rem;
}

.font-3x {
  font-size: 3rem;
}

.font-ex-lg {
  font-size: 2.25rem;
}

.text-left {
  -moz-text-align-last: left;
       text-align-last: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.color-green {
  color: #047c3e;
}

.color-red {
  color: #e90000;
}

.bg-green {
  background-color: #047c3e;
}

.bg-lightgreen {
  background-color: #82b22d;
}

.bg-brightgreen {
  background-color: #c7d53e;
}

.bg-gray {
  background-color: #f3f3f3;
}

.underline {
  text-decoration: underline;
}

.br-940 {
  display: block;
}
@media (max-width: 940px) {
  .br-940 {
    display: none;
  }
}

.br-m940 {
  display: none;
}
@media (max-width: 940px) {
  .br-m940 {
    display: block;
  }
}

.br-768 {
  display: none;
}
@media (max-width: 768px) {
  .br-768 {
    display: block;
  }
}

.br-m768 {
  display: block;
}
@media (max-width: 768px) {
  .br-m768 {
    display: none;
  }
}

.br-m576 {
  display: none;
}
@media (max-width: 576px) {
  .br-m576 {
    display: block;
  }
}

.br-630 {
  display: none;
}
@media (max-width: 640px) {
  .br-630 {
    display: block;
  }
}

.br-375 {
  display: none;
}
@media (max-width: 375px) {
  .br-375 {
    display: block;
  }
}

/* ページ内リンクの位置調整 */
.anchor {
  display: block;
  padding-top: 70px;
  margin-top: -70px;
}

.c-yellow-rounded-box {
  border-radius: 10px;
  background-color: #fcffdb;
  border: 2px solid #000;
  padding: 10px;
}

.c-glitter-use .p-img {
  width: 45%;
  margin-bottom: 1rem;
}
.c-glitter-use .p-img img {
  width: 100%;
}
.c-glitter-use .p-text {
  width: 53%;
}
@media screen and (max-width: 768px) {
  .c-glitter-use .p-img {
    width: 100%;
  }
  .c-glitter-use .p-text {
    width: 92vw;
  }
}

.btn-green {
  text-align: center;
  margin-bottom: 95px;
}
.btn-green p a {
  display: block;
  margin: 0 auto;
  width: 60%;
  color: #fff;
  padding: 25px 27.5px;
  background-color: #047c3e;
  border: 3px solid #047c3e;
}
.btn-green p a:hover {
  opacity: 0.8;
}
.btn-green p a:after {
  font-family: "Font Awesome 5 Free";
  content: "\F105";
  font-weight: 900;
  padding-left: 15px;
  font-size: 1.7rem;
}
@media (max-width: 768px) {
  .btn-green p a {
    width: 90%;
  }
}
@media (max-width: 640px) {
  .btn-green p a {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .btn-green p a {
    font-size: 1.6rem;
  }
}
.btn-green p .fa-angle-right {
  padding-left: 17.5px;
  color: #c7d53e;
}

a.btn-green {
  display: block;
  text-align: center;
  padding: 1rem 0;
  color: #fff;
  background-color: #047c3e;
  position: relative;
  margin-bottom: 0;
  width: 100%;
}
a.btn-green.row2 {
  line-height: 1.6rem;
}
a.btn-green:hover {
  opacity: 0.8;
}
a.btn-green:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  font-family: "Font Awesome 5 Free";
  content: "\F105";
  font-weight: 900;
  font-size: 1.7rem;
}

.btn-document {
  position: relative;
  background-color: #c7d53e;
  display: inline-block;
  padding: 0.2rem 0.3rem;
  border-radius: 5px;
}
.btn-document:hover {
  opacity: 0.8;
}
.btn-document:after {
  font-family: "Font Awesome 5 Free";
  content: "\F15C";
  color: #fff;
  font-weight: 900;
  padding-left: 0.2rem;
  font-size: 1.2rem;
}

.c-flex { /* Safari */
  display: flex; /* Safari */
  align-items: flex-start;
}

.c-flex-center { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: center; /* Safari */
  align-items: flex-start;
}

.c-flex-center-center { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: center; /* Safari */
  align-items: center;
}

.c-flex-wrap-center { /* Safari */
  display: flex; /* Safari */
  flex-wrap: wrap; /* Safari */
  justify-content: center; /* Safari */
  align-items: flex-start;
}

.c-flex-center-stretch { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: center; /* Safari */
  align-items: stretch;
}

.c-flex-wrap-center-stretch { /* Safari */
  display: flex; /* Safari */
  flex-wrap: wrap; /* Safari */
  justify-content: center; /* Safari */
  align-items: stretch;
}

.c-flex-start { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: flex-start; /* Safari */
  align-items: flex-start;
}

.c-flex-wrap-start { /* Safari */
  display: flex; /* Safari */
  flex-wrap: wrap; /* Safari */
  justify-content: flex-start; /* Safari */
  align-items: flex-start;
}

.c-flex-space-between { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: space-between; /* Safari */
  align-items: flex-start;
}

.c-flex-wrap-space-between { /* Safari */
  display: flex; /* Safari */
  flex-wrap: wrap; /* Safari */
  justify-content: space-between; /* Safari */
  align-items: flex-start;
}

.c-flex-space-between-stretch { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: space-between; /* Safari */
  align-items: stretch;
}

.c-flex-space-between-center { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: space-between; /* Safari */
  align-items: center;
}

.c-flex-space-between-end { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: space-between; /* Safari */
  align-items: flex-end;
}

.c-flex-wrap-space-between-stretch { /* Safari */
  display: flex; /* Safari */
  flex-wrap: wrap; /* Safari */
  justify-content: space-between; /* Safari */
  align-items: stretch;
}

.c-flex-strat-stretch { /* Safari */
  display: flex; /* Safari */
  flex-wrap: nowrap; /* Safari */
  justify-content: flex-start; /* Safari */
  align-items: stretch;
}

.c-flex-wrap-strat-stretch { /* Safari */
  display: flex; /* Safari */
  flex-wrap: wrap; /* Safari */
  justify-content: flex-start; /* Safari */
  align-items: stretch;
}

.c-flex-wrap-space-around-stretch { /* Safari */
  display: flex; /* Safari */
  flex-wrap: wrap; /* Safari */
  justify-content: space-around; /* Safari */
  align-items: stretch;
}

.c-flex-wrap-column { /* Safari */
  display: flex; /* Safari */
  flex-direction: column; /* Safari */
  flex-wrap: wrap;
}

.c-flex-buttons { /* Safari */
  display: flex; /* Safari */
  justify-content: center;
}
.c-flex-buttons .button:not(:nth-of-type(1)) {
  margin-left: 20px;
}

@media screen and (min-width: 400px) {
  .c-flex-space-between-sm { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-space-between-sm { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-center-sm { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: center;
  }
  .c-flex-start-sm { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-sm.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-sm.c-col3 .c-col {
    width: 31%;
  }
  .c-flex-wrap-space-between-sm.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-wrap-space-between-sm.c-col3 .c-col {
    width: 31%;
  }
  .c-flex-space-between-md-sm.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-md-sm.c-col3 .c-col {
    width: 31%;
  }
}
@media screen and (min-width: 769px) {
  .c-flex-space-between-md { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-space-between-md, .c-horizontal-dt { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-center-md { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: center;
  }
  .c-flex-start-md { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-md.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-md.c-col3 .c-col {
    width: 31%;
  }
  .c-flex-wrap-space-between-md.c-col2 .c-col, .c-col2.c-horizontal-dt .c-col {
    width: 48%;
  }
  .c-flex-wrap-space-between-md.c-col3 .c-col, .c-col3.c-horizontal-dt .c-col {
    width: 31%;
  }
  .c-flex-space-between-md-md.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-md-md.c-col3 .c-col {
    width: 31%;
  }
}
@media screen and (min-width: 1000px) {
  .c-flex-space-between-lg { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-space-between-lg { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-center-lg { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: center;
  }
  .c-flex-start-lg { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-lg.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-lg.c-col3 .c-col {
    width: 31%;
  }
  .c-flex-wrap-space-between-lg.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-wrap-space-between-lg.c-col3 .c-col {
    width: 31%;
  }
  .c-flex-space-between-md-lg.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-md-lg.c-col3 .c-col {
    width: 31%;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex-space-between-xl { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-space-between-xl { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-center-xl { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: center;
  }
  .c-flex-start-xl { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: flex-start;
  }
  .c-flex-space-between-xl.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-xl.c-col3 .c-col {
    width: 31%;
  }
  .c-flex-wrap-space-between-xl.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-wrap-space-between-xl.c-col3 .c-col {
    width: 31%;
  }
  .c-flex-space-between-md-xl.c-col2 .c-col {
    width: 48%;
  }
  .c-flex-space-between-md-xl.c-col3 .c-col {
    width: 31%;
  }
}
@media screen and (max-width: 399px) {
  .c-flex-space-between-sm-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-strat-stretch-sm-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: stretch;
  }
  .c-flex-space-between-sm .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-wrap-space-between-sm .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-space-between-md-sm .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-flex-space-between-md-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-strat-stretch-md-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: stretch;
  }
  .c-flex-space-between-md .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-wrap-space-between-md .c-col, .c-horizontal-dt .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-space-between-md-md .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 999px) {
  .c-flex-space-between-lg-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-strat-stretch-lg-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: stretch;
  }
  .c-flex-space-between-lg .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-wrap-space-between-lg .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-space-between-md-lg .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .c-flex-space-between-xl-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: nowrap; /* Safari */
    justify-content: space-between; /* Safari */
    align-items: flex-start;
  }
  .c-flex-wrap-strat-stretch-xl-down { /* Safari */
    display: flex; /* Safari */
    flex-wrap: wrap; /* Safari */
    justify-content: flex-start; /* Safari */
    align-items: stretch;
  }
  .c-flex-space-between-xl .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-wrap-space-between-xl .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .c-flex-space-between-md-xl .c-col {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* ドロワー */
#nav-drawer {
  position: fixed;
  top: 0px;
  right: 0;
  z-index: 99;
  display: none;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
  transform: translate(100%, 0%); /*左に隠しておく*/
}
@media (max-width: 768px) {
  #nav-drawer {
    display: block;
  }
}

.nav-unshown {
  display: none;
}

#nav-content {
  background-color: #fff;
  width: 100%;
  max-width: 330px;
  height: 100vh;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
}
#nav-content ul {
  list-style: none;
}
#nav-content ul li a {
  display: block;
  padding: 15px 100px 15px 15px;
  font-size: 1.3rem;
}
@media (max-width: 576px) {
  #nav-content ul li a {
    padding-right: 50px;
  }
}

/* 三本線 */
#nav-open {
  width: 40px;
  height: 40px;
  background-color: #047c3e;
  display: inline-block;
  position: fixed;
  top: 20px;
  right: 100%;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
  z-index: 1;
}

#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px; /*線の太さ*/
  width: 14px; /*長さ*/
  background: #fff;
  display: block;
  content: "";
  cursor: pointer;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
}

#nav-open span:before {
  top: 300%;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
}

#nav-open span:after {
  top: -200%;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
}

#nav-input:checked ~ #nav-content {
  transform: translate(-100%, 0%); /*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  transition: 0.3s ease-in-out; /*滑らかに表示*/
}

#nav-input:checked ~ #nav-open {
  transform: translate(-780%, 0%); /*中身を表示（右へスライド）*/
}
@media (max-width: 576px) {
  #nav-input:checked ~ #nav-open {
    transform: translate(-618%, 0%); /*中身を表示（右へスライド）*/
  }
}

#nav-input:checked ~ #nav-open span {
  background: transparent;
}

#nav-input:checked ~ #nav-open span:before {
  top: 0;
  left: 0;
  transform: rotate(-45deg);
  transition: 0.3s ease-in-out; /*滑らかに表示*/
}

#nav-input:checked ~ #nav-open span:after {
  top: 0;
  left: 0;
  transform: rotate(45deg);
  transition: 0.3s ease-in-out; /*滑らかに表示*/
}

/* スライダー */
#index_Slider {
  margin: 0px 20px;
  position: relative;
}

.index_Slider_main li {
  padding: 3px;
  background: #fff;
  border-radius: 2px;
}

.index_Slider_main li a {
  display: block;
  overflow: hidden;
  border-radius: 3px;
}

.index_Slider_main li a img {
  width: 100% !important;
}

.index_Slider_main li a:hover img {
  opacity: 0.9;
}

.index_Slider_nav {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 3px;
}

.index_Slider_nav li {
  width: 24.2% !important;
  height: 0;
  background-size: cover;
  position: relative;
  padding-top: 7.6%;
  position: relative;
}

.index_Slider_nav li a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(23, 23, 23, 0.4);
}

.index_Slider_nav li a.active {
  background: none;
}

.index_Slider_selector .slider_prev a,
.index_Slider_selector .slider_next a {
  display: inline-block;
  position: absolute;
  top: 140px;
  z-index: 100;
  width: 35px;
  height: 50px;
}

.index_Slider_selector .slider_prev a {
  background-image: url(../../img/index_slider_prev.png);
  left: 3px;
}

.index_Slider_selector .slider_next a {
  background-image: url(../../img/index_slider_next.png);
  right: 3px;
}

.bx-wrapper {
  margin-bottom: 0;
}

.c-disc {
  list-style: disc;
  padding-left: 1.2rem;
}

.c-decimal {
  list-style: decimal;
  padding-left: 1.2rem;
}

@media screen and (min-width: 769px) {
  .c-horizontal-dt dt {
    text-align: right;
    width: 30%;
  }
  .c-horizontal-dt dd {
    width: 68%;
  }
  .c-horizontal-dt.c-separator-colon dt:after {
    content: ":";
  }
}
@media screen and (max-width: 768px) {
  .c-horizontal-dt dd {
    margin-left: 1rem;
  }
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table th, table td {
  padding: 10px;
}

table.common01 {
  border: 1px solid #ccc;
  text-align: left;
}
table.common01 th, table.common01 td {
  border-bottom: 1px solid #ccc;
}
table.common01 th {
  background: #eee;
  width: 30%;
}

.c-red,
.c-caution {
  color: #e90000;
}

.c-blue {
  color: #0000ff;
}

.c-green {
  color: #047c3e;
}

.c-bold {
  font-weight: 600;
}

.c-text-left {
  text-align: left;
}

.c-text-center {
  text-align: center;
}

.c-text-right {
  text-align: right;
}

@media screen and (min-width: 769px) {
  .c-text-left_md-up {
    text-align: left;
  }
  .c-text-center_md-up {
    text-align: center;
  }
  .c-text-right_md-up {
    text-align: right;
  }
}
video {
  width: 1344px;
  max-width: 100%;
}

.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  max-width: 100vh;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 1rem;
  position: relative;
  z-index: 1000;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  position: absolute;
  top: 2rem;
  right: 0rem;
  font-size: 2rem;
}
.modal__close:hover {
  opacity: 0.7;
}

.modal__header .modal__close:before {
  content: "\2715";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.wrap {
  overflow: hidden;
}

.slider-bg {
  height: auto;
  background: url(../img/index01_bg-slider.jpg) center center/cover no-repeat;
  position: relative;
}
.slider-bg .indexbox {
  padding: 45px 0;
}

.infomation-wrapper {
  padding: 27.5px 0;
}

.infomation {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .infomation {
    flex-direction: column;
  }
}
.infomation h2 {
  display: inline-block;
}
@media (max-width: 768px) {
  .infomation h2 {
    margin-bottom: 20px;
  }
}
.infomation h2 a:hover {
  color: #047c3e;
  opacity: 0.8;
}
.infomation .info-border {
  position: absolute;
  height: 40px;
  border: 2px solid #047c3e;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .infomation .info-border {
    height: 0;
    width: 40px;
    top: -4px;
    left: 49.5%;
    transform: translateX(-50%);
  }
}
.infomation .infomation-txt {
  position: relative;
  display: inline-block;
  margin: 0 0 0 auto;
  background-color: #fff;
  padding: 25px 25px 25px 50px;
  width: 75%;
}
@media (max-width: 768px) {
  .infomation .infomation-txt {
    width: 90%;
    margin: 0 auto;
  }
}
.infomation .infomation-txt ul {
  list-style: disc;
  text-decoration: underline;
}
.infomation .infomation-txt ul li a:hover {
  opacity: 0.7;
}

.explanation .example {
  margin-top: 20px;
}

html {
  font-size: 15px;
  line-height: 30px;
}
@media (max-width: 576px) {
  html {
    font-size: 14px;
  }
}

.header {
  border-bottom: 5px solid #047c3e;
}
@media (max-width: 768px) {
  .header {
    padding: 15px 0;
  }
}
.header .flex-wrap {
  align-items: center;
}
.header-left a {
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro N";
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
}
.header-left a a:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .header-right {
    display: none;
    box-sizing: border-box;
  }
}
.header-right li {
  padding: 30px 0;
}
.header-right li + li {
  padding-left: 15px;
}
.header-right a {
  color: #047c3e;
  font-weight: bold;
  display: block;
  border-bottom: 4px solid transparent;
}
.header-right a:hover {
  border-bottom: 4px solid #c7d53e;
  transition: all 0.2s ease-in-out;
}

.top-wrapper {
  padding: 44px 0 60px;
  width: 100%;
  height: auto;
  background: url(../img/index02_bg-top.jpg) center center/cover no-repeat;
}
@media (max-width: 640px) {
  .top-wrapper {
    padding: 18px 0 34px;
  }
}
.top-wrapper .top-img {
  position: relative;
}
.top-wrapper .top-img .page-name {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fefefe;
  font-size: 2.4rem;
  text-shadow: 0 0 13px rgba(96, 96, 96, 0.53);
}
@media (max-width: 576px) {
  .top-wrapper .top-img .page-name {
    font-size: 1.5rem;
  }
}
@media (max-width: 375px) {
  .top-wrapper .top-img .page-name {
    font-size: 1.25rem;
  }
}

.news ul {
  padding: 37.5px 25px 37.5px 50px;
  list-style: disc;
  color: #fff;
  box-sizing: border-box;
}
.news ul li {
  text-decoration: underline;
  line-height: 2;
}
.news ul li a {
  color: #fff;
}
.news ul li a:hover {
  opacity: 0.8;
}

.services {
  margin: 60px 0;
}
.services .each-service {
  width: 47%;
  margin-bottom: 25px;
}
@media (max-width: 940px) {
  .services .each-service {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .services .each-service {
    width: 100%;
  }
}
.services .each-service .service-img {
  width: 33%;
}
.services .each-service .service-img a:hover, .services .each-service .service-img a img:hover {
  opacity: 0.8;
}
@media (max-width: 940px) {
  .services .each-service .service-img {
    width: 90%;
  }
}
.services .each-service .service-txt {
  width: 62%;
}
.services .each-service .service-txt h3 a:hover {
  color: #047c3e;
  opacity: 0.8;
}
@media (max-width: 940px) {
  .services .each-service .service-txt {
    height: 110px;
    width: 90%;
    margin-top: 20px;
  }
}

.info {
  padding: 55px 0;
  margin-bottom: 55px;
}
.info h2 {
  text-align: center;
  margin-bottom: 30px;
}
.info .half-under {
  width: 8.5%;
  margin: 0 auto;
  border-bottom: 3px solid #96ad34;
}
@media (max-width: 768px) {
  .info .info-btns {
    flex-direction: column;
  }
}
.info .info-txt {
  text-align: center;
  margin: 30px 0;
}
.info .info-btn {
  margin-right: 20px;
  width: 270px;
  height: 52.5px;
  background-color: #047c3e;
  text-align: center;
}
.info .info-btn:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .info .info-btn {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .info .info-btn:last-child {
    margin-bottom: 0;
  }
}
.info .info-btn p a {
  color: #fff;
  line-height: 52.5px;
  display: block;
}
.info .info-btn p a:hover {
  opacity: 0.7;
}
.info .info-btn p a:after {
  font-family: "Font Awesome 5 Free";
  content: "\F105";
  font-weight: 900;
  padding-left: 15px;
}

.merit {
  margin-bottom: 32px;
}
.merit .merit-num {
  text-align: center;
  width: 12%;
  height: 86.5px;
  background-color: #c7d53e;
}
@media (max-width: 768px) {
  .merit .merit-num {
    width: 20%;
  }
}
@media (max-width: 576px) {
  .merit .merit-num {
    width: 30%;
  }
}
.merit .merit-num p {
  line-height: 40px;
}
.merit .merit-num span {
  display: block;
  color: #fff;
  height: 32px;
  padding-top: 2px;
}
.merit .merit-title {
  width: 88%;
  height: 86.5px;
  background-color: #047c3e;
  display: flex;
  align-items: center;
}
.merit .merit-title p {
  font-size: 1.4rem;
  color: #fff;
  padding: 0 35px;
}
@media (max-width: 768px) {
  .merit .merit-title p {
    padding: 0 15px;
  }
}
@media (max-width: 395px) {
  .merit .merit-title p {
    font-size: 1.3rem;
  }
}
@media (max-width: 375px) {
  .merit .merit-title .merit03 {
    line-height: 20px;
  }
}

.explanation {
  margin-bottom: 50px;
}
.explanation .exp-wrap {
  margin-bottom: 40px;
}
.explanation .exp-wrap .exp-inner {
  padding-left: 54px;
}
.explanation .exp-wrap .exp {
  display: flex;
  display: -webkit-flex;
  color: #047c3e;
  margin-top: 20px;
}
.explanation .exp-wrap .exp p {
  display: inline-block;
}
.explanation .exp-wrap .exp .exp-num {
  padding-right: 25px;
}
.explanation .exp-wrap .exp .exp-note {
  font-size: medium;
  padding-left: 1rem;
  color: #333;
}
.explanation .exp-wrap .exception {
  margin-top: 25px;
  margin-bottom: 42.5px;
}
.explanation .exp-wrap .merit-btn {
  margin: 30px auto 40px auto;
  width: 270px;
  height: 52.5px;
  background-color: #047c3e;
  text-align: center;
}
.explanation .exp-wrap .merit-btn a {
  color: #fff;
  line-height: 52.5px;
  display: block;
}
.explanation .exp-wrap .merit-btn a:hover {
  opacity: 0.7;
}
.explanation .exp-wrap .merit-btn a:after {
  font-family: "Font Awesome 5 Free";
  content: "\F105";
  font-weight: 900;
  padding-left: 15px;
}

.contact {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 65px;
}
.contact h2 {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 30px;
}
.contact .half-under {
  width: 8.5%;
  margin: 0 auto;
  border-bottom: 3px solid #047c3e;
}
.contact .contact-btn {
  margin-top: 30px;
}
.contact .contact-btn p a {
  display: block;
  margin: 0 auto;
  width: 60%;
  font-size: 1.33rem;
  color: #047c3e;
  padding: 25px 27.5px;
  background-color: #fff;
  border: 3px solid #047c3e;
}
@media (max-width: 940px) {
  .contact .contact-btn p a {
    width: 85%;
  }
}
@media (max-width: 768px) {
  .contact .contact-btn p a {
    width: 95%;
  }
}
@media (max-width: 375px) {
  .contact .contact-btn p a {
    width: 100%;
    padding: 25px 0;
  }
}
.contact .contact-btn p a span {
  padding-left: 17.5px;
  color: #c7d53e;
}
.contact .contact-btn p a:hover {
  opacity: 0.7;
}
.contact .contact-btn p a:after {
  font-family: "Font Awesome 5 Free";
  content: "\F105";
  font-weight: 900;
  color: #c7d53e;
  padding-left: 15px;
}

.agency {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 65px;
  color: #fff;
}
.agency h2 {
  font-size: 2rem;
  margin-bottom: 30px;
}
.agency .half-under {
  width: 8.5%;
  margin: 0 auto;
  border-bottom: 3px solid #c7d53e;
}

.each-agency {
  margin-top: 30px;
}
.each-agency p {
  color: rgb(255, 255, 255);
}
.each-agency p span {
  color: #fff;
}

.line-white {
  border: 3px solid #fff;
}

.line-green {
  border: 5px solid #047c3e;
}

.line-brightgreen {
  border: 3px solid #c7d53e;
}

.footer {
  text-align: center;
}
.footer .precaution {
  padding-top: 55px;
  padding-bottom: 22px;
}
@media (max-width: 640px) {
  .footer .precaution {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.footer .precaution .footer-note {
  text-align: left;
  width: 73%;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .footer .precaution .footer-note {
    width: 100%;
  }
}
.footer .precaution .register-code {
  margin-top: 40px;
}
.footer .precaution .register-code p {
  display: inline-block;
  padding-right: 20px;
}
@media (max-width: 375px) {
  .footer .precaution .register-code p {
    display: block;
    padding-right: 0px;
  }
}
.footer .precaution .register-code p:nth-child(2) {
  padding-right: 0px;
}
.footer .precaution .register-code p:last-child {
  display: block;
  padding-right: 0;
}
.footer .precaution-link {
  margin-bottom: 30px;
}
.footer .precaution-link .fa-angle-right {
  padding-right: 10px;
  color: #c7d53e;
  font-size: 2rem;
}
.footer .precaution-link .each-link {
  display: flex;
  flex-direction: center;
}
.footer .precaution-link p {
  display: inline-block;
}
.footer .precaution-link p a {
  padding-right: 25px;
}
.footer .precaution-link p a:hover {
  text-decoration: underline;
  opacity: 0.8;
}
.footer .service-img a:hover {
  opacity: 0.7;
}
.footer img {
  width: 140px;
}
.footer .copyright {
  margin-top: 27.5px;
  margin-bottom: 75px;
}

.services-sub01 {
  margin-top: 60px;
  margin-bottom: 40px;
}
.services-sub01 .each-service {
  width: 50%;
}
@media (max-width: 768px) {
  .services-sub01 .each-service {
    width: 100%;
  }
}
.services-sub01 .each-service .service-img a:hover {
  opacity: 0.8;
}
.services-sub01 .service-txt {
  width: 100%;
  text-align: center;
}
.services-sub01 .service-txt h3 {
  padding: 20px 0;
  font-size: 1.6rem;
}
.services-sub01 .service-txt h3 a:hover {
  color: #047c3e;
  opacity: 0.8;
}
.services-sub01 .service-txt p {
  padding-bottom: 45px;
}

.sub-wrapper {
  padding: 44px 0 54px;
  width: 100%;
  height: auto;
  background: url(../img/sub_bg-top.png) center center/cover no-repeat;
}
@media (max-width: 640px) {
  .sub-wrapper {
    padding: 18px 0 34px;
  }
}
.sub-wrapper .sub-bg {
  position: relative;
}
@media (max-width: 640px) {
  .sub-wrapper .sub-bg {
    height: 100px;
  }
}
@media (max-width: 375px) {
  .sub-wrapper .sub-bg {
    height: 80px;
  }
}
@media (max-width: 640px) {
  .sub-wrapper .sub-bg .sub-img {
    display: none;
  }
}
.sub-wrapper .sub-bg .page-name {
  width: 100%;
  text-align: right;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  color: #047c3e;
  font-size: 2.4rem;
}
@media (max-width: 640px) {
  .sub-wrapper .sub-bg .page-name {
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
  }
}
@media (max-width: 375px) {
  .sub-wrapper .sub-bg .page-name {
    font-size: 2rem;
  }
}

.question {
  display: flex;
  align-items: center;
  height: 77.5px;
  background-color: #047c3e;
  color: #fff;
  border-left: 8px solid #c7d53e;
  margin: 50px auto 35px auto;
}
@media (max-width: 375px) {
  .question {
    padding: 0;
  }
}
.question h2 {
  font-size: 2rem;
  padding-left: 42px;
  padding-right: 42px;
}
@media (max-width: 576px) {
  .question h2 {
    font-size: 1.5rem;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.problem {
  background-color: #e5f0f6;
}
.problem .problem-left {
  width: 50%;
  padding-left: 40px;
  line-height: 36px;
}
@media (max-width: 768px) {
  .problem .problem-left {
    width: 100%;
    order: 2;
    padding: 40px 0 40px 40px;
  }
}
@media (max-width: 375px) {
  .problem .problem-left {
    padding: 40px 20px;
  }
}
.problem .problem-left h4 {
  font-size: 1.6rem;
}
.problem .problem-right {
  width: 50%;
}
@media (max-width: 768px) {
  .problem .problem-right {
    width: 100%;
    order: 1;
  }
}

.down-arrow {
  margin-bottom: 34px;
}
.down-arrow .down-arrow-square {
  width: 45px;
  height: 23px;
  background-color: #e5f0f6;
  margin: 0 auto;
}
.down-arrow .down-arrow-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 41px 0 41px;
  border-color: #e5f0f6 transparent transparent transparent;
  margin: 0 auto;
}

.sub02-answer01 {
  text-align: center;
}
.sub02-answer01 h2 {
  color: #e90000;
  margin-bottom: 50px;
  line-height: 40px;
}
@media (max-width: 375px) {
  .sub02-answer01 h2 {
    font-size: 1.6rem;
  }
}
.sub02-answer01 p {
  margin-bottom: 32.5px;
}

.types-auto-insurance {
  justify-content: space-around;
  align-items: flex-start;
  text-align: center;
}
.types-auto-insurance .jibaiseki, .types-auto-insurance .nini {
  margin-bottom: 60px;
}
.types-auto-insurance .jibaiseki p span, .types-auto-insurance .nini p span {
  display: block;
  margin-top: 12.5px;
}
.types-auto-insurance .each-type-auto {
  background-color: #96ad34;
  border-radius: 8px;
}
.types-auto-insurance .each-type-auto P {
  font-size: 1.66rem;
  width: 370px;
  padding: 32px 0;
  color: #fff;
}
@media (max-width: 576px) {
  .types-auto-insurance .each-type-auto P {
    width: 335px;
    font-size: 1.5rem;
  }
}
@media (max-width: 375px) {
  .types-auto-insurance .each-type-auto P {
    width: 280px;
    font-size: 1.3rem;
  }
}

.table {
  margin-bottom: 50px;
}

.compensation h3 {
  padding-bottom: 18px;
  border-bottom: 3px solid #c7d53e;
}
.compensation .each-compensation {
  align-items: flex-start;
  padding: 35px 0;
}
.compensation .each-compensation .compensation-img {
  width: 20%;
}
@media (max-width: 576px) {
  .compensation .each-compensation .compensation-img {
    width: 60%;
    margin: 0 auto;
  }
}
.compensation .compensation-txt {
  width: 75%;
}
@media (max-width: 768px) {
  .compensation .compensation-txt {
    width: 100%;
  }
}

.note {
  background-color: #fffac2;
  text-align: center;
  padding: 35px 0;
  margin: 20px auto 60px auto;
}

.menu-insurance {
  margin-bottom: 35px;
}
.menu-insurance p {
  width: 48%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .menu-insurance p {
    width: 100%;
  }
}
.menu-insurance p a:hover {
  opacity: 0.8;
}

@media (max-width: 375px) {
  .sub04-q1 {
    font-size: 1rem;
    line-height: 1.1;
  }
}

.section-header h4 {
  text-align: center;
  font-size: 1.6rem;
  margin: 45px 0;
}
.section-header h3 {
  font-size: 1.33rem;
  color: #047c3e;
  padding-bottom: 18px;
  border-bottom: 3px solid #c7d53e;
}
.section-header .sh_sub04-p {
  margin-bottom: 35px;
}
.section-header p {
  font-size: 1.1rem;
}

.risks {
  text-align: center;
}
.risks .each-risk {
  width: 30%;
  height: 330px;
  background-color: #fbfccc;
  border-radius: 8px;
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  .risks .each-risk {
    width: 48%;
    height: 370px;
  }
}
@media (max-width: 576px) {
  .risks .each-risk {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }
}
.risks .each-risk .each-risk-inner {
  width: 90%;
  margin: 0 auto;
}
.risks .each-risk .each-risk-inner h4 {
  background-color: #fdcc34;
  margin: 16px auto;
  border-radius: 8px;
  padding: 5px 0;
}
.risks .each-risk .each-risk-inner p {
  text-align: left;
}
.risks .each-risk .each-risk-inner .risk-img {
  text-align: center;
}
.risks .each-risk .each-risk-inner .risk-img img {
  width: 73%;
}

.tv-rel {
  position: relative;
  z-index: 10;
}
@media (max-width: 576px) {
  .tv-rel {
    position: static;
  }
}
.tv-rel .tv-ab {
  position: absolute;
  z-index: 9;
  top: 185px;
}
@media (max-width: 768px) {
  .tv-rel .tv-ab {
    top: 200px;
  }
}
@media (max-width: 576px) {
  .tv-rel .tv-ab {
    position: static;
  }
}

.replacement-value {
  margin-top: 60px;
}
.replacement-value p {
  text-align: center;
}
.replacement-value p img {
  width: 74.3%;
}

.risks-of-earthquake {
  align-items: flex-start;
}
@media (max-width: 375px) {
  .risks-of-earthquake {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .risks-of-earthquake {
    justify-content: start;
  }
}
.risks-of-earthquake .each-risk-of-earthquake {
  width: 20%;
  margin-bottom: 50px;
}
@media (max-width: 640px) {
  .risks-of-earthquake .each-risk-of-earthquake {
    width: 33.333333%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px;
  }
}
@media (max-width: 375px) {
  .risks-of-earthquake .each-risk-of-earthquake {
    margin-bottom: 20px;
  }
}
.risks-of-earthquake .each-risk-of-earthquake .e-txt1 {
  width: 105px;
}
@media (max-width: 640px) {
  .risks-of-earthquake .each-risk-of-earthquake .e-txt1 {
    width: 100%;
  }
}

.e-img {
  text-align: center;
}

.e-txt {
  margin: 1em 0;
  font-size: 12px;
  line-height: 1.4;
}

.e-txt2 {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 50px;
}

.example-earthquake {
  padding: 35px 20px 0 20px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .example-earthquake {
    flex-direction: column;
  }
}
.example-earthquake .each-example {
  padding-bottom: 30px;
  width: 33.333333%;
  font-size: 12px;
}
@media (max-width: 576px) {
  .example-earthquake .each-example {
    width: 50%;
    text-align: center;
    margin: 0 auto;
  }
}

.e-txt-btm {
  padding-bottom: 35px;
}
.e-txt-btm p {
  margin: 1em 0;
  line-height: 1.4;
}

.ratio-cancer {
  margin-bottom: 30px;
}
.ratio-cancer h3 {
  font-size: 1.6rem;
  line-height: 36px;
  margin-bottom: 25px;
}
.ratio-cancer h3 span {
  font-size: 2.4rem;
}
.ratio-cancer p {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .ratio-cancer p {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .ratio-cancer .text-right {
    text-align: left;
  }
}

.cause-of-death {
  width: 67.5%;
  margin: 0 auto;
  text-align: center;
  margin: 24px auto 30px auto;
}
@media (max-width: 768px) {
  .cause-of-death {
    width: 100%;
  }
}
.cause-of-death table {
  width: 100%;
  border-spacing: 0 2.5px;
  margin: 10px 0 10px 0;
}
.cause-of-death table th {
  text-align: left;
  padding: 5px 0 5px 40px;
  background-color: #ffcaa0;
}
.cause-of-death table tr td {
  background-color: #fcffdb;
  padding: 5px 0;
}
.cause-of-death table tr td:nth-child(1) {
  width: 15%;
}
.cause-of-death table tr td:nth-child(2) {
  width: 35%;
  text-align: left;
}
.cause-of-death table tr td:nth-child(3) {
  width: 25%;
}
.cause-of-death table tr td:nth-child(4) {
  width: 20%;
}
.cause-of-death h3 {
  margin: 30px 0 85px 0;
}
@media (max-width: 375px) {
  .cause-of-death .text-right {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.cause-of-death h4 {
  font-size: 1.33rem;
  padding: 5px 0;
  border: 3px solid #FB4BFB;
  border-radius: 25px;
  margin-top: 30px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

.visit-hospital {
  width: 67.5%;
  margin: 0 auto;
  text-align: center;
  margin: 24px auto 30px auto;
}
@media (max-width: 576px) {
  .visit-hospital {
    width: 100%;
  }
}
.visit-hospital .tuin {
  margin: 35px 0 30px 0;
}
.visit-hospital h3 {
  line-height: 36px;
  margin: 35px 0 45px 0;
}
@media (max-width: 375px) {
  .visit-hospital .text-right {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}

.treatment-for-cancer {
  width: 67.5%;
  margin: 0 auto;
  text-align: center;
  margin: 24px auto 30px auto;
}
@media (max-width: 576px) {
  .treatment-for-cancer {
    width: 100%;
  }
}
.treatment-for-cancer .treatment-img {
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 375px) {
  .treatment-for-cancer .treatment-img {
    width: 100%;
  }
}

.aflac {
  background-color: #fcffdb;
  margin: 65px auto 30px auto;
  padding: 35px 0;
}
.aflac .aflac-img {
  width: 25%;
  margin: 25px auto 0 auto;
}
.aflac .aflac-img:hover {
  opacity: 0.8;
}
@media (max-width: 576px) {
  .aflac .aflac-img {
    width: 40%;
  }
}

@media (max-width: 640px) {
  .aflac-address {
    flex-direction: column;
  }
}
.aflac-address .office {
  margin: 35px auto 100px;
}
@media (max-width: 640px) {
  .aflac-address .office {
    margin-bottom: 35px;
  }
}

.long-lived {
  margin: 30px auto 55px;
}
.long-lived h3 {
  line-height: 40px;
  margin: 35px 0;
}
@media (max-width: 576px) {
  .long-lived h3 {
    font-size: 1.6rem;
  }
}
.long-lived .long-lived-graph .long-lived-img {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .long-lived .long-lived-graph .long-lived-img {
    width: 100%;
    margin-bottom: 27px;
  }
}
.long-lived .long-lived-graph p {
  width: 85%;
}
@media (max-width: 576px) {
  .long-lived .long-lived-graph p {
    text-align: left;
    width: 100%;
  }
}

.tuin-graph .tuin-img {
  width: 70%;
  margin: 35px auto 27px;
}
@media (max-width: 576px) {
  .tuin-graph .tuin-img {
    width: 100%;
  }
}
.tuin-graph p {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .tuin-graph p {
    text-align: left;
    width: 100%;
  }
}

.advanced {
  margin: 25px auto 40px;
}

.contact-list {
  background-color: #f0f9ff;
  padding: 15px 0;
  margin: 20px auto 43px auto;
}
.contact-list:last-child {
  margin-bottom: 82px;
}
.contact-list h4 {
  width: 95%;
  background-color: #c7d53e;
  margin: 15px auto;
}
.contact-list .list-wrap {
  width: 95%;
  margin: 0 auto;
}
.contact-list .list-wrap:last-child {
  border-bottom: none;
}
.contact-list .list-wrap table {
  margin-bottom: 15px;
  border-bottom: 2px solid #fff;
}
.contact-list .list-wrap table:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.contact-list .list-wrap table tr.list-tel-first td {
  padding-top: 0;
}
.contact-list .list-wrap table tr td {
  vertical-align: text-bottom;
  width: 30%;
  padding: 5px 10px;
}
.contact-list .list-wrap table tr td:nth-child(1) {
  width: 40%;
  padding-left: 15px;
}
.contact-list .list-wrap table tr td:nth-child(2) {
  width: 60%;
}
@media (max-width: 640px) {
  .contact-list .list-wrap table tr td {
    display: block;
    text-align: center !important;
    width: 100% !important;
  }
}
.contact-list .list-wrap table tr.col3 td:nth-child(2) {
  text-align: left;
  width: 30%;
}
.contact-list .list-wrap table tr.col3 td:nth-child(3) {
  width: 30%;
}
.contact-list .list-wrap table thead tr {
  color: #047c3e;
  border-bottom: none;
}
@media (max-width: 640px) {
  .contact-list .list-wrap table tbody tr {
    border-bottom: 2px dotted #fff;
  }
}
.contact-list .list-wrap table tfoot {
  border-top: 2px solid #fff;
}

#dansyo iframe {
  width: 640px;
  height: 360px;
}
@media (max-width: 768px) {
  #dansyo iframe {
    width: 100%;
    height: 58vw;
  }
}
#dansyo .link-pdf {
  width: 80%;
  margin: 0 auto 45px;
  text-align: center;
}
#dansyo .link-pdf .flex-item {
  width: 30%;
}
@media (max-width: 640px) {
  #dansyo .link-pdf .flex-item {
    width: 100%;
    margin-bottom: 20px;
  }
}
#dansyo .link-pdf .flex-item .flex-item-title {
  font-weight: 700;
}
#dansyo .link-pdf .flex-item .flex-item-pdf a.btn-document {
  width: 100%;
  padding: 10px;
}
#dansyo .link-pdf dt {
  position: relative;
}
#dansyo .link-pdf dt:after {
  position: absolute;
  color: red;
  font-family: "Font Awesome 5 Free";
  content: "\F061";
  font-weight: 900;
  font-size: 1.2rem;
  top: 1rem;
  right: -1.8rem;
}
#dansyo .link-pdf dd {
  padding-top: 0.7rem;
}
@media screen and (min-width: 769px) {
  #dansyo .p-inquiry h4 {
    width: 25%;
  }
  #dansyo .p-inquiry p {
    width: 50%;
  }
  #dansyo .p-inquiry .btn-dansyo {
    width: 25%;
  }
  #dansyo .p-inquiry .btn {
    width: 25%;
  }
}
@media screen and (min-width: 769px) {
  #dansyo .p-list h4 {
    width: 25%;
    text-align: center;
  }
}

#dansyo .link-pdf .flex-item > * {
  width: 100%;
  margin-bottom: 10px;
}

.btn-dansyo {
  width: 100%;
}

@media (min-width: 769px) {
  .btn-dansyo {
    width: 30%;
  }
}
.push-login {
  margin: 85px auto 60px;
}

.login-wrapper {
  background-color: #e5f0f6;
  height: 250px;
  display: flex;
  align-items: center;
  margin-bottom: 95px;
}
.login-wrapper .login-btn {
  width: 80%;
  display: flex;
  align-items: top;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .login-wrapper .login-btn {
    flex-direction: column;
  }
}
.login-wrapper .login-btn .input-area {
  display: inline-block;
  width: 100%;
  height: 60px;
  padding-left: 15px;
  font-size: 1.5rem;
  font-family: Tahoma;
  margin-right: 3%;
}
@media (max-width: 768px) {
  .login-wrapper .login-btn .input-area {
    margin-bottom: 40px;
  }
}
.login-wrapper .login-btn .submit-area {
  width: 50%;
  display: inline-block;
  padding: 11px 0;
  background-color: #047c3e;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 8px;
}
.login-wrapper .login-btn .submit-area:hover {
  cursor: pointer;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .login-wrapper .login-btn .submit-area {
    width: 100%;
  }
}

.error-box {
  text-align: center;
  color: red;
  margin-bottom: 20px;
}

.news .single-sub01_title, .common_page .single-sub01_title {
  display: flex;
  align-items: center;
  background-color: #047c3e;
  color: #fff;
  border-left: 8px solid #c7d53e;
  margin: 50px auto 35px;
  padding: 1.5rem 0;
}
.news .single-sub01_title h2, .common_page .single-sub01_title h2 {
  font-size: 2rem;
  padding-left: 42px;
  padding-right: 42px;
}
.news .single-sub01_body, .common_page .single-sub01_body {
  padding: 1rem 1rem 4rem;
}

.common_page .sub-img {
  height: 146px;
  overflow: hidden;
}
/*# sourceMappingURL=bundle.css.map*/