/* #mainImg
================================================ */
#mainImg { background: url("/img/iot/bg_main_dds-defense01_sp.jpg") no-repeat center center/cover; margin-top: 0; padding-top: 50px; }

#mainImg .inner { position: static; }

#mainImg .inner:before { display: none; }

@media all and (min-width: 600px) { #mainImg { background: url("/img/iot/bg_main_dds-defense01_pc.jpg") no-repeat center center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; } }

/*  #lnav
================================================== */
#lnav .list { min-width: 960px; }


/*  #case
================================================== */
#case .img_box { margin-bottom: 30px; }

#case .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }

#case .areaBtn .btn { margin-top: 0; }

#case .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

#case dl + dl { margin-top: 25px; }

#case dl dt { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

#case dl + .subTit { margin-top: 30px; }

#case .subTit + .list { margin-bottom: 0; }

#case .txt { margin-bottom: 30px; }

#case .txt + .list { margin-top: -25px; margin-bottom: 0; }

#case .list + .subTit { margin-top: 30px; }

@media all and (min-width: 600px) { #case .img_box { margin-bottom: 50px; }
  #case .list { margin-bottom: 40px; }
  #case .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #case .areaBtn .btn a { padding: 20px 0 19px; } 

  #case dl + dl { margin-top: 30px; }
  #case dl dt { margin-bottom: 5px; font-size: 1.8rem; }
  #case dl + .subTit { margin-top: 45px; }
  #case .subTit { margin-bottom: 10px; }
  #case .subTit + .list { margin-bottom: 0; }
  #case .txt { margin-bottom: 40px; }
  #case .txt + .list { margin-top: -35px; }
  #case .list + .subTit { margin-top: 45px; } }

/*  #face
================================================== */
#face .txt { margin-bottom: 15px; }

#face .list { margin-bottom: 15px; }

#face .list + .txt { margin-bottom: 20px; }

#face .list + .list { margin-top: -13px; }

#face .img_box { margin-bottom: 25px; }

#face .subTit + .list { margin-bottom: 25px; }

@media all and (min-width: 600px) { #face .txt { margin-bottom: 30px; }
  #face .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #face .listBox .list { width: 50%; }
  #face .listBox .list + .list { margin-top: 0; }
  #face .list { margin-bottom: 30px; }
  #face .list + .txt { margin-bottom: 40px; }
  #face .list + .list { margin-top: -13px; }
  #face .img_box { margin-bottom: 40px; }
  #face .subTit + .list { margin-bottom: 40px; }
  #face .subTit + .txt { margin-bottom: 20px; } }


/*  #back-btn
================================================== */

#back-btn .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#back-btn .areaBtn .btn { margin-top: 0; }
#back-btn .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { 
  #back-btn .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #back-btn .areaBtn .btn a { padding: 20px 0 19px; }  }