.important .ttl-category { height: 250px; }
.important .ttl-category h2 { font-size: 36px; line-height: 150%; padding-top: 71px; padding-bottom: 0; }
.important .ttl-page_important { border-bottom: #7D8794 1px solid; font-size: 28px; padding-bottom: 0.5em; }
header + .important .ttl-page_important { margin-top: 80px; }


.safety_ul { margin-top: 3em; }
.safety_ul li { display: flex; justify-content: space-between; }
.safety_ul li .safety_li_left .number, .safety_ul li .safety_li_left .heading { font-weight: bold; }
.safety_ul li .safety_li_left .number { width: 2em; }
.safety_ul li .safety_li_left .heading { width: calc( 100% - 2em ); }
.safety_ul li .safety_li_left .left_txt { padding-left: 2em; }
.safety_ul li .safety_li_left .left_txt .left_note { font-size: 14px; }
.safety_ul li .safety_li_right { margin-top: 10px; margin-left: 2em; }
.safety_ul li .safety_li_right img { border: 1px solid #7D8794; width: 128px; height: auto; }
.safety_ul li .safety_li_right img:hover { opacity: 0.6; }
.safety_ul li .safety_li_center { width: 95%; height: auto; display: block; margin: auto }
.safety_ul li .safety_li_center img:hover { opacity: 0.6; }
.safety_ul li + li { margin-top: 2em; }

@media screen and (max-width: 767px) { .important .ttl-category { height: 162px; }
  .important .ttl-category h2 { font-size: 22px; padding-top: 48px; }
  .important .ttl-page_important { font-size: 20px; padding-bottom: 0.5em; }
  .safety_ul { margin-top: 2em; }
  .safety_ul li { flex-direction: column; }
  .safety_ul li .safety_li_left .left_txt .left_note { font-size: 12px; line-height: 20px; }
  .safety_ul li .safety_li_right { margin-top: 1em; margin-left: 0; text-align: center; }
  .safety_ul li .safety_li_right img { display: inline-block; }
  }
@media screen and (min-width: 768px), print { #content { margin-bottom: 100px; } }