@media screen and (min-width: 768px) {
  #page_maintenance p, #page_trainee p {
    line-height: 2; } }

@media screen and (min-width: 768px) {
  #page_maintenance #maintenance_top p, #page_trainee #maintenance_top p {
    font-size: 22px;
    text-align: center; } }

#page_maintenance #maintenance_01 .list_bg, #page_maintenance #trainee_01 .list_bg, #page_trainee #maintenance_01 .list_bg, #page_trainee #trainee_01 .list_bg {
  background-color: #212121; }

@media screen and (max-width: 767px) {
  #page_maintenance #maintenance_01 .maintenance_list, #page_maintenance #trainee_01 .maintenance_list, #page_trainee #maintenance_01 .maintenance_list, #page_trainee #trainee_01 .maintenance_list {
    padding: 30px 10px; } }

@media screen and (min-width: 768px) {
  #page_maintenance #maintenance_01 .maintenance_list, #page_maintenance #trainee_01 .maintenance_list, #page_trainee #maintenance_01 .maintenance_list, #page_trainee #trainee_01 .maintenance_list {
    padding: 50px 0; } }

#page_maintenance #maintenance_01 .maintenance_list:after, #page_maintenance #trainee_01 .maintenance_list:after, #page_trainee #maintenance_01 .maintenance_list:after, #page_trainee #trainee_01 .maintenance_list:after {
  display: block;
  content: "";
  clear: both;
  overflow: hidden; }

#page_maintenance #maintenance_01 .maintenance_list li h4, #page_maintenance #trainee_01 .maintenance_list li h4, #page_trainee #maintenance_01 .maintenance_list li h4, #page_trainee #trainee_01 .maintenance_list li h4 {
  font-size: 24px;
  color: #cc9900;
  margin-bottom: 30px;
  position: relative; }
  @media screen and (max-width: 767px) {
    #page_maintenance #maintenance_01 .maintenance_list li h4, #page_maintenance #trainee_01 .maintenance_list li h4, #page_trainee #maintenance_01 .maintenance_list li h4, #page_trainee #trainee_01 .maintenance_list li h4 {
      font-size: 20px; } }
  #page_maintenance #maintenance_01 .maintenance_list li h4:before, #page_maintenance #trainee_01 .maintenance_list li h4:before, #page_trainee #maintenance_01 .maintenance_list li h4:before, #page_trainee #trainee_01 .maintenance_list li h4:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #cc9900; }

#page_maintenance #maintenance_01 .maintenance_list li p, #page_maintenance #trainee_01 .maintenance_list li p, #page_trainee #maintenance_01 .maintenance_list li p, #page_trainee #trainee_01 .maintenance_list li p {
  font-size: 14px; }

@media screen and (max-width: 767px) {
  #page_maintenance #maintenance_01 .maintenance_list li:nth-child(1), #page_maintenance #trainee_01 .maintenance_list li:nth-child(1), #page_trainee #maintenance_01 .maintenance_list li:nth-child(1), #page_trainee #trainee_01 .maintenance_list li:nth-child(1) {
    margin-bottom: 20px; } }

@media screen and (min-width: 768px) and (max-width: 980px) {
  #page_maintenance #maintenance_01 .maintenance_list li:nth-child(1), #page_maintenance #trainee_01 .maintenance_list li:nth-child(1), #page_trainee #maintenance_01 .maintenance_list li:nth-child(1), #page_trainee #trainee_01 .maintenance_list li:nth-child(1) {
    width: 39%; } }

@media screen and (min-width: 981px) {
  #page_maintenance #maintenance_01 .maintenance_list li:nth-child(1), #page_maintenance #trainee_01 .maintenance_list li:nth-child(1), #page_trainee #maintenance_01 .maintenance_list li:nth-child(1), #page_trainee #trainee_01 .maintenance_list li:nth-child(1) {
    width: 52%; } }

@media screen and (min-width: 768px) and (max-width: 980px) {
  #page_maintenance #maintenance_01 .maintenance_list li:nth-child(2), #page_maintenance #trainee_01 .maintenance_list li:nth-child(2), #page_trainee #maintenance_01 .maintenance_list li:nth-child(2), #page_trainee #trainee_01 .maintenance_list li:nth-child(2) {
    width: 59%; } }

@media screen and (min-width: 981px) {
  #page_maintenance #maintenance_01 .maintenance_list li:nth-child(2), #page_maintenance #trainee_01 .maintenance_list li:nth-child(2), #page_trainee #maintenance_01 .maintenance_list li:nth-child(2), #page_trainee #trainee_01 .maintenance_list li:nth-child(2) {
    min-height: 346px;
    width: 45%; } }

@media screen and (min-width: 768px) {
  #page_maintenance #maintenance_01 .maintenance_list li:nth-child(2), #page_maintenance #trainee_01 .maintenance_list li:nth-child(2), #page_trainee #maintenance_01 .maintenance_list li:nth-child(2), #page_trainee #trainee_01 .maintenance_list li:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center; } }