@charset "UTF-8";

/* ==========================================================================
  SEARCH
========================================================================== */

@media all and (min-width: 768px), print {
    .house-builder-list {
        margin-bottom: calc(50 / var(--font-size) * 1rem);
    }
}

/* result */
@media all and (min-width: 768px){
    .house-builder-result .c-result__header .c-txt + .c-txt {
      margin-top: calc(16 / var(--font-size) * 1rem);
    }
    .house-builder-result-cell {
        --cell-width: 230;
        width: calc(var(--cell-width) / var(--font-size) * 1rem);
    }
    .house-builder-result-cell--name {
        --cell-width: 230;
    }
    .house-builder-result-cell--date {
        --cell-width: 70;
    }
    .house-builder-result-cell--type {
        --cell-width: 70;
    }
    .house-builder-result-cell--target {
        --cell-width: 70;
    }
    .house-builder-table-cell--2020 .c-result-table-ico-txt,
    .house-builder-table-cell--2021 .c-result-table-ico-txt,
    .house-builder-table-cell--2022 .c-result-table-ico-txt,
    .house-builder-table-cell--2023 .c-result-table-ico-txt,
    .house-builder-table-cell--2024 .c-result-table-ico-txt,
    .house-builder-table-cell--2025 .c-result-table-ico-txt {
        display: flex;
        justify-content: space-between;
    }
    .c-result-table-ico-txt:last-child {
        margin-top: 0.5rem;
    }
    .house-builder-result-cell--2020 {
        --cell-width: 120;
    }
    .house-builder-result-cell--2021 {
        --cell-width: 120;
    }
    .house-builder-result-cell--2022 {
        --cell-width: 120;
    }
    .house-builder-result-cell--2023 {
        --cell-width: 120;
    }
    .house-builder-result-cell--2024 {
        --cell-width: 120;
    }
    .house-builder-result-cell--2025 {
        --cell-width: 120;
    }
    .house-builder-result-cell--phone {
        /* --cell-width: 148; */
    }
    /* .house-builder-result-cell--contact {
        --cell-width: 148;
    } */
    .btn-list-item-reset {
        width: calc(160 / var(--font-size)* 1rem);
        display: flex;
        align-items: center;
    }
    .btn-list-item-reset .c-btn--xs {
        --btn-txt-font-size: 12;
        --btn-min-height: 28;
        --btn-px: 6;
    }
    .house-builder-search-area .c-search-area-form-inputs {
        border: calc(1 / var(--font-size) * 1rem) solid var(--gray-color-200);
    }
    .house-builder-search-area .c-search-area-form-input {
        border-bottom: calc(1 / var(--font-size) * 1rem) solid var(--gray-color-200);
    }
    .house-builder-search-area .c-search-area-form-input:last-child {
        border-bottom: none;
    }
    .house-builder-search-area .c-search-area-form-input + .c-search-area-form-input {
        margin-top: calc(0 / var(--font-size) * 1rem);
    }
    .house-builder-search-area .c-form {
        align-items: stretch;
    }
    .c-form__header,
    .c-form__body,
    .form__foot {
        position: relative;
        padding: 0.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: var(--white-color);
    }
    .c-form__body{
        padding-right: 2rem;
        /* padding-left: 2rem; */
    }
    .c-form__header::after{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: calc(1 / var(--font-size) * 1rem);
        height: 100%;
        background-color: var(--gray-color-200);
    }
    .c-form__body {
        /* width: calc(100% - (var(--header-width) / var(--font-size) * 1rem) - 30%); */
        width: 100%;
    }
    .form__foot {
        flex-grow: 0;
        flex-shrink: 1;
        width: calc(100% - (var(--header-width) / var(--font-size) * 1rem) - 30%);
    }
    .house-builder-search-area .c-form input[type='text'],
    .house-builder-search-area .c-form-select__box {
        background-color: var(--primary-color-10);
    }
    .house-builder-search-area .c-form-select__ico {
        background-color: var(--primary-color-10);
    }
    .house-builder-search-area{
        margin-top: calc(40 / var(--font-size) * 1rem);
    }
    .house-builder-search-accordion{
        margin-top: calc(40 / var(--font-size) * 1rem);
        background-color: var(--primary-color-10);
        border-radius: calc(12 / var(--font-size)* 1rem);
        overflow: hidden;
    }
    .house-builder-search-accordion__inner{
    }
    .house-builder-search-accordion__head{
        cursor: pointer;
        padding: calc(30 / var(--font-size)* 1rem) calc(40 / var(--font-size)* 1rem);
        background: var(--primary-color-100);
    }
    .house-builder-search-example__inner{
        display: flex;
        align-items: center;
    }
    .house-builder-search-example-ico{
        margin-right: calc(8 / var(--font-size)* 1rem);
    }
    .house-builder-search-example-ico__label{
        width: calc(20 / var(--font-size)* 1rem);
        height: calc(20 / var(--font-size)* 1rem);
        background-color: var(--white-color);
        border: 1px solid var(--primary-color-100);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }
    .house-builder-search-example-ico__label .c-svg{
        width: calc(12 / var(--font-size)* 1rem);
        fill: var(--primary-color-100);
        transition: all 0.2s;
    }
    .is-accordion-active .house-builder-search-example-ico__label .c-svg{
        transform: rotate(90deg);
    }
    .house-builder-search-accordion__body{
        padding: calc(40 / var(--font-size)* 1rem) calc(30 / var(--font-size)* 1rem);
    }
    .house-builder-search-example-text__label{
        font-weight: 700;
        color: #fff;
    }
    .house-builder-search-legend .c-result-header-ico-explanation-list{
        gap: calc(4 / var(--font-size)* 1rem) calc(30 / var(--font-size)* 1rem);
        width: 100%;
    }
    .house-builder-search-legend-title{
        margin-bottom: calc(10 / var(--font-size) * 1rem);
    }
    .house-builder-search-legend .c-table{
        margin-bottom: calc(20 / var(--font-size) * 1rem);
    }
    .house-builder-search-btns{
        margin-top: calc(20 / var(--font-size) * 1rem);
    }
    .house-builder-table-cell--target .c-txt-ico + .c-txt-ico{
        margin-top: 0.5rem;
      }
}
@media all and (max-width: 767px) {
    .house-builder-search-area .c-search-area-form-inputs {
        border: calc(1 / var(--font-size) * 1rem) solid var(--gray-color-200);
    }
    .house-builder-search-area .c-search-area-form-input {
        border-bottom: calc(1 / var(--font-size) * 1rem) solid var(--gray-color-200);
    }
    .house-builder-search-area .c-search-area-form-input:last-child {
        border-bottom: none;
    }
    .house-builder-search-area .c-search-area-form-input + .c-search-area-form-input {
        margin-top: calc(0 / var(--font-size) * 1rem);
    }
    .c-form__header,
    .c-form__body,
    .form__foot {
        width: 100%;
        position: relative;
        padding: 0.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: var(--white-color);
    }
    .c-form__body{
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .c-form__header::after,
    .c-form__body::after {
    }
    .c-form__body {
    }
    .form__foot {
    }
    .house-builder-search-area .c-form input[type='text'],
    .house-builder-search-area .c-form-select__box {
        background-color: var(--primary-color-10);
    }
    .house-builder-search-area .c-form-select__ico {
        background-color: var(--primary-color-10);
    }
    .house-builder-search-area{
        margin-top: calc(40 / var(--font-size) * 1rem);
    }
    .house-builder-search-accordion{
        margin-top: calc(40 / var(--font-size) * 1rem);
        background-color: var(--primary-color-10);
        border-radius: calc(12 / var(--font-size)* 1rem);
        overflow: hidden;
    }
    .house-builder-search-accordion__inner{
    }
    .house-builder-search-accordion__head{
        cursor: pointer;
        padding: calc(30 / var(--font-size)* 1rem) calc(25 / var(--font-size)* 1rem);
        background: var(--primary-color-100);
    }
    .house-builder-search-example__inner{
        display: flex;
        align-items: center;
    }
    .house-builder-search-example-ico{
        margin-right: calc(8 / var(--font-size)* 1rem);
    }
    .house-builder-search-example-ico__label{
        width: calc(20 / var(--font-size)* 1rem);
        height: calc(20 / var(--font-size)* 1rem);
        background-color: var(--white-color);
        border: 1px solid var(--primary-color-100);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }
    .house-builder-search-example-ico__label .c-svg{
        width: calc(12 / var(--font-size)* 1rem);
        fill: var(--primary-color-100);
        transition: all 0.2s;
    }
    .is-accordion-active .house-builder-search-example-ico__label .c-svg{
        transform: rotate(90deg);
    }
    .house-builder-search-accordion__body{
        padding: calc(25 / var(--font-size)* 1rem) calc(30 / var(--font-size)* 1rem);
    }
    .house-builder-search-example-text__label{
        font-weight: 700;
        color: #fff;
    }
    .house-builder-search-legend .c-result-header-ico-explanation-list{
        gap: calc(4 / var(--font-size)* 1rem) calc(30 / var(--font-size)* 1rem);
    }
    .house-builder-search-legend-title{
        margin-bottom: calc(10 / var(--font-size) * 1rem);
    }
    .house-builder-search-legend .c-table{
        margin-bottom: calc(20 / var(--font-size) * 1rem);
    }
    .house-builder-result .c-result__header{
        margin-bottom: calc(80 / var(--font-size) * 1rem);
    }
    .house-builder-result .c-result-table-number-txt{
        position: absolute;
        margin-top: calc(-32 / var(--font-size) * 1rem);
    }
    .house-builder-search-legend .c-table-chart,
    .house-builder-result .c-table-chart {
        width: calc(1120 / var(--font-size)* 1rem);
    }
    .house-builder-search-btns{
        margin-top: calc(20 / var(--font-size) * 1rem);
    }
    .house-builder-table-cell--target .c-txt-ico + .c-txt-ico{
        margin-top: 0.5rem;
      }
    .house-builder-search-legend .c-result-header-ico-explanation-list-item--full .c-txt{
        padding-left: 0;
        text-indent: 0;
    }
    .house-builder-search-legend .c-result-header-ico-explanation-list-item--hp .c-txt{
        padding-left: 4.2em;
        text-indent: -4.2em;
    }
    .house-builder-search-legend .c-result-header-ico-explanation-list-item--star .c-txt{
        padding-left: 7.4em;
        text-indent: -7.4em;
    }
    .house-builder-search-legend .c-result-header-ico-explanation-list-item--star .c-link-txt{
        margin-left: -7.4em;
        padding-left: 0;
        text-indent: 0;
        display: inline-block;
    }
}
@media all and (min-width: 768px) and (max-width: 979px) {
    .house-builder-search-legend .c-table,
    .house-builder-result .c-table {
        overflow-x: scroll;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .house-builder-search-legend .c-table-chart,
    .house-builder-result .c-table-chart {
        position: relative;
        margin-left: calc(20 / var(--font-size)* 1rem);
    }
    .house-builder-search-legend .c-table-chart::after,
    .house-builder-result .c-table-chart::after{
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin-right: calc(25 / var(--font-size)* 1rem* -1);
        width: calc(20 / var(--font-size)* 1rem);
        height: 100%;
    }
    .house-builder-search-legend .c-table-chart,
    .house-builder-result .c-table-chart {
        width: calc(959 / var(--font-size)* 1rem);
    }
    .house-builder-result .c-result__header{
        margin-bottom: calc(80 / var(--font-size) * 1rem);
    }
    .house-builder-result .c-result-table-number-txt{
        position: absolute;
        margin-top: calc(-32 / var(--font-size) * 1rem);
        margin-left: calc(20 / var(--font-size) * 1rem);
    }
}

/* ==========================================================================
  ABOUT
========================================================================== */

@media all and (min-width: 768px){
    .builder-about-container .c-txt + .c-txt {
      margin-top: calc(30 / var(--font-size) * 1rem);
    }
    .about-btn-box {
      margin: calc(50 / var(--font-size) * 1rem) auto calc(80 / var(--font-size) * 1rem);
      max-width: calc(400 / var(--font-size) * 1rem);
    }
    .about-btn-box .c-txt {
      margin-bottom: calc(24 / var(--font-size) * 1rem);
    }
    .about-mark-list {
      display: flex;
      max-width: calc(789 / var(--font-size) * 1rem);
      justify-content: center;
      gap: calc(90 / var(--font-size) * 1rem);
      margin: calc(72 / var(--font-size) * 1rem) auto calc(90 / var(--font-size) * 1rem);
    }
    .about-mark-list__item__img {
      max-width: calc(120 / var(--font-size) * 1rem);
      margin: 0 auto;
    }
    .about-mark-list__item .c-link-btn__in {
        justify-content: center;
    }
    .about-mark-list__item .c-link-btn-txt__label {
        --about-link-btn-txt-font-size: 16;
        font-size: var(--about-link-btn-txt-font-size);
    }
    .builder-about-table {
      max-width: calc(660 / var(--font-size) * 1rem);
      margin: auto;
      margin-top: calc(80 / var(--font-size) * 1rem);
    }
    .builder-about-btn-container {
      max-width: calc(860 / var(--font-size) * 1rem);
      margin: calc(40 / var(--font-size) * 1rem) auto;
    }
    .builder-bar-announce {
      display: inline-block;
      background-color: var(--primary-color-100);
      padding: calc(12 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
      margin-top: calc(20 / var(--font-size) * 1rem);
    }
    .builder-bar-announce .c-txt {
      color: var(--white-color);
      font-weight: bold;
    }
}
@media all and (max-width: 767px) {
  .builder-about-hero {
    margin-bottom: calc(70 / var(--font-size) * 1rem);
  }
  .builder-about-container__in {
    padding-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .builder-about-container .c-txt + .c-txt {
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .about-btn-box {
    margin: calc(40 / var(--font-size) * 1rem) auto calc(50 / var(--font-size) * 1rem);
    max-width: calc(400 / var(--font-size) * 1rem);
  }
  .about-btn-box .c-txt {
    margin-bottom: calc(12 / var(--font-size) * 1rem);
  }
  .about-mark-list {
    width: 100%;
    margin: calc(30 / var(--font-size) * 1rem) auto calc(50 / var(--font-size) * 1rem);
  }
  .about-mark-list__item + .about-mark-list__item {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .about-mark-list__item__img {
    max-width: calc(183 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .builder-about-container .l-btn-list-item {
    width: calc(275 / var(--font-size) * 1rem);
  }
  .builder-about-container .l-btn-list-item .c-btn__body {
    padding: calc(14 / var(--font-size) * 1rem) calc(var(--btn-px) / var(--font-size) * 1rem);
  }
  .about-mark-list__item .c-link-btn__in {
    justify-content: center;
  }
  .about-mark-list__item .c-link-btn-txt__label {
        --about-link-btn-txt-font-size: 16;
        font-size: var(--about-link-btn-txt-font-size);
  }
  .builder-about-btn-container {
    margin: calc(40 / var(--font-size) * 1rem) auto;
  }
  .builder-bar-announce {
    display: inline-block;
    background-color: var(--primary-color-100);
    padding: calc(12 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .builder-bar-announce .c-txt {
    color: var(--white-color);
    font-weight: bold;
  }
}

/* ==========================================================================
  INFORMATION
========================================================================== */

@media all and (min-width: 768px){
    .builder-information__lead {
        margin-bottom: calc(40 / var(--font-size)* 1rem);
        text-align: center;
    }
    .builder-information-list {
        position: relative;
    }
    .builder-information-list::before {
        content: "";
        background: url("/r07/assets/img/top/information_img_icon01.png") no-repeat;
        background-size: cover;
        position: absolute;
        right: 50%;
        top: 50%;
        transform: translate(calc(50% + calc(260 / var(--font-size)* 1rem)) , -50%);
        width: calc(141.5 / var(--font-size)* 1rem);
        height: calc(150 / var(--font-size)* 1rem);
    }
}

@media all and (max-width: 767px) {
    .builder-information__lead {
        margin-bottom: calc(40 / var(--font-size)* 1rem);
    }
    .builder-information-list {
        position: relative;
        margin-top: calc(220 / var(--font-size)* 1rem);
    }
    .builder-information-list::before {
        content: "";
        background: url("/r07/assets/img/top/information_img_icon01.png") no-repeat;
        background-size: cover;
        position: absolute;
        right: 50%;
        top: -50%;
        transform: translate(50%, calc(-50% - calc(75 / var(--font-size)* 1rem)));
        width: calc(141.5 / var(--font-size)* 1rem);
        height: calc(150 / var(--font-size)* 1rem);
    }
}

/* img-area header */
@media all and (min-width: 768px), print {
  .c-img-area__header {
    display: inline-block;
    background-color: var(--primary-color-100);
    padding: calc(10 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    border-radius: calc(10 / var(--font-size) * 1rem);
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .c-img-area__header .c-txt {
    font-weight: bold;
    color: var(--white-color);
  }
}
@media all and (max-width: 767px) {
  .c-img-area__header {
    display: inline-block;
    background-color: var(--primary-color-100);
    padding: calc(10 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    border-radius: calc(10 / var(--font-size) * 1rem);
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .c-img-area__header .c-txt {
    font-weight: bold;
    color: var(--white-color);
  }
}

@media all and (min-width: 768px), print {
    .c-search-area-form__body {
        justify-content: center;
    }
    .c-search-area-lead{
        margin-bottom: calc(40 / var(--font-size) * 1rem);
    }

    .c-result-header-ico-explanation-list-item{
        width: 100%;
    }
    .c-result-header-ico-explanation-list-item__in{
        display: flex;
    }
    .c-result-header-ico-explanation-list-item-head{
        font-weight: 700;
        width: calc(150 / var(--font-size) * 1rem);
        flex-shrink: 0;
    }
    .c-result-header-ico-explanation-list-item-body{
        width: auto;
        display: flex;
    }
    .ly--column{
        flex-direction: column !important;
    }
    .ly--flex{
        display: flex !important;
    }
    .c-result-header-ico-explanation-list-item-body .c-txt + .c-txt{
        margin-left: calc(40 / var(--font-size) * 1rem);
    }
    .house-builder-search-legend .c-result-header-ico-explanation-list .c-txt-ico--star{
        --txt-ico-bg-color: none;
        --txt-ico-border-color: none;
    }
    .c-txt-ico--bicolor{
        background: linear-gradient(-45deg, #5797BF 0%, #5797BF 50%, #E87016 50%, #E87016 100%);
        --txt-ico-border-color: none;
        line-height: 1.2;
    }
    .house-builder-search-btn{
        width: fit-content;
    }
}
@media all and (max-width: 767px){
    .c-search-area-lead{
        margin-bottom: calc(32 / var(--font-size) * 1rem);
    }
    .c-result-header-ico-explanation-list-item-head{
        font-weight: 700;
        margin-bottom: calc(16 / var(--font-size) * 1rem);
    }
    .house-builder-search-legend .c-result-header-ico-explanation-list .c-txt-ico--star{
        --txt-ico-bg-color: none;
        --txt-ico-border-color: none;
    }
    .c-txt-ico--bicolor{
        background: linear-gradient(-45deg, #5797BF 0%, #5797BF 50%, #E87016 50%, #E87016 100%);
        --txt-ico-border-color: none;
        line-height: 1.2;
    }
    .c-result-header-ico-explanation-unit + .c-result-header-ico-explanation-unit {
        margin-top: calc(24 / var(--font-size) * 1rem);
        padding-top: calc(24 / var(--font-size) * 1rem);
        border-top: calc(1 / var(--font-size) * 1rem) solid var(--gray-color-200);
    }
    .c-result-header-ico-explanation-unit:nth-last-of-type(2) .c-result-header-ico-explanation-list-item-body .c-txt{
        padding-left: 4.3em;
        text-indent: -4.3em;
    }
    .c-result-header-ico-explanation-unit:nth-of-type(2) .ly--column .c-txt{
        padding-left: 0;
        text-indent: 0;
    }
    .c-result-header-ico-explanation-unit:last-of-type .ly--flex div:last-of-type .c-txt{
        padding-left: 0;
        text-indent: 0;
    }
    .house-builder-search-btn{
        width: fit-content;
    }

}


.c-table-chart-cell.house-builder-table-cell.house-builder-table-cell--type{
    padding: calc( 25/ var(--font-size) * 1rem);
}