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

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

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

@media print, screen and (min-width: 736px) {
  .architectSect .sectTtl {
    margin-left: calc(20 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect .sectTtl {
    margin-left: calc(16 / 390 * 100%);
  }
}

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

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

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

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

.architectSect__main {
  position: relative;
}

@media print, screen and (min-width: 736px) {
  .architectSect__main {
    width: calc(936 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__main {
    width: calc(374 / 390 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .architectSect__logo {
    margin-left: calc(40 / 1440 * 100%);
    margin-top: calc(400 / 1440 * 100%);
    width: calc(328 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__logo {
    margin-left: calc(8 / 390 * 100%);
    margin-top: calc(50 / 390 * 100%);
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: calc(191 / 390 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__logo .photo {
    margin-left: calc(8 / 191 * 100%);
    width: calc(167 / 191 * 100%);
  }
}

.architectSect__item {
  position: relative;
}

@media print, screen and (min-width: 736px) {
  .architectSect__item {
    margin-top: calc(20 / 1440 * 100%);
    width: calc(421.3 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__item {
    width: calc(191 / 390 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .architectSect__item:nth-child(3) {
    margin-left: calc(156 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__item:nth-child(3) {
    margin-top: calc(8 / 390 * 100%);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media print, screen and (min-width: 736px) {
  .architectSect__item:nth-child(4) {
    margin-left: calc(10 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__item:nth-child(4) {
    margin-top: calc(7 / 390 * 100%);
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

@media print, screen and (min-width: 736px) {
  .architectSect__item:nth-child(5) {
    margin-left: calc(10 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__item:nth-child(5) {
    margin-left: calc(8 / 390 * 100%);
    margin-top: calc(7 / 390 * 100%);
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}

.architectSect__num {
  bottom: 0;
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

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

.architectSect__note {
  display: none;
}

@media screen and (max-width: 736px) {
  .architectSect__note {
    display: block;
    margin: calc(16 / 390 * 100vw) auto 0;
    width: calc(358 / 390 * 100%);
  }
}

.architectSect__profile {
  -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) {
  .architectSect__profile {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: calc(32 / 1440 * 100%);
    padding-right: calc(40 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .architectSect__profile {
    -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(32 / 390 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .architectSect__portrait {
    width: calc(349 / 1400 * 100%);
  }
}

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

@media print, screen and (min-width: 736px) {
  .architectSect__info {
    margin-left: calc(40 / 1400 * 100%);
    width: calc(424 / 1400 * 100%);
  }
}

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

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

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

.architectSect__info .cap {
  font-size: 12px;
}

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

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

.architectSect__name {
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
  letter-spacing: .18em;
}

@media print, screen and (min-width: 736px) {
  .architectSect__name {
    font-size: 24px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 736px) {
  .architectSect__name {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(20 / 390 * 100vw);
    line-height: 1.4;
  }
}

.architectSect__name .en {
  display: block;
  font-family: YakuHanMP, "Sawarabi Mincho", serif;
  line-height: 2;
}

@media print, screen and (min-width: 736px) {
  .architectSect__name .en {
    color: #d8d8d8;
    font-size: 12px;
    letter-spacing: .16em;
  }
}

@media screen and (max-width: 736px) {
  .architectSect__name .en {
    font-size: calc(10 / 390 * 100vw);
    letter-spacing: .18em;
    margin-left: calc(16 / 390 * 100vw);
  }
}

.commonspaceCard {
  position: relative;
}

.commonspaceCard__ttl {
  color: #c0b898;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: normal;
}

@media print, screen and (min-width: 736px) {
  .commonspaceCard__ttl {
    bottom: .5em;
    font-size: 32px;
    position: absolute;
    right: .75em;
    text-shadow: 0 0 16px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 736px) {
  .commonspaceCard__ttl {
    font-size: calc(20 / 390 * 100vw);
    padding: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw) 0 calc(10 / 390 * 100vw);
  }
  .swiper-slide:nth-child(odd) .commonspaceCard__ttl {
    text-align: right;
  }
}

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

@media print, screen and (min-width: 736px) {
  .commonspaceFeature .generalSlider .swiper-slide {
    width: calc(1280 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .commonspaceFeature .generalSlider .swiper-slide {
    width: 100%;
  }
}

@media print, screen and (min-width: 736px) {
  .commonspaceFeature .generalSlider .generalSlider__bottom {
    margin-top: 48px;
  }
}

@media screen and (max-width: 736px) {
  .commonspaceFeature .generalSlider .generalSlider__bottom {
    margin-top: calc(40 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .commonspaceFeature .generalSlider .generalSlider__bottom .swiper-pagination {
    gap: 16px;
  }
}

@media screen and (max-width: 736px) {
  .commonspaceFeature .generalSlider .generalSlider__bottom .swiper-pagination {
    gap: calc(16 / 390 * 100vw);
  }
}

.commonspaceFeature .generalSlider .generalSlider__bottom .swiper-pagination .swiper-pagination-bullet {
  background-color: #c0b898;
  border-radius: 50%;
  opacity: .3;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

@media print, screen and (min-width: 736px) {
  .commonspaceFeature .generalSlider .generalSlider__bottom .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
}

@media screen and (max-width: 736px) {
  .commonspaceFeature .generalSlider .generalSlider__bottom .swiper-pagination .swiper-pagination-bullet {
    height: calc(8 / 390 * 100vw);
    width: calc(8 / 390 * 100vw);
  }
}

.commonspaceFeature .generalSlider .generalSlider__bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.commonspaceFeature .generalSlider .generalSlider__controller {
  display: none;
}

@media screen and (max-width: 736px) {
  .commonspaceFeature .generalSlider.generalSlider--disableMode .swiper-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 736px) {
  .commonspaceFeature .generalSlider.generalSlider--disableMode .swiper-slide + .swiper-slide {
    margin-top: calc(56 / 390 * 100vw);
  }
}

.hospitalityFigure {
  margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  width: calc(100vw - var(--scrollbar));
  -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) {
  .hospitalityFigure {
    margin-top: calc(-30 / 1360 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .hospitalityFigure {
    -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) {
  .hospitalityFigure__small {
    width: calc(388 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .hospitalityFigure__small {
    width: calc(205 / 390 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .hospitalityFigure__large {
    margin-left: calc(10 / 1440 * 100%);
    margin-top: calc(220 / 1440 * 100%);
    width: calc(1042 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .hospitalityFigure__large {
    margin-left: calc(18 / 390 * 100%);
    margin-top: calc(24 / 390 * 100%);
    width: calc(372 / 390 * 100%);
  }
}

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

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

@media print, screen and (min-width: 736px) {
  .design-architect {
    padding-top: 140px;
  }
}

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

@media print, screen and (min-width: 736px) {
  .design-commonspace {
    padding: 160px 0;
  }
}

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

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

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