@charset "utf-8";@charset "UTF-8";
/* -------------------------------------------- *
 *  物件一覧詳細条件設定
 * -------------------------------------------- */
html {
  scroll-behavior: smooth;
}

.sec-overlay {
  padding-top: 5px;
  background-color: #f5f5f5;
}

body.is-having-fixed-stuff-bottom .sec-overlay:not(.has-sticky) {
  overflow-y: hidden;
}
body.is-having-fixed-stuff-bottom .sec-overlay.has-sticky .mod-overlay {
  position: relative;
  min-height: 100dvh;
}
body.is-having-fixed-stuff-bottom.is-priority-inactive {
  padding-bottom: 52px;
}
body.is-having-fixed-stuff-bottom .sec-overlay:not(.has-sticky)::after {
  content: "";
  display: block;
  padding-bottom: 4.5em;
}
@charset "UTF-8";
/* = mod-contentsHeader
----------------------------------------------- *
 * ページ見出し
----------------------------------------------- */
.mod-contentsHeader {
  font-size: 1rem;
  margin: 10px;
}

.mod-contentsHeader .heading {
  line-height: 1.2;
}

.mod-contentsHeader .heading .label {
  font-size: 1.125em;
  font-weight: bold;
}
@charset "UTF-8";
/* = mod-condSetting
----------------------------------------------- *
 * 条件設定
----------------------------------------------- */
.mod-condSetting {
  font-size: 16px;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.mod-condSetting.sale .select {
  padding: 0;
}

/* ui-eading 打ち消し */
.mod-condSetting .heading {
  position: static;
  border-top-width: 0;
  border-bottom-width: 0;
  font-size: inherit;
  background: none;
  text-shadow: none;
  padding: 15px 10px 0;
  font-weight: bold;
}

.mod-condSetting .heading::before {
  content: none;
}

/* 設定枠：セレクトボックス */
.mod-condSetting .select {
  padding: 10px;
}

.mod-condSetting .select select {
  -webkit-appearance: none;
  appearance: none;
  width: 42%;
  padding: 0.5em;
  border: 2px solid #a5a5a5;
  border-radius: 4px;
  line-height: 1.2;
  background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M99.6%2C46.9l-4.2-4.2c-1.6-1.6-4.1-1.6-5.7%2C0l-26.9%2C26.8c-1.6%2C1.6-4.1%2C1.6-5.7%2C0l-26.8-26.8c-1.6-1.6-4.1-1.6-5.7%2C0l-4.2%2C4.2c-1.6%2C1.6-1.6%2C4.1%2C0%2C5.7l36.8%2C36.8c.8.8%2C1.8%2C1.2%2C2.8%2C1.2%2C1%2C0%2C2.1-.4%2C2.8-1.2l36.8-36.8c1.6-1.6%2C1.6-4.1%2C0-5.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 100% 50%;
  background-position: right 0.5em top 50%;
  background-size: 0.75em;
  font-size: inherit;
  color: inherit;
}

.mod-condSetting .select select.is-selected {
  border-color: #ed6103;
}

/* 設定枠：チェックボックス */
.mod-condSetting .heading + .checkbox {
  margin-top: 15px;
}

.mod-condSetting .checkbox .checkboxList,
.mod-condSetting .checkbox .checkboxList .checkboxListItem .childList {
  border-top: 1px solid #d8d8d8;
}

.mod-condSetting .checkbox .checkboxList .checkboxListItem {
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
}

.mod-condSetting .checkbox .checkboxList .checkboxListItem:last-child {
  border-bottom: 0;
}

.mod-condSetting .checkbox .checkboxList .listItem,
.mod-condSetting .checkbox .checkboxList .checkboxListItem .childList .childListItem {
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.mod-condSetting .checkbox .checkboxList .listItem:nth-of-type(odd):not(.full),
.mod-condSetting .checkbox .checkboxList .checkboxListItem .childList .childListItem:first-child,
.mod-condSetting .checkbox .checkboxList .checkboxListItem .childList .childListItem:nth-of-type(3) {
  border-right: 1px solid #d8d8d8;
}

.mod-condSetting .checkbox .checkboxList .listItem.full {
  float: none;
  width: 100%;
}

.mod-condSetting .checkbox .checkboxList .listItem:nth-of-type(odd):not(:last-of-type):not(:nth-last-of-type(2)),
.mod-condSetting .checkbox .checkboxList .listItem:nth-of-type(even):not(:last-of-type),
.mod-condSetting .checkbox .checkboxList .checkboxListItem .childList .childListItem:first-child,
.mod-condSetting .checkbox .checkboxList .checkboxListItem .childList .childListItem:nth-of-type(2) {
  border-bottom: 1px solid #d8d8d8;
}

.mod-condSetting .checkbox .checkboxList .item {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.mod-condSetting .checkbox .checkboxList .name,
.mod-condSetting .checkbox .checkboxList .icon {
  display: table-cell;
  height: 3.6em;
  padding: 0 10px;
  line-height: 1.2;
  font-size: 0.9375em;
  vertical-align: middle;
}

.mod-condSetting .checkbox .checkboxList .name.group {
  font-weight: bold;
}

.mod-condSetting .checkbox .checkboxList .icon {
  width: 1em;
  padding-right: 0;
}

.mod-condSetting .checkbox .checkboxList::after {
  clear: both;
  content: "";
  display: block;
}

.mod-condSetting .checkbox + .annotation {
  padding: 0.43rem;
  border-top: 1px dotted #d8d8d8;
}

.mod-condSetting.reformRenovation .checkbox .checkboxList .listItem:first-child {
  width: 100%;
  border: 0;
  font-weight: bold;
}

.mod-condSetting.reformRenovation .checkbox .checkboxList .listItem:nth-of-type(2) {
  border-right: 1px solid #d8d8d8;
}

.mod-condSetting.reformRenovation .checkbox .checkboxList .listItem:nth-of-type(3) {
  border-bottom: 1px solid #d8d8d8;
  border-right: 0;
}

.mod-condSetting.reformRenovation .checkbox .checkboxList .listItem:nth-of-type(4) {
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}

.mod-condSetting.reformRenovation .trigger {
  text-align: center;
  padding: 18px 10px;
  line-height: 1.2;
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 0.875em;
}

.mod-condSetting.reformRenovation .trigger:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M99.6%2C46.9l-4.2-4.2c-1.6-1.6-4.1-1.6-5.7%2C0l-26.9%2C26.8c-1.6%2C1.6-4.1%2C1.6-5.7%2C0l-26.8-26.8c-1.6-1.6-4.1-1.6-5.7%2C0l-4.2%2C4.2c-1.6%2C1.6-1.6%2C4.1%2C0%2C5.7l36.8%2C36.8c.8.8%2C1.8%2C1.2%2C2.8%2C1.2%2C1%2C0%2C2.1-.4%2C2.8-1.2l36.8-36.8c1.6-1.6%2C1.6-4.1%2C0-5.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 0.75em;
  vertical-align: text-top;
  padding: 0 0.2em;
}

.mod-condSetting.reformRenovation .trigger.is-selected:after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M57.3%2C30.3l-36.2%2C36.1c-1.5%2C1.5-1.5%2C4%2C0%2C5.5l5.7%2C5.7c1.5%2C1.5%2C4%2C1.5%2C5.5%2C0l24.9-24.9c1.5-1.5%2C4-1.5%2C5.5%2C0l24.9%2C24.9c1.5%2C1.5%2C4%2C1.5%2C5.5%2C0l5.8-5.7c1.5-1.5%2C1.5-4%2C0-5.5l-36.2-36.1c-1.5-1.5-3.9-1.5-5.4%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.mod-condSetting.reformRenovation .accordion {
  padding: 15px 10px 9px;
  font-size: 0.875em;
  border-top: 1px solid #d8d8d8;
  display: none;
}

.mod-condSetting.reformRenovation .accordion .category {
  padding-bottom: 10px;
  overflow: hidden;
}

.mod-condSetting.reformRenovation .accordion .category:last-child {
  padding: 0;
}

.mod-condSetting.reformRenovation .accordion .category .categoryTitle {
  font-weight: bold;
  margin-bottom: 6px;
  color: #ed6103;
  line-height: 1.2;
}

.mod-condSetting.reformRenovation .accordion .category .categoryTitle .modalIcon {
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  color: #6c6c6c;
  font-size: 0.75rem;
  font-weight: normal;
  text-decoration: none;
  padding: 1px 4px;
}

.mod-condSetting.reformRenovation .accordion .category .categoryText {
  margin-bottom: 6px;
  line-height: 1.2;
}

.mod-condSetting.reformRenovation .accordion .category .categoryDetail {
  line-height: 1.2;
}

.mod-condSetting.reformRenovation .accordion .category .categoryDetail .categoryList .categoryListItem {
  box-sizing: border-box;
  float: left;
  margin-bottom: 6px;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  width: 33.3%; /* 100% / 3 */
  line-height: 1.2;
}

.mod-condSetting.reformRenovation .accordion .category .categoryDetail .categoryList .categoryListItem:only-child {
  width: 100%;
}

.mod-condSetting.reformRenovation .accordion .category .categoryDetail .categoryList .categoryListItem::before {
  background-color: #666;
  border-radius: 3px;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  top: 4px; /* 0.5em - 3px */
  width: 6px;
}

.mod-condSetting.reformRenovation .accordion .category .categoryDetail .note {
  margin-bottom: 10px;
  display: block;
  font-size: 0.87rem;
}

.mod-condSetting.reformRenovation .accordion .category .categoryDetail .categoryList .sentence {
  margin-bottom: 10px;
}

/* checkbox */
/* ui-checkboxの打ち消し */
.mod-condSetting input[type=checkbox] {
  /* 設定 */
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  width: 1.5em;
  height: 1.5em;
  margin: 0;
  border: 2px solid #a5a5a5;
  border-radius: 2px;
  background: #fff;
  font-size: 1em;
  vertical-align: bottom;
  cursor: pointer;
}

.mod-condSetting input[type=checkbox]:checked {
  border-color: #ed6103;
  background: #ed6103 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M110.8%2C8.6c-31.6%2C16.2-54%2C67.7-54%2C67.7l-20.9-19-25.5%2C15.4c10.8%2C3.9%2C34.8%2C16.2%2C47.9%2C32.4%2C9.3-17%2C39.2-52.1%2C53.1-55.2.1-16%2C0-27.9-.6-41.3z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1.35em; /* 0.75 * 1.8em */
}

.mod-condSetting input[type=checkbox]:disabled {
  border-color: #d8d8d8;
  background: #ebebeb;
  cursor: default;
}

/* checkbox反転 現状新築戸建てのみでの利用 */
.mod-condSetting .inverted input[type=checkbox] {
  /* 設定 */
  -webkit-appearance: none;
  appearance: none;
  width: 1.5em;
  height: 1.5em;
  margin: 0;
  border: 2px solid #ed6103;
  border-radius: 2px;
  font-size: 1em;
  vertical-align: bottom;
  cursor: pointer;
  background: #ed6103 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M110.8%2C8.6c-31.6%2C16.2-54%2C67.7-54%2C67.7l-20.9-19-25.5%2C15.4c10.8%2C3.9%2C34.8%2C16.2%2C47.9%2C32.4%2C9.3-17%2C39.2-52.1%2C53.1-55.2.1-16%2C0-27.9-.6-41.3z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1.35em; /* 0.75 * 1.8em */
}

.mod-condSetting .inverted input[type=checkbox]:checked {
  border-color: #a5a5a5;
  background: #fff;
}

/* こだわり条件：ラベル */
.mod-condSetting .label {
  padding: 15px 10px;
  border-top: 1px solid #d8d8d8;
  font-weight: bold;
}

.mod-condSetting .heading + .label {
  margin-top: 15px;
}

/* 物件種別 */
.mod-condSetting .mbg {
  margin: 10px 10px 20px;
}

.mod-condSetting .mbg .currentMbg {
  margin: 10px 0;
  line-height: 1.4;
  font-size: 0.875em;
}

.mod-condSetting .mbg .changeMbg {
  padding-bottom: 15px;
}

.mod-condSetting .mbg .changeMbg .button {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 1em 10px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  line-height: 1;
  color: #ed6103;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.mod-condSetting .mbg .changeMbg .button.color-mono {
  color: #000;
}

/* 通勤・通学時間検索 */
.mod-condSetting .transitList {
  margin: 10px;
}

.mod-condSetting .transit {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 3em 10px 10px;
  line-height: 1.4;
  font-size: 0.875em;
  background-color: #f5f5f5;
}

.mod-condSetting .transit_delete {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1em;
  padding: 0.75em;
  border-left: 1px solid #d8d8d8;
}

.mod-condSetting .transit_delete .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M70.7%2C62.2l30.1-30.1c2.9-2.9%2C2.9-7.7%2C0-10.6-2.9-2.9-7.7-2.9-10.6%2C0l-30.1%2C30.1-30.1-30.1c-2.9-2.9-7.7-2.9-10.6%2C0s-2.9%2C7.7%2C0%2C10.6l30.1%2C30.1-30.1%2C30.1c-2.9%2C2.9-2.9%2C7.7%2C0%2C10.6%2C1.5%2C1.5%2C3.4%2C2.2%2C5.3%2C2.2s3.8-.7%2C5.3-2.2l30.1-30.1%2C30.1%2C30.1c1.5%2C1.5%2C3.4%2C2.2%2C5.3%2C2.2s3.8-.7%2C5.3-2.2c2.9-2.9%2C2.9-7.7%2C0-10.6l-30.1-30.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 1em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.mod-condSetting .transitSetting {
  margin: 10px 10px 20px;
  padding-bottom: 15px;
}

.mod-condSetting .transitSetting .button {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 1em 10px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  line-height: 1;
  color: #ed6103;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.mod-condSetting .transitSetting .button.color-mono {
  color: #000;
}

/* オンライン対応 */
.mod-condSetting .explainOnlinePreview {
  border-top: 1px solid #d8d8d8;
  line-height: 1.3;
  font-size: 0.875em;
}

.mod-condSetting .explainOnlinePreview .question {
  padding: 15px 10px;
  background-color: #fbf3ed;
}

.mod-condSetting .explainOnlinePreview .question .anchor {
  float: right;
  margin-top: 10px;
  line-height: 1.143;
}

.mod-condSetting .explainOnlinePreview .question .anchor .txt {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-weight: bold;
}

.mod-condSetting .explainOnlinePreview .question .anchor .txt::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M99.6%2C46.9l-4.2-4.2c-1.6-1.6-4.1-1.6-5.7%2C0l-26.9%2C26.8c-1.6%2C1.6-4.1%2C1.6-5.7%2C0l-26.8-26.8c-1.6-1.6-4.1-1.6-5.7%2C0l-4.2%2C4.2c-1.6%2C1.6-1.6%2C4.1%2C0%2C5.7l36.8%2C36.8c.8.8%2C1.8%2C1.2%2C2.8%2C1.2%2C1%2C0%2C2.1-.4%2C2.8-1.2l36.8-36.8c1.6-1.6%2C1.6-4.1%2C0-5.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 0.75em;
  font-size: 16px;
}

.mod-condSetting .explainOnlinePreview .question .anchor.open .txt::after {
  transform: rotate(-180deg);
}

.mod-condSetting .explainOnlinePreview .question .anchor .ui-svg-icon {
  display: none;
}

.mod-condSetting .explainOnlinePreview .mainContent {
  display: none;
  padding: 0 10px;
}

.mod-condSetting .explainOnlinePreview .caption {
  margin: 10px 0;
  padding-top: 10px;
  text-align: center;
}

.mod-condSetting .explainOnlinePreview .caption img {
  max-width: 100%;
}

.mod-condSetting .explainOnlinePreview .mainText {
  margin: 20px 0;
}

.mod-condSetting .explainOnlinePreview .explanation {
  padding-bottom: 10px;
}

.mod-condSetting .explainOnlinePreview .explanation,
.mod-condSetting .explainOnlinePreview .explanation dl,
.mod-condSetting .explainOnlinePreview .explanation dt,
.mod-condSetting .explainOnlinePreview .explanation dd {
  margin: 10px 0;
}

.mod-condSetting .explainOnlinePreview .explanation .lead {
  color: #ed6103;
  font-weight: bold;
}

/* clearfix */
.mod-condSetting .explainOnlinePreview .question:after {
  content: "";
  clear: both;
  display: block;
}

/* フリーワード */
.mod-condSetting .freeword {
  padding: 15px 10px;
}

.mod-condSetting .freeword .pseudoInput {
  display: block;
  overflow: hidden;
}

.mod-condSetting .freeword .pseudoInput.is-fill {
  position: relative;
  padding-right: 2em;
}

.mod-condSetting .freeword .pseudoInput .input {
  display: block;
}

.mod-condSetting .freeword .pseudoInput input {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 2.5em;
  padding: 0.75em 0.5em;
  border: 1px solid #a5a5a5;
  border-radius: 4px;
  line-height: 1;
  font-size: inherit;
}

/* フリーワード：オプション：絞り込み */
.mod-condSetting .freeword .fwTypeList {
  margin: 10px 0;
  font-size: 0.875em;
}

.mod-condSetting .freeword .fwTypeListItem {
  float: left;
}

.mod-condSetting .freeword .fwTypeListItem + .fwTypeListItem {
  margin-left: 15px;
}

.mod-condSetting .freeword .fwTypeListItem .item label {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}

.mod-condSetting .freeword .fwTypeList::after {
  content: "";
  display: block;
  clear: both;
}

/* フリーワード：オプション：除外ワード */
.mod-condSetting .freeword .excludeTriger {
  display: inline-block;
  margin: 10px 0;
  color: inherit;
  font-size: 0.875em;
  font-weight: bold;
  text-decoration: none;
}

.mod-condSetting .freeword .excludeTriger::before {
  content: "＋";
  display: inline-block;
  margin-right: 5px;
  padding: 0.125em;
  border-radius: 50%;
  color: #fff;
  background-color: #6c6c6c;
  text-align: center;
}

.mod-condSetting .freeword .excludeTriger.is-selected::before {
  content: "－";
}

.mod-condSetting .freeword .excludeWord {
  display: none;
}

.mod-condSetting .freeword .is-selected + .excludeWord {
  display: block;
}

/* radio */
.mod-condSetting input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 1.5em;
  height: 1.5em;
  margin-right: 5px;
  padding: 0.3em;
  border: 0.15em solid #a5a5a5;
  border-radius: 50%;
  background-color: #fff;
  background-clip: content-box;
  font-size: 1em;
  vertical-align: middle;
  cursor: pointer;
}

.mod-condSetting input[type=radio]:checked {
  border-color: #ed6103;
  background-color: #ed6103;
}

/* 新築注釈 */
.mod-condSetting small {
  display: block;
  margin-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  font-size: 0.875em;
}

.mod-condSetting .supportTextContainer {
  border-top: 1px solid #d8d8d8;
  line-height: 1.3;
  font-size: 0.875em;
}

.mod-condSetting .supportTextSection {
  padding: 15px 10px;
  background-color: #fbf3ed;
}

.mod-condSetting .selectBar {
  padding: 10px 0;
  overflow-x: hidden;
}

.mod-condSetting .selectBar .select {
  margin: 0 auto 8px;
  width: 80%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mod-condSetting .selectBar .graph {
  width: 80%;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}

.mod-condSetting .selectBar .graph .graphLabel {
  font-size: 0.625em;
  color: #6c6c6c;
  writing-mode: vertical-rl;
  text-orientation: upright;
  position: absolute;
  bottom: 10%;
  left: 0;
  transform: translate(-80%, -20%);
}

.mod-condSetting .selectBar .graph svg g rect {
  transition: 0.3s;
}

.mod-condSetting .selectBar .slider {
  width: 80%;
  max-width: 500px;
  box-sizing: border-box;
  margin: 0 auto 8px;
  position: relative;
  display: flex;
  align-items: start;
}

.mod-condSetting .selectBar .slider .bar {
  width: 100%;
  display: flex;
}

.mod-condSetting .selectBar .slider .handle-wrap {
  display: flex;
  position: absolute;
  width: 4em;
  height: 4em;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
}

.mod-condSetting .selectBar .slider .handle-wrap.left {
  margin-left: -3em;
}

.mod-condSetting .selectBar .slider .handle-wrap.left .handle {
  margin-left: 2em;
}

.mod-condSetting .selectBar .slider .handle-wrap.right {
  margin-left: -1em;
}

.mod-condSetting .selectBar .slider .handle-wrap.right .handle {
  margin-left: -2em;
}

.mod-condSetting .selectBar .slider .handle-wrap .handle {
  display: flex;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

.mod-condSetting .selectBar .slider .handle-wrap.is-selected .handle {
  border: 1px solid #ed6103;
}

.mod-condSetting .selectBar .slider .handle-wrap.is-moving .handle {
  box-shadow: 0 0 0 10px rgba(255, 171, 0, 0.4);
}

.mod-condSetting .selectBar .scale {
  width: 80%;
  max-width: 500px;
  margin: 0 auto 20px;
  position: relative;
}

.mod-condSetting .selectBar .scale .graphScale {
  font-size: 0.625em;
  color: #6c6c6c;
  position: absolute;
  white-space: nowrap;
  transform: translateX(-50%);
}

.mod-condSetting .selectBar .scale .graphScale:first-child {
  left: 1.78%; /* 0目盛り 5/280 */
}

.mod-condSetting .selectBar .scale .graphScale:nth-child(2) {
  left: 21.07%; /* 2000目盛り 59/280 */
}

.mod-condSetting .selectBar .scale .graphScale:nth-child(3) {
  left: 46.79%; /* 4000目盛り 131/280 */
}

.mod-condSetting .selectBar .scale .graphScale:nth-child(4) {
  left: 72.5%; /* 6000目盛り 203/280 */
}

.mod-condSetting .selectBar .scale .graphScale:nth-child(5) {
  left: 91.78%; /* 8000目盛り 203/280 */
  transform: translateX(-40%);
}

.mod-condSetting .selectBar .scale::after {
  display: block;
  content: "(万円)";
  font-size: 0.625em;
  color: #6c6c6c;
  position: absolute;
  right: 0;
  transform: translateX(100%);
}

.mod-condSetting.popularCondition {
  margin-left: 11px;
  margin-right: 11px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
}

.mod-condSetting.popularCondition .heading {
  margin-top: 0px;
  background-color: #fff8eb;
  padding-bottom: 15px;
  color: #ed6103;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-weight: 600;
}

.mod-condSetting.popularCondition .checkbox {
  margin-top: 0px;
}

.mod-condSetting.popularCondition .checkbox .checkboxList .icon {
  padding-left: 16px;
}

.mod-condSetting.popularCondition .checkbox .checkboxList .name {
  font-size: 14px;
  line-height: 15px;
}
@charset "UTF-8";
/* = mod-collapsibleSet
----------------------------------------------- *
 * 開閉可能コンテンツの枠組み
 * [構造]
 * .mod-collapsibleSet
 *   a.heading.prg-is-selectable(.is-selected)
 *   .content
----------------------------------------------- */
.mod-collapsibleSet {
  font-size: 1rem;
}

.mod-collapsibleSet .group {
  margin: 20px 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* 見出し */
.mod-collapsibleSet > .heading,
.mod-collapsibleSet .group > .heading {
  position: relative;
  display: block;
  padding: 15px 10px;
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}

.mod-collapsibleSet > .heading {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.mod-collapsibleSet .group > .heading {
  border-radius: 4px;
}

.mod-collapsibleSet > .heading::after,
.mod-collapsibleSet .group > .heading::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M99.6%2C46.9l-4.2-4.2c-1.6-1.6-4.1-1.6-5.7%2C0l-26.9%2C26.8c-1.6%2C1.6-4.1%2C1.6-5.7%2C0l-26.8-26.8c-1.6-1.6-4.1-1.6-5.7%2C0l-4.2%2C4.2c-1.6%2C1.6-1.6%2C4.1%2C0%2C5.7l36.8%2C36.8c.8.8%2C1.8%2C1.2%2C2.8%2C1.2%2C1%2C0%2C2.1-.4%2C2.8-1.2l36.8-36.8c1.6-1.6%2C1.6-4.1%2C0-5.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
  background-size: 0.75em;
}

.mod-collapsibleSet > .heading.is-selected,
.mod-collapsibleSet .group > .heading.is-selected {
  box-shadow: none;
}

.mod-collapsibleSet .group > .heading.is-selected {
  border-radius: 4px 4px 0 0;
}

.mod-collapsibleSet > .heading.is-selected::after,
.mod-collapsibleSet .group > .heading.is-selected::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22%236c6c6c%22%3E%3Cpath%20d%3D%22M57.3%2C30.3l-36.2%2C36.1c-1.5%2C1.5-1.5%2C4%2C0%2C5.5l5.7%2C5.7c1.5%2C1.5%2C4%2C1.5%2C5.5%2C0l24.9-24.9c1.5-1.5%2C4-1.5%2C5.5%2C0l24.9%2C24.9c1.5%2C1.5%2C4%2C1.5%2C5.5%2C0l5.8-5.7c1.5-1.5%2C1.5-4%2C0-5.5l-36.2-36.1c-1.5-1.5-3.9-1.5-5.4%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

/* コンテンツ */
.mod-collapsibleSet > .content,
.mod-collapsibleSet .group > .content {
  height: 0;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}

.mod-collapsibleSet > .heading.is-selected + .content,
.mod-collapsibleSet .group > .heading.is-selected + .content {
  height: auto;
  overflow: initial;
}
@charset "UTF-8";
/* = mod-condSettingAnnotation
----------------------------------------------- *
 * 条件設定注釈（分マ）
----------------------------------------------- */
.mod-condSettingAnnotation {
  font-size: 1rem;
  margin: 20px 5px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
}

.mod-condSettingAnnotation .annotation {
  line-height: 1.4;
  font-size: 0.875em;
}

.mod-condSettingAnnotation .annotation > li {
  margin-left: 1em;
  text-indent: -1em;
}
@charset "UTF-8";
/* = mod-fixedButtonArea
----------------------------------------------- *
 * 下部固定ボタン
----------------------------------------------- */
.mod-fixedButtonArea {
  font-size: 16px;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: rgba(204, 204, 204, 0.85);
}

/* 下部固定用class */
.mod-fixedButtonArea.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

/* inactive時は非表示 */
.mod-fixedButtonArea.is-fixed.is-inactive {
  transition: transform 0.3s;
  transform: translateY(100%);
}

/* active時animationで表示 */
.mod-fixedButtonArea.is-fixed.is-active {
  transition: transform 0.3s;
  transform: translateY(0);
}

.mod-fixedButtonArea .itemGroup {
  display: table;
  table-layout: fixed;
  border-spacing: 10px;
  width: 100%;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign {
  display: flex;
  padding: 10px;
  box-sizing: border-box;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .container {
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex: 1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  height: 45px;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .container.disabled {
  color: #a5a5a5;
  background-color: #ebebeb;
  box-shadow: none;
  pointer-events: none;
}

.mod-fixedButtonArea.is-want-not-bg-color {
  background-color: transparent;
  pointer-events: none;
}

.mod-fixedButtonArea .itemGroup.is-want-bg-color {
  background-color: rgba(204, 204, 204, 0.85);
  pointer-events: initial;
}

.mod-fixedButtonArea .itemTxt {
  padding: 10px;
  color: inherit;
  font-size: 0.875em;
}

.mod-fixedButtonArea .itemGroup .itemTxt {
  display: table-cell;
  padding: 0;
  text-align: left;
  vertical-align: middle;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .itemTxt {
  display: flex;
  width: 125px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .divider {
  background-color: #d2d2d2;
  width: 1px;
  height: 30px;
  align-self: center;
}

.mod-fixedButtonArea .itemTxt .num {
  display: inline-block;
  padding: 0.25em 0.25em 0 0;
  font-size: 1em;
}

.mod-fixedButtonArea .itemGroup .itemTxt .num {
  font-size: 1.5em;
}

.mod-fixedButtonArea .raCountRedesign .itemTxt .num {
  padding: 0;
  color: #ed6103;
  font-size: 16px;
}

.mod-fixedButtonArea .raCountRedesign .disabled .itemTxt .num {
  color: #a5a5a5;
}

.mod-fixedButtonArea .raCountRedesign .itemTxt .unit {
  font-size: 12px;
}

.mod-fixedButtonArea .raCountRedesign .itemTxt .label {
  font-size: 12px;
}

.mod-fixedButtonArea.is-bkodate .itemGroup .itemTxt .num {
  color: #ed6103;
}

/* module.cssの打ち消し */
.mod-fixedButtonArea .itemGroup .itemBtn {
  width: 70%;
  padding: 0;
  display: table-cell;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .itemBtn {
  flex: 1;
  display: flex;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .itemBtn a {
  justify-content: center;
  align-items: center;
  display: flex;
  align-self: stretch;
}

.mod-fixedButtonArea .itemGroup .itemTxt + .itemBtn {
  width: 60%;
}

.mod-fixedButtonArea .itemBtn .button {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0.75em 10px;
  border: 0;
  border-radius: 4px;
  line-height: 1;
  color: #ed6103;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 1.125em;
  font-weight: bold;
  text-decoration: none;
}

.mod-fixedButtonArea .raCountRedesign .itemBtn .button {
  align-self: center;
  padding: 0px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
}

.mod-fixedButtonArea .itemGroup .itemBtn:only-child .button,
.mod-fixedButtonArea .itemGroup .itemTxt + .itemBtn .button {
  font-size: 1.125em;
}

.mod-fixedButtonArea .itemBtn .button.disabled {
  color: #a5a5a5;
  background-color: #ebebeb;
  box-shadow: none;
  pointer-events: none;
}

.mod-fixedButtonArea .itemGroup .townBtn {
  width: 30%;
  padding: 0;
  display: table-cell;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .townBtn {
  flex: 1;
  display: flex;
}

.mod-fixedButtonArea .itemGroup.raCountRedesign .townBtn a {
  justify-content: center;
  align-items: center;
  display: flex;
  align-self: stretch;
}

.mod-fixedButtonArea .itemGroup .itemTxt + .townBtn {
  width: 60%;
}

.mod-fixedButtonArea .townBtn .button {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0.6em 10px;
  border: 0;
  border-radius: 4px;
  line-height: 1.9;
  color: #0d0501;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 0.925em;
  font-weight: bold;
  text-decoration: none;
}

.mod-fixedButtonArea .raCountRedesign .townBtn .button {
  align-self: center;
  padding: 0px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
}

.mod-fixedButtonArea .itemGroup .townBtn:only-child .button,
.mod-fixedButtonArea .itemGroup .itemTxt + .townBtn .button {
  font-size: 1.125em;
}

.mod-fixedButtonArea .townBtn .button.disabled {
  color: #a5a5a5;
  background-color: #ebebeb;
  box-shadow: none;
  pointer-events: none;
}

.mod-fixedButtonArea .wantSearchBox {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
}

.mod-fixedButtonArea .wantSearchBox.is-fadeout {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 1s, opacity 1s, visibility 1s;
}

.mod-fixedButtonArea .wantSearchBox.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  transition: transform 1s, opacity 1s, visibility 1s;
}

.mod-fixedButtonArea .wantSearchBox .wantSearchInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ed6103;
  background-color: #fff;
  margin: 0 16px 8px;
  border-radius: 4px;
  padding: 8px 14px;
  position: relative;
}

.mod-fixedButtonArea .wantSearchBox .wantSearchInner:before {
  content: "";
  position: absolute;
  bottom: -16px;
  right: 26%;
  border: 7px solid transparent;
  border-top: 10px solid #fff;
  z-index: 2;
}

.mod-fixedButtonArea .wantSearchBox .wantSearchInner:after {
  content: "";
  position: absolute;
  bottom: -17px;
  right: 26%;
  border: 7px solid transparent;
  border-top: 9px solid #ed6103;
  z-index: 1;
}

.mod-fixedButtonArea .wantSearchBox .wantSearchInner .want-message {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  padding-right: 4px;
}

.mod-fixedButtonArea .wantSearchBox .wantSearchInner .want-message-bold {
  font-weight: bold;
}

.mod-fixedButtonArea .wantSearchBox .wantSearchInner .wantSearch {
  background: #ed6103;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  display: block;
  padding: 12px 24px;
  white-space: nowrap;
}

.mod-fixedButtonArea .wantSearchBox .closeButton {
  display: block;
  position: absolute;
  top: -13px;
  right: 7px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #353535;
  z-index: 1;
}

.mod-fixedButtonArea .wantSearchBox .closeButton::before,
.mod-fixedButtonArea .wantSearchBox .closeButton::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
  transform-origin: center;
}

.mod-fixedButtonArea .wantSearchBox .closeButton::before {
  transform: rotate(45deg);
}

.mod-fixedButtonArea .wantSearchBox .closeButton::after {
  transform: rotate(-45deg);
}

@media only screen and (max-width: 320px) {
  .mod-fixedButtonArea .townBtn .button {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.99em 10px 0.85em;
    border: 0;
    border-radius: 4px;
    line-height: 1.9;
    color: #0d0501;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
  }
}
@charset "UTF-8";
/* = mod-backLink
----------------------------------------------- *
 * 前のページに戻るリンク
 ----------------------------------------------- */
.mod-backLink {
  font-size: 1rem;
  margin: 20px 10px;
}

.mod-backLink a {
  display: table;
  border-radius: 4px;
  line-height: 1;
  color: inherit;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 0.875em;
  text-decoration: none;
}

.mod-backLink .icon,
.mod-backLink .label {
  display: table-cell;
  vertical-align: middle;
}

.mod-backLink .icon {
  padding: 0 0.25em 0 1.17em;
  font-size: 12px; /* svgのサイズに揃える */
}

.mod-backLink .label {
  padding: 1.21em 1em 1.21em 0;
}