@charset "utf-8";
/* CSS Document */

/*SPレートコーナー*/
#sp_rate {
  margin: 30px auto;
}
/*タイトル*/
#sp_rate h3 {
  margin: 10px auto;
  line-height: 3rem;
  color: #005bac;
}
.info_sprate h4 {
  display: flex;
  align-items: center;
  margin: 10px auto;
  justify-content: center;
}
.info_sprate h4>img {
  width: 110px;
  padding: 0 5px 0 0;
}
/*テキスト*/
.tx_blue {
  color: #1691cd!important;
  font-weight: bold!important;
}
.info_sprate {
  border: 1px solid #005bac;
  border-radius: 10px;
  margin: 0 auto 20px;
  padding: 10px 20px;
}
.info_sprate ul li {
  position: relative;
  padding-left: 15px;
}
.info_sprate ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #005bac;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 8px;
  left: 0;
}
.small {
  font-size: 1.2rem;
}
/*表*/
#sp_rate #time_table01 {
  margin: 0 auto;
}
#sp_rate #time_table01 table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.85em;
  background: #fff;
}
#sp_rate #time_table01 .fnt700 {
  background: #5e8bb5;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
}
#sp_rate #time_table01 th, #sp_rate #time_table01 td {
  border: 1px solid #999;
  padding: 5px 10px;
  text-align: center;
  width: calc(100% / 12);
  color: #222;
  word-break: keep-all;
  font-weight: normal;
}
#sp_rate #time_table01 th {
  background: #e0e9f1;
}
#sp_rate #time_table01 th.tx_long {
  font-size: 1.1rem;
  padding: 5px;
  line-height: 1.3;
  letter-spacing: -0.05rem;
}
#sp_rate #time_table01 td.arrow {
  font-size: 2rem;
}
/*注意文*/
.sprate_note {
  margin: 15px auto 30px;
}
/*ボタン*/
.sprate_btn {
  width: 850px;
  margin: 0 auto;
}
.sprate_btn .sprate_container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin: 10px auto;
}
.sprate_btn .btn01_rt {
  width: calc((100% - (20px * 3)) / 4);
  margin-inline: auto;
  display: block;
  margin: 0;
}
.sprate_btn .btn01_rt.tx_long {
  font-size: 1.2rem;
}
.sprate_btn .btn01_rt.tx_long a {
  padding: 0 15px 0 0;
}
.sprate_btn .btn01_rt a {
  background: #005bac;
  display: block;
  padding: 0;
  line-height: 4.6rem;
  border-radius: 5px;
}
.sprate_btn .btn01_rt a::after {
  right: 7%;
}
.sprate_btn .btn01_rt a:hover {
  text-decoration: none;
}

/*PC*/
@media screen and (min-width: 768px) {
  #sp_rate #time_table01 td {
    position: relative;
  }
  #sp_rate #time_table01 td>sub, #sp_rate #time_table01 td>span>sub {
    position: absolute;
    bottom: 15px;
    right: -3px;
  }
}

/*SP*/
@media screen and (max-width: 767px) {
  /*SPレートコーナー*/
  /*表*/
  .scroll {
    overflow-x: scroll;
  }
  #sp_rate #time_table01 {
    overflow-y: unset;
    width: auto;
    margin: auto;
  }
  #sp_rate #time_table01 th, #time_table01 td {
    white-space: nowrap;
  }
  #sp_rate #time_table01::-webkit-scrollbar {
    height: 10px;
  }
  #sp_rate #time_table01::-webkit-scrollbar-track {
    background: #ddd;
  }
  #sp_rate #time_table01::-webkit-scrollbar-thumb {
    background: #aaa;
  }
  /*ボタン*/
  .sprate_btn {
    width: 100%;
  }
  .sprate_btn .sprate_container {
    flex-wrap: wrap;
    gap: 10px;
  }
  .sprate_btn .sprate_container .btn01_rt {
    width: calc((100% - (10px * 1)) / 2);
  }
}