/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Page Style

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.sub-ttl + div { padding: 50px;}
.sub-ttl + div:last-child { padding-bottom: 0;}

.counter-list { 
  padding-top: 50px;
  margin-top: 50px;
  border-top: #f0f0f0 2px solid;
}
.counter-text { margin-top: 15px;}

.iso-block { margin-top: 50px;}

.img-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.img-list img { width: calc((100% - 40px)/3); margin-top: 20px; margin-right: 20px;}
.img-list img:nth-child(3n) { margin-right: 0;}

.counter-text + .mark-list { padding-left: 1em; margin-top: 10px;}

table { width: 100%; border-spacing: 2px; margin-top: 20px;}
table th, table td { padding: 10px 20px; vertical-align: middle;}
table thead th { background: #cfcfcf;}
table tbody th { width: 200px; background: #eaeaea; line-height: 1.4;}
table tbody td { background: #f5f5f5;}

.r-text { margin-top: 30px; text-align: right;}

/* [SP] */
@media screen and (max-width: 767px) {

  .inner { padding: 0;}
  .sub-ttl + div { padding: 20px 20px 30px !important;}

  .counter-list { padding-top: 20px; margin-top: 20px; border-width: 1px;}
  .counter-text { margin-top: 10px;}
  .counter-text + .mark-list { margin-top: 10px;}

  .iso-block { margin-top: 20px;}
  .img-list { display: block;}
  .img-list img { width: 100%; margin-top: 10px; margin-right: 0;}
  
  table { border-spacing: 1px; margin-top: 10px; font-size: 1.4rem;}
  table th, table td { padding: 10px;}
  table tbody th { width: 110px;}

  .r-text { margin-top: 20px;}
}