@charset "utf-8";

/* ==========================================================
   eco Pick / home.css　トップページ専用
   ========================================================== */

@media (max-width:760px){
  section#top{padding:0 !important}

  /* ヒーロー */
  .m-hero-inner{width:100% !important}
  .m-hero-img{position:absolute !important;inset:0;width:100% !important;height:100% !important;object-fit:cover}
  .m-hero-ov{
    position:relative !important;inset:auto !important;
    background:linear-gradient(180deg,rgba(11,74,8,.72) 0%,rgba(11,74,8,.93) 45%) !important;
    padding:26px 0 30px !important;
  }
  .m-hero-wrap{height:auto !important;padding:0 14px !important}
  .m-h1{font-size:34px !important}
  .m-telcard{flex-direction:column !important;align-items:stretch !important;gap:12px !important}
  .m-telcard>div:nth-child(2){display:none !important}

  /* 実績タイル */
  .m-stats{padding:4px 0 0 !important;gap:8px !important}
  .m-stats>div{border-left:0 !important;background:rgba(255,255,255,.09);border-radius:10px;padding:14px 8px}
  .m-stats>div>div:first-child{font-size:27px !important}
  .m-stats>div>div:first-child span{font-size:17px !important}
  .m-stats>div>div:last-child{margin-top:5px !important;font-size:12px !important;line-height:1.5 !important;color:rgba(255,255,255,.85) !important}

  /* グリッドの1列化 */
  .m-scroll{grid-template-columns:1fr !important;gap:12px !important}
  .m-2x2{grid-template-columns:1fr 1fr !important;gap:10px !important}
  .m-1col{grid-template-columns:1fr !important}

  .m-quote{height:240px !important}
  .m-reason-img{height:230px !important}
  .m-works-img{height:230px !important}

  /* サービスカード */
  .m-svc{flex-direction:column !important;align-items:stretch !important;gap:12px !important}
  .m-svc>div:first-child{width:100% !important;height:230px !important}

  /* 帯CTA */
  .m-ctatel{width:100%;font-size:31px !important;padding:14px 16px !important;box-shadow:0 3px 0 rgba(0,0,0,.18)}
  .m-ctatel-ico{display:block !important}
  .m-ctatel-sub{display:block !important}
  .m-ctaline{width:100%;min-height:76px;font-size:18px !important;padding:14px 16px !important;box-shadow:0 3px 0 rgba(0,0,0,.18)}
  .m-ctaline br{display:none}

  /* お問い合わせ */
  .m-contact{grid-template-columns:1fr !important;gap:20px !important}
  .m-contact-form{width:100% !important;padding:18px !important}
  .m-contact h2{font-size:22px !important}
  .m-contact-form input,.m-contact-form textarea{padding:15px !important;font-size:16px !important}
  .m-tel-big{font-size:31px !important}
}