@charset "UTF-8";

@media all and (max-width: 767px) {
    .c-table-chart{
        width: calc(1110 / var(--font-size)* 1rem);
    }
}
@media all and (min-width: 768px) and (max-width: 960px), print {
    .c-form{
        display: inherit;
    }
    .c-form__body{
        width: 100%;
    }
    .c-form__header{
        padding-right: 0;
        padding-bottom: calc(8 / var(--font-size)* 1rem);
    }
    .c-table{
        overflow-x: scroll;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .c-table-chart{
        position: relative;
        margin-left: calc(25 / var(--font-size)* 1rem);
        width: calc(1110 / var(--font-size)* 1rem);
    }
    .c-table-chart::after{
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin-right: calc(25 / var(--font-size)* 1rem* -1);
        width: calc(25 / var(--font-size)* 1rem);
        height: 100%;
    }
}

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

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

@media all and (max-width: 767px) {
    .housingcomplex-developer-list {
        margin-bottom: calc(50 / var(--font-size) * 1rem);
    }
}


/* search */
@media all and (min-width: 768px), print {
    .housingcomplex-developer-search-area .c-search-area-form-box--left  {
        width: calc(490 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-search-area .c-search-area-form-box--right  {
        width: calc(420 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-search-btns{
      margin-top: calc(20 / var(--font-size) * 1rem);
  }
}

@media all and (max-width: 767px) {
    .housingcomplex-developer-search-area .c-search-area-form-box--left  {

    }
    .housingcomplex-developer-search-area .c-search-area-form-box--right  {
        margin-top: calc(25 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-search-area .c-search-area__footer{
        margin-top: calc(40 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-search-area .c-search-area__body{
        border-radius: calc(5 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-search-btns{
      margin-top: calc(20 / var(--font-size) * 1rem);
  }
}

/* result */
@media all and (min-width: 768px){
    .housingcomplex-developer-result{
        margin-top: calc(60 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-result .c-table-chart-cell {
        padding: calc(16 / var(--font-size)* 1rem) calc(6 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-result .housingcomplex-developer-table-cell.housingcomplex-developer-table-cell--contact {
        padding: calc(16 / var(--font-size)* 1rem) calc(16 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-table-cell--contact .c-table-chart-btn .c-btn__body{
        padding-bottom: calc(6 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-table-cell--type .c-txt {
        width: calc(60 / var(--font-size) * 1rem);
        margin: auto;
        display: flex;
    }
    .housingcomplex-developer-table-cell--type .c-txt-ico--purple {
        margin-right: auto;
    }
    .housingcomplex-developer-table-cell--type .c-txt-ico--pink {
        margin-left: auto;
    }
    .housingcomplex-developer-result-cell {
        --cell-width: 230;
        width: calc(var(--cell-width) / var(--font-size) * 1rem);
    }
    .housingcomplex-developer-result-cell--number {
        --cell-width: 179;
    }
    .housingcomplex-developer-result-cell--name {
        --cell-width: 220;
    }
    .housingcomplex-developer-result-cell--region {
        --cell-width: 70;
    }
    .housingcomplex-developer-result-cell--year {
        --cell-width: 70;
    }
    .housingcomplex-developer-result-cell--type {
        --cell-width: 130;
    }
    .housingcomplex-developer-result-cell--contact {
        --cell-width: 160;
    }
    .housingcomplex-developer-result-cell--achieve {
        --cell-width: 160;
    }
    .housingcomplex-developer-result-cell--report {
        --cell-width: 138;
    }
}

@media all and (max-width: 767px){
    .housingcomplex-developer-result{
        margin-top: calc(50 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-result .c-result-header-note .c-note--xs{
        --note-txt-font-size: 14;
    }
    .housingcomplex-developer-result .c-table-chart{
        width: calc(960 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-result .c-table-chart-cell {
        padding: calc(16 / var(--font-size)* 1rem) calc(6 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-result .housingcomplex-developer-table-cell.housingcomplex-developer-table-cell--contact {
        padding: calc(16 / var(--font-size)* 1rem) calc(16 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-table-cell--contact .c-table-chart-btn .c-btn__body{
        padding-bottom: calc(6 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-table-cell--type .c-txt {
        width: calc(60 / var(--font-size) * 1rem);
        margin: auto;
        display: flex;
    }
    .housingcomplex-developer-table-cell--type .c-txt-ico--purple {
        margin-right: auto;
    }
    .housingcomplex-developer-table-cell--type .c-txt-ico--pink {
        margin-left: auto;
    }
    .housingcomplex-developer-result-cell {
        --cell-width: 230;
        width: calc(var(--cell-width) / var(--font-size) * 1rem);
    }
    .housingcomplex-developer-result-cell--number {
        --cell-width: 179;
    }
    .housingcomplex-developer-result-cell--name {
        --cell-width: 220;
    }
    .housingcomplex-developer-result-cell--region {
        --cell-width: 70;
    }
    .housingcomplex-developer-result-cell--year {
        --cell-width: 70;
    }
    .housingcomplex-developer-result-cell--type {
        --cell-width: 130;
    }
    .housingcomplex-developer-result-cell--contact {
        --cell-width: 160;
    }
    .housingcomplex-developer-result-cell--achieve {
        --cell-width: 160;
    }
    .housingcomplex-developer-result-cell--report {
        --cell-width: 138;
    }
    .housingcomplex-developer-result .c-result__header {
        margin-bottom: calc(80 / var(--font-size)* 1rem);
    }
    .housingcomplex-developer-result .c-result-table-number-txt{
        position: absolute;
        margin-top: calc(-32 / var(--font-size)* 1rem);
    }
}

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

@media all and (min-width: 768px){
    .developer-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(183 / 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);
    }
    .developer-about-table {
      max-width: calc(660 / var(--font-size)* 1rem);
      margin: auto;
      margin-top: calc(80 / var(--font-size)* 1rem);
    }
    .developer-about-btn-container {
      max-width: calc(860 / var(--font-size) * 1rem);
      margin: calc(40 / var(--font-size) * 1rem) auto;
    }
}
@media all and (max-width: 767px) {
  .developer-about-hero {
    margin-bottom: calc(70 / var(--font-size) * 1rem);
  }
  .developer-about-container__in {
    padding-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .developer-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(80 / 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;
  }
  .developer-about-container .l-btn-list-item {
    width: calc(275 / var(--font-size) * 1rem);
  }
  .developer-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);
}
.developer-about-table {
  margin: auto;
  margin-top: calc(40 / var(--font-size)* 1rem);
}
.developer-about-btn-container {
  margin: calc(40 / var(--font-size) * 1rem) auto;
}
}

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

@media all and (min-width: 768px){
    .developer-information__lead {
        margin-bottom: calc(40 / var(--font-size)* 1rem);
        text-align: center;
    }
    .developer-information-list {
        position: relative;
    }
    .developer-information-list::before {
        content: "";
        background: url("/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) {
    .developer-information__lead {
        margin-bottom: calc(40 / var(--font-size)* 1rem);
    }
    .developer-information-list {
        position: relative;
        margin-top: calc(220 / var(--font-size)* 1rem);
    }
    .developer-information-list::before {
        content: "";
        background: url("/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);
  }
}



/* bar */
@media all and (min-width: 768px), print {
    .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);
    }
    .bar-announce .c-txt {
        color: var(--white-color);
        font-weight: bold;
    }
}
@media all and (max-width: 767px) {
    .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);
    }
    .bar-announce .c-txt {
        color: var(--white-color);
        font-weight: bold;
    }
}