@charset "utf-8";

.headline_03 {
  font-size: 18px;
}

.headline_04 {
  margin: 32px 0 4px;
  font-size: 15px;
  font-family: "ヒラギノ角ゴ ProN W4";
  line-height: 1.2;
}

.headline_04:first-child {
  margin-top: 0;
}

.pt.headline_01 {
  margin: 20px 0 50px;
}

.head_msg {
  margin: 20px 0 40px;
}

section .st {
  margin-bottom: 20px;
}

.sec_precondition .headline_03 {
  margin: 40px 0 10px;
}

.sec_precondition .table-scroll_wrapper_sp {
  margin-bottom: 0;
}

.main_count_area {
  margin: 20px 0;
  padding: 30px 30px 20px;
  border: 1px solid #ddd;
}

.switch_show {
  margin: 20px 2px 10px;
}

.switch_show li button {
  height: 40px;
  font-size: 12px;
  border: 0;
  background: #fff;
  cursor: pointer;
  outline: 0;
}

.switch_show li.active button {
  background-color: #bfeae8;
}

.scaleup_pattern th small {
  display: block;
}

.scaleup_pattern thead tr th,
.scaleup_pattern tbody tr th,
.scaleup_pattern tbody tr td {
  width: 12%;
  height: 32px;
  padding: 4px 10px;
}

.scaleup_pattern .col-option,
.scaleup_pattern .row-option,
.scaleup_pattern .row-hdd {
  display: none;
}

.scaleup_table {
  border-collapse: separate;
  border-spacing: 2px;
  margin-top: 10px;
}

.scaleup_table thead tr th {
  background: #1aadaa;
  color: #fff;
  font-weight: normal;
  padding: 8px 20px;
  text-align: center;
}

.scaleup_table tbody tr.odd th, .scaleup_table tbody tr.odd td {
  background: #eaebeb;
  font-weight: normal;
  padding: 10px;
  text-align: center;
}

.scaleup_table tbody tr.even th, .scaleup_table tbody tr.even td {
  background: #f7f7f8;
  font-weight: normal;
  padding: 10px;
  text-align: center;
}

.count_area {
  background: #f4f4f4;
  margin: 10px 0 15px;
  padding: 15px 25px;
  display: flex;
  flex-flow: wrap;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.count_area dt {
  flex: 0 1 70%;
  padding: 4px 0;
  font-size: 12px;
}

.count_area dd {
  flex: 0 1 30%;
  padding: 4px 0;
  font-size: 15px;
}

.count_area dd small {
  font-size: 12px;
}

.count_area dd.big {
  flex: 1 0 100%;
}

.trial_apply {
  margin: 50px 0;
}

@media (min-width: 600px) {
  .switch_show {
    border-bottom: 2px solid #1aadaa;
  }

  .switch_show li {
    display: inline-block;
  }

  .switch_show li button {
    margin-bottom: -2px;
    border: 2px solid #ccc;
    background-color: #fff;
    border-bottom-color: #1aadaa;
    padding: 0 8px;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    outline: 0;
  }

  .switch_show li.active button {
    border: 2px solid #1aadaa;
    border-bottom-color: #fff;
  }
}

@media (max-width: 599px) {
  .sec_price,
  .sec_price-detail,
  .sec_price-example {
    padding-top: 0;
  }

  .count_area {
    padding: 15px;
    flex-direction: column;
  }

  .count_area dd {
    flex: 1 0 100%;
  }

  .switch_show li {
    display: block;
  }

  .switch_show li button {
    display: block;
    width: 100%;
    text-align: left;
    text-indent: 8px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    border-left: 4px solid #ccc;
  }

  .switch_show li:first-child button {
    border-top: 1px dotted #ccc;
  }

  .switch_show li.active button {
    border-left: 4px solid #1aadaa;
  }
}