@charset "UTF-8";

       @media screen and (min-width: 768px) {

         .affi-box {
           width: 100%;
           margin: 60px auto;

         }

         .affi-box h2 {
           font-size: 1.5rem;
           font-weight: 700;
           text-align: center;
           padding-bottom: 10px;
           border-bottom: 7px solid #009bbf;
           margin-top: 60px;
         }

         .affi-box ul {
           display: flex;
           align-items: flex-start;
           text-align: center;
           width: 100%;
           gap: 50px;
         }

         .affi-box ul li h3 {
           font-size: 1rem;
           font-weight: 700;
           padding: 10px 0 0 0;
           margin: 0;
           line-height: 1.8rem;
           text-align: left;
         }

         .affi-box ul li h3.mn-height {
           margin-top: -25px;
         }

         .affi-box ul li a {
           padding: 0;
           margin: 0;
         }

         .affi-box ul li p {
           padding: 0;
           margin: 0;
           text-align: left;
         }
       }

       @media screen and (max-width: 767px) {
         .affi-box {
           width: 100%;
           margin: 40px auto;

         }

         .affi-box ul {
           display: flex;
           flex-direction: column;
           align-items: flex-start;
           text-align: center;
         }

         .affi-box h2 {
           font-size: 1.5rem;
           font-weight: 700;
           text-align: center;
           padding-bottom: 10px;
           border-bottom: 7px solid #009bbf;
           margin-top: 40px;
         }

         .affi-box ul li h3 {
           font-size: 1rem;
           font-weight: 700;
           padding: 10px 0 0 0;
           margin: 0;
           line-height: 1.8rem;
           text-align: left;
           width: 300px;
           margin: 0 auto;
         }

         .affi-box ul li p {
           padding: 0;
           margin: 0;
           text-align: left;
           width: 300px;
           margin: 0 auto;
         }

       }