@charset "UTF-8";

/* header */
#contentArea > header::after {
  background-image: url(../../business/steel-frame/images/business_steel-frame_main.jpg);
  }

/* -------------------- header-sp -------------------- */
#contentArea .header-sp.background-image01:after {
  background-image: url(../../business/steel-frame/images/business_steel-frame_factory_h2_01.jpg);
  }

#contentArea .header-sp.background-image02:after {
  background-image: url(../../business/steel-frame/images/business_steel-frame_production_h2_02.jpg);
  }

/* -------------------- table -------------------- */
#contentArea table th {
  color: #6b7280;
  font-weight: bold;
  min-width: 30%;
  width: auto;
  }
#contentArea table td {
  width: auto;
  }
#contentArea table th,
#contentArea table td {
  vertical-align: middle;
  }
#contentArea table .th2 {
  color: #6b7280;
  font-weight: bold;
  width: 50%;
  }
#contentArea table .last_td {
  width: 20%;
  }

/* -------------------- list -------------------- */
/* number-box */
#contentArea .image-box.number-box ul.column-2 {
  flex-wrap: wrap;
  }
  #contentArea .image-box.number-box ul.column-2 li {
    position: relative;
    margin-bottom: 64px;
    }
    #contentArea .image-box.number-box ul.column-2 li:first-child,
    #contentArea .image-box.number-box ul.column-2 li:last-child {
      margin: initial;
      }
    #contentArea .image-box.number-box ul.column-2 li .p-number {
      position: absolute;
      top: -24px;
      left: 24px;
      margin-bottom: 0;
      font-family: "Helvetica Neue", Helvetica , sans-serif;
      color: #d70a30;
      font-size: 4.8rem;
      line-height: 1;
      }

/* ---------------------------------------------------------------------
	SP
*/
@media only screen and (max-width : 767px) {

	#contentArea > header::after {
		background-position: 80% 50%;
		}

  /* -------------------- header-sp -------------------- */
  #contentArea .header-sp.background-image01:after {
    background-position-x: 20%;
    }

  #contentArea .header-sp.background-image02:after {
    background-position-x: 50%;
    }

  /* -------------------- table -------------------- */
  #contentArea table th {
    min-width: 40%;
    }
  #contentArea table .th2 {
    color: #6b7280;
    font-weight: bold;
    width: 35%;
    }
  #contentArea table .last_td {
    width: 25%;
    }

  /* -------------------- list -------------------- */
  /* number-box */
    #contentArea .image-box.number-box ul.column-2 li {
      margin-bottom: 56px;
      width: 47%;
      }
      #contentArea .image-box.number-box ul.column-2 li .p-number {
        position: absolute;
        top: -18px;
        left: 8px;
        font-size: 3.6rem;
        line-height: 1;
        }

}