@media (max-width: 467px) {
  body {
    header {
      display: flex;
      justify-content: center;
    }

    main {
      margin-top: 25%;
      width: 100%;
      gap: 1rem;

      .schedule {
        width: 95%;
        padding: 1.5rem;
        gap: 0.75rem;
        h1 {
          font-size: 1.2rem;
        }
        p {
          font-size: 0.85rem;
        }
        img {
          width: 150px;
          height: auto;
        }
      }

      .overview {
        width: 95%;
        padding: 1.5rem;
        h1 {
          font-size: 1.2rem;
        }
        p {
          margin-left: 1rem;
          font-size: 0.85rem;
        }
      }

      .please {
        width: 95%;
        padding: 1.5rem;
        gap: 1rem;
        h1 {
          font-size: 1.2rem;
        }
        .text {
          gap: 0.5rem;
          p {
            font-size: 0.8rem;
            margin-left: 0.5rem;
          }
        }
        img {
          width: 90%;
          height: auto;
        }
        .image {
          gap: 1rem;
          .ok,
          .ng {
            width: 100%;
            img {
              width: 120px;
              height: auto;
            }
            h1 {
              font-size: 1rem;
            }
          }
        }
      }

      .regulation {
        width: 95%;
        gap: 1rem;

        section {
          padding: 1.5rem;
          h1 {
            font-size: 1.1rem;
          }
          h2 {
            font-size: 1rem;
          }
          p {
            font-size: 0.85rem;
          }
          ul {
            font-size: 0.85rem;
            padding-left: 1.25rem;
            li {
              margin-left: 0;
              margin-bottom: 0.5rem;
            }
          }
        }

        .ok,
        .ng {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 1rem;
          .text {
            width: 100%;
          }
          img {
            margin-left: 0;
            width: 150px;
            height: auto;
          }
        }

        .defense {
          display: flex;
          flex-direction: column;
          gap: 1rem;
          .text {
            width: 100%;
          }
          img {
            margin-left: 0;
            width: 150px;
            height: auto;
          }
        }

        .qanda {
          flex-direction: column;
          gap: 1rem;
          .text {
            width: 100%;
            p {
              font-size: 0.8rem;
              line-height: 1.5;
            }
          }
          .images {
            width: 100%;
            img {
              width: 120px;
              height: auto;
            }
            h1 {
              font-size: 0.9rem;
            }
          }
        }
      }
    }
  }
}