@charset "UTF-8";


.p-detail {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    border-top: solid 1px #CCCCCC;
}

.p-detail th {
  padding: 30px 10px;
  width: 210px;
  text-align: left;
  vertical-align: top;
}

.p-detail td {
  padding: 30px 0;
}

.p-detail tr {
    border-bottom: solid 1px #CCCCCC;
}


@media screen and (min-width: 768px) {

}

@media screen and (max-width: 767px){

  .p-detail {
    font-size: 1.3rem;
  }

  .p-detail th {
    display: block;
    padding: 20px 10px 0;
    width: 100%;
  }

  .p-detail td {
    display: block;
    padding: 10px 10px 20px;
    width: 100%;
  }

}