@media screen and (max-width: 736px) {
  .pc {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .sp {
    display: none;
  }
}

.conceptSect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 736px) {
  .conceptSect {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media print, screen and (min-width: 736px) {
  .conceptSect .sectTtl {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 736px) {
  .conceptSect__body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 736px) {
  .conceptSect__body {
    display: contents;
  }
}

@media print, screen and (min-width: 736px) {
  .conceptSect .txt {
    margin-top: 24px;
  }
}

@media screen and (max-width: 736px) {
  .conceptSect .txt {
    margin-top: calc(16 / 390 * 100vw);
    width: calc(171 / 358 * 100%);
  }
}

.conceptSect__visual {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 736px) {
  .conceptSect__visual {
    width: calc(547 / 1360 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .conceptSect__visual {
    margin-top: calc(16 / 390 * 100vw);
    width: calc(171 / 358 * 100%);
  }
}

.featureSect__visual {
  margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  width: calc(100vw - var(--scrollbar));
}

.featureSect__cont {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 736px) {
  .featureSect__cont {
    margin-top: 100px;
  }
}

@media screen and (max-width: 736px) {
  .featureSect__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: calc(80 / 390 * 100vw);
  }
}

.featureSect__thumb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}

@media print, screen and (min-width: 736px) {
  .featureSect__thumb {
    width: calc(464 / 1360 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .featureSect__thumb {
    width: calc(246 / 358 * 100%);
  }
}

.featureSect__thumb .photo__image {
  -webkit-filter: brightness(1.6) blur(10px);
          filter: brightness(1.6) blur(10px);
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-transition: 2.4s ease;
  transition: 2.4s ease;
  -webkit-transition-property: -webkit-filter, -webkit-transform;
  transition-property: -webkit-filter, -webkit-transform;
  transition-property: filter, transform;
  transition-property: filter, transform, -webkit-filter, -webkit-transform;
  will-change: filter, transform;
}

.featureSect__thumb.sai-animate .photo__image {
  -webkit-filter: brightness(1) blur(0);
          filter: brightness(1) blur(0);
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media print, screen and (min-width: 736px) {
  .featureSect__body {
    margin-left: calc(40 / 1360 * 100%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 736px) {
  .featureSect__body {
    margin-top: calc(24 / 390 * 100vw);
    width: calc(246 / 358 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .featureSect .sectTtl {
    text-align: center;
  }
}

@media print, screen and (min-width: 736px) {
  .featureSect .txt {
    margin-top: 32px;
  }
}

@media screen and (max-width: 736px) {
  .featureSect .txt {
    margin-top: calc(16 / 390 * 100vw);
  }
}

.landscapeSect__visual {
  margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  width: calc(100vw - var(--scrollbar));
}

.landscapeSect__cont {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 736px) {
  .landscapeSect__cont {
    margin-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .landscapeSect__cont {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: calc(56 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .landscapeSect__gallery {
    width: calc(696 / 1360 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .landscapeSect__gallery {
    width: calc(294 / 358 * 100%);
  }
}

.landscapeSect__gallery .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media print, screen and (min-width: 736px) {
  .landscapeSect__gallery .list {
    row-gap: 20px;
  }
}

@media screen and (max-width: 736px) {
  .landscapeSect__gallery .list {
    row-gap: calc(8 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .landscapeSect__gallery .list li {
    width: calc(338 / 696 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .landscapeSect__gallery .list li {
    width: calc(143 / 294 * 100%);
  }
}

.landscapeSect__gallery .cap {
  display: block;
}

@media print, screen and (min-width: 736px) {
  .landscapeSect__gallery .cap {
    margin-top: 5px;
  }
}

@media screen and (max-width: 736px) {
  .landscapeSect__gallery .cap {
    margin-top: calc(5 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .landscapeSect__body {
    margin-left: calc(40 / 1360 * 100%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 736px) {
  .landscapeSect__body {
    margin-top: calc(24 / 390 * 100vw);
    width: calc(294 / 358 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .concept-intro {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .concept-intro {
    padding-top: calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .concept-landscape {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .concept-landscape {
    padding-top: calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .concept-facade {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .concept-facade {
    padding-top: calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .concept-woods,
  .concept-minamo,
  .concept-sando,
  .concept-sazanami,
  .concept-kumo,
  .concept-hoshi {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .concept-woods,
  .concept-minamo,
  .concept-sando,
  .concept-sazanami,
  .concept-kumo,
  .concept-hoshi {
    padding-top: calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .concept-hoshi {
    padding-bottom: 160px;
  }
}

@media screen and (max-width: 736px) {
  .concept-hoshi {
    padding-bottom: calc(120 / 390 * 100vw);
  }
}