@charset "utf-8";

/* basic-N32 */
:root {}

.basic-N32 {
  position: relative;
  overflow: hidden;
  background: url(../images/crop_mqj2mj3v.png) no-repeat center / cover
}

.basic-N32 .container-sm .imageset {
  width: calc(100% + 16rem);
  margin-left: calc(-50% - 16rem)
}

.basic-N32 .contents-inner {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.basic-N32 .imageset {
  align-self: flex-start;
  width: calc(50% + 26rem);
  height: 64rem;
  margin-left: -32rem;
  border-radius: 0 2rem 2rem 0;
  overflow: hidden
}

.basic-N32 .textset {
  width: 50%;
  margin-left: 4rem;
  margin-bottom: 0
}

.basic-N32 .textset .textset-tit+.textset-desc {
  margin-top: 4rem
}

.basic-N32 .textset .textset-desc {
  color: var(--text-color3)
}

.basic-N32 .textset .textset-desc+.textset-desc {
  margin-top: 2rem
}

.basic-N32 .block_overlay {
  position: absolute;
  content: '';
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #000
}

@media (max-width: 1200px) {
  .basic-N32 .container-sm .imageset {
    width: calc(50% + 26rem);
    margin-left: -32rem
  }
}

@media (max-width: 992px) {
  .basic-N32 {
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: none;
    background: url(../images/crop_mqj2mj3v.png) no-repeat center / cover !important
  }

  .basic-N32 .container-sm .imageset {
    width: calc(100% + 1.6rem);
    margin-left: -1.6rem
  }

  .basic-N32 .contents-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
  }

  .basic-N32 .imageset {
    width: calc(100% + 1.6rem);
    height: 56rem;
    margin-left: -1.6rem
  }

  .basic-N32 .textset {
    width: 100%;
    margin-top: 4rem;
    margin-left: 0
  }

  .basic-N32 .textset br.pc-br {
    display: none
  }
}
/* basic-N34_copy */
.basic-N34_copy {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
  overflow: hidden;
  background: url(../images/crop_mqg8afwh.png) no-repeat center / cover
}

.basic-N34_copy .textset {
  margin-bottom: 0
}

.basic-N34_copy .textset .textset-tit+.textset-desc {
  margin-top: 0.8rem
}

.basic-N34_copy .textset .textset-desc {
  color: var(--text-color3)
}

.basic-N34_copy .block_overlay {
  position: absolute;
  content: '';
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  background-color: #000
}

@media (max-width: 992px) {
  .basic-N34_copy {
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: none;
    background: url(../images/crop_mqg8afwh.png) no-repeat center / cover !important
  }
}
/* basic-N6 */
.basic-N6 {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
  overflow: hidden
}

.basic-N6 .textset {
  text-align: center;
  margin-bottom: 0
}

.basic-N6 .textset-desc {
  color: var(--text-color3)
}

@media (max-width: 992px) {
  .basic-N6 {
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: none
  }

  .basic-N6 .textset .textset-tit+.textset-desc {
    margin-top: 2rem
  }

  .basic-N6 .textset-desc {
    word-break: keep-all
  }

  .basic-N6 .textset-desc br {
    display: none
  }
}
/* bloomcity-N11 */
.bloomcity-N11 {
  overflow: hidden;
  position: relative;
  padding-top: 12rem;
  padding-bottom: 6rem;
  --padding-left-mqgbnztu: 14rem;
  --padding-right-mqgbo9wu: 10rem;
  background: url(../images/crop_mqj2lzy6.png) no-repeat center / cover
}

.bloomcity-N11 .content-group {
  display: flex;
  justify-content: space-between;
  gap: 5rem
}

.bloomcity-N11 .content-group .con-wrap {
  width: calc(50% - 6.4rem)
}

.bloomcity-N11 .con-wrap strong {
  font-weight: var(--fw-bold)
}

.bloomcity-N11 .con-wrap p {
  margin-top: 1.6rem;
  color: #666666
}

.bloomcity-N11 .content-group .right {
  margin-top: 6rem
}

@media (max-width: 992px) {
  .bloomcity-N11 {
    padding-top: 8rem;
    padding-bottom: 4rem;
    display: none;
    background: url(../images/crop_mqj2ljrm.png) no-repeat center / cover !important
  }

  .bloomcity-N11 .content-group {
    flex-direction: column;
    gap: 6rem
  }

  .bloomcity-N11 .content-group .con-wrap {
    width: 100%
  }

  .bloomcity-N11 .con-wrap p {
    margin-top: 0.8rem
  }
}
/* basic-N14_copy */
.basic-N14_copy {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
  background: #f7f7fb;
  overflow: hidden
}

.basic-N14_copy .textset {
  margin-bottom: 5rem;
  text-align: center
}

.basic-N14_copy .textset .textset-tit+.textset-desc {
  margin-top: 2rem
}

.basic-N14_copy .textset .textset-desc {
  color: var(--text-color3)
}

.basic-N14_copy .cardset {
  padding: 5rem 6rem
}

.basic-N14_copy .cardset .cardset-body {
  padding: 0
}

.basic-N14_copy .cardset .cardset-figure {
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
  border-radius: 1rem;
  overflow: hidden
}

.basic-N14_copy .cardset .cardset-figure+.cardset-body {
  margin-top: 2.4rem;
  text-align: center
}

.basic-N14_copy .cardset .cardset-tit+.cardset-desc {
  margin-top: 1.5rem
}

.basic-N14_copy .cardset .cardset-desc {
  display: block;
  color: var(--text-color3);
  margin-top: 1.5rem;
  letter-spacing: -0.1rem
}

@media (max-width: 992px) {
  .basic-N14_copy {
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: none
  }

  .basic-N14_copy .textset {
    margin-bottom: 8rem
  }

  .basic-N14_copy .cardset {
    width: 100%;
    padding: 0
  }

  .basic-N14_copy .cardset+.cardset {
    margin-top: 4rem
  }
}
/* bloomcity-N17 */
.bloomcity-N17 {
  overflow: hidden;
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem
}

.bloomcity-N17 .contents-inner {
  width: 100%;
  text-align: center
}

.bloomcity-N17 .contents-inner p {
  margin-top: 1.6rem;
  color: #666
}

@media (max-width: 992px) {
  .bloomcity-N17 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: none
  }

  .bloomcity-N17 .contents-inner p {
    margin-top: 0.8rem
  }

  .bloomcity-N17 br {
    display: none
  }
}
/* hooms-N22 */
.hooms-N22 {
  overflow: hidden;
  position: relative;
  padding-top: 10rem;
  padding-bottom: 10rem
}

.hooms-N22 .contents-inner {
  width: 100%
}

.hooms-N22 .wrap {
  display: flex;
  align-items: flex-end;
  gap: 4rem
}

.hooms-N22 .wrap+.wrap {
  margin-top: 10rem
}

.hooms-N22 .wrap:last-child {
  align-items: flex-start;
  gap: 29rem
}

.hooms-N22 .wrap.reverse {
  flex-direction: row-reverse
}

.hooms-N22 .thumb {
  flex: 1 1 80.8rem;
  height: 48.2rem
}

.hooms-N22 .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.hooms-N22 .desc {
  flex: 1 1 32rem
}

.hooms-N22 .wrap.reverse .desc {
  text-align: right
}

.hooms-N22 .desc p {
  margin-top: 1.2rem;
  color: #666
}

.hooms-N22 .item:first-child {
  flex: 1 1 44rem
}

.hooms-N22 .item:last-child {
  flex: 1 1 63.1rem
}

.hooms-N22 .item:first-child .thumb {
  height: 45rem
}

.hooms-N22 .item:last-child .thumb {
  height: 60rem
}

.hooms-N22 .item .desc {
  margin-top: 2.4rem
}

@media (max-width: 992px) {
  .hooms-N22 {
    display: none;
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .hooms-N22 .wrap {
    flex-direction: column;
    gap: 1.4rem
  }

  .hooms-N22 .wrap:last-child {
    gap: 2.4rem
  }

  .hooms-N22 .wrap+.wrap {
    margin-top: 2.4rem
  }

  .hooms-N22 .wrap.reverse {
    flex-direction: column
  }

  .hooms-N22 .thumb,
  .hooms-N22 .desc,
  .hooms-N22 .item:first-child,
  .hooms-N22 .item:last-child {
    flex: none;
    width: 100%
  }

  .hooms-N22 .thumb,
  .hooms-N22 .item:first-child .thumb,
  .hooms-N22 .item:last-child .thumb {
    height: 22rem
  }

  .hooms-N22 .wrap.reverse .desc {
    text-align: left
  }

  .hooms-N22 .desc p {
    margin-top: 0.8rem
  }

  .hooms-N22 .item .desc {
    margin-top: 1.4rem
  }
}
/* sub_office-N5 */
.sub_office-N5 {
  overflow: hidden;
  position: relative;
  padding-top: 8rem;
  --width-mqq5uy3z: 400px;
  --height-mqq5uy3z: 660px;
  --padding-bottom-mqq5tq3d: 5rem
}

.sub_office-N5 .contents-container::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #fafafd
}

.sub_office-N5 .contents-inner {
  display: flex;
  gap: 8rem;
  position: relative;
  margin-top: 13.8rem;
  padding: 6rem 0 21rem;
  width: 100%
}

.sub_office-N5 .desc-area {
  flex: 1 1 83rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}

.sub_office-N5 .desc-area .desc-text-wrap {
  flex: 1;
}

.sub_office-N5 .desc-area .qr-code-box {
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 2rem;
  padding: 1.8rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub_office-N5 .desc-area .qr-code-box img {
  width: 14rem;
  height: 14rem;
  object-fit: contain;
}

.sub_office-N5 .desc-area p {
  margin: 4rem 0;
  color: var(--text-color3)
}

.sub_office-N5 .info-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem
}

.sub_office-N5 .info-wrap span {
  color: var(--text-color3)
}

.sub_office-N5 .info-wrap strong {
  font-weight: var(--fw-bold)
}

.sub_office-N5 .list-area {
  position: relative;
  padding: 16rem 0 26rem
}

.sub_office-N5 .bg-word {
  position: absolute;
  left: 0;
  bottom: -10.2rem;
  font-size: 16rem;
  font-family: var(--ff-ko3);
  font-weight: var(--fw-bold);
  line-height: 30rem;
  color: #f0f0f6;
  white-space: nowrap
}

.sub_office-N5 .thumb-area {
  flex: 1 0 45.9rem
}

.sub_office-N5 .thumb-area img {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 45.9rem;
  height: 74rem
}

@media (max-width: 992px) {
  .sub_office-N5 {
    display: none;
    padding-top: 4rem;
    padding-bottom: 8rem
  }

  .sub_office-N5 .contents-container::before {
    content: none
  }

  .sub_office-N5 .contents-inner {
    flex-direction: column-reverse;
    gap: 3rem;
    margin-top: 8rem;
    padding: 0
  }

  .sub_office-N5 .thumb-area {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -1.6rem;
    padding: 3.9rem 1.6rem;
    width: calc(100% + 3.2rem);
    min-height: 37.8rem;
    background: #fafafd
  }

  .sub_office-N5 .thumb-area img {
    width: 28.4rem;
    height: 45.8rem;
    bottom: 0
  }

  .sub_office-N5 .bg-word {
    position: static;
    font-size: 10rem;
    line-height: 1;
    text-align: center;
    white-space: normal
  }

  .sub_office-N5 .desc-area {
    flex: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
  }

  .sub_office-N5 .desc-area .qr-code-box {
    align-self: center;
    padding: 1.5rem;
  }

  .sub_office-N5 .desc-area .qr-code-box img {
    width: 12rem;
    height: 12rem;
  }

  .sub_office-N5 .desc-area p {
    margin: 2rem 0 2.4rem
  }

  .sub_office-N5 .info-wrap {
    gap: 0.4rem;
    align-items: flex-end
  }

  .sub_office-N5 .info-wrap span {
    transform: translateY(-0.2rem)
  }
}