@media screen and (max-width: 699px) {
  .font-1, 
  .font-1 p, 
  .font-1 a,
  .font-1 span,
  .font-1 li,
  h4 {
    font-size: 18px !important;
    font-size: 18px;
  }
  .font-2, 
  .font-2 p, 
  .font-2 a,
  .font-2 span,
  .font-2 li, 
  h3 {
    font-size:22px;
  }
  .font-3, 
  .font-3 p, 
  h2 {
    font-size:26px;
  }
  
  .font-4, 
  .font-4 p, 
  h1 {
    font-size:30px;
  }

  .topnavi .nav a, 
  .topnavi > a {
    font-size: 21px;
  } 
  .footer-navi .nav a {
    font-size: 18px;
  }
  
  .accordion-text ul li:before { 
    font-size: 18px; 
  }
  
  .more {
    font-size: 18px; 
  }
}

@media screen and (min-width: 700px) {
  .font-badge {
    font-size: 18px;
    line-height:1.24;
  }
  .font-1, 
  .font-1 p, 
  .font-1 a,
  .font-1 span,
  .font-1 li,
  h4 {
    font-size: 18px;
  }
  .font-2, 
  .font-2 p, 
  .font-2 a,
  .font-2 span,
  .font-2 li,
   h3 {
    font-size: 24px;
  }
  .font-3,
  .font-3 p,
   h2 {
    font-size: 30px;
  }
  .font-4,
  .font-4 p,
   h1 {
    font-size: 36px;
  }
  
  .topnavi .nav a, 
  .footer-navi .nav a {
    font-size: 18px;
  }
  
  .accordion-text ul li:before { 
    font-size: 18px; 
  }
  
  .more {
    font-size: 18px; 
  }
}