@charset "UTF-8";
@import url(/css/root.css);
* {
  color: var(--black01);
}



#container #contents {
  padding: var(--m90) 0 var(--m200);
  /* mail.php用確認画面 */
  /* &.confirm {
    min-height: 100vh;

    #form {
      min-height: 85vh;
      padding: clamp(2rem, 0.061rem + 8.25vw, 6.25rem) 0;

      h3,
      h4 {
        font-size: clamp(1.125rem, 0.992rem + 0.57vw, 1.375rem);
        text-align: center;
        margin-bottom: 1em;
      }

      form {
        margin: 2rem auto;

        table {
          border-collapse: collapse;
          background-color: #fff;
          margin-bottom: 1.5rem;

          th,
          td {
            border: #000 1px solid;
            padding: 0.5rem 1rem;
          }

          th {
            background-color: #f0f0f0;
            width: 15rem;
          }

          td {
            width: calc(100% - 15rem);
          }
        }

        input[type="button"] {
          width: -moz-fit-content;
          width: fit-content;
          padding: 0.25rem 1rem;
          border: 1px solid #000;
          background-color: #f0f0f0;
          font-size: 14px;
          text-align: center;
          margin: 0 auto;
          display: block;
          border-radius: 5px;
        }
      }

      .error_messe {
        text-align: center;
        color: red;
      }


    }
  } */
  /* ラクアポ用確認画面 */
  /* サンクスページ */
}
#container #contents .page_title {
  margin-bottom: var(--m90);
  font-size: var(--s18_26);
  text-align: center;
  font-weight: bold;
}
#container #contents .top_text_area {
  margin-bottom: var(--m90);
}
#container #contents .top_text_area .text {
  margin-bottom: var(--m50);
}
#container #contents .top_text_area .text .br {
  font-size: var(--s14_16);
  text-align: center;
  line-height: 2.2;
}
#container #contents .attention .br {
  font-size: var(--s14_16);
  text-align: center;
  line-height: 1.8;
  color: var(--red02);
}
#container #contents .attention .br .req {
  font-size: 12px;
  padding: 0.25em 0.75em;
  border-radius: 5px;
  background-color: var(--ore01);
  color: #fff;
  margin-right: 0.25em;
}
#container #contents form {
  width: 100%;
  margin: 0 auto var(--s32_80);
}
#container #contents form .br, #container #contents form small {
  font-size: var(--s14_16);
  display: block;
  width: 100%;
}
#container #contents form .br.wrap, #container #contents form small.wrap {
  display: inline-block;
  width: auto;
}
#container #contents form .form_area {
  margin-bottom: var(--s24_32);
}
#container #contents form .form_area .form_title {
  padding: 0.5em 0.75em 0.25em;
  margin-bottom: var(--s16_20);
  color: var(--black02);
  font-size: var(--s18_22);
  font-weight: bold;
  border-bottom: 1px solid var(--black02);
}
#container #contents form dl {
  position: relative;
  width: 100%;
}
#container #contents form dl .form_row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
#container #contents form dl .form_row:last-of-type dd {
  border-bottom: 1px solid var(--gray06);
}
#container #contents form dl .form_row > dt {
  width: 20%;
  padding: 0.5rem var(--s8_16);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--s3_6) var(--s8_16);
  position: relative;
  background-color: var(--gray05);
}
#container #contents form dl .form_row > dt span {
  font-weight: normal;
  font-size: var(--s14_18);
}
#container #contents form dl .form_row > dt .req {
  font-size: 12px;
  padding: 0.25em 0.75em;
  border-radius: 5px;
  background-color: var(--ore01);
  color: #fff;
}
#container #contents form dl .form_row dd {
  padding: var(--s10_20);
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: var(--s10_20);
  border-top: 1px solid var(--gray06);
  border-right: 1px solid var(--gray06);
  background-color: #fff;
}
#container #contents form dl .form_row dd .br {
  width: 100%;
  line-height: 1.3;
}
#container #contents form dl .form_row dd .br.small {
  font-size: 12px;
}
#container #contents form dl .form_row dd label.full_area {
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed var(--mainCol);
}
#container #contents form dl .form_row dd select, #container #contents form dl .form_row dd input {
  padding: var(--s4_8) var(--s8_16);
  border-radius: 5px;
  background-color: #fff;
}
#container #contents form dl .form_row dd input {
  font-size: var(--s14_16);
}
#container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]), #container #contents form dl .form_row dd select {
  width: 100%;
  border: 1px solid var(--mainCol);
  border-radius: 5px;
}
#container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]).auto, #container #contents form dl .form_row dd select.auto {
  width: auto;
}
#container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]).w50, #container #contents form dl .form_row dd select.w50 {
  width: 50%;
  min-width: 200px;
}
#container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]).w30, #container #contents form dl .form_row dd select.w30 {
  width: 30%;
  min-width: 100px;
}
#container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]).w10, #container #contents form dl .form_row dd select.w10 {
  width: 10%;
  min-width: 100px;
}
#container #contents form dl .form_row dd .selectbox {
  display: inline-block;
  background-color: #f6f5f4;
  border-radius: 4px;
  width: 30%;
  min-width: 100px;
}
#container #contents form dl .form_row dd select {
  background: url(../images/common/arrow_select.svg) center right var(--s8_16)/0.75rem no-repeat;
  font-size: var(--s14_16);
  padding: 0.5em 0.5em;
  line-height: 1.25;
}
#container #contents form dl .form_row dd .full {
  padding: 0.5rem 0.5rem;
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  align-items: center;
  width: 70%;
  min-width: 200px;
  grid-gap: 0.5rem;
}
#container #contents form dl .form_row dd textarea {
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  background-color: #fff;
  width: 100%;
  max-width: 730px;
  min-height: 10em;
  border: 1px solid var(--mainCol);
  border-radius: 5px;
  font-size: var(--s14_16);
}
#container #contents form dl .form_row dd .dd_row {
  width: 100%;
}
#container #contents form dl .form_row dd .dd_row .dd_txt {
  display: block;
  font-size: 14px;
  line-height: 1.35;
}
#container #contents form dl .form_row dd .flex {
  display: flex;
  align-items: center;
  grid-gap: 0.25rem;
  width: calc(48% - 0.25rem);
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#container #contents form dl .form_row dd .flex select {
  width: 70%;
  min-width: 150px;
}
#container #contents form dl .form_row dd .flex span {
  font-size: var(--s14_16);
  white-space: nowrap;
}
#container #contents form dl .form_row dd.address {
  grid-gap: 0.5rem;
}
#container #contents form dl .form_row dd.pass_box #passShow {
  width: 25px;
  opacity: 0.2;
  margin-left: -35px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: opacity 0.5s;
}
#container #contents form dl .form_row dd.pass_box #passShow:hover {
  opacity: 1;
}
#container #contents form dl .form_row dd.flex_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 0.5rem var(--s8_16);
}
#container #contents form dl .form_row dd.flex_box select {
  width: calc(50% - var(--s8_16) - 0.5rem);
  min-width: unset;
}
#container #contents form dl .form_row dd.harf label {
  width: calc(50% - var(--s8_16) / 2);
  min-width: -moz-fit-content;
  min-width: fit-content;
}
#container #contents form dl .form_row dd.harf label .rdo,
#container #contents form dl .form_row dd.harf label .chk {
  width: 100%;
}
#container #contents form dl .form_row dd .contact_box {
  padding: 0.5rem 1rem;
  background-color: var(--mainCol);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 1rem;
  width: 100%;
}
#container #contents form dl .form_row dd .contact_box .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  width: calc(50% - 0.5rem);
}
#container #contents form dl .form_row dd .contact_box .tit img {
  width: var(--s32_80);
}
#container #contents form dl .form_row dd .contact_box .tit .text .br {
  font-size: var(--s14_20);
  color: #fff;
}
#container #contents form dl .form_row dd .contact_box .right {
  width: calc(50% - 0.5rem);
}
#container #contents form dl .form_row dd .contact_box .right .tel_area {
  display: flex;
  align-items: baseline;
  grid-gap: 0.25rem;
}
#container #contents form dl .form_row dd .contact_box .right .tel_area .small {
  font-size: var(--s14_20);
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
#container #contents form dl .form_row dd .contact_box .right .tel_area .tel_num {
  font-size: var(--s20_28);
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
#container #contents form dl .form_row dd .contact_box .right .hours span {
  font-size: var(--s12_14);
  color: #fff;
}
#container #contents form dl .form_row dd .contact_box.yoyaku {
  justify-content: center;
}
#container #contents form dl .form_row dd .contact_box.yoyaku .tit {
  width: 100%;
}
#container #contents form dl .form_row dd .contact_box.yoyaku .right {
  width: 100%;
  text-align: center;
}
#container #contents form dl .form_row dd .contact_box.yoyaku .right .tel_area {
  justify-content: center;
}
#container #contents form dl .form_row dd .hope {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 0.5rem 1rem;
}
#container #contents form dl .form_row dd .hope .tit {
  padding: 0.25rem 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem 1rem;
  background-color: var(--blue01);
  color: #fff;
}
#container #contents form dl .form_row dd .hope .tit span {
  color: #fff;
}
#container #contents form dl .form_row dd .hope > div {
  width: calc(50% - 0.5rem);
}
#container #contents form dl .form_row dd .hope > div .txt {
  font-size: var(--s14_16);
  white-space: nowrap;
}
#container #contents form dl .form_row dd .hope > div select {
  max-width: calc(100% - 100px);
  min-width: 150px;
}
#container #contents form dl .form_row .simulation_box {
  flex-direction: column;
  align-items: flex-start;
  grid-gap: unset;
}
#container #contents form dl .form_row .simulation_box .calculation_area {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: flex-end;
  grid-gap: var(--s8_16);
  border-bottom: var(--mainBl) 1px solid;
  padding-bottom: 0.25rem;
  margin-bottom: var(--s8_24);
  width: 100%;
  max-width: 600px;
}
#container #contents form dl .form_row .simulation_box .option_list {
  width: calc(100% - 5rem);
}
#container #contents form dl .form_row .simulation_box .option_list .option_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 0 1rem;
}
#container #contents form dl .form_row .simulation_box .option_list .option_row dt {
  font-size: var(--s16_18);
  font-weight: bold;
}
#container #contents form dl .form_row .simulation_box .option_list .option_row dd {
  font-size: var(--s14_16);
  font-weight: bold;
  border: unset;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  align-items: baseline;
  grid-gap: unset;
}
#container #contents form dl .form_row .simulation_box .option_list .option_row dd .num {
  font-size: var(--s18_22);
  margin-right: 0.5em;
  font-weight: bold;
}
#container #contents form dl .form_row .simulation_box .option_list .option_row:not(:last-of-type) {
  margin-bottom: var(--s16_20);
}
#container #contents form dl .form_row .simulation_box .symbol_area span {
  font-size: var(--s22_36);
  font-weight: bold;
  line-height: 1;
}
#container #contents form dl .form_row .simulation_box .symbol_area span.parenthesis {
  margin-left: -0.2em;
}
#container #contents form dl .form_row .simulation_box .sum_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column-gap: 0.25rem;
  padding: var(--s10_24);
  border: var(--s3_6) var(--mainCol) solid;
  background-color: var(--yel001l);
  width: 100%;
  max-width: 600px;
}
#container #contents form dl .form_row .simulation_box .sum_area dt {
  font-size: var(--s16_18);
  font-weight: bold;
}
#container #contents form dl .form_row .simulation_box .sum_area dd {
  font-size: var(--s14_16);
  font-weight: bold;
  background-color: unset;
  border: unset;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
#container #contents form dl .form_row .simulation_box .sum_area dd .num {
  font-size: var(--s18_22);
  margin-right: 0.5em;
  font-weight: bold;
}
#container #contents form label:has(.rdo, .chk) {
  padding: var(--s8_16);
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: var(--gray07);
  transition: all 0.5s;
}
#container #contents form label:has(.rdo, .chk) input[type=date] {
  padding: 0.25rem;
  max-width: 127px;
  margin-left: var(--s8_16);
}
#container #contents form .inp_rdo, #container #contents form .inp_chk, #container #contents form .rdo_inp_round {
  display: none;
}
#container #contents form .inp_rdo:checked + .rdo::after, #container #contents form .inp_rdo:checked + .chk::after, #container #contents form .inp_rdo:checked + .rdo_round::after, #container #contents form .inp_chk:checked + .rdo::after, #container #contents form .inp_chk:checked + .chk::after, #container #contents form .inp_chk:checked + .rdo_round::after, #container #contents form .rdo_inp_round:checked + .rdo::after, #container #contents form .rdo_inp_round:checked + .chk::after, #container #contents form .rdo_inp_round:checked + .rdo_round::after {
  opacity: 1;
}
#container #contents form .rdo, #container #contents form .chk {
  display: flex;
  grid-gap: 0.5rem;
  align-items: center;
  position: relative;
  background-color: var(--blue02);
  transition: background-color 0.5s;
  font-size: var(--s14_16);
}
#container #contents form .rdo::before, #container #contents form .chk::before {
  content: "";
  display: inline-block;
  width: var(--s20_24);
  height: var(--s20_24);
  border-radius: 4px;
  border: 2px solid var(--gray08);
  background-color: var(--gray07);
  position: relative;
}
#container #contents form .rdo::after {
  content: "";
  display: inline-block;
  width: var(--s8_14);
  height: var(--s8_14);
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: var(--red03);
  position: absolute;
  top: 50%;
  transform: translate(5px, -50%);
  transition: all 0.5s;
  opacity: 0;
}
#container #contents form .chk::after {
  content: "";
  display: inline-block;
  width: var(--s16_20);
  aspect-ratio: 16/12;
  background: url(/images/common/check.svg) center/100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(10%, 35%);
  transition: all 0.5s;
  opacity: 0;
}
#container #contents form ::-moz-placeholder {
  color: #ccc;
}
#container #contents form ::placeholder {
  color: #ccc;
}
#container #contents form #privacy {
  margin: var(--m50) auto;
}
#container #contents form #privacy .toptxt {
  font-size: var(--s14_16);
  margin-bottom: 1em;
  text-align: center;
}
#container #contents form #privacy .box {
  aspect-ratio: 100/30;
  overflow-y: scroll;
  box-sizing: border-box;
  border: 1px solid #bababa;
  background-color: #fff;
  padding: 2rem;
  max-width: 1030px;
  margin: 0 auto;
}
#container #contents form #privacy .box h3 {
  background-color: #d3c3be;
  font-size: var(--s18_20);
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  box-sizing: border-box;
  padding: 0.5em;
}
#container #contents form #privacy .box h3:not(:first-of-type) {
  margin-top: var(--s28_48);
}
#container #contents form #privacy .box h4 {
  font-size: var(--s16_18);
  font-weight: bold;
  color: #53301d;
  line-height: 1.6;
  box-sizing: border-box;
  border-bottom: 1px solid #53301d;
  padding-bottom: 0.25em;
  margin-top: var(--s20_32);
}
#container #contents form #privacy .box ul, #container #contents form #privacy .box p {
  margin-top: 1em;
}
#container #contents form #privacy .box p, #container #contents form #privacy .box li {
  font-size: var(--s14_16);
}
#container #contents form #privacy .box ul {
  list-style-type: disc;
  box-sizing: border-box;
  padding-left: 1em;
}
#container #contents form .pparea {
  margin: 0 auto 2rem;
  max-width: 1200px;
  background-color: var(--yellow08);
}
#container #contents form .pparea .bt {
  width: 100%;
  max-width: 640px;
  text-align: center;
  padding: var(--s6_10) var(--s8_16);
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  margin: 0 auto;
  background-color: var(--gray06);
  color: #fff;
  cursor: pointer;
  position: relative;
}
#container #contents form .pparea .bt::before, #container #contents form .pparea .bt::after {
  content: "";
  display: inline-block;
  width: var(--s8_16);
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 1rem;
  transition: transform 0.5s;
}
#container #contents form .pparea .bt::after {
  transform: rotate(90deg);
}
#container #contents form .pparea .bt:hover::after, #container #contents form .pparea .bt.active::after {
  transform: rotate(0);
}
#container #contents form .pparea #privacy {
  border-radius: 5px;
  padding: 1rem;
  margin-top: 0.5rem;
}
#container #contents form .pparea #privacy h3 {
  text-align: center;
  padding: 0.15rem 1rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}
#container #contents form .pparea #privacy p {
  font-size: 12px;
}
#container #contents form .pparea #privacy p.tit {
  font-size: 14px;
  margin-top: 1rem;
}
#container #contents form .pparea #privacy ul {
  margin-bottom: 0.75rem;
}
#container #contents form .pparea #privacy ul li {
  font-size: 12px;
}
#container #contents form .pparea #privacy .google {
  margin-top: 1.5rem;
  border: 1px solid #000;
  background-color: #fafafa;
  padding: clamp(0.75rem, 0.602rem + 0.45vw, 1rem); /*12~16px(520~1400px)*/
}
#container #contents form .pparea #privacy .google .tit_h {
  display: block;
  font-size: var(--s16_18);
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 5px;
  color: #333;
}
#container #contents form .pparea #privacy .google p {
  margin-bottom: 1rem;
}
#container #contents form .pparea #privacy .google a {
  margin-left: clamp(0.625rem, 0.403rem + 0.68vw, 1rem); /*10~16px(520~1400px)*/
  display: inline-block;
  color: blue;
  text-decoration: underline;
  word-break: break-all;
}
#container #contents form .pparea #privacy .google a::after {
  content: unset;
}
#container #contents form .privacy {
  margin-bottom: var(--s20_32);
}
#container #contents form .privacy .pp {
  text-align: center;
  margin-bottom: 2rem;
  font-size: var(--s14_16);
}
#container #contents form .privacy .pp_box {
  max-height: 250px;
  border: 1px solid #b3b3b3;
  border-radius: 1rem;
  padding: var(--s8_16) var(--s16_24);
  overflow: scroll;
}
#container #contents form .privacy .pp_box .inner h3 {
  font-size: var(--s16_20);
  color: var(--blue01);
  font-weight: 500;
  padding: 0.25em 0 0.25em 1em;
  border-bottom: 2px solid var(--blue01);
  margin-bottom: 1em;
}
#container #contents form .privacy .pp_box .inner .text {
  font-size: var(--s12_14);
}
#container #contents form .privacy .pp_box .inner .text .bold {
  font-size: var(--s14_16);
  margin-top: 2em;
  display: block;
  color: var(--blue01);
  font-weight: 500;
}
#container #contents form .agree {
  max-width: 270px;
  margin: 0 auto var(--m35);
}
#container #contents form .bottom_text {
  text-align: center;
  font-size: var(--s14_16);
  margin-bottom: var(--s16_24);
}
#container #contents form .button_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
}
#container #contents form .button {
  text-align: center;
  width: 80%;
  min-width: 300px;
  max-width: 500px;
  margin: 0 auto;
}
#container #contents form .button input {
  width: 100%;
  background-color: var(--mainCol);
  max-width: unset;
  padding: 1rem;
  text-align: center;
  color: #fff;
  transition: all 0.5s;
  margin: 0 auto;
}
#container #contents form .button input:hover {
  background-color: var(--red01);
}
#container #contents form .property_area {
  border: 1px solid var(--mainCol);
}
#container #contents form .property_area .property_row {
  display: flex;
  flex-wrap: wrap;
}
#container #contents form .property_area .property_row:not(:last-of-type) {
  border-bottom: 1px solid var(--gray03);
}
#container #contents form .property_area .property_row > dt {
  writing-mode: vertical-rl;
  font-size: var(--s12_14);
  background-color: var(--mainCol);
  padding: 0.5em 0.75em;
  text-align: center;
  font-weight: normal;
  color: #fff;
}
#container #contents form .property_area .property_row dd {
  width: calc(25% - var(--s12_14) * 3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25em;
  font-size: var(--s14_16);
}
#container #contents form .neighborhood_flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--s16_24);
}
#container #contents form .neighborhood_flex .neighborhood_box {
  width: calc(25% - var(--s16_24) * 3 / 4);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
}
#container #contents form .neighborhood_flex .neighborhood_box a {
  display: flex;
  flex-direction: column-reverse;
}
#container #contents form .neighborhood_flex .neighborhood_box a .text_area {
  padding: var(--s8_16);
}
#container #contents form .neighborhood_flex .neighborhood_box a .text_area .chk,
#container #contents form .neighborhood_flex .neighborhood_box a .text_area .chk:hover {
  background-color: unset;
}
#container #contents form .neighborhood_flex .neighborhood_box a .text_area .icon_area {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  grid-gap: var(--s3_6);
}
#container #contents form .neighborhood_flex .neighborhood_box a .text_area .icon_area .icon {
  font-size: var(--s12_14);
}
#container #contents form .neighborhood_flex .neighborhood_box a .text_area .icon_area .price {
  font-size: var(--s16_18);
  color: var(--red05);
}
#container #contents form .neighborhood_flex .neighborhood_box a .text_area .icon_area .price .big {
  color: var(--red05);
  font-size: var(--s20_32);
  line-height: 1;
}
#container #contents form .neighborhood_flex .neighborhood_box a .img_area {
  aspect-ratio: 3/2;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#container #contents form .neighborhood_flex .neighborhood_box a .img_area img {
  height: 100%;
  width: auto;
  max-width: unset;
  -o-object-fit: contain;
     object-fit: contain;
}
#container #contents #submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
}
#container #contents #submit input[type=submit] {
  max-width: 400px;
  width: 100%;
  display: block;
  background-color: var(--red02);
  color: #fff;
  font-size: var(--s16_18);
  padding: var(--s8_10) 1em;
  text-align: center;
  border-radius: 5px;
  transition: background-color 0.5s;
}
#container #contents #submit input[type=submit]:hover {
  background-color: var(--mainCol);
}
#container #contents.confirm .page_title,
#container #contents.confirm .top_text_area {
  margin-bottom: var(--m40);
}
#container #contents.confirm form .button_flex .button {
  width: 60%;
  margin: 0;
}
#container #contents.confirm form .button_flex .back {
  width: calc(40% - 1rem);
  max-width: 200px;
  background-color: var(--gray02);
  padding: 0.5rem 1rem;
  text-align: center;
  color: var(--black01);
  transition: all 0.5s;
  border-radius: 10px;
}
#container #contents.thanks_page .page_title {
  margin-bottom: var(--m50);
}
#container #contents.thanks_page .text {
  font-size: var(--s14_16);
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
#container #contents.thanks_page .text:not(:first-of-type) {
  margin-top: 2em;
}
#container #contents.thanks_page .info_wrap {
  margin-top: 2em;
}
#container #contents.thanks_page .info_wrap p, #container #contents.thanks_page .info_wrap a {
  font-size: var(--s14_16);
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
#container #contents.thanks_page .back_to_top {
  margin-top: 2em;
  text-align: center;
}
#container #contents.thanks_page .back_to_top a {
  font-size: var(--s14_16);
  font-weight: bold;
  line-height: 2;
  text-align: center;
  text-decoration: underline;
}

@media all and (min-width: 769px) {
  #container #contents label:has(.rdo, .chk):hover {
    background-color: var(--gray02);
  }
  #container .footer_top_menu.scroll{
    display: none!important;
  }
}
@media all and (max-width: 980px) {
  #container #contents form dl .form_row dd .contact_box {
    justify-content: center;
  }
  #container #contents form dl .form_row dd .contact_box .tit {
    width: 100%;
  }
  #container #contents form dl .form_row dd .contact_box .right {
    width: 100%;
    text-align: center;
  }
  #container #contents form dl .form_row dd .contact_box .right .tel_area {
    justify-content: center;
  }
  #container #contents form dl .form_row dd .hope > div {
    width: 100%;
  }
  #container #contents form dl .form_row dd .hope > div select {
    max-width: unset;
  }
  #container #contents form .neighborhood_flex {
    width: calc(100% - 90px);
  }
  #container #contents form .neighborhood_flex .neighborhood_box {
    width: calc(50% - var(--s16_24) / 2);
  }
}
@media all and (min-width: 521px) and (max-width: 768px) {
  #privacy .box {
    padding: 1rem;
    aspect-ratio: 3/2;
  }
  #privacy .box h3 {
    font-size: 1.125rem;
  }
  #privacy .box h4 {
    font-size: 1rem;
  }
}
@media all and (max-width: 768px) {
  #container header .header_top_menu{
    display: none!important;
  }
  #container #contents form dl .form_row {
    flex-wrap: wrap;
    margin-bottom: var(--s16_24);
  }
  #container #contents form dl .form_row > dt {
    width: 100%;
  }
  #container #contents form dl .form_row dd {
    width: 100%;
    border: unset;
  }
  #container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]) {
    width: 100%;
  }
  #container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]).w50 {
    width: 90%;
  }
  #container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]).w30 {
    width: 50%;
  }
  #container #contents form dl .form_row dd input:not([type=radio], [type=checkbox]).w10 {
    width: 30%;
    min-width: 100px;
  }
  #container #contents form dl .form_row dd select {
    width: 100%;
  }
  #container #contents form dl .form_row dd .selectbox {
    min-width: 280px;
  }
  #container #contents form dl .form_row dd .full {
    width: 100%;
  }
  #container #contents form dl .form_row dd textarea {
    width: 100%;
  }
  #container #contents form dl .form_row dd.harf label {
    width: 100%;
  }
}
@media all and (max-width: 520px) {
  #container #contents .top_text_area .text .br {
    line-height: 1.75;
  }
  #container #contents .attention .br {
    line-height: 1.5;
  }
  #container #contents.asessment .top_area .flow > div {
    width: 100%;
  }
  #container #contents.asessment .top_area .flow > div.flow01 {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 90%, 53% 100%, 0 90%);
            clip-path: polygon(0 0, 100% 0%, 100% 90%, 53% 100%, 0 90%);
  }
  #container #contents.asessment .top_area .bottom_text .br {
    text-align: center;
    font-size: var(--s14_16);
  }
  #container #contents form dl .form_row dd label:has(.rdo, .chk) {
    width: 100%;
  }
  #container #contents form dl .form_row dd.flex_box .checkbox {
    width: 100%;
  }
  #container #contents form dl .form_row dd .hope > div label {
    flex-wrap: wrap;
  }
  #container #contents form dl .form_row dd .hope > div label .txt {
    width: 100%;
  }
  #container #contents form dl .form_row dd .hope > div label select {
    width: 100%;
  }
  #container #contents form dl .form_row .simulation_box .option_list {
    width: calc(100% - 3rem);
  }
  #container #contents form dl .form_row .simulation_box .option_list .option_row {
    flex-wrap: wrap;
  }
  #container #contents form dl .form_row .simulation_box .option_list .option_row dt {
    width: 100%;
  }
  #container #contents form dl .form_row .simulation_box .option_list .option_row dd {
    width: 100%;
    justify-content: flex-end;
  }
  #container #contents form .property_area .property_row dd {
    width: calc(50% - var(--s12_14) * 3);
  }
  #container #contents form .property_area .property_row dt:nth-of-type(-n+2),
  #container #contents form .property_area .property_row dd:nth-of-type(-n+2) {
    border-bottom: 1px dashed var(--mainCol);
  }
  #container #contents form .neighborhood_flex .neighborhood_box {
    width: 100%;
  }
  #container #contents form #privacy .box {
    padding: 1rem 3vw;
    aspect-ratio: 4/3;
  }
  #container #contents form #privacy .box li, #container #contents form #privacy .box p {
    font-size: 0.875rem;
  }
  #container #contents form #privacy .box h3 {
    font-size: 1rem;
  }
  #container #contents form #privacy .box h4 {
    font-size: 0.875rem;
  }
  #container #contents.confirm #form form table th, #container #contents.confirm #form form table td {
    display: block;
    width: 100%;
  }
}