@charset "UTF-8";
/* CSS Document */
#billboard.cap06::before {padding-right: 1em;}
#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-lounge-01 {margin-top: 5em;position: relative;}
#Main .block-lounge-02 h3,
#Main .block-lounge-01 h3 {font-size: 175%;text-align: center;letter-spacing: 0.1em;line-height: 2;}
#Main .block-lounge-02 h3 span,
#Main .block-lounge-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-lounge-02 .container:nth-child(1),
#Main .block-lounge-01 .container:nth-child(1) {padding: 5em 3em;background: transparent url(../img/common/bg02.webp) repeat center/300px 300px;position: relative;z-index: 2;}
#Main .block-lounge-01 .container:nth-child(1) > figure {margin: 2em -3em 0;}
#Main .block-lounge-01 .container:nth-child(1) > figure::before {padding-right: 0;right: 1em;}
#Main .block-lounge-01 .container:nth-child(1) p,
#Main .block-lounge-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-lounge-01 .container:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;position: relative;z-index: 1;}
#Main .block-lounge-01 .container:nth-child(2)::after {display: block;content: '';width: 100%;height: 100%;background: #7f99a5;position: absolute;top: 0;left: 0;z-index: -1;mix-blend-mode: multiply;}
#Main .block-lounge-01 .container:nth-child(2) div {color: #fff;width: 55%;padding: 3em 5em;}
#Main .block-lounge-01 .container:nth-child(2) div p:nth-child(1) {font-size: 162.5%;letter-spacing: 0.05em;}
#Main .block-lounge-01 .container:nth-child(2) div p:nth-child(2) {line-height: 2;margin-top: 2.5em;}
#Main .block-lounge-01 .container:nth-child(2) figure {width: 45%;}
#Main .block-lounge-01 .container:nth-child(3) {height: 1em;background: transparent url(../img/common/bg02.webp) repeat center/300px 300px;position: relative;z-index: 2;}
#Main .block-lounge-01 .container:nth-child(4) {display: flex;flex-wrap: wrap;justify-content: space-between;}
#Main .block-lounge-01 .container:nth-child(4) > div {width: 50%;padding: 2.5em 3.5em 4em;}
#Main .block-lounge-01 .container:nth-child(4) > div:nth-child(1) {background: #322f2c;}
#Main .block-lounge-01 .container:nth-child(4) > div:nth-child(2) {background: #595654;}
#Main .block-lounge-01 .container:nth-child(4) > div > p {color: #fff;font-size: 125%;}
#Main .block-lounge-01 .container:nth-child(4) > div div {display: flex;flex-wrap: wrap;align-items: center;margin: 3em 0 0 auto;padding-left: 45%;position: relative;}
#Main .block-lounge-01 .container:nth-child(4) > div div figure {width: 40%;padding: 0 1em 1em 0;position: absolute;top: 0;left: 0;}
#Main .block-lounge-01 .container:nth-child(4) > div div figure figcaption {line-height: 1.25;}
#Main .block-lounge-01 .container:nth-child(4) > div div p {color: #fff;text-align: left;width: 100%;}
#Main .block-lounge-01 .container:nth-child(4) > div div p:nth-of-type(1) {font-size: 150%;}
#Main .block-lounge-01 .container:nth-child(4) > div div p:nth-of-type(1)::after {display: block;content: '';width: 100%;height: 1px;margin: 0.5em 0 0.8em;background: #fff;}
#Main .block-lounge-01 .container:nth-child(4) > div div p:nth-of-type(2) {line-height: 2;}
#Main .block-lounge-01 .container:nth-child(4) > div:nth-child(2) div figure {width: 35%;}
#Main .block-lounge-02 {margin: 5em auto;}
#Main .block-lounge-02 .container:nth-child(1) > figure {margin: 2em -3em 0;}
#Main .block-lounge-02 .container:nth-child(1) > figure::before {padding-right: 0;right: 1em;}
.block-common-note {background: #fff;}
@media only screen and (max-width: 1300px) {
  #Main .block-lounge-01 .container:nth-child(2) div {padding: 1.5em 2em;}
  #Main .block-lounge-01 .container:nth-child(2) div p:nth-child(1) {font-size: 137.5%;}
  #Main .block-lounge-01 .container:nth-child(2) div p:nth-child(2) {line-height: 1.75;margin-top: 1em;}
  #Main .block-lounge-01 .container:nth-child(4) > div {padding: 1.5em 1.5em 2.5em;}
  #Main .block-lounge-01 .container:nth-child(4) > div div {margin-top: 1.5em;}
}
@media only screen and (max-width: 1100px) {
  #Main .block-lounge-03 h3,
  #Main .block-lounge-02 h3,
  #Main .block-lounge-01 h3 {font-size: 137.5%;}
  #Main .block-lounge-01 .container:nth-child(4) > div div figure {padding-bottom: 2.5em;}
  #Main .block-lounge-01 .container:nth-child(4) > div div figure figcaption br {display: none !important;}
}
@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 .container.link {padding: 3em 1.5em;}
  #Main .block-lounge-02 {margin: 3em auto 0;}
  #Main .block-lounge-03 h3,
  #Main .block-lounge-02 h3,
  #Main .block-lounge-01 h3 {letter-spacing: 0;}
  #Main .block-lounge-03 h3 span,
  #Main .block-lounge-02 h3 span,
  #Main .block-lounge-01 h3 span {font-size: 175%;line-height: 1.5;max-width: 100%;}  
  #Main .block-lounge-02 .container:nth-child(1),
  #Main .block-lounge-01 .container:nth-child(1) {padding: 1.5em 1.5em 2em;}
  #Main .block-lounge-03 .container:nth-child(1) p,
  #Main .block-lounge-02 .container:nth-child(1) p,
  #Main .block-lounge-01 .container:nth-child(1) p {font-size: 100%;margin-top: 1.5em;}
  #Main .block-lounge-02 .container:nth-child(1) figure,
  #Main .block-lounge-01 .container:nth-child(1) figure {margin: 2em -1.5em 0;}
  #Main .block-lounge-01 .container:nth-child(2) {flex-direction: row-reverse;}
  #Main .block-lounge-01 .container:nth-child(2) div {width: 100%;padding: 1.5em;}
  #Main .block-lounge-01 .container:nth-child(2) figure {width: 100%;}
  #Main .block-lounge-01 .container:nth-child(2) figure figcaption {left: auto;right: 1em;}
  #Main .block-lounge-01 .container:nth-child(4) > div {width: 100%;padding: 1.5em;}
  #Main .block-lounge-01 .container:nth-child(4) > div div figure {padding: 0 0 2.5em;}
  #Main .block-lounge-01 .container:nth-child(4) > div div figure figcaption {right: 0;}
  #Main .block-lounge-01 .container:nth-child(4) > div:nth-child(2) div figure figcaption {right: -1em;}
  #Main .block-lounge-02,
  #Main .block-lounge-01 {margin-top: -1em;padding-top: 4em;}
  #Main .block-lounge-02 .container:nth-child(1) {padding-bottom: 0;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}