@charset "UTF-8";
/* CSS Document */
#Main .container.link {padding: 5em;background: transparent url(../img/common/bg02.webp) repeat center/300px 300px;}
#Main .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 .container.link a + a {margin-top: 1.5em;}
#Main .container.link a figure {width: 40%;}
#Main .container.link a p {color: #fff;padding: 1em;width: 60%;}
#Main .container.link a p img {width: auto;height: 0.8em;margin-bottom: 0.9em;filter: brightness(0) invert(1);}
#Main .container.link a.comingsoon {opacity: 0.5;pointer-events: none;}
#Main .block-design-03 h3,
#Main .block-design-02 h3,
#Main .block-design-01 h3 {font-size: 175%;text-align: center;letter-spacing: 0.1em;line-height: 2;}
#Main .block-design-03 h3 span,
#Main .block-design-02 h3 span,
#Main .block-design-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-design-03 .container,
#Main .block-design-02 .container,
#Main .block-design-01 .container {background: transparent url(../img/common/bg02.webp) repeat center/300px 300px;}
#Main .block-design-03 .container:nth-child(2),
#Main .block-design-03 .container:nth-child(1),
#Main .block-design-02 .container:nth-child(1),
#Main .block-design-01 .container:nth-child(1) {padding: 5em 3em;}
#Main .block-design-03 .container:nth-child(1) figure,
#Main .block-design-02 .container:nth-child(1) figure,
#Main .block-design-01 .container:nth-child(1) figure {margin: 2em -3em 0;}
#Main .block-design-03 .container:nth-child(1) p,
#Main .block-design-02 .container:nth-child(1) p,
#Main .block-design-01 .container:nth-child(1) p {font-size: 125%;line-height: 2;margin: 2.5em auto 0;max-width: 800px;}
#Main .block-design-01 {margin-top: 5em;}
#Main .block-design-01 .container:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;position: relative;z-index: 1;}
#Main .block-design-01 .container:nth-child(2)::after {display: block;content: '';width: 100%;height: 100%;background: #595654;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-design-01 .container:nth-child(2) div {color: #fff;width: 55%;padding: 3em 5em;}
#Main .block-design-01 .container:nth-child(2) div p:nth-child(1) {font-size: 162.5%;letter-spacing: 0.05em;}
#Main .block-design-01 .container:nth-child(2) div p:nth-child(2) {line-height: 2;margin-top: 2.5em;}
#Main .block-design-01 .container:nth-child(2) figure {width: 45%;}
#Main .block-design-02 {margin: 5em auto;}
#Main .block-design-02 .container:nth-child(2) {display: grid;grid-template-columns: repeat(16, 1fr);grid-template-rows: repeat(6, 1fr);position: relative;z-index: 1;}
#Main .block-design-02 .container:nth-child(2)::after {display: block;content: '';width: 100%;height: 100%;background: #30808e;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-design-02 .container:nth-child(2) figure {overflow: hidden;}
#Main .block-design-02 .container:nth-child(2) figure:nth-child(1) {grid-column: 1 / 5;grid-row: 1 / 3;}
#Main .block-design-02 .container:nth-child(2) figure:nth-child(2) {grid-column: 1 / 5;grid-row: 3 / 5;}
#Main .block-design-02 .container:nth-child(2) figure:nth-child(3) {grid-column: 1 / 5;grid-row: 5 / 7;}
#Main .block-design-02 .container:nth-child(2) figure:nth-child(4) {grid-column: 5 / 11;grid-row: 1 / 7;}
#Main .block-design-02 .container:nth-child(2) figure:nth-child(5) {grid-column: 11 / 14;grid-row: 1 / 4;}
#Main .block-design-02 .container:nth-child(2) figure:nth-child(6) {grid-column: 14 / 17;grid-row: 1 / 4;}
#Main .block-design-02 .container:nth-child(2) figure img {width: 102%;height: 102%;margin: -1% 0 0 -1%;object-fit: cover;}
#Main .block-design-02 .container:nth-child(2) div {color: #fff;grid-column: 11 / 17;grid-row: 4 / 7;padding: 5em 4em 2em;position: relative;}
#Main .block-design-02 .container:nth-child(2) div::before {left: 1em;right: auto;}
#Main .block-design-02 .container:nth-child(2) div p:nth-child(1) {font-size: 162.5%;letter-spacing: 0.05em;}
#Main .block-design-02 .container:nth-child(2) div p:nth-child(2) {line-height: 2;margin-top: 1.5em;}
#Main .block-design-02 .container:nth-child(4) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;position: relative;z-index: 1;}
#Main .block-design-02 .container:nth-child(4)::after {display: block;content: '';width: 100%;height: 100%;background: #595654;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-design-02 .container:nth-child(4) div {color: #fff;width: 36%;padding: 3em 5em 6em;}
#Main .block-design-02 .container:nth-child(4) div p:nth-child(1) {font-size: 162.5%;letter-spacing: 0.05em;}
#Main .block-design-02 .container:nth-child(4) div p:nth-child(2) {line-height: 2;margin-top: 2.5em;}
#Main .block-design-02 .container:nth-child(4) figure {width: 64%;}
#Main .block-design-02 .container:nth-child(5) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;margin-top: 0.75em;position: relative;z-index: 1;}
#Main .block-design-02 .container:nth-child(5)::after {display: block;content: '';width: 100%;height: 100%;background: #30808e;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-design-02 .container:nth-child(5) figure {width: 64%;}
#Main .block-design-02 .container:nth-child(5) figure figcaption {white-space: nowrap;width: auto;right: auto;left: calc(100% + 1em);}
#Main .block-design-02 .container:nth-child(5) div {color: #fff;width: 36%;padding: 3em 5em 6em;}
#Main .block-design-02 .container:nth-child(5) div p:nth-child(1) {font-size: 162.5%;letter-spacing: 0.05em;}
#Main .block-design-02 .container:nth-child(5) div p:nth-child(2) {line-height: 2;margin-top: 2.5em;}
#Main .block-design-02 .container:nth-child(6) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 0.75em;position: relative;z-index: 1;}
#Main .block-design-02 .container:nth-child(6)::after {display: block;content: '';width: 100%;height: 100%;background: #595654;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-design-02 .container:nth-child(6) div {color: #fff;width: 64%;padding: 1em 5em 1em 17em;position: relative;}
#Main .block-design-02 .container:nth-child(6) div::after {display: block;content: '';width: 9.5em;height: 9.5em;background: url("../img/design/design_img02_13.webp") no-repeat center/cover;position: absolute;top: 1.25em;left: 5em;}
#Main .block-design-02 .container:nth-child(6) div p:nth-child(1) {font-size: 112.5%;}
#Main .block-design-02 .container:nth-child(6) div p:nth-child(1)::before {display: block;content: attr(data-title);font-size: 110%;letter-spacing: 0.05em;margin-bottom: 0.75em;}
#Main .block-design-02 .container:nth-child(6) div p:nth-child(2) {font-size: 87.5%;line-height: 2;margin-top: 1em;}
#Main .block-design-02 .container:nth-child(6) figure {width: 36%;}
#Main .block-design-03 .container:nth-child(1) {padding-bottom: 0;}
#Main .block-design-03 .container:nth-child(1) figure {width: 90%;max-width: 990px;margin: 5em auto 0;}
#Main .block-design-03 .container:nth-child(1) figure figcaption {white-space: nowrap;padding-left: 0;left: 100%;right: auto;}
#Main .block-design-03 .container:nth-child(2) {position: relative;z-index: 1;}
#Main .block-design-03 .container:nth-child(2)::after {display: block;content: '';width: 100%;height: 100%;background: #30808e;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-design-03 .container:nth-child(2) > div {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 900px;margin: 0 auto;}
#Main .block-design-03 .container:nth-child(2) > div div:nth-child(1),
#Main .block-design-03 .container:nth-child(2) > div figure:nth-child(1) {width: 28%;}
#Main .block-design-03 .container:nth-child(2) > div div:nth-child(2),
#Main .block-design-03 .container:nth-child(2) > div figure:nth-child(2) {width: 65%;}
#Main .block-design-03 .container:nth-child(2) > div figure {padding-bottom: 1em;}
#Main .block-design-03 .container:nth-child(2) > div figure figcaption {right: 0;bottom: 0;}
#Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div {color: #fff;margin-top: 2em;}
#Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(1) p {font-size: 162.5%;letter-spacing: 0.05em;margin-top: 1em;}
#Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(2) p:nth-child(1) {font-size: 131.25%;line-height: 2;}
#Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(2) p:nth-child(2) {line-height: 2;margin-top: 2em;}
#Main .block-design-03 .container:nth-child(3) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;margin-top: 0.75em;position: relative;z-index: 1;}
#Main .block-design-03 .container:nth-child(3)::after {display: block;content: '';width: 100%;height: 100%;background: #595654;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-design-03 .container:nth-child(3) div {color: #fff;width: 45%;padding: 3em 5em 6em;}
#Main .block-design-03 .container:nth-child(3) div p:nth-child(1) {font-size: 162.5%;letter-spacing: 0.05em;}
#Main .block-design-03 .container:nth-child(3) div p:nth-child(2) {font-size: 131.25%;line-height: 2;margin-top: 2.5em;}
#Main .block-design-03 .container:nth-child(3) div p:nth-child(3) {line-height: 2;line-break: strict;margin-top: 2.5em;}
#Main .block-design-03 .container:nth-child(3) figure {width: 55%;}
#Main .block-design-03 .container:nth-child(4) {margin-top: 0.75em;}
#Main .block-design-03 .container:nth-child(4) figure figcaption {left: 0;right: auto;}
#Main .block-common-note {background: transparent;}
@media only screen and (max-width: 1200px) {
  #Main .block-design-01 .container:nth-child(2) div {padding: 2em;}
  #Main .block-design-01 .container:nth-child(2) div p:nth-child(2) {margin-top: 1.5em;}
  #Main .block-design-02 .container:nth-child(2) div {padding: 2em;}
  #Main .block-design-02 .container:nth-child(4) div {padding: 2em;}
  #Main .block-design-02 .container:nth-child(4) div p:nth-child(2) {line-height: 2;margin-top: 1.5em;}  
  #Main .block-design-02 .container:nth-child(5) div {padding: 2em;}
  #Main .block-design-02 .container:nth-child(5) div p:nth-child(2) {line-height: 2;margin-top: 1.5em;}
  #Main .block-design-02 .container:nth-child(6) div {padding: 1em 2em 1em 12em;}
  #Main .block-design-02 .container:nth-child(6) div::after {width: 7.5em;height: 7.5em;left: 3em;}
  #Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(2) p:nth-child(1) {font-size: 125%;line-height: 2;}
  #Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(2) p:nth-child(2) {margin-top: 1em;}
  #Main .block-design-03 .container:nth-child(3) div p:nth-child(2) {font-size: 125%;line-height: 2;margin-top: 1em;}
  #Main .block-design-03 .container:nth-child(3) div p:nth-child(3) {margin-top: 1.5em;}
}
@media only screen and (max-width: 1100px) {
  #Main .block-design-03 h3,
  #Main .block-design-02 h3,
  #Main .block-design-01 h3 {font-size: 137.5%;}
}
@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) {
  /*.billboard-style-02::before {left: 1em;right: auto;}*/
  #Main .container.link {padding: 3em 1.5em;}
  #Main .block-design-03 h3,
  #Main .block-design-02 h3,
  #Main .block-design-01 h3 {letter-spacing: 0;}
  #Main .block-design-03 h3 span,
  #Main .block-design-02 h3 span,
  #Main .block-design-01 h3 span {font-size: 175%;line-height: 1.5;max-width: 100%;}
  #Main .block-design-03 .container:nth-child(1),
  #Main .block-design-02 .container:nth-child(1),
  #Main .block-design-01 .container:nth-child(1) {padding: 1.5em 1.5em 2em;}
  #Main .block-design-03 .container:nth-child(1) p,
  #Main .block-design-02 .container:nth-child(1) p,
  #Main .block-design-01 .container:nth-child(1) p {font-size: 100%;margin-top: 1em;}
  #Main .block-design-02 .container:nth-child(1) figure,
  #Main .block-design-01 .container:nth-child(1) figure {margin: 2em -1.5em 0;}  
  #Main .block-design-01 {margin-top: 3em;}
  #Main .block-design-01 .container:nth-child(2) {flex-direction: row-reverse;}
  #Main .block-design-01 .container:nth-child(2) div {width: 100%;padding: 1.5em;}
  #Main .block-design-01 .container:nth-child(2) figure {width: 100%;}
  #Main .block-design-01 .container:nth-child(2) figure figcaption {left: auto;right: 1em;}
  #Main .block-design-02 {margin: -1em auto;padding-top: 4em;}
  #Main .block-design-02 .container:nth-child(2) {grid-template-columns: repeat(11, 1fr);grid-template-rows: repeat(6, 1fr);}
  #Main .block-design-02 .container:nth-child(2)::before {color: #fff;text-align: right;right: 0.5em;top: auto;bottom: 33.5vw;}
  #Main .block-design-02 .container:nth-child(2) figure:nth-child(1) {grid-column: 1 / 6;grid-row: 1 / 2;}
  #Main .block-design-02 .container:nth-child(2) figure:nth-child(2) {grid-column: 1 / 6;grid-row: 2 / 3;}
  #Main .block-design-02 .container:nth-child(2) figure:nth-child(3) {grid-column: 1 / 6;grid-row: 3 / 4;}
  #Main .block-design-02 .container:nth-child(2) figure:nth-child(4) {grid-column: 6 / 12;grid-row: 1 / 4;}
  #Main .block-design-02 .container:nth-child(2) figure:nth-child(5) {grid-column: 1 / 6;grid-row: 4 / 6;}
  #Main .block-design-02 .container:nth-child(2) figure:nth-child(6) {grid-column: 6 / 12;grid-row: 4 / 6;}
  #Main .block-design-02 .container:nth-child(2) div {grid-column: 1 / 12;grid-row: 6 / 7;padding: 1.5em 1.5em 3em;}
  #Main .block-design-02 .container:nth-child(2) div p:nth-child(1) {font-size: 137.5%;}
  #Main .block-design-02 .container:nth-child(2) div p:nth-child(2) {margin-top: 1em;}  
  #Main .block-design-02 .container:nth-child(3) figure figcaption {text-align: left;left: 0;}
  #Main .block-design-02 .container:nth-child(4) {flex-direction: column-reverse;}
  #Main .block-design-02 .container:nth-child(4) div {width: 100%;padding: 1.5em;}
  #Main .block-design-02 .container:nth-child(4) figure {width: 100%;}
  #Main .block-design-02 .container:nth-child(4) figure figcaption {left: auto;right: 1em;}
  #Main .block-design-02 .container:nth-child(5) figure {width: 100%;}
  #Main .block-design-02 .container:nth-child(5) figure figcaption {left: auto;right: 1em;}
  #Main .block-design-02 .container:nth-child(5) div {width: 100%;padding: 1.5em;}
  #Main .block-design-02 .container:nth-child(6) {flex-direction: column-reverse;}
  #Main .block-design-02 .container:nth-child(6) figure {width: 100%;}
  #Main .block-design-02 .container:nth-child(6) figure figcaption {color: #000;left: auto;right: 1em;}
  #Main .block-design-02 .container:nth-child(6) div {padding: 1.5em;width: 100%;}
  #Main .block-design-02 .container:nth-child(6) div p:nth-child(1) {padding: 0.75em 0 1em 8em;}
  #Main .block-design-02 .container:nth-child(6) div::after {left: 1.5em;top: 1.5em;}
  #Main .block-design-02 .container:nth-child(6) div p:nth-child(2) {font-size: 100%;}
  #Main .block-design-03 {margin-top: -4em;padding-top: 4em;}
  #Main .block-design-03 .container:nth-child(1) {padding-bottom: 0;}
  #Main .block-design-03 .container:nth-child(1) figure {width: 100%;margin: 3em 0 0;}
  #Main .block-design-03 .container:nth-child(1) figure figcaption {padding-right: 0;left: auto;right: 0;bottom: 100%;}
  #Main .block-design-03 .container:nth-child(2) {padding: 2.5em 1.5em;}
  #Main .block-design-03 .container:nth-child(2) > div figure {padding-bottom: 1.5em;}
  #Main .block-design-03 .container:nth-child(2) > div figure:nth-child(1) {width: 60%;margin: 0 auto;}
  #Main .block-design-03 .container:nth-child(2) > div figure:nth-child(2) {width: 100%;margin-top: 2em;}
  #Main .block-design-03 .container:nth-child(2) > div div {width: 100% !important;}
  #Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div {margin-top: 1em;}
  #Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(1) p {margin-top: 0;}
  #Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(2) p:nth-child(1) {line-height: 2;}
  #Main .block-design-03 .container:nth-child(2) > div:nth-child(2) div:nth-child(2) p:nth-child(2) {margin-top: 1em;}
  #Main .block-design-03 .container:nth-child(3) {flex-direction: column-reverse;}
  #Main .block-design-03 .container:nth-child(3) div {width: 100%;padding: 1.5em;}
  #Main .block-design-03 .container:nth-child(3) figure {width: 100%;}
  #Main .block-design-03 .container:nth-child(3) figure figcaption {white-space: nowrap;width: auto;left: auto;right: 1em;bottom: -1.5em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}