@charset "UTF-8";
/* CSS Document */
#Main .block-nordicdesign-01 {margin-top: -1px;padding: 15em 0;position: relative;}
#Main .block-nordicdesign-02 h3,
#Main .block-nordicdesign-01 h3 {font-size: 175%;text-align: center;letter-spacing: 0.1em;line-height: 2;}
#Main .block-nordicdesign-02 h3 span,
#Main .block-nordicdesign-01 h3 span {display: block;font-size: 150%;max-width: 18em;margin: 0 auto 0.5em;padding-bottom: 0.25em;border-bottom: 1px solid #000;}
#Main .block-nordicdesign-01 .container:nth-child(1) {padding: 5em 3em;background: rgba(255,255,255,0.8);position: relative;z-index: 2;}
#Main .block-nordicdesign-01 .container:nth-child(1) p {font-size: 125%;text-align: left;line-height: 2;margin: 2em auto 0;max-width: 650px;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure {position: absolute;z-index: 1;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure img {width: 100%;height: 100%;object-fit: cover;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(1) {width: 70%;height: 50%;top: 0;left: 0;transition-delay: 0s;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(2) {width: 30%;height: 25%;top: 0;right: 0;transition-delay: 0.1s;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(3) {width: 30%;height: 25%;top: 25%;right: 0;transition-delay: 0.2s;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(4) {width: 65%;height: 50%;top: 50%;right: 0;transition-delay: 0.5s;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(5) {width: 35%;height: 20%;top: 50%;left: 0;transition-delay: 0.3s;}
#Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(6) {width: 35%;height: 30%;top: 70%;left: 0;transition-delay: 0.4s;}
#Main .block-nordicdesign-02 {margin-top: 5em;}
#Main .block-nordicdesign-02 .container:nth-child(1) {background: transparent url(../img/common/bg02.webp) repeat center/300px 300px;}
#Main .block-nordicdesign-02 .container:nth-child(1) {padding: 5em;}
#Main .block-nordicdesign-02 .container:nth-child(1) > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 3em;}
#Main .block-nordicdesign-02 .container:nth-child(1) > div > figure {width: 70%;}
#Main .block-nordicdesign-02 .container:nth-child(1) > div div {width: 25%;}
#Main .block-nordicdesign-02 .container:nth-child(1) > div div figure figcaption {display: block;font-size: 87.5%;text-align: center;margin-top: 1em;}
#Main .block-nordicdesign-02 .container:nth-child(1) > div div figure figcaption::before {display: block;content: attr(data-title);font-size: 187.5%;}
#Main .block-nordicdesign-02 .container:nth-child(1) > div div figure img {width: 60%;margin: 0 auto;}
#Main .block-nordicdesign-02 .container:nth-child(1) > div div p {font-size: 87.5%;line-height: 2;margin-top: 1.5em;}
#Main .block-nordicdesign-02 .container:nth-child(1) > p {font-size: 125%;line-height: 2;line-break: strict;margin: 2.5em auto 0;max-width: 800px;}
#Main .block-nordicdesign-02 .container.designer {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 3em 0 3em 3em;background: transparent url(../img/common/bg02.webp) repeat center/300px 300px;position: relative;z-index: 1;}
#Main .block-nordicdesign-02 .container.designer::after {display: block;content: '';width: 100%;height: 100%;background: #efeeee;position: absolute;top: 0;left: 0;z-index: 0;mix-blend-mode: multiply;pointer-events: none;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(1) {width: 50%;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(1) p:nth-child(1) {font-size: 150%;line-height: 2;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(1) p:nth-child(2) {font-size: 112.5%;line-height: 2;margin-top: 1.2em;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(1) figure {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;margin-top: 1.5em;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(1) figure img {width: 25%;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(1) figure figcaption {font-size: 112.5%;line-height: 2;width: 70%;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(2) {width: 45%;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(2) p {font-size: 150%;text-align: right;margin-right: 2em;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(2) figure {margin-top: 2.4em;}
#Main .block-nordicdesign-02 .container.designer div:nth-child(2) figure::before {padding-right: 0;right: 1em;}
#Main .block-nordicdesign-02 .container.link {padding: 5em;background: transparent url(../img/common/bg02.webp) repeat center/300px 300px;}
#Main .block-nordicdesign-02 .container.link a {display: flex;flex-wrap: wrap;justify-content:space-between;align-items: center;max-width: 400px;margin: 0 auto;background: rgba(42,35,38,0.85);}
#Main .block-nordicdesign-02 .container.link a + a {margin-top: 1.5em;}
#Main .block-nordicdesign-02 .container.link a figure {width: 40%;}
#Main .block-nordicdesign-02 .container.link a p {color: #fff;padding: 1em;width: 60%;}
#Main .block-nordicdesign-02 .container.link a p img {width: auto;height: 0.8em;margin-bottom: 0.9em;filter: brightness(0) invert(1);}
#Main .block-nordicdesign-02 .container.link a.comingsoon {opacity: 0.5;pointer-events: none;}
#Main .block-nordicdesign-02.green .container:nth-child(1) > div {margin-top: 1em;}
#Main .block-nordicdesign-02.lighting .container.link {padding-top: 0;}
#Main .block-nordicdesign-02.modern {padding-bottom: 5em;}
#Main .block-nordicdesign-02.modern .container.link {padding-top: 0;}
#Main .block-nordicdesign-02.modern .container:nth-child(1) > div > figure {padding-bottom: 1em;}
#Main .block-nordicdesign-02.modern .container:nth-child(1) > div > figure figcaption {right: 6em;}
@media only screen and (max-width: 1100px) {
  #Main .block-nordicdesign-02 h3,
  #Main .block-nordicdesign-01 h3 {font-size: 137.5%;}
  #Main .block-nordicdesign-02 .container:nth-child(1) {padding: 3em;}
}
@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) {
  #Main .block-nordicdesign-01 {padding: 10em 0;}
  #Main .block-nordicdesign-02 h3,
  #Main .block-nordicdesign-01 h3 {letter-spacing: 0;}
  #Main .block-nordicdesign-02 h3 span,
  #Main .block-nordicdesign-01 h3 span {font-size: 175%;line-height: 1.5;max-width: 100%;}
  #Main .block-nordicdesign-01 .container:nth-child(1) {width: 80%;padding: 2em 10vw;}
  #Main .block-nordicdesign-01 .container:nth-child(1) p {margin-top: 1.5em;}
  #Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(1) {width: 100%;height: 30%;top: 20%;}
  #Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(2) {width: 50%;height: 20%;top: 0;left: 0;right: auto;}
  #Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(3) {width: 50%;height: 20%;top: 0;left: auto;right: 0;}
  #Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(4) {width: 100%;height: 30%;top: 70%;left: 0;right: auto;}
  #Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(5) {width: 40%;height: 20%;top: 50%;left: 0;right: auto;}
  #Main .block-nordicdesign-01 .container:nth-child(2) figure:nth-child(6) {width: 60%;height: 20%;top: 50%;left: auto;right: 0;}
  #Main .block-nordicdesign-02 {margin-top: -1em;padding-top: 4em;}
  #Main .block-nordicdesign-02 .container:nth-child(1) {padding: 1.5em 1.5em 2em;}
  #Main .block-nordicdesign-02 .container:nth-child(1) > div > figure {width: 100%;}
  #Main .block-nordicdesign-02 .container:nth-child(1) > div div {width: 100%;margin-top: 1.5em;}
  #Main .block-nordicdesign-02 .container:nth-child(1) > div div figure figcaption {font-size: 100%;}
  #Main .block-nordicdesign-02 .container:nth-child(1) > div div figure figcaption::before {font-size: 150%;}
  #Main .block-nordicdesign-02 .container:nth-child(1) > div div figure img {width: 40%;margin-top: 1em;}
  #Main .block-nordicdesign-02 .container:nth-child(1) > div div p {font-size: 100%;}
  #Main .block-nordicdesign-02 .container:nth-child(1) > p {font-size: 112.5%;margin-top: 1em;}
  #Main .block-nordicdesign-02 .container.designer {flex-direction: column-reverse;padding: 2.5em 1.5em 1.5em;}
  #Main .block-nordicdesign-02 .container.designer div:nth-child(1) {width: 100%;margin-top: 1.5em;}
  #Main .block-nordicdesign-02 .container.designer div:nth-child(1) figure img {width: 35%;}
  #Main .block-nordicdesign-02 .container.designer div:nth-child(1) figure figcaption {width: 60%;}
  #Main .block-nordicdesign-02 .container.designer div:nth-child(2) {width: calc(100% + 1.5em);margin-left: -1.5em;}
  #Main .block-nordicdesign-02 .container.designer div:nth-child(2) p {text-align: left;margin: 0 0 0 1em;}
  #Main .block-nordicdesign-02 .container.designer div:nth-child(2) figure {margin-top: 1em;}
  #Main .block-nordicdesign-02 .container.link {padding: 3em 1.5em;}
  #Main .block-nordicdesign-02.green .container:nth-child(1) > div > figure {width: calc(100% + 3em);margin: 0 -1.5em;padding-bottom: 1em;}
  #Main .block-nordicdesign-02.modern {padding-bottom: 3em;}
  #Main .block-nordicdesign-02.modern .container:nth-child(1) > div > figure {padding-bottom: 3em;}
  #Main .block-nordicdesign-02.modern .container:nth-child(1) > div > figure figcaption {text-align: right;line-height: 1.5;right: 2em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}