@charset "UTF-8";
@media screen and (min-width: 769px) {
  .section-submain__img {
    background: url(/assets/img/certificate/main.jpg) no-repeat center center;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .section-submain__img {
    background: url(/assets/img/certificate/main-sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
.section-certificate {
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .section-certificate {
    padding: 20px 0;
  }
}
.section-certificate .container {
  max-width: 1040px;
}
.section-certificate .red {
  font-weight: bold;
  color: #cf121b;
}
.section-certificate h2 {
  margin-top: 20px;
  font-size: 1.125rem;
  font-weight: normal;
}
.section-certificate .box-sub {
  margin: 20px 0 30px;
}
.section-certificate .box-sub h3 {
  font-size: 1rem;
  font-weight: bold;
}
.section-certificate .box-sub h4 {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: bold;
}
.section-certificate .box-sub h5 {
  margin: 20px 0 0;
  font-size: 1rem;
  font-weight: bold;
}
.section-certificate .box-sub a {
  text-decoration: underline;
}
.section-certificate .box-sub a:hover {
  text-decoration: none;
}
.section-certificate .box-sub table {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  margin-top: 20px;
}
.section-certificate .box-sub thead th {
  background-color: #fce7e7;
  border-right: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
  padding: 8px 15px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .section-certificate .box-sub thead th {
    padding: 5px 10px;
  }
}
.section-certificate .box-sub tbody th,
.section-certificate .box-sub tbody td {
  background-color: #fafafa;
  border-right: 1px solid #9e9e9e;
  border-bottom: 1px solid #9e9e9e;
  padding: 8px 15px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .section-certificate .box-sub tbody th,
.section-certificate .box-sub tbody td {
    padding: 5px 10px;
  }
}
.section-certificate .box-sub ul {
  margin-top: 20px;
}
.section-certificate .box-sub li {
  position: relative;
  margin-top: 10px;
  padding-left: 20px;
}
.section-certificate .box-sub li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
