ベビーベッド＆ベビーカー『オトクにお試し』キャンペーン

2025/12/15

/* ベネフィットセクション用CSS */ .benefits-section { background-color: #F0F5F3; padding: 16px 0; margin-top: 40px; } .benefits-container { display: flex; flex-direction: column; gap: 8px; align-items: center; width: 100%; } /* Desktop Layout */ .benefits-cards-wrapper { display: flex; gap: 16px; align-items: flex-start; width: 1280px; max-width: 100%; padding: 0 16px; } .benefit-card { display: flex; gap: 16px; align-items: center; padding: 0 8px 0 0; overflow: hidden; } .benefit-image { width: 100px; height: 100px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; flex-shrink: 0; } .benefit-content { flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; } .benefit-title { font-weight: bold; font-size: 14px; color: #4b5049; letter-spacing: 0.7px; line-height: 1.8; } .benefit-description { font-weight: normal; font-size: 12px; color: #4b5049; letter-spacing: 0.6px; line-height: 1.8; } /* Benefits Tags */ .benefits-tags-wrapper { display: flex; gap: 8px; align-items: center; width: 100%; max-width: 1280px; padding: 16px 0 16px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; justify-content: center; } .benefits-tags-wrapper::-webkit-scrollbar { display: none; } .benefit-tag { display: flex; gap: 4px; align-items: center; padding: 4px 8px; border: 1px solid #3C9132; border-radius: 20px; flex-shrink: 0; } .benefit-tag-icon { width: 14px; height: 14px; flex-shrink: 0; } .benefit-tag-text { font-weight: bold; font-size: 10px; color: #3C9132; letter-spacing: 0.5px; line-height: 1.6; white-space: nowrap; } .benefit-tag-text-mixed { font-weight: bold; color: #3C9132; letter-spacing: 0.5px; line-height: 1.6; white-space: nowrap; } .benefit-tag-text-mixed .main-text { font-size: 10px; } .benefit-tag-text-mixed .sub-text { font-size: 8px; } /* Mobile Layout */ @media (max-width: 768px) { .benefits-cards-wrapper { width: 100%; gap: 4px; padding: 0 8px; } .benefit-card { flex: 1; width: auto; min-width: 0; flex-direction: column; text-align: center; padding: 8px 4px; gap: 8px; } .benefit-image { width: 60px; height: 60px; margin: 0 auto; } .benefit-content { align-items: center; width: 100%; gap: 4px; } .benefit-title { text-align: center; width: 100%; font-size: 12px; } .benefit-description { text-align: center; font-size: 8px; width: 100%; line-height: 1.4; } .benefits-tags-wrapper { height: 24px; width: 100%; justify-content: flex-start; padding: 0 8px; } } /* Tablet adjustments */ @media (max-width: 1320px) and (min-width: 769px) { .benefits-cards-wrapper { width: 100%; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding: 0 16px; } .benefits-cards-wrapper::-webkit-scrollbar { display: none; } }

安心

独自の検査基準と検品・クリーニングで高い安全性

経済的

必要な期間だけ使うから、買うより経済的

処分不要

いらなくなったら返却するだけ、お部屋もすっきり