@charset "UTF-8";
/* CSS Document */
.billboard-style-01 {background: url("../img/design/design_bg01_pc.webp") no-repeat center/cover;position: relative;}
.billboard-style-01::before {display: block;content: '外観完成予想CG';color: #fff;font-size: 10px;font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;position: absolute;right: 0.5em;bottom: 0.2em;z-index: 1;opacity: 0.7;}
.block-design-01 .container:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;padding-bottom: 5em;}
.block-design-01 .container:nth-child(1) > figure {width: 55%;max-width: 725px;transform: translateX(-3em);}
.block-design-01 .container:nth-child(1) > figure figcaption {padding: 0.5em;}
.block-design-01 .container:nth-child(1) > div {width: 40%;margin-top: 17em;}
.block-design-01 .container:nth-child(1) > div p {color: var(--blue-03);}
.block-design-01 .container:nth-child(1) > div p:nth-child(1) {font-size: 175%;line-height: 1.6;letter-spacing: 0.1em;}
.block-design-01 .container:nth-child(1) > div p:nth-child(1)::before {display: block;content: 'FACADE';font-size: 92.857%;font-family: 'Cinzel', serif;margin-bottom: 0.2em;}
.block-design-01 .container:nth-child(1) > div p:nth-child(2) {font-size: 112.5%;line-height: 2.22;letter-spacing: 0.1em;margin-top: 2em;}
.block-design-01 .container:nth-child(2) {padding-bottom: 7em;background: url("../img/common/common_bg05.webp") no-repeat center bottom/100% 93%;}
.block-design-01 .container:nth-child(2) div:nth-child(1) {width: 61%;margin: 0 0 6em auto;}
.block-design-01 .container:nth-child(2) div:nth-child(2) {width: 61%;}
.block-design-01 .container:nth-child(2) div figure::before {display: block;color: var(--blue-03);font-size: 162.5%;font-family: 'Cinzel', serif;letter-spacing: 0.1em;position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);}
.block-design-01 .container:nth-child(2) div:nth-child(1) figure::before {content: 'ENTRANCE';width: 7em;right: calc(100% + 3em);}
.block-design-01 .container:nth-child(2) div:nth-child(2) figure::before {content: 'ENTRANCE HALL';width: 11em;left: calc(100% + 3em);}
.block-design-01 .container:nth-child(3) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 6em 0;background: url("../img/common/common_bg04.webp") no-repeat center/cover;}
.block-design-01 .container:nth-child(3) > div {width: 40%;}
.block-design-01 .container:nth-child(3) > div div {color: #fff;width: calc(40vw - calc(50vw - 700px));padding-right: 2em;margin-left: auto;}
.block-design-01 .container:nth-child(3) > div div p:nth-child(1) {font-size: 175%;line-height: 1.6;letter-spacing: 0.1em;}
.block-design-01 .container:nth-child(3) > div div p:nth-child(2) {font-size: 112.5%;line-height: 2.22;letter-spacing: 0.1em;margin-top: 2em;}
.block-design-01 .container:nth-child(3) > figure {width: 60%;}
.block-design-01 .container:nth-child(4) {position: relative;}
.block-design-01 .container:nth-child(4) p {color: #fff;font-size: 175%;line-height: 1.6;letter-spacing: 0.1em;text-align: center;text-shadow:0 0 2px rgba(10, 25, 44, 0.9),0 0 4px rgba(10, 25, 44, 0.9),0 0 6px rgba(10, 25, 44, 0.9),0 0 12px rgba(10, 25, 44, 0.9),0 0 18px rgba(10, 25, 44, 0.9),0 0 20px rgba(10, 25, 44, 0.9),0 0 24px rgba(10, 25, 44, 0.9),0 0 32px rgba(10, 25, 44, 0.9);width: 100%;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
.block-design-01 .container:nth-child(5) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 6em 0;}
.block-design-01 .container:nth-child(5) > div {width: 40%;}
.block-design-01 .container:nth-child(5) > div div {width: calc(40vw - calc(50vw - 700px));padding-right: 2em;margin-left: auto;}
.block-design-01 .container:nth-child(5) > div div p {color: var(--blue-03);}
.block-design-01 .container:nth-child(5) > div div p:nth-child(1) {font-size: 175%;line-height: 1.6;letter-spacing: 0.1em;}
.block-design-01 .container:nth-child(5) > div div p:nth-child(2) {font-size: 112.5%;line-height: 2.22;letter-spacing: 0.1em;margin-top: 2em;}
.block-design-01 .container:nth-child(5) > figure {width: 60%;}
.block-design-02 .container:nth-child(1) > figure {max-width: 1280px;margin: 0 auto;position: relative;}
.block-design-02 .container:nth-child(1) > figure figcaption {right: 10%;}
.block-design-02 .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;column-gap: 1em;margin-top: 4em;}
.block-design-02 .container:nth-child(1) ul li {width: calc((100% - 4em) / 5);}
.block-design-02 .container:nth-child(1) ul li p {font-size: 112.5%;line-height: 1.44;padding-left: 1.9em;margin-top: 0.6em;position: relative;}
.block-design-02 .container:nth-child(1) ul li p::before {display: inline-block;content: attr(data-num);color: #fff;text-align: center;line-height: 1.4;width: 1.4em;height: 1.4em;background: var(--blue-01);position: absolute;top: 0;left: 0;}
.block-design-02 .container:nth-child(1) ul li p sup {display: inline-block;font-size: 10px;}
@media only screen and (max-width: 1550px) {
  .block-design-01 .container:nth-child(3) > div div {width: 40vw;padding-left: 5vw;}
  .block-design-01 .container:nth-child(5) > div div {width: 40vw;padding-left: 5vw;}
}
@media only screen and (max-width: 1200px) {
  .block-design-01 .container:nth-child(1) {margin-bottom: 6em;}
  .block-design-01 .container:nth-child(1) > div {width: 45%;margin-top: 18vw;}
  .block-design-01 .container:nth-child(2) div:nth-child(2) figure {width: 100%;margin-right: -2em;}
  .block-design-01 .container:nth-child(2) div:nth-child(1) figure::before {right: calc(100% + 1.5em);}
  .block-design-01 .container:nth-child(2) div:nth-child(2) figure::before {left: calc(100% + 1.5em);}
  .block-design-01 .container:nth-child(3) {padding: 14em 0 3em;}
  .block-design-01 .container:nth-child(3) > div {width: 100%;}
  .block-design-01 .container:nth-child(3) > div div {text-align: center;width: 100%;margin: 0 auto 3em;}
  .block-design-01 .container:nth-child(3) > figure {width: 100%;}
  .block-design-01 .container:nth-child(5) {padding: 3em 0;}
  .block-design-01 .container:nth-child(5) > div {width: 100%;}
  .block-design-01 .container:nth-child(5) > div div {text-align: center;width: 100%;margin: 0 auto 3em;}
  .block-design-01 .container:nth-child(5) > figure {width: 100%;}
  .block-design-02 .container:nth-child(1) ul {row-gap: 1em;}
  .block-design-02 .container:nth-child(1) ul li {width: calc((100% - 2em) / 3);}
}
@media only screen and (max-width: 900px) {
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .block-design-01 .container:nth-child(1) {margin-bottom: 0;padding-bottom: 3.5em;}
  .block-design-01 .container:nth-child(1) > figure {width: 100vw;max-width: 100vw;margin: -2em -5vw 0;transform: translateX(0);}
  .block-design-01 .container:nth-child(1) > figure figcaption {padding: 0 5vw 0 0;}
  .block-design-01 .container:nth-child(1) > div {text-align: center;width: 100%;margin-top: 3em;}
  .block-design-01 .container:nth-child(1) > div div p:nth-child(1) {font-size: 137.5%;}
  .block-design-01 .container:nth-child(1) > div div p:nth-child(2) {font-size: 100%;line-height: 2;margin-top: 1.5em;}
  .block-design-01 .container:nth-child(2) {display: block;padding-bottom: 0;}
  .block-design-01 .container:nth-child(2) div {width: 100% !important;}
  .block-design-01 .container:nth-child(2) div:nth-child(1) {margin-bottom: 0;}
  .block-design-01 .container:nth-child(2) div figure::before {color: #fff;font-size: 137.5%;line-height: 1.2;top: auto;left: 0.5em !important;right: auto;bottom: 0.5em;transform: translateY(0);}
  .block-design-01 .container:nth-child(2) div:nth-child(2) figure::before {width: 7.5em;}
  .block-design-01 .container:nth-child(3) {padding: 4em 0 0;}
  .block-design-01 .container:nth-child(3) > div div {margin-bottom: 4em;}
  .block-design-01 .container:nth-child(3) > div div p:nth-child(1) {font-size: 137.5%;}
  .block-design-01 .container:nth-child(3) > div div p:nth-child(2) {font-size: 100%;line-height: 2;margin-top: 1.5em;}
  .block-design-01 .container:nth-child(4) p {color: #444;font-size: 137.5%;text-shadow: none;padding: 2em 5vw;position: static;transform: none;}
  .block-design-01 .container:nth-child(4) figure {height: 15em;}
  .block-design-01 .container:nth-child(4) figure figcaption {left: 0;right: auto;}
  .block-design-01 .container:nth-child(4) figure img {width: 100%;height: 100%;object-fit: cover;}
  .block-design-01 .container:nth-child(5) {padding: 2em 0;}
  .block-design-01 .container:nth-child(5) > div div {margin-bottom: 2em;}
  .block-design-01 .container:nth-child(5) > div div p:nth-child(1) {font-size: 137.5%;}
  .block-design-01 .container:nth-child(5) > div div p:nth-child(2) {font-size: 100%;line-height: 2;margin-top: 1.5em;}
  .block-design-01 .container:nth-child(5) > figure figcaption {left: 0;right: auto;}
  .block-design-02 .container:nth-child(1) > figure {width: 100vw;margin-left: -5vw;padding: 0 1em 1.7em 0;}
  .block-design-02 .container:nth-child(1) > figure figcaption {right: 5vw;}
  .block-design-02 .container:nth-child(1) ul {row-gap: 1em;margin: 2em 0 1em;}
  .block-design-02 .container:nth-child(1) ul li {width: 100%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}