@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.jpg);
}

@media print,screen and (min-width:641px) {
  .sec {
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) {
  .sec {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
}

/*----------------------------------------------------------------------------------------------------

  検査機器について
  
----------------------------------------------------------------------------------------------------*/

.about {
  text-align:left;
}

.about p:not(:first-of-type) {
  padding-top:1.5em;
}


/*----------------------------------------------------------------------------------------------------

  写真
  
----------------------------------------------------------------------------------------------------*/

.photo {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.photo li img {
  margin-top:0.5em;
}

@media print,screen and (min-width:641px) {
  .photo {
    padding-top:80px;
    padding-bottom:80px;
    margin-left:-1.5em;
  }

  .photo li {
    width:33.333333%;
    padding-left:1.5em;
  }
}

@media screen and (max-width:640px) {
  .photo {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .photo li:not(:first-child) {
    padding-top:2em;
  }
}


/*----------------------------------------------------------------------------------------------------

  料金
  
----------------------------------------------------------------------------------------------------*/

.price-block {
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.priceTbl {
  width:100%;
  border-collapse:separate;
}

.priceTbl thead th {
  white-space:nowrap;
  padding:0.5em 0.75em;
  color:#fff;
  font-weight:500;
  background-color:#55a555;
}

.priceTbl tbody th {
  white-space:nowrap;
  text-align:center;
  background-color:#f0edeb;
}

.priceTbl tbody td {
  background-color:#faf9f9;
}

.priceTbl th,
.priceTbl td {
  line-height:1.6;
  vertical-align:middle;
}

.priceTbl tbody tr:not(:first-child) th,
.priceTbl tbody tr:not(:first-child) td {
  border-top:0.5em solid #fff;
}

@media print,screen and (min-width:641px) {
  .price-block {
    padding-bottom:60px;
  }
  
  .priceTbl th,
  .priceTbl td {
    padding:1em;
  }
}

@media screen and (max-width:640px) {
  .price-block {
    padding-bottom:2em;
  }
  
  .priceTbl {
    font-size:0.88em;
  }
  
  .priceTbl tbody th .f-nowrap {
    display:block;
  }
  
  .priceTbl th,
  .priceTbl td {
    padding:0.75em;
  }
}