@charset "UTF-8";
.title-style2 {
  padding: 0 0 25px; }

/*====================================================
修理可否・修理目安金額チェック個別ページ
部品購入個別ページ
====================================================*/
/*コンテンツ全体*/
#item-parts-page,
#item-repair-page {
  width: 90%;
  max-width: 1100px;
  margin: 100px auto; }

/*製品画像*/
.item-image {
  width: 250px;
  height: 250px;
  margin: 0 auto 48px; }
  .item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

#item-repair-page .item-image {
  margin: 0 auto 100px; }

.item-title {
  font-size: 1.8rem;
  margin-bottom: 220px;
  text-align: center;
  font-weight: normal; }

/*テーブル*/
.product .repair-button {
  display: block;
  margin: 78px auto 146px;
  max-width: 480px; }

.product-title {
  margin-bottom: 23px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold; }

.product-table {
  width: 100%;
  border-collapse: collapse; }
  .product-table .product-row {
    border-bottom: 1px solid #BFBFBF; }
  .product-table .product-row:first-child {
    border-top: 1px solid #BFBFBF; }
  .product-table td {
    vertical-align: middle;
    width: auto;
    max-width: 350px;
    word-break: break-all; }
    .product-table td .td-inner {
      /*ボタンがない場合もテーブルに一定の高さを持たせる*/
      height: auto;
      min-height: 85px;
      padding: 1.8rem 1rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
  .product-table .product-actions .td-inner {
    justify-content: flex-end;
    gap: 1rem; }
  .product-table .product-price .tax {
    font-size: 1.4rem; }

/* レスポンシブスタイル */
@media screen and (max-width: 768px) {
  #item-parts-page,
  #item-repair-page {
    width: 90%;
    margin: 80px auto 100px; }

  #item-repair-page .item-image {
    margin: 0 auto 80px; }

  .item-title {
    margin-bottom: 80px; }

  .product .repair-button {
    margin: 38px auto 100px; }

  .product-item {
    margin: 0 auto; }

  .product-table td {
    width: 100%;
    display: block;
    max-width: auto; }
    .product-table td .td-inner {
      height: auto;
      min-height: auto;
      padding: 1.5rem 0.5rem;
      display: flex;
      flex-direction: column;
      align-items: center; }
  .product-table .product-actions .td-inner {
    justify-content: center;
    gap: 2rem; } }