/* 個人向けページ専用スタイル */

/* 製品セクション個人向けレイアウト */
.products-section {
  margin-top: 77px;
}

.products-content {
  padding: 0 20px;
}

.products-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 100px auto;
  margin-bottom: 200px;
  padding: 0 20px;
  max-width: 1000px;
}

@media (max-width: 767px) {
  .products-grid {
    margin: 60px auto;
    margin-bottom: 100px;
    padding: 0;
  }
}

.products-row-top {
  display: flex;
  gap: 16px;
  width: 100%;
}

@media (max-width: 991px) {
  .products-row-top {
    flex-direction: column;
    gap: 20px;
  }
}

.products-row-bottom {
  display: flex;
  gap: 16px;
  width: 100%;
  margin-top: 17px;
}

@media (max-width: 991px) {
  .products-row-bottom {
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
}

.product-card {
  flex: 1;
}

.product-image-top-left,
.product-image-top-right {
  height: 630px;
}

.product-image-top-left {
  border-radius: 40px 0 0 0;
}

.product-image-top-right {
  border-radius: 0 40px 0 0;
}

.product-image-bottom-left,
.product-image-center,
.product-image-bottom-right {
  height: 538px;
}

.product-image-bottom-left {
  border-radius: 0 0 0 40px;
}

.product-image-bottom-right {
  border-radius: 0 0 40px 0;
}

@media (max-width: 991px) {
  .product-image-top-left,
  .product-image-top-right,
  .product-image-bottom-left,
  .product-image-center,
  .product-image-bottom-right {
    border-radius: 20px;
  }
}

@media (max-width: 640px) {
  .product-image-top-left,
  .product-image-top-right {
    height: 400px;
  }

  .product-image-bottom-left,
  .product-image-center,
  .product-image-bottom-right {
    height: 400px;
  }
}

/* 個人向けページのタイトル色バリエーション */
.product-title-alt {
  color: #00778b;
}

/* 背景装飾の位置調整（個人向け） */
.background-decoration {
  top: 0;
  left: 60%;
}

.background-decoration svg {
  width: 100vw;
  min-width: 1000px;
  height: auto;
  aspect-ratio: 1/1;
}