/* #gHeader
================================================ */
#dds #mainImg .tit { font-family: 'Noto Serif JP', sans-serif; font-size: 2.4rem; line-height: 1.5; }

@media all and (min-width: 600px) { #dds #mainImg .tit { font-size: 4rem; } }

/* #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; } }

/*  #lnav
================================================== */
#lnav .list { min-width: 960px; }
.areaBtn_txt{
	margin-bottom: -20px;
    color: #016cb1;
    font-weight: bold;
}
.relation_cap{
	display: inline-block;
    font-size: 1.2rem;
    line-height: 1.5;
}
.mod_info01 .relation .tit {
    margin-bottom: 10px;
}
@media (min-width: 600px) {
	.areaBtn_txt{
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
    .mod_info01 .relation .tit {
        flex-basis: 230px;
        font-size: 1.8rem;
        line-height: 2;
    }
	.mod_info01 .relation .tit:before {
        top: 5px;
    }
}



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

/* ふわふわ効果 */
.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;
}


#medical .areaBtn { margin-top: 30px; padding: 25px 45px; background: #f3f3f3; }

#medical .areaBtn .mod_btn01{
	max-width: 500px;
	margin: auto 0 20px;
	text-align: center;
}
#medical .areaBtn .mod_btn01:last-child{
	margin: auto 0 0;
}
@media all and (min-width: 600px){
	#medical .areaBtn{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto; 
		margin-top: 50px;
	}
	#medical .areaBtn_02{
		display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: center;
	}
	#medical .areaBtn_02 .mod_btn01{
		max-width: 380px;
	}
	#medical .mod_btn01  {
		flex: 0 1 48%;
		width: 48%;
		max-width: 48%;
	}
	#medical .areaBtn .mod_btn01{
	margin: 0;
	}
	#medical .areaBtn .mod_btn01_link{
		padding: 22px 0;
        line-height: 1.4;
	}
}

/*  #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; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*  medical
================================================== */
#medical .txt{
	margin-bottom: 20px;
}
#medical .medical_icon{
	margin-bottom: 40px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#medical .medical_icon-box{
	flex: 0 1 24%;
    width: 24%;
    max-width: 24%;
}
#medical .medical_icon-txt{
	color: #ffb500;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.3;
}
@media all and (min-width: 600px) { 
	#medical .medical_icon-txt{
		font-size: 1.8rem;
	}
}

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

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

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

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

/*  #merit
================================================== */
#merit dl + dl { margin-top: 25px; }

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

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

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

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

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

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

@media all and (min-width: 600px) { #merit dl + dl { margin-top: 30px; }
  #merit dl dt { margin-bottom: 5px; font-size: 1.8rem; }
  #merit dl + .subTit { margin-top: 45px; }
  #merit .subTit { margin-bottom: 10px; }
  #merit .subTit + .list { margin-bottom: 0; }
  #merit .txt { margin-bottom: 40px; }
  #merit .txt + .list { margin-top: -35px; }
  #merit .list + .subTit { margin-top: 45px; } }

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

#achievement .secAchievement + .secAchievement { margin-top: 30px; }

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

#achievement .secAchievement .txt + .img_box { margin-bottom: 0; }

.copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) { #achievement .list { margin-bottom: 50px; }
  #achievement .img_box { margin-bottom: 50px; }
  #achievement .secAchievement + .secAchievement { margin-top: 50px; }
  #achievement .secAchievement .subTit { margin-bottom: 10px; }
  #achievement .secAchievement .txt { margin-bottom: 40px; }
  #achievement .secAchievement .txt + .img_box { margin-bottom: 0; }
 .copy { margin-bottom: 5px; font-size: 1.8rem; } }

/*  #tool
================================================== */
#tool .img_box { margin-bottom: 0; }

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

#tool .secTool + .secTool { margin-top: 30px; }

#tool .secTool .subTit { margin-bottom: 10px; }

#tool .table { margin-top: 30px; }

@media all and (min-width: 600px) { #tool .txt { margin-bottom: 40px; }
  #tool .secTool + .secTool { margin-top: 50px; }
  #tool .table { margin-top: 50px; } }

/*  #diffrence
================================================== */
#diffrence .table { margin-bottom: 30px; }

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

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

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

@media all and (min-width: 600px) { #diffrence .table { margin-bottom: 50px; }
  #diffrence .table tbody td { width: 349px; }
  #diffrence .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #diffrence .areaBtn .btn a { padding: 20px 0 19px; } }

/*  #condition
================================================== */
#condition .table { margin-bottom: 15px; }

#condition .table tbody td + td { text-align: center; }

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

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

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

@media all and (min-width: 600px) { #condition .table { margin-bottom: 30px; }
  #condition .table thead th { padding: 16px 0; }
  #condition .table tbody th { width: 240px; }
  #condition .table tbody td { width: 399px; }
  #condition .table tbody td + td { width: 65px; }
  #condition .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #condition .areaBtn .btn a { padding: 20px 0 19px; } }

/*  #support
================================================== */
#support .table { margin-bottom: 10px; }

#support .note { font-size: 1.1rem; color: #666; }

@media all and (min-width: 600px) { #support .table { margin-bottom: 15px; }
  #support .note { font-size: 1.3rem; } }

/*  #term
================================================== */
#term .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) { #term .area { 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; }
  #term .box { width: 50%; }
  #term .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #term .list { margin-bottom: 0; } }