/* css/content/maintenance.css */



@media screen and (min-width : 320px) and (max-width : 1279px) {
  #maintenanceTopBox {
    background-image: url("/resources/asset/images/content/top/visual_business.jpg");
    background-size: cover;
    background-position: center;
  }

  #maintenanceBox {
    width : 100%;
    height : auto;
    padding : 15% 10vw 10%;
    box-sizing: border-box;
  }

  #maintenanceBox .point_text_area {
    margin-bottom: 70px;
  }

  #maintenanceBox .tab_img_area {
    width : 100%;
    height : 250px;
    margin-bottom : 20%;
  }

  #maintenanceBox .tab_img_area ol {
    height: 100%;
  }

  #maintenanceBox .tab_img_area li:nth-child(1) div {
    background-image: url("/resources/asset/images/content/business/maintenance_01.svg");
  }
  #maintenanceBox .tab_img_area li:nth-child(2) div {
    background-image: url("/resources/asset/images/content/business/maintenance_02.svg");
  }
  #maintenanceBox .tab_img_area li:nth-child(3) div {
    background-image: url("/resources/asset/images/content/business/maintenance_03.svg");
  }

  #maintenanceBox .tab_text_area {
    width: 100%;
    height : 400px;
  }

  #maintenanceBox .tab_text_area ol {
    height : 100%;
  }

  #maintenanceBox .tab_text_area li {
    height: auto;
    margin-bottom : 40px;
  }

  #maintenanceBox .tab_text_area li dd {
    display: none;
    line-height: 1.5;
    margin-bottom : 10px;
  }
  #maintenanceBox .tab_text_area li dt {
    font-size: 24px;
    letter-spacing: -1px;
  }
  #maintenanceBox .tab_text_area li.act dt {
    color : #ED6D00;
    color : var(--color-green-l);
  }

  #maintenanceBox .tab_text_area li.act dd {
    display: block;
    color : #555;
    color : var(--color-gray-r);
  }
}


@media screen and (min-width : 1280px) and (max-width : 1599px) {
  #maintenanceTopBox {
    background-image: url("/resources/asset/images/content/top/visual_business.jpg");
    background-size: cover;
    background-position: center;
  }

  #maintenanceBox {
    width : 100%;
    height : auto;
    min-height : 1500px;
    padding : 120px 5vw;
    box-sizing: border-box;
    background-color : #fff;
    background-color: var(--color-white);
  }


  #maintenanceBox ol {
    height: 100%;
  }

  #maintenanceBox .point_text_area {
    margin-bottom: 150px;
  }

  #maintenanceBox .tab_img_area {
    width : 50%;
    height : 600px;
    margin-left : 2%;
  }

  #maintenanceBox .tab_img_area li:nth-child(1) div {
    background-image: url("/resources/asset/images/content/business/maintenance_01.svg");
  }
  #maintenanceBox .tab_img_area li:nth-child(2) div {
    background-image: url("/resources/asset/images/content/business/maintenance_02.svg");
  }
  #maintenanceBox .tab_img_area li:nth-child(3) div {
    background-image: url("/resources/asset/images/content/business/maintenance_03.svg");
  }

  #maintenanceBox .tab_text_area {
    width: 40%;
    height : 670px;
  }

  #maintenanceBox .tab_text_area li.act dt {
    color : #ED6D00;
    color : var(--color-green-l);
  }

  #maintenanceBox .tab_text_area li.act dd {
    color : #555;
    color : var(--color-gray-r);
  }

  #maintenanceBox .tab_text_area dd {
    margin-bottom : 10px;
  }
}


@media screen and (min-width : 1600px) {
  #maintenanceTopBox {
    background-image: url("/resources/asset/images/content/top/visual_business.jpg");
    background-size: cover;
    background-position: center;
  }

  #maintenanceTopBox .breadcrumb li {
    color : #f2f2f2;
    color : var(--color-white);
  }

  #maintenanceBox {
    width : 100%;
    height : auto;
    min-height : 1500px;
    padding : 120px 130px;
    box-sizing: border-box;
    background-color : #f2f2f2;
    background-color: var(--color-white);
  }

  #maintenanceBox h2 {
    margin-bottom : 100px;
  }

  #maintenanceBox ol {
    height: 100%;
  }

  #maintenanceBox .point_text_area {
    margin-bottom: 150px;
  }

  #maintenanceBox .tab_img_area {
    width : 50%;
    height : 600px;
    margin-left : 2%;
  }

  #maintenanceBox .tab_img_area li:nth-child(1) div {
    background-image: url("/resources/asset/images/content/business/maintenance_01.svg");
  }
  #maintenanceBox .tab_img_area li:nth-child(2) div {
    background-image: url("/resources/asset/images/content/business/maintenance_02.svg");
  }
  #maintenanceBox .tab_img_area li:nth-child(3) div {
    background-image: url("/resources/asset/images/content/business/maintenance_03.svg");
  }

  #maintenanceBox .tab_text_area {
    width: 40%;
    height : 670px;
  }

  #maintenanceBox .tab_text_area li.act dt {
    color : #ED6D00;
    color : var(--color-green-l);
  }

  #maintenanceBox .tab_text_area li.act dd {
    color : #555;
    color : var(--color-gray-r);
  }

  #maintenanceBox .tab_text_area dd {
    margin-bottom : 10px;
  }
}