@media screen and (max-width: 767px) {
    .pcview {
      display: none;
    }
    .top_img{
        display: grid;
        place-items: center; /* 中央に配置 */
        position: relative;
    }
    .top_icon{
        position: absolute;
        width: 70%;
        top : 0;
    }
    .top>.spview{
        width: 100%;
    }

    /* .honmaguro_text>h3{
       width: 100%;
    } */
    /* .honmaguro_text, .kihada_text{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        max-width: 100%;
    } */
    .honmaguro_text>h3>img, .kihada_text>h3>img {
        text-align: center;
        margin: 0 auto;
        width: 50px;
     }
    .kihada_text>h3{
        width: 20%;
    }
    .honmaguro_text>p, .kihada_text> p{
        width: 60%;
        padding-bottom: 20px;
    }
    .maguro1{
        padding-bottom: 80px;
    }
    .button018 a {
        max-width: 90%;
        padding-left: 20px;
      }
    
      .button018 a:after {
        width: 2.5rem;
        height: 2.5rem;
      }
    
      .button018 a:hover:after {
        width: 100%;
      }
  }
  
  /* タブレットサイズ（768px〜1199px）：両方表示または調整に応じて */
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    /* 必要に応じてスタイルを追加 */
    .pcview {
        display: none;
      }
      .top>div>.spview{
        width: 100%;
    }
    .top_img{
        display: grid;
        place-items: center; /* 中央に配置 */
        position: relative;
    }
    .top_icon{
        position: absolute;
        width: 50%;
        top : 0;
    }
  }
  
  /* PCサイズ（1200px〜）：spviewを非表示 */
  @media screen and (min-width: 1200px) {
    .spview {
      display: none;
    }
  }