@charset "utf-8";

/* === pc === */
@media ( min-width: 768px ) {
  .pc-flex {
    display: flex;
    gap: 20px;
  }
  .jc-center {
    justify-content: center;
  }
  .mb--pc-20 {
    margin-bottom: 20px;
  }
  .pl--pc-24 {
    padding-left: 24px;
  }
}
/* === sp === */
@media not screen and ( min-width: 768px ) {
  .mb--sp-12 {
    margin-bottom: 12px;
  }
  .pl--sp-20 {
    padding-left: 20px;
  }
}
.center {
  text-align: center;
  vertical-align: middle;
}

/* === .card === */
.card {
  width: 275px;
  padding: 10px;
  background: #e9e6e0;
  text-align: center;
  align-content: center;
}
@media not screen and ( min-width: 768px ) {
  .card {
    margin: 0 auto 12px;
  }
}

/* === .arrow === */
.arrow__gray {
  font-weight: 600;
}
.arrow__gray::before {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
}
@media ( min-width: 768px ) {
  .arrow__gray::before {
    width: 24px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 16px solid #d9d9d9;
  }
}
@media not screen and ( min-width: 768px ) {
  .arrow__gray::before {
    width: 20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #d9d9d9;
  }
}

/* === .table__revisions === */
.table__revisions th {
  border-top: 1px solid #737373;
  padding: 4px 10px;
  background: #e9e6e0;
}
.table__revisions tr {
  border-bottom: 1px solid #737373;
}
.table__revisions td {
  padding: 4px 10px;
}

/* === .box === */
.box {
  border: 1px solid #000;
  padding: 10px;
}
@media ( min-width: 768px ) {
  .stress_check_graph {
    width: 14%;
  }
}
@media not screen and ( min-width: 768px ) {
  .stress_check_graph {
    margin: 10px auto 0;
    width: 50%;
  }
}