@media (max-width: 768px) {

   html {
     font-size: 14px;
   }

   header h2 {
     font-size: 1.7rem;
   }

   .asset-card {
     top: 10%;
     left: 2%;
     width: 40px;
   }

   .asset-kurohosi {
     top: 79%;
     right: 2%;
     width: 30px;
   }

   .asset-moon {
     top: 5%;
     right: 10%;
     width: 50px;
   }

   .asset-neko {
     bottom: 5%;
     left: 5%;
     width: 40px;
   }

   #wrapper {
     width: 100%;
     margin: 0 auto;
   }

   #contents {
     width: 95%;
     padding: 10px;
   }

   .news-icon {
     width: 160px;
     top: -37px;
     left: 0px;
   }

   .news-block {
     position: relative;
     border-radius: 10px;
     padding: 70px 15px;
     max-width: 600px;
     margin: 100px auto 50px;
     font-size: 1.4rem;
   }

   .u_phot_contents {
     float: none;
   }

   .u_comment_contents,
   select {
     width: 100%;
   }

   .u_comment_contents {
     padding: 0;
   }

   #kantei {
     margin: 0;
   }

   .box_gray {
     margin: 0.5em;
   }

   #kantei dt {
     border-top: none;
   }

   #kantei dl,
   #kantei dd,
   #kantei dt {
     width: 100%;
   }

   .u_comment_contents table,
   .u_comment_contents thead,
   .u_comment_contents tbody,
   .u_comment_contents th,
   .u_comment_contents td,
   .u_comment_contents tr {
     display: block;
   }

   .intro-content-wrapper {
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 20px;
   }

   .intro .int_l {
     width: 100%;
     text-align: center;
   }

   .intro .prof {
     width: 250px;
   }


   /* 鑑定申し込み確認 */
   .kantei_conf h2 {
     font-size: 1.4rem;
   }

   .container {
     padding: 10px;
   }

   .privacy {
     width: 100%;
     padding: 10px;
     box-sizing: border-box;
   }


 }