CREER-クレエ-

.cr-hero{margin:0 0 32px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 12px 32px -12px rgba(71,70,52,.35)} .cr-hero img{width:100%;height:auto;display:block;object-fit:cover} .cr-lead{font-size:19px;line-height:2;margin:0 0 8px;color:#333;font-weight:600} .cr-body{font-size:16px;line-height:1.9;margin:0 0 36px;color:#333} .cr-tags{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 40px} .cr-tags .tag{flex:1 1 200px;text-align:center;padding:20px 16px;border:1px solid #e4e2da;border-radius:12px;font-size:14px;font-weight:600;color:#474634;background:#faf9f6} .cr-info{border:1px solid #e4e2da;border-radius:16px;overflow:hidden;margin:0 0 32px;background:#fff;padding:32px 30px} .cr-info h2{font-size:18px;margin:0 0 12px;letter-spacing:.05em;color:#474634;border-left:4px solid #474634;padding-left:12px} .cr-info .note{font-size:14px;color:#666;margin:0 0 20px;line-height:1.8} .cr-info-row{display:flex;gap:14px;padding:10px 0;border-bottom:1px dashed #e4e2da;font-size:14px;line-height:1.7} .cr-info-row:last-child{border-bottom:none} .cr-info-row .label{flex:0 0 88px;color:#474634;font-weight:600} .cr-info-row .value a{color:#333;text-decoration:underline} .cr-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:0 0 44px} .cr-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:240px;padding:16px 28px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .25s ease} .cr-cta a:hover{opacity:.8} .cr-cta .primary{background:#474634;color:#fff} .cr-cta .secondary{background:#fff;color:#474634;border:1px solid #474634} @media screen and (max-width:800px){ .cr-cta a{min-width:0;flex:1 1 100%} }