@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


html {
  scroll-behavior: smooth;
}
body {
  background: #FFFFFF;
  text-align: center;
  margin: 0;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}

a{
  text-decoration: none;
  color: #000;
}

a:hover{
  color: #555;
}

.imglink:hover {
  opacity: 0.5;
}

table img{
  max-height: 100%;
}

table {
  max-width: 60%;
  min-width: 900px;
}

.header_index {
  margin-left: auto;
  margin-right: auto;
}
.header_index img{
  height: 73px;
}

.header_index td{
  border-left: 1px solid #888;
  padding-left: 20px;
  padding-right: 20px;
}

.header_corporate img{
  height: 41px;
}

.header_contact_img img{
  height: 32px;
}

.billboard{
  background-image: url("_src/billboard_back.png");
  width: 100%;
  height: 487px;
}


.billboard_touch{
  background-image: url("_src/billboard_touchback.png");
  width: 100%;
  height: 540px;
}

.billboard_logo{
  padding-top: 70px;
}

.billboard table{
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 487px;
}

.billboard td{
  padding-left: 20px;
  padding-right: 20px;
}

.billboard_logo{
  vertical-align: bottom;
  text-align: center;
  padding-bottom:10px;
}

.billboard_text{
  font-size: 1.3em;
  line-height: 1.8em;
  color: #333;
  border-top: 1px solid #888;
  height: 180px;
  padding-top: 20px;
  text-align: left;
  vertical-align: top;
}

.line_img img{
  width: 100%;
  height: auto;
}
.blog{
  margin-top: 30px;
  margin-bottom: 30px;
}

h1 {
  font-size: 1.5em;
  color: #6594e0;
  border-bottom: dashed 2px #6594e0;
}

.contents{
  margin-top: 100px;
  margin-bottom: 140px;
}

.contents_title{
  margin-top: 60px;
  margin-bottom: 60px;
}

.contents table{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.contents td{
  padding: 20px 40px;
}

.contents_text{
  line-height: 2em;
}

.contents_text2{
  font-size: 1.4em;
  line-height: 2em;
}

.text_left{
  text-align: left;
}

.text_center{
  text-align: center;
}
.text_right{
  text-align: right;
}

.vertical_top{
  vertical-align: top;
}
.vertical_bottom{
  vertical-align: bottom;
}

.td_bh2{
  width: 30%;
  text-align: center;
}

.td_bh2 img{
  max-width:100%;
  height: auto;
}

.link_contact{
  margin-top: 80px;
}

.back_circle{
  background-image: url("_src/back_circle.png");
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 100px;
}


.table_sensor{
  max-width: 70%;
  margin-top:150px;
}

.table_customize{
  max-width: 60%;
  margin: 150px 0;
}


.table_sensor img, .table_customize img{
  width: 100%;
  height: auto;
}
.table_customize td{
  padding: 5px 15px;
}

.table_sensor td{
  padding: 5px 30px;
  width: 30%;
}

.table_sensor .textcolumn td{
  padding-bottom: 80px;
}


.table_sensor iframe{
  width: 100%;
  height:250px;
}

.col2{
    max-width: 60%;
    margin-top:0px;
}

.col2 td{
  padding: 0px 55px;
}


.sensor_title {
  margin-top: 5px;
  font-size: 1.5em;
  color: #6594e0;
  border-bottom: dashed 2px #6594e0;
  font-weight: bolder;
}


.table_spec th{
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 5px 15px;
  font-size: 1.6ex;
}
.table_spec td{
  border: 1px solid #ccc;
  padding: 5px 15px;
  font-size: 1.6ex;
}

.table_title{
  font-weight: bold;
}

.usecase_text{
    padding: 0.5em 1em;
    border-radius: 20px;
    border: dotted 2px #6594e0;
    font-size: 1.2em;
    margin-bottom: 60px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


.usecase_img{
  margin-top: 50px;
  margin-bottom: 50px;
}

.contents_telmail{
  font-size: 2.2em;
  margin: 10px auto;
}
.contact_logo{
  margin-top: 30px;
}


.back_logo{
  background-image: url("_src/footer_back.png");
  background-position: bottom;
  background-size:contain;
  background-repeat:no-repeat;
  padding-bottom: 0px;
  margin-bottom: 0;
  min-height: 750px;
  display: flex;
  flex-flow: column;
}

.area_footer{
  font-size: 1em;
  margin-top: auto;
  padding-bottom: 50px;
}

table{
    border-collapse: collapse;
}

.table_footer td{
  padding: 0;
  text-align: center;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
}

.text_copyright{
  font-size: 0.8em;
  font-weight: bold;
}

.table_touchusecase{

  background-color: #eee;
}

.table_touchusecase td{
  padding: 5px 15px;
  text-align: center;
  font-weight: bold;
}

.index_usecase{
  margin-top: 80px;
}



.width30{
  width:33%;
}

.usecase_title {
  margin-top: 5px;
  font-size: 1em;
  color: #6594e0;
  border-bottom: dashed 2px #6594e0;
  font-weight: bolder;
}

.message{
  margin-top: 50px;
  padding:  20px 20px;
}