.line-service-example { width: min(360px, 100%); margin: 0 auto; overflow: hidden; border: 1px solid #cbdce6; border-radius: 23px; background: #e7f2f7; box-shadow: 0 12px 32px #082e540d; }
.line-example-heading { padding: 15px 20px; background: #fff; color: #082e54; font-weight: 700; }
.line-example-bubble { margin: 24px 18px 34px; padding: 17px; border-radius: 4px 16px 16px 16px; background: #fff; font-size: 14px; line-height: 1.9; }
.line-example-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; background: #fff; }
.line-example-menu span { display: grid; place-items: center; padding: 23px 10px; background: #edf8fe; font-weight: 700; }
.line-example-menu span:nth-child(2) { background: #fff6e8; }
.line-example-menu span:nth-child(3) { background: #f4f8fb; }
.line-example-menu span:nth-child(4) { background: #edf8f1; }
.line-service-example figcaption { padding: 14px; background: #fff; color: #496274; font-size: 11px; line-height: 1.8; text-align: center; }
.line-service-page .web-hero h1 { font-size: clamp(26px, 2.6vw, 38px); }