@charset "UTF-8";
/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 .p_isharyo — 不倫慰謝料離婚問題詳細
 p_saimu のクラスは css.php で p_saimu.css を読み込む
====================================================================== */
.p_isharyo .l_container {
  overflow-x: hidden;
}
.p_isharyo .p_saimu_cases_groups {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .p_isharyo .p_saimu_cases_groups {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p_isharyo .p_saimu_cases_group {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 15px;
  }
  .p_isharyo .p_saimu_cases_group:last-child {
    margin-bottom: 0;
  }
  .p_isharyo .p_saimu_cases_group .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 0;
  }
  .p_isharyo .p_saimu_cases_group .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
  }
  .p_isharyo .p_saimu_cases_group .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #e3e3e3;
    font-size: 0;
    line-height: 0;
    color: transparent;
    cursor: pointer;
  }
  .p_isharyo .p_saimu_cases_group .slick-dots li.slick-active button {
    background: #00567e;
  }
}
.p_isharyo .p_saimu_cases_card {
  min-height: 579px;
}
@media screen and (max-width: 768px) {
  .p_isharyo .p_saimu_cases_card {
    min-height: 0;
  }
}
.p_isharyo .p_saimu_cases_graph_bars {
  justify-content: center;
  gap: 4px;
}
.p_isharyo .p_saimu_cases_graph._gain .p_saimu_cases_graph_badge {
  top: 10px;
  left: 50%;
  right: auto;
  width: 150px;
  height: auto;
  transform: translateX(-50%);
}
.p_isharyo .p_saimu_cases_graph._gain .p_saimu_cases_graph_badge img {
  display: block;
  width: 100%;
  height: auto;
}
.p_isharyo .p_saimu_cases_graph._gain .p_saimu_cases_graph_col._single {
  width: 88px;
  align-items: center;
}
.p_isharyo .p_saimu_cases_graph._gain .p_saimu_cases_graph_bar_img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.p_isharyo .p_saimu_cases_graph._gain .p_saimu_cases_graph_labels._single {
  justify-content: center;
}
.p_isharyo .p_saimu_cases_graph._gain .p_saimu_cases_graph_labels._single .p_saimu_cases_graph_label {
  min-width: 111px;
  background: #00567e;
  color: #fff;
  border: 1px solid #00567e;
}
.p_isharyo .p_saimu_cases_graph._reduce .p_saimu_cases_graph_badge {
  top: 10px;
  right: 16px;
  width: auto;
  height: auto;
}
.p_isharyo .p_saimu_cases_graph._reduce .p_saimu_cases_graph_badge img {
  display: block;
  width: auto;
  max-width: 110px;
  height: auto;
}
.p_isharyo .p_saimu_cases_graph._reduce .p_saimu_cases_graph_col._arrow {
  position: static;
  left: auto;
  top: auto;
  width: 66px;
  height: auto;
  transform: none;
  z-index: auto;
  pointer-events: auto;
  align-self: stretch;
  justify-content: flex-start;
  margin: 0 0 0 -10px;
}
.p_isharyo .p_saimu_cases_graph._reduce .p_saimu_cases_graph_arrow {
  display: block;
  width: 66px;
  height: 93px;
  max-width: 66px;
}
.p_isharyo .p_saimu_cases_graph._reduce .p_saimu_cases_graph_col._after {
  width: 80px;
}
.p_isharyo .p_saimu_cases_graph._reduce .p_saimu_cases_graph_bar_img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.p_isharyo .p_saimu_cases_graph._reduce .p_saimu_cases_graph_bar_img._thin {
  margin-top: 4px;
}
.p_isharyo .p_saimu_cases_graph_bar_img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.p_isharyo .p_saimu_fee_caption._section {
  margin-top: 40px;
  margin-bottom: 0;
  font-weight: 700;
}
.p_isharyo .p_saimu_cost_tbl._caption {
  margin-top: 20px;
}
.p_isharyo .p_saimu_cost_tbl._caption + .p_isharyo .p_saimu_cost_tbl._caption {
  margin-top: 30px;
}

/*# sourceMappingURL=p_isharyo.css.map */