#mainVisual {
  position: relative;
  padding: 10% 0 5% 0;
  overflow: hidden;
  width: 50%;
  margin: 0 auto; }
  #mainVisual h1 {
    width: 80%;
    margin: 0 auto 10% auto; }
  #mainVisual p {
    width: 40%;
    margin: 0 auto 3% auto; }
  #mainVisual p.radio {
    width: 30%;
    margin: 0 auto; }

h2 {
  text-align: center;
  font-size: 1.8vw;
  margin-bottom: 4%;
  letter-spacing: 2px; }

#section1 {
  background: var(--base_color);
  padding: 2% 0 3% 0;
  border-radius: 8px;
  box-shadow: 0px 8px 40px rgba(54, 60, 55, 0.2);
  margin-bottom: 5%;
  width: 50%;
  margin: 0 auto; }
  #section1 h2 {
    color: #f5a21b; }
  #section1 p {
    text-align: center;
    font-size: 1.2vw;
    font-weight: 500;
    color: #444; }

#section2 {
  background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 90%, rgba(0, 0, 0, 0) 100%);
  color: var(--base_color);
  padding: 10% 0;
  margin-bottom: 3%; }
  #section2 p {
    letter-spacing: 1px;
    text-align: justify;
    width: 50%;
    margin: 0 auto 2% auto; }
  #section2 p:last-child {
    margin-bottom: 0; }

#section3 {
  background: var(--base_color);
  padding: 3% 0 3% 0;
  border-radius: 8px;
  box-shadow: 0px 8px 40px rgba(54, 60, 55, 0.2);
  margin-bottom: 5%;
  width: 50%;
  margin: 0 auto; }
  #section3 h2 {
    color: #f5a21b; }
  #section3 h2 {
    color: #f5a21b; }
  #section3 p {
    margin: 0 8%;
    letter-spacing: 1px;
    margin-bottom: 2%;
    color: #444; }

.name {
  font-weight: 700;
  font-size: 20px;
}

.category {
  font-weight: 600;
  font-size: 14px;
  color: #666;
  margin-left: 8px;
}

      .divider {
    width: 90%;
    height: 1px;
    background-color: #ccc;
    margin: 5% auto 5% auto; }

footer {
  padding: 3% 0; }
  footer ul {
    width: 10%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
  footer li {
    width: 24%; }