.about-content {
   padding: 70px 20px;
   width: 100%;
   max-width: 1260px;
   margin: auto;
}
.about-content .ttl {
   font-size: 40px;
   line-height: 1;
   color: #333;
   text-align: center;
   font-weight: bold;
}
.about-content .ttl .gray {
   color: #8c8c8c;
   font-size: 0.54em;
   margin-top: 16px;
   font-weight: 400;
}
.about-content table{
   margin-top: 50px;
   border-collapse: collapse;
   font-size: 12px;
   line-height: 1.8;

}
.about-content table th,
.about-content table td {
   border: 1px solid #ccc;
   padding: 15px 25px;
}
.about-content table th{
   width: 25%;
   min-width: 115px;
   text-align: left;
   background: #efefef;
   font-weight: bold;
}
.about-content table td a{
   color: red;
   text-decoration: underline;
}

@media (max-width: 1280px) {
   .about-content .ttl{
      font-size: 36px;
   }
}
@media (max-width: 980px) {
   .about-content{
      padding: 50px 20px;
   }
   .about-content .ttl{
      font-size: 30px;
   }
   .about-content table{
      margin-top: 40px;
   }
   .about-content table th,
   .about-content table td {
      padding: 12px 20px;
   }
}
@media (max-width: 680px) {
   .about-content{
      padding: 40px 20px 0;
   }
   .about-content .ttl{
      font-size: 26px;
      text-align: left;
   }
   .about-content .ttl .gray{
      margin-top: 12px;
   }
   .about-content table{
      margin-top: 30px;
   }
   .about-content table th,
   .about-content table td {
      padding: 8px;
   }

}