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

/* サティス　グレード別機能一覧表 */
td {
  word-break:break-all;
}
.un_refore_tableSeriesFunction {
  border-collapse:collapse;
  box-sizing:border-box;
  margin: 0 20px 40px;
}
.un_refore_tableSeriesFunction th, 
.un_refore_tableSeriesFunction td { 
  padding:6px 8px;
  border:solid 1px #319b03;
}
.un_refore_tableSeriesFunction th { 
  background:#e7f0e3; 
  font-size: 14px;
}
.un_refore_tableSeriesFunction td { 
  font-size: 14px;
}
.un_refore_tableSeriesFunction p {
  font-weight: normal;
  font-size: 12px;
}
.un_refore_tableSeriesFunction th:not(.un_refore_tableSeriesFunction_rowTitle), 
.un_refore_tableSeriesFunction td:not(.un_refore_tableSeriesFunction_rowTitle) {
  text-align: center;
}

.un_refore_duration_costArea {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 20px;
}
.un_refore_duration_costArea .un_refore_duration_costArea_card {
	border:#ccc 1px solid; 
  display: flex;
  justify-content: space-between;
	padding: 15px; 
  width: calc((100% - 30px)/2 - 30px);
}
.un_refore_duration_costArea .un_refore_duration_costArea_card .un_refore_duration_costArea_card_img {
  height: auto;
}
.un_refore_duration_costArea .un_refore_duration_costArea_card .un_refore_duration_costArea_card_detail {
  font-weight: bold;
}
.un_refore_duration_costArea .un_refore_duration_costArea_card .un_refore_duration_costArea_card_detail .un_refore_duration_costArea_card_detail_productName {
  margin-bottom: 25px;
}
.un_refore_duration_costArea .un_refore_duration_costArea_card .un_refore_duration_costArea_card_detail .un_refore_duration_costArea_card_detail_productName .un_refore_duration_costArea_card_detail_productName_emphasize {
  color: var(--emphasisRed);
}
.un_refore_duration_costArea .un_refore_duration_costArea_card .un_refore_duration_costArea_card_detail .un_refore_duration_costArea_card_detail_price {
  color: var(--emphasisRed);
  display: block;
}
.un_refore_duration_costArea .un_refore_duration_costArea_card .un_refore_duration_costArea_card_detail .un_refore_duration_costArea_card_detail_price .un_refore_duration_costArea_card_detail_price_emphasize {
  font-size: 24px;
}

.un_refore_duration_annotation {
  color: var(--emphasisRed);
}

.un_refore_typeI_wrapper {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.un_refore_typeI_wrapper .un_refore_typeI {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.un_refore_typeI_wrapper .un_refore_typeI .un_refore_typeI_name {
  text-align: center;
}

.bl_panel + .un_refore_grade_desc {
  margin-top: -15px;
}
.un_refore_grade_desc {
  padding: 0 50px;
}
.un_refore_grade_desc .un_refore_grade_desc_img {
  margin-right: 5px;
}
.bl_panel + .un_refore_highGrade {
  margin-top: -15px;
}
.un_refore_highGrade {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
  padding-left: 24px;
  width: 30%;
}
.un_refore_highGrade .un_refore_highGrade_card {
  text-align: center;
}
.un_refore_highGrade .un_refore_highGrade_card .un_refore_highGrade_card_img {
  height: auto;
  width: 100%;
}
.un_refore_highGrade_card_desc_name + .un_refore_highGrade_card_desc_explanation {
  margin-top: 10px;
}
.un_refore_highGrade .un_refore_highGrade_card .un_refore_highGrade_card_desc .un_refore_highGrade_card_desc_explanation .un_refore_highGrade_card_desc_explanation_img {
  margin-right: 5px;
}

.un_refore_planGuide_phrase {
  color: var(--emphasisRed);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.un_refore_planGuide_phrase .un_refore_planGuide_phrase_emphasize {
  font-size: 28px;
}
.un_refore_planGuide_phrase + .un_refore_planGuide_link {
  margin-top: 20px;
}
.un_refore_planGuide_link {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 0 20px 30px;
}
.un_refore_estimateBtn {
  text-align: center;
  width: 100%;
}
.un_wcLixilRefore_makerBtn + .un_refore_estimateBtn{
  margin-top: 30px;
}
.un_wcLixilRefore_makerBtn {
  margin: 0 20px;
}
.un_refore_estimateBtn a {
  display: block;
}
.un_refore_estimateBtn + .el_hdg3 {
  margin-top: 30px;
}