/* commone
------------------------------------- */
#iot #gHeader { background: transparent; border-bottom: 0; }

@media all and (min-width: 600px) { #iot #gHeader { background: #fff; } }

.is_sticky #gHeader { background: #fff !important; }

/* intro
------------------------------------- */
#intro { position: relative; 
background: url(/img/iot/bg_intro01_sp.png) no-repeat center bottom/cover;
background-color: #eeeeee;
background-position: left bottom;
background-repeat: no-repeat;
background-attachment: fixed; 
/* background: url(../img/iot/bg_intro01_sp.png) no-repeat center bottom/cover; */ 
/* &:before { content: ''; position: absolute; top: -150px; left: 0; height: 150px; width: 100%; background: #eee; } */ 
}

#intro .introInner { padding-top: 40px; padding-bottom: 55px; }

@media all and (min-width: 600px) {
 #intro { 
background-image: url(/img/iot/bg_intro01_pc.png); 
background-color: #eeeeee;
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed; 
}
  #intro:before { display: none; }
  #intro .introInner { padding-top: 100px; padding-bottom: 80px; } }

/* other
------------------------------------- */
#other .otherInner { padding-top: 50px; padding-bottom: 60px; }

@media all and (min-width: 600px) { #other .otherInner { padding-top: 90px; padding-bottom: 5px; } }