/*=========================================
    　　　タブレット用
============================================*/
 @media screen and (min-width: 768px) and (max-width: 1024px) {
     .container {
         width: 100vw;
     }
 }

 /*=========================================
    　　　767px以下はレスポンシブ
============================================*/

 @media screen and (max-width: 767px) {
     .container {
         width: 100vw;
     }

     .taiken-title {
         font-size: 1rem;
     }

     .toiawase-erea01 a {
         left: 45%;
     }



     .meritEasy-erea {
         padding-top: calc(1600 / 1000 * 100%);
     }

     .meritEasy-contents p {
         margin-left: 14px;
         margin-top: 14px;
         margin-bottom: 14px;
         font-size: 1rem;
     }


     .problem02-erea p {
         margin: 14px auto;
         font-size: 0.8rem;
     }

     .merit8-erea {
         padding-top: calc(5500 / 1000 * 100%);
     }

     .merit8-erea h2 {
         font-size: 1.3rem;
     }

     .merit8-erea h2 img {
         max-width: 50px;
         margin: 0px 8px;
     }

     .merit8-contents .content {
         margin: 40px 0px;
     }

     .merit8-contents h3 {
         margin-left: 8px;
         font-size: 1.2rem;
         color: #ff24c2;
         background-color: rgba(255, 255, 255, 0);
         background: linear-gradient(transparent 70%, #ffffff00 70%);
     }

     .merit8-contents img {
         width: 50px;
     }

     .merit8-contents .index-gray {
         height: 70px;
         width: 5px;
         background-color: #e0e0e0;
         border-radius: 5px;
         margin-left: 25px;
     }

     .merit8-contents .detail-content {
         font-size: 0.8rem;
     }

     .w80per {
         width: 95%;
     }

     .gaiyou-title-erea {
         margin: 80px 0px 0px;
     }

     .gaiyou-title h1 {
         font-size: 1.2rem;

     }


     .gaiyou-contents-erea .title {
         padding-left: 10px;
     }



     .gaiyou-contents-erea .title img {
         width: 30px;
     }

     .gaiyou-contents-erea .title h2 {
         font-size: 1.2rem;
         white-space: pre-line;
     }

     .gaiyou-taiken-contnts-erea {
         margin: 20px 10px;
         padding: 20px 8px;
     }


     .gaiyou-hon-contnts-erea {
         margin: 20px 10px;
         padding: 20px 8px;
     }

     .gaiyou-contents-erea .index {
         margin: 24px 0px;
         padding: 0px 16px;
     }


     .gaiyou-contents-erea .index-content {
         font-size: 0.8rem;
         padding-left: 30px;
         margin: 8px 0px;
     }


     .gaiyou-contents-erea .index-title01 {
         font-size: 1rem;
     }

     .gaiyou-contents-erea .index-title02 {
         font-size: 1rem;
         margin-left: 0px;
         padding-left: 30px;
         padding-bottom: 0px;
     }

     .gaiyou-contents-erea .index-title02::before {
         transform: translateY(150%);
     }

     .icons-erea {
         margin: 16px 0px;
     }
 }