@charset "utf-8";
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  CSS Methodology: FLOCSS (like)
  Reference: https://github.com/hiloki/flocss

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* ==================================================
  Variable
================================================== */
:root {}
/* ==================================================
  Foundation
================================================== */
/* --------------------------------------------------
  Reset
-------------------------------------------------- */
/* --------------------------------------------------
  Base
-------------------------------------------------- */

/* ==================================================
  Layout: Limited
================================================== */
/* .l-content */
.l-content {
  background-color: #FCFAFB;
}
.l-content__inner {
  row-gap: 80px;
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {
  .l-content__inner {
    row-gap: 80px;
    padding-bottom: 80px;
  }
}

/* .l-main */
.l-main__inner {}
.l-main__container {
  row-gap: 60px;
}
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {}

/* .l-section */
@media screen and (min-width: 768px) {
  .l-section__inner {
    row-gap: 60px;
  }
}
@media screen and (max-width: 767px) {}

/* ==================================================
  Object
================================================== */
/* --------------------------------------------------
  Component: Limited
-------------------------------------------------- */
/* .c- */
.c- {}
/* PC */
@media screen and (min-width: 768px) {}
/* SP */
@media screen and (max-width: 767px) {}

/* --------------------------------------------------
  Project
-------------------------------------------------- */
/* .p-agentList */
.p-agentList {}
.p-agentList__inner {
  display: grid;
  row-gap: 60px;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.p-agentList__container {
  display: grid;
  row-gap: 40px;
}
.p-agentList__inner {}
.p-agentList__table {
  background-color: #F6F6F6;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: hidden;
}
.p-agentList__cell[data-cell="description"] {
  font-size: .875rem;
}
@media screen and (min-width: 768px) {
  .p-agentList__table {
    display: grid;
    column-gap: 1px;
    row-gap: 1px;
    width: 100%;
    border-radius: 2px 2px 0 0;
  }
  .p-agentList__table._column2 {
    grid-template-columns: 1fr minmax(auto, 320px);
  }
  .p-agentList__head {
    display: grid;
    grid-template-columns: subgrid;
    background-color: #DFDFDF;
  }
  .p-agentList__body {
    display: grid;
    grid-template-columns: subgrid;
    row-gap: 2px;
  }
  .p-agentList__row {
    display: grid;
    grid-template-columns: subgrid;
  }
  :where(._column2) .p-agentList__head,
  :where(._column2) .p-agentList__body,
  :where(._column2) .p-agentList__row {
    grid-column: span 2;
  }
  :where(._column3) .p-agentList__head,
  :where(._column3) .p-agentList__body,
  :where(._column3) .p-agentList__row {
    grid-column: span 3;
  }
  :where(._column4) .p-agentList__head,
  :where(._column4) .p-agentList__body,
  :where(._column4) .p-agentList__row {
    grid-column: span 4;
  }
  .p-agentList__cell {}
  .p-agentList__cell[colspan] {
    grid-column: span 99;
  }
  :where(.p-agentList__head) .p-agentList__row {
    
  }
  :where(.p-agentList__head) .p-agentList__cell {
    padding: 9.5px 16px;
    font-size: 1rem;
    color: var(--color-black);
    background-color: #EDEFF0;
  }
  :where(.p-agentList__body) .p-agentList__row {}
  :where(.p-agentList__body) .p-agentList__cell {
    display: grid;
    align-items: center;
    padding: 24px 16px;
    font-size: 1rem;
    background-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .p-agentList__table {
    display: block;
  }
  .p-agentList__head {
    display: none;
  }
  .p-agentList__body {
    display: grid;
    row-gap: 2px;
  }
  .p-agentList__row {
    display: grid;
    padding: 16px;
    background-color: #FFF;
  }
  .p-agentList__cell {
    padding: 8px 0;
    font-size: 1rem;
  }
  .p-agentList__cell[data-cell="contact"] {
    display: flex;
    justify-content: flex-end;
  }
}


/* ==================================================
  Utility: Limited
================================================== */
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {}