main {
  padding: 15px;
  box-sizing: border-box; }
  main h1 {
    text-align: center;
    font-size: 25px;
    margin: 30px auto;
    font-weight: bold; }
    main h1:after {
      display: block;
      content: "";
      width: 55px;
      height: 3px;
      background: red;
      margin: auto;
      margin-top: 10px; }

.use .use-title {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 20px;
  margin-top: 20px; }
.use ul li {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 10px; }
.use ul ol li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 10px; }

@media Screen and (min-width: 768px) {
  .main {
    padding: 25px;
    max-width: 800px;
    margin: auto; }
    .main h1 {
      margin-top: 40px;
      font-size: 30px; }
      .main h1:after {
        margin-top: 18px;
        width: 80px;
        margin-bottom: 80px; }

  .use .use-title {
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 20px; } }