.p-page-commerce {
  .p-page-commerce-main {
    padding-bottom: var(--layout-pc-content-bottom-margin);

    .p-page-commerce-main-content {
      .p-page-commerce-main-content-table {
        width: 100%;
        border-collapse: separate;

        .p-page-commerce-main-content-table__tr {
          .p-page-commerce-main-content-table__th,
          .p-page-commerce-main-content-table__td {
            padding: 20px 0;
            text-align: left;
            border-top: 1px solid var(--color-border-01);
            font-size: 1.6rem;
            line-height: 140%;
            box-sizing: border-box;
          }

          .p-page-commerce-main-content-table__th {
            font-weight: 700;
            width: 230px;
          }

          .p-page-commerce-main-content-table__td {
            .p-page-commerce-main-content-table-td-map {
              margin-top: 20px;

              .p-page-commerce-main-content-table-td-map__iframe {
                width: 200px;
                height: 150px;
              }
            }
          }

          &:last-child {
            .p-page-commerce-main-content-table__th,
            .p-page-commerce-main-content-table__td {
              border-bottom: 1px solid var(--color-border-01);
            }
          }
        }
      }
    }
  }
}

/* TABLET */
@media screen and (max-width: 1024px) {
  .p-page-commerce {
    .p-page-commerce-main {
      margin: 0 var(--device-tab-padding);
    }
  }
}

@media screen and (max-width: 768px) {
  .p-page-commerce {
    .p-page-commerce-main {
      padding-bottom: var(--layout-sp-content-bottom-margin);
      margin: 0 30px;

      .l-container {
        margin-bottom: 0;
      }
  
      .p-page-commerce-main-content {
        .p-page-commerce-main-content-table {
          .p-page-commerce-main-content-table__tr {
            .p-page-commerce-main-content-table__th,
            .p-page-commerce-main-content-table__td {
            }
  
            .p-page-commerce-main-content-table__th {
              width: 100px;
              padding-right: 20px;
            }
  
            .p-page-commerce-main-content-table__td {
              .p-page-commerce-main-content-table-td-map {
                margin-top: 30px;
                position: relative;
                padding-top: 64.46%;
  
                .p-page-commerce-main-content-table-td-map__iframe {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
}