@charset "utf-8";
/* CSS Document */
   /* # =================================================================
   # Project
   # ================================================================= */

.p-modal__subtitle {
   display: block;
   margin-top: 0;
   font-size: 1.8rem;
   color: var(--color-green);
}
.p-table__cell.--label {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; 
  font-size: 16px;
}
.p-table__cell.--label::after {
  font-size: 11px;
  padding: 4px 16px;
  border-radius: 20px;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
}

.p-table__cell.--label.--analysis::after {
  content: "アクセス解析"; 
  background-color: #4d83b6;
}

.p-table__cell.--label.--marketing::after {
  content: "広告・マーケティング"; 
  background-color: #f18488;
}
.p-table__cell.--label.--consent::after {
  content: "同意管理"; 
  background-color: var(--color-light-green);
}
.p-table__cell.--label.--unknown::after {
  content: "不明"; 
  background-color: #777777;
}

.p-table__link-text {
  display: none;
}
.p-no-wrap {
  white-space: nowrap;
  }
@media screen and (min-width: 1040px) {
  .p-table__cell-sp{
  display: none;
}
}

/* --- スマホ設定 --- */
@media screen and (max-width: 1039px) {
  .p-table.--responsive,
  .p-table.--responsive tbody,
  .p-table.--responsive tr,
  .p-table.--responsive .p-table__cell {
    display: block;
    width: 100%;
  }

  .p-table.--responsive tr:first-child {
    display: none;
  }

  .p-table.--responsive tr {
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
  
  .p-table.--responsive .p-table__cell {
    display: flex;
    padding: 12px 0;
    border: none !important;
    align-items: flex-start;
  }

  .p-table.--responsive .p-table__cell[data-label]::before {
    content: attr(data-label);
    flex-shrink: 0;
    width: 130px;
    font-weight: bold;
    color: #333;
  }

  .p-table__link-img {
    display: none;
  }
 .p-table.--responsive .p-table__cell.--link {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    padding: 10px 0;
  }
  .p-table.--responsive .p-table__cell.--link:not(:has(*)) {
  display: none;
} 

.p-table.--responsive .p-table__link-text {
    display: inline;
    font-size: 12px;
    text-decoration: underline;
    color: #333;
  }

.p-table__card{
  padding: 2rem;
  background-color : var(--color-beige);
  border-radius: 8px;
}

.p-table__cell-sp.--space-left{
  padding-left: 1em;
  text-indent: -1em;
  
}
}