/*レスポンシブ*/
.pc{display: inline;}
.sp{display: none;}
.note{text-align: center;padding: 15px;}

/*各パーツ*/
#sensor_lab_erea,#robot_lab_area{background-color: #fff; padding-bottom: 20px;}

/*お問い合わせ*/
#contact{background: #004878;padding: 20px 0; margin-bottom: 100px; }
#contact a{max-width: 600px; margin: 0 auto;
  background:#fff;  border-radius: 100vh;text-align: center;padding: 10px;
  font-size: 2.3em;color: #004878;display: block;font-weight: bold;
  line-height: normal;}

/**guidance*/
.guidance p{  text-align: left; padding: 20px 15px 0;}

/** feature_list **/
.feature_list{  margin-top: 80px;  padding: 0 15px;}
.feature_list ul{   margin-top: 82px;}

#sensor_lab_erea .feature_list ul, .feature_list ul{ display: flex;}
#sensor_lab_erea .feature_list li,#robot_lab_area .feature_list li{
  width: calc( ( (100% + 100px) / 3) - 20px );
  border-radius: 15px;
  margin-top: 20px;
  position: relative;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

#sensor_lab_erea .feature_list li h3,#robot_lab_area .feature_list li h3{
position: absolute;
top: -65px;
font-size: 3em;
left: 0;
width: 100%;
text-align: center;
font-weight: bold;
}
#sensor_lab_erea .feature_list li h4,#robot_lab_area .feature_list li h4{
font-size: 1.24em;
font-weight: bold;
text-align: center;
}

#sensor_lab_erea .feature_list li h3 span,#robot_lab_area .feature_list li h3 span{ font-size: 3.5rem !important;}
#sensor_lab_erea .feature_list li img,#robot_lab_area .feature_list li img{   
  text-align: center; }
#sensor_lab_erea .feature_list li .photo,#robot_lab_area .feature_list li .photo{ 
margin: 0 auto;text-align: center; padding-top: 5px;
}
#sensor_lab_erea .feature_list li .photo img,#robot_lab_area .feature_list li .photo img{ 
  display: block;
  width: 100%;
  max-height: 175px;
  object-fit: cover;
  }
#sensor_lab_erea .feature_list li:nth-child(2),#robot_lab_area .feature_list li:nth-child(2){  margin-left: 20px;  margin-right: 20px;}


#robot_lab_area .feature_list_deco li{  background: #00A0C8; }
#sensor_lab_erea .feature_list_deco li{  background: #729330; }
#robot_lab_area .feature_list li h3{  color:#00A0C8; }
#sensor_lab_erea .feature_list li h3{  color: #729330; }
#robot_lab_area .feature_list li h3 span{  color: #004878;}
#sensor_lab_erea .feature_list li h3 span{  color:#32543B;}

.feature_list li .point3list{
  border-radius: 100vh;
  width: 90%;
  text-align: center;
  margin: 17px auto;
  padding: 3px 0;
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
}
#robot_lab_area .feature_list li .point3list{
  background: #004878;
}
#sensor_lab_erea .feature_list li .point3list{
  background: #32543B;
}

#robot_lab_area .feature_list li .point3list:last-child,
#sensor_lab_erea .feature_list li .point3list
{
  margin-bottom: 0;
}

#sensor_lab_erea .feature_list li p,
#robot_lab_area .feature_list li p{
  margin-top: 22px;
  text-align: left;
  font-size: 1.1em;
  flex-grow: 1;
}

/*scenery*/
.scenery{margin-top: 80px;}
.scenery .c-text{text-align: left;}
.scenery h2{margin-bottom: 30px;}
.scenery p{text-align: center;padding: 0 15px 0; }
.scenery a{border: 2px solid #00A0C8;margin:auto 15px}
#sensor_lab_erea .scenery #left{text-align:left;margin-top: 58px;}
#sensor_lab_erea .scenery #right{margin-top: 20px;text-align:right;}
#sensor_lab_erea .scenery #left img{max-width: 880px;}
#sensor_lab_erea .scenery #right img{max-width: 661px;}

/**device_list **/
.device_list {margin-top: 80px;}
.device_list .c-text{text-align: left;}
.device_list h2{margin-bottom: 30px;}
.device_list ul{margin: 0; padding: 0; display: flex;	justify-content: space-between;
	flex-wrap: wrap;margin-top: 30px;}
.device_list li{  width: calc((100% - (15px * 4)) / 3); margin-left: 15px;}
.device_list li:nth-of-type(3n){  margin-right: 15px;}
#robot_lab_area .device_list li img{width: 100%; border: 2px solid #00A0C8;}
#sensor_lab_erea .device_list li img{width: 100%; border: 2px solid #049046;}
.device_list p{text-align: center;padding: 0 15px 0; }
.device_list li h3{text-align: center;padding: 15px;font-size: 1.5em;font-weight: bold;margin-bottom: 50px;}

/**　opening **/
.opening {margin-top: 80px;padding: 0 15px;}
#robot_lab_area .opening .opening_area{margin-top: 20px;text-align: left; padding: 15px;}
#robot_lab_area .opening .opening_area #adress{  margin-top: 20px;background-color: #00A0C8;color: #fff;padding: 15px;font-size: 1.5rem;}
#robot_lab_area .opening .opening_area #adress p{ margin-bottom: 10px; }
#robot_lab_area .opening .opening_area #adress p:last-child{ margin-bottom: 0px; }
#robot_lab_area .opening .opening_area #adress span{ display: inline-block;border-bottom: 3px solid #fff;font-weight: bold;margin-bottom: 10px; padding-right: 7px;}
#sensor_lab_erea .opening #openinglist { display: flex; margin-top: 15px; }
#sensor_lab_erea .opening #openinglist li{ 
  width: calc(100% / 2);background: #729330; padding: 10px;
  text-align: left; font-size: 1.5rem; padding:20px 37px ;color: #fff;}
#sensor_lab_erea .opening #openinglist li h5{display: inline-block;border-bottom: 3px solid #fff;margin: 0 0 20px; padding-bottom: 5px; }
#sensor_lab_erea .opening #openinglist li:first-child{margin-right: 20px;}

/**　inquiry */
.inquiry {  border-radius: 40px;; margin: 50px 20px 20px 20px; }
.inquiry a{  width: 100%; color:#fff;display: block ;font-size: 2.5rem;}
.inquiry p{   padding: 10px;  font-size: 1.5em;display: block;  text-align: center;}

  #robot_lab_area .inquiry{  background: #004878;font-weight: bold; color: #fff;}
  #robot_lab_area .inquiry a::after{content: "◀";color: #00A0C8; margin-left: 10px;}
  #robot_lab_area .inquiry a::before{  content: "▶";  color: #00A0C8;  margin-right: 10px;  }
  #sensor_lab_erea .inquiry{  background: #32543B;font-weight: bold;color: #fff;}
  #sensor_lab_erea .inquiry a::after{content: "◀";color: #729330; margin-left: 10px;}
  #sensor_lab_erea .inquiry a::before{  content: "▶";  color: #729330;  margin-right: 10px;  }




/***********************************
sp
*************************************/

@media screen and (max-width: 990px) {
  .pc{display: none;}
  .sp{display: inline;}

  .testlabo .testlabo_contens{  max-width: 1170px;  margin: 68px auto 0;}
  .note{text-align: left;padding: 15px}
  .c-text{padding: 0 15px;}

  #contact a{max-width: 92%;font-size: 1.3em;}

  .feature_list{ margin-top: 40px; padding: 0;}
  #sensor_lab_erea .feature_list ul,#robot_lab_area .feature_list ul{ display: block;}
  #sensor_lab_erea .feature_list li,#robot_lab_area .feature_list li{ width: 90%; margin: 0 auto;  }
  #sensor_lab_erea .feature_list li:nth-child(2),#robot_lab_area .feature_list li:nth-child(2){margin: 100px auto 100px;}
  #sensor_lab_erea .feature_list li h4,#robot_lab_area .feature_list li h4{ font-size: 1.3em  }
  #sensor_lab_erea .feature_list li p,#robot_lab_area .feature_list li p{font-size: 0.9em;  }
  #robot_lab_area .feature_list p{ text-align: left;}
    .tab_container #robot_lab_area,
    .tab_container #sensor_lab_erea{
      background: none;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    .device_list { margin-top: 60px;}
    .opening { margin-top: 60px;}
    .opening .c-text,
    .opening_area .c-text,
    .guidance .c-text,
    .device_list .c-text{font-size: 1em !important}
    .device_list ul{margin: 0; padding: 0 15px; display: flex;	justify-content: space-between;
      flex-wrap: wrap;margin-top: 20px;}
    .device_list li{  width: calc( ( (100% - 4px)  / 2 ) - 6px ); margin: 0;}
    .device_list li:nth-of-type(2n){ margin-left:15px;}
    .device_list li:nth-of-type(3n){ margin-right:0;}
    .device_list li h3 {padding: 8px;font-size: 1em;font-weight: bold;margin-bottom: 10px;  }
    #robot_lab_area .opening .opening_area .c-img {max-width: 95%;margin: 22% 2.5% 0; text-align: center;}
    #robot_lab_area .opening .opening_area #text1 span{font-size: 0.8em;}
    #robot_lab_area .opening .test{text-align: left;width: 100%; margin-top: 10px; padding: 0 15px;display: block;font-size: 1em;font-weight: bold;}

    #sensor_lab_erea .opening #openinglist{ display:block; margin-top: 15px; }
    #sensor_lab_erea .opening #openinglist li{ 
      width: 92%; margin: 0 auto 10px !important;
      text-align: left; font-size: 1.2rem; padding: 20px 37px;}
    #sensor_lab_erea .opening #openinglist li h5{border-bottom: 3px solid #fff;margin: 10px 0 20px;  }
    #sensor_lab_erea .opening #openinglist li:first-child{margin-bottom: 20px; margin-right: 0;}

    .scenery{margin-top: 60px;}
    #sensor_lab_erea .scenery #left img{max-width: 86.4%;}
    #sensor_lab_erea .scenery #right img{max-width: 74.4%;}

    .inquiry {  border-radius: 100vh; margin: 40px auto 10px;width: 90%;}
    .inquiry p{   padding: 10px; display: block;  text-align: center;font-size: 13px;}
    .inquiry a{  text-align: center; color:#fff;display: block ;font-size: 15px;}

    #floating-banner .banner p { font-size: 1em;  }
    .banner {margin: 0 auto;width: 130px; height: 130px; }
    .banner button{ background-size: 25%; height: 25%; width: 100%; }


  }