@charset "UTF-8"; /* ============================================================ 施工事例(お客様の声)表示用スタイル / システム改修担当 管理 lp/zero/index.html の「管理ブロック①(表示)」専用CSSです。 から読み込んでいます。 このファイルを外す・class名を変えると事例の表示が崩れます。 ============================================================ */ .lpWorks { width: 90%; max-width: 1200px; margin: 25px auto 0; box-sizing: border-box; } .lpWorks__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; } .lpWorks__item { width: 100%; } .lpWorks__link { display: flex; flex-direction: column; height: 100%; background: #fff; border: 2px solid #333; border-radius: 5px; text-decoration: none; color: inherit; overflow: hidden; box-sizing: border-box; } .lpWorks__pic { position: relative; width: 100%; padding-top: 75%; overflow: hidden; background: #f5f5f5; } .lpWorks__pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .lpWorks__body { padding: 15px; } .lpWorks__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .lpWorksTag { display: inline-block; font-size: 12px; padding: 2px 10px; border-radius: 3px; line-height: 1.6; } .lpWorksTag--zero { background: #db632e; color: #fff; } .lpWorksTag--solar { color: #0b63aa; border: 1px solid #0b63aa; background: #fff; } .lpWorks__title { font-size: 16px; font-weight: bold; margin: 0 0 8px; line-height: 1.5; color: #333; } .lpWorks__date { font-size: 13px; color: #666; margin: 0; } .lpWorks__empty { text-align: center; padding: 30px 0; color: #333; } @media (min-width: 750px) { .lpWorks { margin-top: 40px; } .lpWorks__item { width: calc(25% - 18px); } .lpWorks__link { border-radius: 8px; } }