/*
Theme Name: OVTI Complete v3 - Editable
Theme URI: https://mkpllc.jp
Author: MK PLANNING
Version: 3.0
Description: MKPLLC.JP 完全版。カスタマイザーで全ての文字が編集可能。Blog/News自動対応、スマホ完全対応。
*/
:root{--red:#E30613;--black:#111}
*{box-sizing:border-box}
body{margin:0;font-family:"Noto Sans JP",Helvetica,Arial,sans-serif;color:var(--black);line-height:1.8}
a{color:inherit}
.header{position:sticky;top:0;background:#fff;z-index:100;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:14px 5%}
.logo{font-weight:900;letter-spacing:.1em;font-size:20px;text-decoration:none;color:#111}
.logo span{color:var(--red)}
.nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.nav a{text-decoration:none;font-weight:600;font-size:14px}
.btn{display:inline-block;background:var(--red);color:#fff;padding:14px 28px;font-weight:700;border-radius:4px;text-decoration:none}
.section{padding:80px 5%;max-width:1200px;margin:auto}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}
.card{border:1px solid #eee;padding:24px;border-radius:12px;background:#fff}
.footer{background:#111;color:#fff;padding:50px 5%;margin-top:60px}
.hero{background:linear-gradient(135deg,#111 0%,#333 100%);color:#fff;padding:90px 5%}
.hero h1{font-size:42px;line-height:1.2;margin:0}
@media(max-width:768px){
  .header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 4%}
  .nav{width:100%;gap:12px}
  .hero h1{font-size:28px}
  .section{padding:40px 4%}
  .grid3{grid-template-columns:1fr}
}