/* #gHeader
================================================ */
#gHeader { border-bottom: 1px solid  #0f7cbb; }

/* #mainImg
================================================ */
#mainImg { background: url("../../img/iot/bg_main_iot01_sp.png") 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_iot01_pc.png") no-repeat center center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; } }


/*  ����
================================================== */
.copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
@media all and (min-width: 600px) { 
.copy { margin-bottom: 5px; font-size: 1.8rem; }  }


.keyword{
background-color:#fec81c; 
color:#fff; 
padding:2px 10px; 
border-radius: 1em;
}

/*  #detail
================================================== */
#detail .txt { margin-bottom: 20px; }

#detail .box { margin-bottom: 0; }

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

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

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

#detail .areaBtn .btn + .btn { margin-top: 10px; }

#detail .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; }

@media all and (min-width: 600px) { #detail .box { margin-bottom: 50px; }
  #detail .img_box { margin-bottom: 0; }
  #detail .areaBtn { margin: 0; }
  #detail .areaBtn .btn { max-width: 350px; margin-top: 0; } }

/*  #temperature
================================================== */
#temperature .tit { margin-bottom: 15px; }

#temperature .txt { margin-bottom: 20px; }

#temperature .box { margin-bottom: 30px; }

#temperature .img_box { margin-bottom: 30px; }

#temperature .list { margin-bottom: 0; }

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

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

#temperature .areaBtn .btn + .btn { margin-top: 10px; }

#temperature .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; }

#temperature .notes { margin-top: 10px; margin-bottom: 25px; }

#temperature .notes .note { font-size: 1.1rem; font-weight: 400; color: #666; }

@media all and (min-width: 600px) { #temperature .tit { margin-bottom: 30px; }
  #temperature .txt { margin-bottom: 40px; }
  #temperature .box { margin-bottom: 70px; }
  #temperature .box + .areaBtn { 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; margin-top: -20px; padding: 25px 255px; }
  #temperature .box + .areaBtn .btn { max-width: 280px; width: 280px; }
  #temperature .box + .areaBtn .btn a { height: 85px; }
  #temperature .box + .areaBtn .btn a:before { height: 85px; }
  #temperature .box + .areaBtn .btn + .btn { margin-top: 0; }
  #temperature .img_box { margin-bottom: 0; }
  #temperature .areaTxt .txt { margin-bottom: 20px; }
  #temperature .areaBtn { margin: 0; }
  #temperature .areaBtn .btn { max-width: 350px; width: 350px; margin-top: 0; }
  #temperature .areaBtn .btn + .btn { margin-top: 0; }
  #temperature .notes { margin-top: 20px; margin-bottom: 40px; }
  #temperature .notes .note { text-align: right; font-size: 1.3rem; } }

/*  #net
================================================== */
#net .tit { margin-bottom: 20px; }

#net .txt { margin-bottom: 20px; }

#net .box { margin-bottom: 25px; }

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

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

#net .areaBtn .btn + .btn { margin-top: 10px; }

#net .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; }

@media all and (min-width: 600px) { #net .tit { margin-bottom: 30px; }
  #net .txt { margin-bottom: 30px; }
  #net .box { margin-bottom: 70px; }
  #net .areaBtn { 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; margin-top: -20px; padding: 25px 255px; }
  #net .areaBtn .btn { max-width: 280px; width: 280px; }
  #net .areaBtn .btn a { height: 85px; }
  #net .areaBtn .btn a:before { height: 85px; }
  #net .areaBtn .btn + .btn { margin-top: 0; } }

/*  #traceability
================================================== */
#traceability .tit { margin-bottom: 20px; }

#traceability .txt { margin-bottom: 20px; }

#traceability .box { margin-bottom: 0; }

#traceability .img_box { margin-bottom: 30px; }

@media all and (min-width: 600px) { #traceability .img_box { margin-bottom: 0; }
  #traceability .tit { margin-bottom: 30px; } }

/*  #flow
================================================== */
#flow .tit { margin-bottom: 20px; }

#flow .txt { margin-bottom: 20px; }

#flow .img_box { margin-bottom: 40px; }

@media all and (min-width: 600px) { #flow .tit { margin-bottom: 30px; }
  #flow .txt { margin-bottom: 40px; }
  #flow .img_box { margin-bottom: 40px; } }

/*  #effort
================================================== */
#effort .tit { margin-bottom: 20px; }

#effort .txt { margin-bottom: 20px; }

#effort .img_box { margin-bottom: 40px; }

@media all and (min-width: 600px) { #effort .tit { margin-bottom: 30px; }
  #effort .txt { margin-bottom: 40px; }
  #effort .img_box { margin-bottom: 40px; } }

/*  #about
================================================== */
#about .tit { margin-bottom: 20px; }

#about .txt { margin-bottom: 20px; }

#about .img_box { margin-bottom: 40px; }

@media all and (min-width: 600px) { #about .tit { margin-bottom: 30px; }
  #about .txt { margin-bottom: 40px; }
  #about .img_box { margin-bottom: 40px; } }