.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
html, body {
  padding: 0px;
  margin: 0;
}
ul {
  list-style: none;
}
.list {
  list-style: disc;
}
.table-box {
  overflow-x: scroll;
}
.tegata-table {
  width: 100%;
  margin-bottom: 10px;
}
.scroll-table {
  width: 100%;
  margin-bottom: 10px;
}
.tbl {
  border-collapse: separate;
  border-spacing: 20px 0;
}
.tbl th, .tbl td {
  border-bottom: 1px solid gray;
  text-align: center;
}
.font-18 {
  font-size: 24px;
}
.with-300 {
  width: 300px;
}
.font-color-red {
  color: rgb(255, 9, 103);
}
/* 画像 */
.img-box {
  margin-top: 20px;
  margin-bottom: 20px;
}
.img-box img {
  max-width: 100%;
  height: auto;
  border: 1px solid gray;
}
header {
  padding: 0px;
  margin: 0;
  border-bottom: 1px solid gray;
}
.article-header {
  margin-bottom: 50px;
  border-bottom: 1px dotted gray;
}
main {
  width: 60%;
  margin: 0 auto;
}
footer h1 {
  text-align: center;
}

.article-header {
  text-align: center;
}
.cabling {
  width: 100%;
}
.tbl {
  margin-bottom: 20px;
}
.tbl-v1 {
  border-collapse: collapse;
  border: 1px solid gray;
}
.tbl-v1 th, .tbl-v1 td {
  border: 1px solid gray;
  padding: 8px 30px;
}
.txt-center {
  text-align: center;
}
.contents section {
  margin-bottom: 40px;
}
.contents section h2 {
  border-left: 8px solid gray;
  padding-left: 20px;
}
.contents section section {
  margin-left: 20px;
  border-bottom: 1px dotted gray;
  margin-bottom: 0;
}
.lamp_form {

}
.margin-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-20 {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (width < 700px) {
  main {
    width: 95%;
  }
}