@charset "UTF-8";
@media only screen and (min-width: 768px), print {
  .forSp {
    display: none !important;
  }
  .forTab {
    display: none !important;
  }
}
@media only screen and (max-width: 767.9px), print {
  .forPc {
    display: none !important;
  }
  .forTab {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023.9px), print {
  .forTab {
    display: initial !important;
  }
}
.p-simpleTable {
  table-layout: fixed;
}
.p-simpleTable--cols-2 .c-table__cell {
  width: 50%;
}
@media only screen and (min-width: 768px), print {
  .p-simpleTable--cols-2 {
    max-width: 320px;
  }
}
.p-simpleTable--cols-3 .c-table__cell {
  width: 33.3333333333%;
}
@media only screen and (min-width: 768px), print {
  .p-simpleTable--cols-3 {
    max-width: 480px;
  }
}
.p-contact {
  border: calc(1 / 375 * 100vw) solid #E6E6E6;
  border-radius: calc(8 / 375 * 100vw);
  font-size: calc(12 / 375 * 100vw);
  line-height: 1.2;
  color: #333333;
  padding: calc(16 / 375 * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(8 / 375 * 100vw);
}
@media only screen and (min-width: 768px), print {
  .p-contact {
    border-width: 1px;
    border-radius: 8px;
    font-size: 12px;
    padding: 16px;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 8px;
  }
}
.p-contact__name {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(16 / 375 * 100vw);
  row-gap: calc(8 / 375 * 100vw);
}
@media only screen and (min-width: 768px), print {
  .p-contact__name {
    column-gap: 16px;
    row-gap: 8px;
  }
}