/*
    ===========================================
      商品についてページ専用のスタイルシート
    ===========================================
*/

/* ★★★ 変更箇所 ★★★ */
/* 上の余白(padding-top)を 60px から 40px に変更 */
.about-container {
    text-align: center;
    padding: 1px 20px 60px 20px; /* 上の余白を調整 */
    margin-top: 40px
}

.brands-grid {
    display: flex;
    justify-content: center;
    align-items: center; /* ロゴの縦位置を中央揃え */
    gap: 60px; /* ロゴ間の隙間 */
    margin-top: 50px;
    flex-wrap: wrap;
}

.brand-item {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s, box-shadow 0.3s;
    width: 200px;
    height: 200px; /* 高さを統一 */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -25px;
}

.brand-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.brand-item img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}