.head-title.head-title_brand::before {
  content: "";
  display: block;
  width: 100%;
  left: 0;
  position: absolute;
}
.head-title.head-title_brand .brand img, .head-title.head-title_brand .icon img {
  width: auto;
}
.head-title.head-title_brand .brand {
  display: flex;
}
.head-title .model {
  font-weight: bold;
  position: absolute;
}
.head-title:has(.model) .ttl-page::after {
  content: "";
  display: inline-block;
  height: 0;
  line-height: 0;
}

.prod_intro .prod_intro_img .prod_photo {
  line-height: 0;
}
.prod_intro .prod_intro_img .prod_photo img {
  width: 100%;
  height: auto;
}
.prod_intro .prod_intro_img .prod_thumb li {
  width: 25%;
  cursor: pointer;
}
.prod_intro .prod_intro_img .prod_thumb img {
  width: 100%;
  height: auto;
}
.prod_intro .prod_intro_img .prod_thumb .cap {
  text-align: center;
  word-break: break-all;
  padding-left: 0.25em;
  margin-right: 0.25em;
}
.prod_intro .prod_intro_img .prod_thumb .slick-slide:not(.slick-current) {
  opacity: 0.5;
}
.prod_intro .prod_intro_img .prod_thumb .slick-current .thumb {
  position: relative;
}
.prod_intro .prod_intro_img .prod_thumb .slick-current .thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: #187fc4 1px solid;
  position: absolute;
  left: 0;
  top: 0;
}
.prod_intro .prod_intro_link {
  display: flex;
  flex-wrap: wrap;
}
.prod_intro .prod_intro_link .link {
  display: block;
  border: #187fc4 2px solid;
  color: #187fc4;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prod_intro .prod_intro_link .link::before {
  content: "";
  display: block;
  background: center center/cover no-repeat;
  aspect-ratio: 1/1;
  margin-right: 0.25em;
  flex-shrink: 0;
}
.prod_intro .prod_intro_link .link.catalog::before {
  background-image: url("../../../products/images/catalog.png");
}
.prod_intro .prod_intro_link .link.demo::before {
  background-image: url("../../../products/images/demo.png");
}

.prod_feature_ul li,
.prod_feature_dl dt {
  font-weight: bold;
  margin-left: 1em;
  text-indent: -1em;
}
.prod_feature_ul li::before,
.prod_feature_dl dt::before {
  content: "";
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  margin: 0.2em;
  position: relative;
  top: 0.1em;
  background-color: #187fc4;
}

.prod_size .prod_size_fig {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.prod_size .prod_size_fig > [class^="col-"] {
  float: none;
}

.scrollTable_wrapper.mxh30vh {
  max-height: 30vh;
}

.baseTable .btn_add {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background-color: #187fc4;
  font-weight: bold;
}
.baseTable .btn_dl {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.baseTable .btn_dl img {
  width: 100%;
  height: auto;
}

.select_flow {
  background-color: #e8f2f9;
}
.select_flow:not(.select_result) {
  position: relative;
}
.select_flow:not(.select_result)::after {
  content: "";
  display: block;
  border-color: #187fc4 transparent transparent;
  border-style: solid;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.select_flow input[type="radio"], .select_flow input[type="checkbox"] {
  margin-right: 0.5em;
}
.select_flow input[type="radio"] + label, .select_flow input[type="checkbox"] + label {
  cursor: pointer;
}
.select_flow input[type="number"] {
  text-align: right;
  line-height: 2em;
  height: 2em;
}
.select_flow input[type="number"] + .unit {
  margin-left: 0.5em;
}
.select_flow .select_img01, .select_flow .select_img02 {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.select_flow .select_img01 {
  aspect-ratio: 38/33;
}
.select_flow .select_img02 {
  aspect-ratio: 4/3;
}
.select_flow .cursortxt {
  text-align: center;
}

.select_ttl {
  color: #187fc4;
  font-weight: bold;
}
.select_ttl .num {
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  display: inline-block;
  width: 2rem;
  text-align: center;
}

.select_radio {
  display: flex;
  flex-wrap: wrap;
}
.select_radio li {
  padding-right: 1.5em;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
}

.select_input_table.baseTable {
  width: 100%;
}
.select_input_table.baseTable th {
  text-align: left;
  white-space: normal;
}
.select_input_table.baseTable td {
  text-align: right;
  white-space: nowrap;
  padding-top: 0;
  padding-bottom: 0;
}
.select_input_table.baseTable input[type="number"] {
  background-color: transparent;
  border: none;
  width: calc(100% - 2.5em);
}
.select_input_table.baseTable input[type="number"] + .unit {
  display: inline-block;
  width: 2em;
  text-align: left;
  margin-left: 0;
}

.select_result {
  text-align: center;
}
.select_result .select_left {
  background-color: #fff;
}

.select_result_ttl {
  font-weight: normal;
}

.select_result_table {
  margin-left: auto;
  margin-right: auto;
}
.select_result_table th {
  text-align: left;
  font-weight: bold;
}
.select_result_table .result {
  text-align: right;
  font-weight: bold;
}
.select_result_table .result .num {
  color: #187fc4;
}
.select_result_table .result .unit {
  margin-left: 0.25em;
}
.select_result_table .minmax {
  text-align: center;
}

.select_result_number {
  font-weight: bold;
}
.select_result_number .num {
  color: #e60012;
}
.select_result_number .unit {
  margin-left: 0.25em;
}

.select_button {
  display: block;
  background-color: #187fc4;
  text-align: center;
  font-weight: bold;
}
.select_button:link, .select_button:visited, .select_button:hover, .select_button:active {
  color: #fff;
}
.select_button:hover, .select_button:active {
  text-decoration: none;
}

.select_graph {
  border: #ccc 1px solid;
}
.select_graph .select_graph_ttl {
  text-align: center;
  font-weight: bold;
  color: #187fc4;
}
.select_graph .select_graph_simu_txt {
  /*
  		border: #333 1px solid;
  */
  text-align: center;
  font-weight: 500;
}

/*
	.head-title {
		&.head-title_brand {
			&.eron {
				&::before {
					background-color: map-get($property, color);
				}
				.brand {
					background-color: map-get($property, color);
				}
			}
		}
	}
	.eron {
		.refine {
			border-color: map-get($property, color);
			.refine_ttl {
				background-color: map-get($property, color);
			}
		}
		.ttl_lv1, .ttl_lv2 {
			&::before {
				background-color: map-get($property, color);
			}
		}
		.pageNav {
			a {
				&::before {
					border-color: map-get($property, color) transparent transparent;
				}
			}
		}
		.prod_intro {
			.prod_intro_feature {
				.prod_intro_feature_ttl {
					span {
						background-color: map-get($property, color);
					}
				}
				.prod_intro_feature_ul li,
				.prod_intro_feature_dl dt {
					&::before {
						background-color: map-get($property, color);
					}
				}
			}
		}
		.btn_add {
			background-color: map-get($property, color);
		}
		.baseTable {
			thead {
				th {
					background-color: map-get($property, color);
					color: #fff;
				}
			}
		}
	}
*/
/*
	.head-title {
		&.head-title_brand {
			&.nbk {
				&::before {
					background-color: map-get($property, color);
				}
				.brand {
					background-color: map-get($property, color);
				}
			}
		}
	}
	.nbk {
		.refine {
			border-color: map-get($property, color);
			.refine_ttl {
				background-color: map-get($property, color);
			}
		}
		.ttl_lv1, .ttl_lv2 {
			&::before {
				background-color: map-get($property, color);
			}
		}
		.pageNav {
			a {
				&::before {
					border-color: map-get($property, color) transparent transparent;
				}
			}
		}
		.prod_intro {
			.prod_intro_feature {
				.prod_intro_feature_ttl {
					span {
						background-color: map-get($property, color);
					}
				}
				.prod_intro_feature_ul li,
				.prod_intro_feature_dl dt {
					&::before {
						background-color: map-get($property, color);
					}
				}
			}
		}
		.btn_add {
			background-color: map-get($property, color);
		}
		.baseTable {
			thead {
				th {
					background-color: map-get($property, color);
					color: #fff;
				}
			}
		}
	}
*/
.prod_navi_inner {
  padding-left: min(2vw, 2rem);
  padding-right: min(2vw, 2rem);
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw1per {
  max-width: 9.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw2per {
  max-width: 19.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw3per {
  max-width: 28.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw4per {
  max-width: 38.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw5per {
  max-width: 48px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw6per {
  max-width: 57.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw7per {
  max-width: 67.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw8per {
  max-width: 76.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw9per {
  max-width: 86.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw10per {
  max-width: 96px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw11per {
  max-width: 105.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw12per {
  max-width: 115.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw13per {
  max-width: 124.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw14per {
  max-width: 134.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw15per {
  max-width: 144px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw16per {
  max-width: 153.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw17per {
  max-width: 163.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw18per {
  max-width: 172.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw19per {
  max-width: 182.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw20per {
  max-width: 192px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw21per {
  max-width: 201.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw22per {
  max-width: 211.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw23per {
  max-width: 220.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw24per {
  max-width: 230.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw25per {
  max-width: 240px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw26per {
  max-width: 249.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw27per {
  max-width: 259.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw28per {
  max-width: 268.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw29per {
  max-width: 278.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw30per {
  max-width: 288px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw31per {
  max-width: 297.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw32per {
  max-width: 307.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw33per {
  max-width: 316.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw34per {
  max-width: 326.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw35per {
  max-width: 336px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw36per {
  max-width: 345.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw37per {
  max-width: 355.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw38per {
  max-width: 364.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw39per {
  max-width: 374.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw40per {
  max-width: 384px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw41per {
  max-width: 393.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw42per {
  max-width: 403.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw43per {
  max-width: 412.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw44per {
  max-width: 422.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw45per {
  max-width: 432px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw46per {
  max-width: 441.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw47per {
  max-width: 451.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw48per {
  max-width: 460.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw49per {
  max-width: 470.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw50per {
  max-width: 480px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw51per {
  max-width: 489.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw52per {
  max-width: 499.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw53per {
  max-width: 508.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw54per {
  max-width: 518.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw55per {
  max-width: 528px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw56per {
  max-width: 537.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw57per {
  max-width: 547.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw58per {
  max-width: 556.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw59per {
  max-width: 566.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw60per {
  max-width: 576px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw61per {
  max-width: 585.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw62per {
  max-width: 595.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw63per {
  max-width: 604.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw64per {
  max-width: 614.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw65per {
  max-width: 624px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw66per {
  max-width: 633.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw67per {
  max-width: 643.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw68per {
  max-width: 652.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw69per {
  max-width: 662.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw70per {
  max-width: 672px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw71per {
  max-width: 681.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw72per {
  max-width: 691.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw73per {
  max-width: 700.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw74per {
  max-width: 710.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw75per {
  max-width: 720px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw76per {
  max-width: 729.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw77per {
  max-width: 739.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw78per {
  max-width: 748.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw79per {
  max-width: 758.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw80per {
  max-width: 768px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw81per {
  max-width: 777.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw82per {
  max-width: 787.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw83per {
  max-width: 796.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw84per {
  max-width: 806.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw85per {
  max-width: 816px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw86per {
  max-width: 825.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw87per {
  max-width: 835.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw88per {
  max-width: 844.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw89per {
  max-width: 854.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw90per {
  max-width: 864px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw91per {
  max-width: 873.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw92per {
  max-width: 883.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw93per {
  max-width: 892.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw94per {
  max-width: 902.4px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw95per {
  max-width: 912px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw96per {
  max-width: 921.6px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw97per {
  max-width: 931.2px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw98per {
  max-width: 940.8px;
}
.prod_navi_inner .scrollTable_wrapper.scrollTable_wrapper-mw99per {
  max-width: 950.4px;
}

@media screen and (min-width: 768px), print {
  .head-title.head-title_brand::before {
    top: 64px;
  }
  .head-title.head-title_brand .brand {
    position: absolute;
    right: 1rem;
    top: 20px;
  }
  .head-title.head-title_brand .brand img {
    height: 40px;
  }
  .head-title.head-title_brand .icon {
    position: absolute;
    right: 1em;
    top: 72px;
  }
  .head-title .head-title_inner:has(.brand) .breadcrumb {
    padding-right: 240px;
  }
  .head-title .head-title_inner:has(.icon) .ttl-page {
    padding-right: 96px;
  }
  .head-title .model {
    right: 1rem;
    bottom: 20px;
  }
  .head-title:has(.model) .ttl-page::after {
    width: 80px;
  }

  .prod_intro .prod_intro_img .prod_thumb {
    margin-top: 1rem;
  }
  .prod_intro .prod_intro_img .prod_thumb .cap {
    font-size: min(12px, 1vw);
    line-height: calc( min(12px, 1vw) + 4px);
    margin-top: 8px;
  }
  .prod_intro .prod_intro_link li {
    width: calc(50% - 0.5rem);
  }
  .prod_intro .prod_intro_link li + li {
    margin-left: 1rem;
  }
  .prod_intro .prod_intro_link .link {
    font-size: min(18px, 1.8vw);
    padding: 12px 4px;
  }
  .prod_intro .prod_intro_link .link::before {
    width: min(40px, 4vw);
  }
  .prod_intro .prod_intro_link .link:hover, .prod_intro .prod_intro_link .link:active {
    background-color: #d1e5f3;
    transition: .3s background-color;
  }

  .prod_feature_ul,
  .prod_feature_dl {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .prod_feature_ul li,
  .prod_feature_dl dt {
    font-size: 18px;
    line-height: 30px;
  }

  .prod_feature_ul li + li {
    margin-top: 0.5em;
  }

  .prod_feature_dl dt:not(:first-child) {
    margin-top: 0.5em;
  }
  .prod_feature_dl dd {
    margin-left: 18px;
    margin-top: 6px;
  }

  .prod_size .prod_size_fig .prod_size_fig_img {
    width: 50%;
  }

  .baseTable .btn_add {
    font-size: 14px;
    line-height: 28px;
    padding: 0px 12px;
  }
  .baseTable .btn_add:hover, .baseTable .btn_add:active {
    opacity: 0.7;
  }
  .baseTable .btn_dl {
    width: 36px;
  }
  .baseTable .btn_dl:hover, .baseTable .btn_dl:active {
    opacity: 0.7;
  }

  .select_flow {
    padding: 32px;
  }
  .select_flow + .select_flow {
    margin-top: 3rem;
  }
  .select_flow:not(.select_result)::after {
    bottom: -2rem;
    border-width: 1rem 1.732rem 0;
  }
  .select_flow input[type="radio"], .select_flow input[type="checkbox"] {
    margin-top: 0.4em;
  }
  .select_flow .kome {
    font-size: 14px;
    line-height: 24px;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .select_flow .cursortxt {
    font-size: 12px;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 4px;
  }

  .select_ttl {
    font-size: 22px;
    line-height: 34px;
  }
  .select_ttl .num {
    font-size: 30px;
  }

  .select_radio li {
    font-size: 18px;
    line-height: 30px;
  }

  .select_input_table th, .select_input_table td {
    font-size: 16px;
    line-height: 24px;
  }

  .select_result .select_left {
    padding: 1rem;
  }

  .select_result_ttl {
    font-size: 16px;
    line-height: 28px;
  }

  .select_result_table th {
    font-size: 18px;
    line-height: 30px;
  }
  .select_result_table .result .num {
    font-size: 28px;
  }
  .select_result_table .result .unit {
    font-size: 18px;
    line-height: 30px;
  }
  .select_result_table th, .select_result_table .result {
    padding-top: 4px;
  }
  .select_result_table .minmax {
    font-size: 14px;
    line-height: 26px;
  }

  .select_result_number {
    font-size: 24px;
    line-height: 36px;
  }
  .select_result_number .num {
    font-size: 36px;
    line-height: 36px;
  }

  .select_button {
    font-size: 20px;
    line-height: 32px;
    padding: 26px 1rem;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    transition: .3s background-color;
  }
  .select_button:hover, .select_button:active {
    background-color: rgba(24, 127, 196, 0.8);
  }

  .select_graph {
    padding: calc(2rem - 1px);
  }
  .select_graph .select_graph_ttl {
    font-size: 24px;
    line-height: 36px;
  }
  .select_graph .select_graph_img {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  .select_flow_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .select_flow:not(.select_flow_half) {
    width: 100%;
  }
  .select_flow.select_flow_half {
    width: calc(50% - 1.5rem);
  }
  .select_flow.select_flow_half + .select_flow.select_flow_half {
    margin-top: 0;
  }
  .select_flow.select_flow_half:has(+ .select_flow_half)::after {
    transform: rotate(-90deg);
    transform-origin: center bottom;
    left: auto;
    right: -3.732rem;
    bottom: 50%;
  }

  .select_2cols:not(.select_2cols_float) {
    display: flex;
    justify-content: space-between;
  }
  .select_2cols .select_left {
    width: calc(200%/3 - 1rem);
  }
  .select_2cols .select_right {
    width: calc(100%/3 - 1rem);
  }
  .select_result .select_2cols {
    align-items: center;
  }
  .select_result .select_2cols .select_left, .select_result .select_2cols .select_right {
    width: calc(50% - 1rem);
  }
  .select_2cols.select_2cols_float .select_left {
    float: left;
  }
  .select_2cols.select_2cols_float .select_right {
    float: right;
  }

  .select_1col .select_right {
    margin: 1rem 6.25% 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px), print {
  .select_flow .select_right, .select_flow .select_left .visible-sm {
    margin: 1rem 25% 0;
  }
}
@media screen and (max-width: 767px) {
  .head-title.head-title_brand::before {
    top: 0;
  }
  .head-title.head-title_brand .brand, .head-title.head-title_brand .icon {
    float: right;
    margin-right: -8px;
  }
  .head-title.head-title_brand .brand {
    margin-top: -10px;
  }
  .head-title.head-title_brand .brand img {
    height: 24px;
  }
  .head-title.head-title_brand .icon {
    clear: right;
    margin-top: 6px;
    margin-left: 8px;
  }
  .head-title.head-title_brand .icon img {
    height: 16px;
  }
  .head-title .model {
    font-size: 12px;
    line-height: 20px;
  }
  .head-title .model {
    position: absolute;
    right: 10px;
    bottom: -12px;
  }
  .head-title:has(.model) .ttl-page::after {
    width: 60px;
  }

  .prod_intro .prod_intro_img .prod_photo {
    padding-left: 15%;
    padding-right: 15%;
  }
  .prod_intro .prod_intro_img .prod_thumb {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 1rem;
  }
  .prod_intro .prod_intro_img .prod_thumb .cap {
    font-size: 10px;
    line-height: 14px;
    margin-top: 6px;
  }
  .prod_intro .prod_intro_link li {
    width: calc(50% - 0.25rem);
  }
  .prod_intro .prod_intro_link li + li {
    margin-left: 0.5rem;
  }
  .prod_intro .prod_intro_link .link {
    font-size: 14px;
    padding: 12px 4px;
  }
  .prod_intro .prod_intro_link .link::before {
    width: 28px;
  }

  .prod_feature_ul,
  .prod_feature_dl {
    padding-left: 0.6rem;
  }

  .prod_feature_ul li,
  .prod_feature_dl dt {
    font-size: 16px;
    line-height: 24px;
  }

  .prod_feature_ul li + li {
    margin-top: 0.25em;
  }

  .prod_feature_dl dt:not(:first-child) {
    margin-top: 0.25em;
  }
  .prod_feature_dl dd {
    margin-left: 16px;
    margin-top: 4px;
  }

  .prod_size .prod_size_fig .prod_size_fig_img {
    width: 100%;
    width: 100%;
  }

  .baseTable .btn_add {
    font-size: 12px;
    line-height: 24px;
    padding: 0px 8px;
  }
  .baseTable .btn_dl {
    width: 30px;
  }

  .select_flow {
    padding: 14px;
  }
  .select_flow + .select_flow {
    margin-top: 2rem;
  }
  .select_flow:not(.select_result)::after {
    bottom: -1.375rem;
    border-width: 0.75rem 1.3rem 0;
  }
  .select_flow input[type="radio"], .select_flow input[type="checkbox"] {
    margin-top: 0.3em;
  }
  .select_flow .kome {
    font-size: 12px;
    line-height: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .select_flow .cursortxt {
    font-size: 10px;
    line-height: 16px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 4px;
  }
  .select_flow .select_right, .select_flow .select_left .visible-xs {
    margin: 1rem 12.5% 0;
  }

  .select_ttl {
    font-size: 18px;
    line-height: 26px;
  }
  .select_ttl .num {
    font-size: 24px;
  }

  .select_radio li {
    font-size: 16px;
    line-height: 24px;
  }

  .select_input_table th, .select_input_table td {
    font-size: 14px;
    line-height: 22px;
  }
  .select_input_table input[type="number"] {
    font-size: 16px;
  }

  .select_result .select_left {
    padding: 1rem;
  }

  .select_result_ttl {
    font-size: 14px;
    line-height: 22px;
  }

  .select_result_table th {
    font-size: 16px;
    line-height: 24px;
  }
  .select_result_table .result .num {
    font-size: 20px;
  }
  .select_result_table .result .unit {
    font-size: 16px;
    line-height: 24px;
  }
  .select_result_table th, .select_result_table .result {
    padding-top: 4px;
  }
  .select_result_table .minmax {
    font-size: 12px;
    line-height: 20px;
  }

  .select_result_number {
    font-size: 18px;
    line-height: 26px;
  }
  .select_result_number .num {
    font-size: 24px;
    line-height: 26px;
  }

  .select_button {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .select_graph {
    padding: calc(1rem - 1px);
  }
  .select_graph .select_graph_ttl {
    font-size: 18px;
    line-height: 26px;
  }
}