/* blue_radical
---------------------------------------------------------- */

/* ----- key ----- */

.blue_radical .c-key {
  background-image: url(../img/img_key.jpg);
  background-position: center top;
}

.p-blue_circle.c-list_circle li::before {
  width: 18px;
  height: 18px;
  top: 10px;
}

.p-blue_table table {
  border: 1px #ccc solid;
}

.p-blue_table table th {
  background: #e7e9dc;
}

.p-blue_table table th,
.p-blue_table table td {
  text-align: center;
}

.p-blue_table table td.bg-txt {
  background: #f8f7f3;
  font-weight: 700;
}

.txt-red {
  color: #ff3b3f;
}

.txt-sm {
  font-size: 14px;
}

/* =================================
 SP blue_radical
================================= */

@media screen and (max-width: 767px) {
  /* ----- key ----- */

  .blue_radical .c-key {
    background-position: center right 22% !important;
  }

  .blue_radical .c-key_ttl_en {
    font-size: 4rem;
    text-shadow: 0 0 2px #000;
  }

  body.blue_radical .c-key_ttl_jp {
    font-size: 1.6rem;
    background-color: rgba(255, 255, 255,0.8);
  }

  .p-blue_circle.c-list_circle li::before {
    width: 12px;
    height: 12px;
    top: 7px;
  }

  .txt-sm {
    font-size: 12px;
  }

  .p-blue_table table th:first-child {
    width: 20%;
  }

  .p-blue_table table th {
    width: calc((100% / 2) - 20%);
  }
}