/* 大阪のホームページ制作（/osaka/・/osaka/cosme/）。基本の部品は web-services.css、成果カードは style.css の outcome-case */
/* h1 にキーワード（小見出し）とキャッチコピーを両方入れる。小見出しの見た目は web-services.css の .web-hero__name のまま */
.osaka-h1 .web-hero__name{display:block;line-height:1.6;letter-spacing:.02em}
.osaka-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.osaka-work{display:flex;flex-direction:column;border:1px solid #e6e1d8;border-radius:14px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s}
.osaka-work:hover{box-shadow:0 10px 24px #1e2a4414;transform:translateY(-2px)}
.osaka-work img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:#f4f1ec}
.osaka-work>div{display:flex;flex-direction:column;flex:1;padding:16px 18px 20px}
.osaka-work small{font-size:11px;font-weight:700;color:#a96200}
.osaka-work h3{margin:6px 0 8px;font-size:16px;line-height:1.6}
.osaka-work p{flex:1;margin:0 0 12px;font-size:13px;line-height:1.8;color:#5a6172}
.osaka-work>div>span{font-size:13px;font-weight:700;color:#a96200}
.osaka-more{margin-top:24px;text-align:right}
.osaka-points{grid-template-columns:repeat(2,minmax(0,1fr))}
.osaka-points--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.osaka-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.osaka-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.osaka-price article{border:1px solid #e6e1d8;border-radius:14px;background:#fff;padding:24px;text-align:center}
.osaka-price article.is-featured{border:2px solid #ea9800}
.osaka-price p{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;color:#a96200}
.osaka-price h3{margin:4px 0 10px;font-size:18px}
.osaka-price strong{display:block;font-size:28px;line-height:1.3}
.osaka-price strong small{font-size:12px;font-weight:500;margin-left:2px}
.osaka-price span{display:block;margin-top:10px;font-size:13px;color:#5a6172}
.osaka-cta{padding:72px 0}
.osaka-cta__box{border-radius:24px;background:#fff4e0;padding:48px 32px;text-align:center}
.osaka-cta__en{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;color:#a96200}
.osaka-cta__box h2{margin:0 0 16px;font-size:clamp(22px,2.6vw,30px);line-height:1.6}
.osaka-cta__box>p:not(.osaka-cta__en){margin:0 auto 24px;max-width:620px;font-size:14px;line-height:1.9}
@media(max-width:900px){.osaka-works,.osaka-price,.osaka-points--3{grid-template-columns:repeat(2,minmax(0,1fr))}.osaka-cases{grid-template-columns:1fr}}
@media(max-width:600px){.osaka-works,.osaka-price,.osaka-points,.osaka-points--3{grid-template-columns:1fr}.osaka-cta{padding:48px 0}.osaka-cta__box{padding:32px 20px}}