/* Morethan — マーケティング支援 (page ID 763) 固有CSS */

.mt-mission { margin: 80px 0; }
.mt-mission__inner { max-width: 1000px; margin: 0 auto; text-align: center; background: #ffffff; padding: 80px 60px; border-radius: 32px; box-shadow: 0 8px 24px rgba(27,38,49,.05); }
.mt-mission__label { color: #555; font-size: 14px; font-weight: 700; letter-spacing: .22em; margin-bottom: 24px; }
.mt-mission h2 { color: #1b2631; font-size: 42px; line-height: 1.4; margin-bottom: 40px; font-weight: 800; }
.mt-mission__message { display: inline-block; background: #f5f5f5; padding: 24px 40px; border-radius: 20px; color: #1b2631; font-size: 30px; font-weight: 800; margin-bottom: 32px; }
.mt-mission__lead { font-size: 24px; color: #1b2631; font-weight: 700; margin-bottom: 40px; }
.mt-mission__text { max-width: 800px; margin: 0 auto; }
.mt-mission__text p { color: #555; font-size: 18px; line-height: 2; margin-bottom: 24px; }
.mt-mission__text strong { color: #1b2631; font-weight: 800; }
@media(max-width:900px){ .mt-mission__inner{ padding:40px 24px; } .mt-mission h2{ font-size:30px; } .mt-mission__message{ font-size:22px; padding:20px; } .mt-mission__lead{ font-size:20px; } .mt-mission__text p{ font-size:16px; } }
.mt-marketing-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; padding:0; }
.mt-marketing-card { background:#ffffff; border-radius:32px; padding:48px; box-shadow: 0 8px 24px rgba(27,38,49,.05); transition:.3s; }
.mt-marketing-card:hover { transform:translateY(-6px); box-shadow: 0 16px 40px rgba(27,38,49,.08); }
.mt-marketing-card__icon { width:72px; height:72px; border-radius:24px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; font-size:30px; margin-bottom:32px; }
.mt-marketing-card__label { color:#555; font-size:14px; font-weight:700; letter-spacing:.22em; margin-bottom:20px; }
.mt-marketing-card h3 { color:#1b2631; font-size:30px; line-height:1.4; font-weight:800; margin-bottom:20px; }
.mt-marketing-card__line { width:80px; height:2px; background:#1b2631; margin-bottom:24px; }
.mt-marketing-card p { color:#555; line-height:2; font-size:17px; }
@media(max-width:900px){ .mt-marketing-cards{ grid-template-columns:1fr; gap:24px; } .mt-marketing-card{ padding:32px 24px; } .mt-marketing-card h3{ font-size:26px; } }
.mt-marketing-card__icon { width:72px; height:72px; border-radius:24px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; margin-bottom:32px; }
.mt-marketing-card__icon svg { width:34px; height:34px; stroke:#1b2631; }
.mt-marketing-detail { background: transparent; padding: 0; }
.mt-marketing-detail__inner { max-width: 1100px; margin: 0 auto 72px; display: grid; gap: 32px; }
.mt-marketing-detail-card { background: #ffffff; border-radius: 32px; padding: 64px; box-shadow: 0 8px 24px rgba(27, 38, 49, 0.05); }
.mt-marketing-detail-card__label { margin-bottom: 24px; color: #555; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; }
.mt-marketing-detail-card h2 { margin-bottom: 28px; color: #1b2631; font-size: 34px; line-height: 1.45; font-weight: 800; }
.mt-marketing-detail-card h2::before { content: ""; display: block; width: 120px; height: 2px; background: #1b2631; margin-bottom: 28px; }
.mt-marketing-detail-card p { margin-bottom: 32px; color: #555; font-size: 17px; line-height: 2; }
.mt-marketing-detail-card ul { margin: 0; padding: 0; list-style: none; }
.mt-marketing-detail-card li { position: relative; padding: 16px 0 16px 34px; border-bottom: 1px solid #e5e7eb; color: #1b2631; font-weight: 700; }
.mt-marketing-detail-card li::before { content: "✓"; position: absolute; left: 0; color: #1b2631; font-weight: 800; }
@media (max-width: 900px) { .mt-marketing-detail__inner { gap: 24px; } .mt-marketing-detail-card { padding: 32px 24px; border-radius: 24px; } .mt-marketing-detail-card h2 { font-size: 28px; } .mt-marketing-detail-card h2::before { width: 80px; margin-bottom: 20px; } .mt-marketing-detail-card p { font-size: 16px; } }
.mt-marketing-support { background: transparent; padding: 0; }
.mt-marketing-support__inner { max-width: 900px; margin: 0 auto 72px; padding: 64px; background: #ffffff; border-radius: 32px; box-shadow: 0 8px 24px rgba(27, 38, 49, 0.05); }
.mt-marketing-support__label { margin-bottom: 28px; color: #555; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; }
.mt-marketing-support h2 { margin-bottom: 28px; color: #1b2631; font-size: 34px; line-height: 1.45; font-weight: 800; }
.mt-marketing-support h2::before { content: ""; display: block; width: 120px; height: 2px; background: #1b2631; margin-bottom: 28px; }
.mt-marketing-support__text { margin-bottom: 36px; color: #555; font-size: 18px; line-height: 2; }
.mt-marketing-support__list { margin: 0; padding: 0; list-style: none; }
.mt-marketing-support__list li { position: relative; padding: 18px 0 18px 34px; border-bottom: 1px solid #e5e7eb; color: #1b2631; font-size: 17px; font-weight: 700; }
.mt-marketing-support__list li::before { content: "✓"; position: absolute; left: 0; color: #1b2631; font-weight: 800; }
@media (max-width: 900px) { .mt-marketing-support__inner { padding: 32px 24px; border-radius: 24px; } .mt-marketing-support h2 { font-size: 28px; } .mt-marketing-support__text { font-size: 16px; } }
.mt-faq-answer p { color: #555; font-size: 16px; line-height: 2; margin: 0 0 16px; }
.mt-marketing-seo{ margin:0 0 72px; }
.mt-marketing-seo__inner{ max-width:1100px; margin:0 auto; padding:64px; background:#fff; border-radius:32px; box-shadow:0 8px 24px rgba(27,38,49,.05); }
.mt-marketing-seo__label{ color:#555; font-size:14px; font-weight:700; letter-spacing:.2em; margin-bottom:24px; }
.mt-marketing-seo h2{ color:#1b2631; font-size:36px; line-height:1.4; margin-bottom:32px; }
.mt-marketing-seo h2::before{ content:""; display:block; width:120px; height:2px; background:#1b2631; margin-bottom:24px; }
.mt-marketing-seo p{ color:#555; line-height:2; margin-bottom:20px; }
.mt-marketing-seo__cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.mt-marketing-seo__cards article, .mt-marketing-seo__list div{ background:#f5f5f5; padding:32px; border-radius:24px; }
.mt-marketing-seo__cards span{ display:inline-block; font-size:14px; font-weight:700; color:#1b2631; letter-spacing:.15em; margin-bottom:16px; }
.mt-marketing-seo h3{ color:#1b2631; font-size:22px; margin-bottom:12px; }
.mt-marketing-seo__list{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:40px; }
@media(max-width:768px){ .mt-marketing-seo__inner{ padding:32px 24px; } .mt-marketing-seo h2{ font-size:28px; } .mt-marketing-seo__cards, .mt-marketing-seo__list{ grid-template-columns:1fr; } .mt-marketing-seo h3{ font-size:20px; } }
.mt-cta-section { margin: 120px 0; }
.mt-cta-inner { position: relative; max-width: 1200px; margin: 0 auto; padding: 90px 60px; border-radius: 32px; overflow: hidden; text-align: center; background: linear-gradient( rgba(10,20,35,.85), rgba(10,20,35,.85) ), url("https://morthan.jp/wp-content/uploads/2026/03/IMG_1861のコピー-2.heic"); background-size: cover; background-position: center; }
.mt-cta-label { color: rgba(255,255,255,.7); font-size: 14px; font-weight: 700; letter-spacing: .25em; margin-bottom: 24px; }
.mt-cta-inner h2 { color: #ffffff; font-size: 48px; line-height: 1.4; margin-bottom: 32px; font-weight: 800; }
.mt-cta-text { color: rgba(255,255,255,.9); font-size: 18px; line-height: 2; margin-bottom: 40px; }
.mt-cta-points { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-bottom: 48px; }
.mt-cta-points span { padding: 10px 18px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); color: #ffffff; font-size: 14px; font-weight: 600; }
.mt-cta-button { display: inline-flex; align-items: center; justify-content: center; min-width: 420px; padding: 22px 50px; background: #22c55e; color: #ffffff !important; font-size: 20px; font-weight: 800; text-decoration: none; border-radius: 999px; transition: .3s ease; box-shadow: 0 12px 30px rgba(34,197,94,.35); }
.mt-cta-button:hover { transform: translateY(-4px); background: #16a34a; box-shadow: 0 18px 40px rgba(34,197,94,.45); }
@media(max-width:768px){ .mt-cta-inner{ padding:60px 24px; } .mt-cta-inner h2{ font-size:32px; } .mt-cta-text{ font-size:16px; } .mt-cta-button{ min-width:100%; font-size:18px; } .mt-cta-points{ flex-direction:column; align-items:center; } }