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

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

/*  #info
================================================== */
@media all and (min-width: 600px) {
	#info .mod_btn01_link{
		font-size: 1.4rem;
	}
}


/*  装飾
================================================== */

/*  閉じるフローティングバナー
================================================== */

/* ふわふわ効果 */
.fluffy{
	width: 100%;
	animation: fluffy 4s ease infinite;
}

@keyframes fluffy{
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
/* Bnr----------------------------------*/
.Bnr{
  position: relative;
  margin: 0 auto;
  display: none;
}
.Bnr .Bnr__img{
  position: fixed;
  bottom: 140px;
  right: 0;
  z-index: 888;
}
.Bnr__img__inner{
  box-sizing:border-box;
  padding: 10px;
  padding-right: 14px;
}
.Bnr .Bnr__img__inner a{
  display: block;
  filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8)); 
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:-20px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 20px;
  z-index: 999;
  color: #999;
  padding: 2px 4px;
  background-color: #fff;
}


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

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

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

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

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

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

@media all and (min-width: 600px) { #about .txt { margin-bottom: 30px; }
  #about .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; }
  #about .listBox .list { width: 50%; }
  #about .listBox .list + .list { margin-top: 0; }
  #about .list { margin-bottom: 30px; }
  #about .list + .txt { margin-bottom: 40px; }
  #about .list + .list { margin-top: -13px; }
  #about .img_box { margin-bottom: 40px; }
  #about .subTit + .list { margin-bottom: 40px; }
  #about .subTit + .txt { margin-bottom: 20px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

@media all and (min-width: 600px) { #usecase .img_box { margin-bottom: 50px; }
  #usecase .list { margin-bottom: 40px; } }

/*  #software
================================================== */
#software .img_box { margin-bottom: 30px; }
#software .list { margin-bottom: 40px; } 

@media all and (min-width: 600px) { #software .img_box { margin-bottom: 50px; }
  #software .list { margin-bottom: 80px; } }

.right {text-align: right; }
.note { display: block; font-size: 1.1rem; color: #666; text-indent: -1.5rem; padding-left: 15px; }

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

@media all and (min-width: 600px) { #usecase .img_box { margin-bottom: 50px; }
  #usecase .list { margin-bottom: 40px; } }


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

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

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

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

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

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

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

@media all and (min-width: 600px) { #partner .txt { margin-bottom: 30px; }
  #partner .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; }
  #partner .listBox .list { width: 50%; }
  #partner .listBox .list + .list { margin-top: 0; }
  #partner .list { margin-bottom: 30px; }
  #partner .list + .txt { margin-bottom: 40px; }
  #partner .list + .list { margin-top: -13px; }
  #partner .img_box { margin-bottom: 40px; }
  #partner .subTit + .list { margin-bottom: 40px; }
  #partner .subTit + .txt { margin-bottom: 20px; } 
  #partner .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #partner .areaBtn .btn a { padding: 20px 0 19px; } }


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

#back-btn .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#back-btn .areaBtn .btn { margin-top: 10px; }
#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; }  }

@media all and (min-width: 600px) {
	#back-btn .areaBtn .btn a {
        font-size: 1.3rem;
    }
	#back-btn .areaBtn_02{
		display: flex;
		justify-content: center;
	}
	#back-btn .areaBtn_02 .btn{
		max-width: 250px;
		width: 250px;
		margin-bottom: 0px;
	}
	#back-btn .mod_btn01_link.mod_btn01_download:after {
        right: 10px;
    }
}