@charset "UTF-8";
/* CSS Document */
.block-design-01 {padding: 6em 0;background: url(../img/design/design_bg02_pc.webp) no-repeat center bottom / cover;position: relative;}
.block-design-01 .container:nth-child(1) p {color: #fff;}
.block-design-01 .container:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 5em;}
.block-design-01 .container:nth-child(2) div:nth-child(1) {display: flex;flex-wrap: wrap;align-items: flex-start;width: 62.5%;}
.block-design-01 .container:nth-child(2) div:nth-child(1) figure {width: 50%;}
.block-design-01 .container:nth-child(2) div:nth-child(1) figure:nth-child(1) {position: relative;z-index: 1;}
.block-design-01 .container:nth-child(2) div:nth-child(1) figure:nth-child(2) {margin: 4em 0 0 -4em;}
.block-design-01 .container:nth-child(2) div:nth-child(2) {color: #fff;width: 37.5%;}
.block-design-01 .container:nth-child(2) div:nth-child(2) h3 {font-size: 150%;line-height: 2;letter-spacing: 0.1em;}
.block-design-01 .container:nth-child(2) div:nth-child(2) h3 span {display: block;color: var(--gold-02);font-size: 66.6%;letter-spacing: 0.1em;}
.block-design-01 .container:nth-child(2) div:nth-child(2) p {font-size: 93.75%;line-height: 2;margin-top: 3em;}
.block-design-02 {padding: 4em 0 8em;}
.block-design-02 .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
.block-design-02 .container > div {width: 48%;}
.block-design-02 .container > div h2 {font-size: 150%;line-height: 2;letter-spacing: 0.1em;}
.block-design-02 .container > div h2 span {display: block;color: var(--gold-02);font-size: 333.3%;line-height: 1.3;letter-spacing: 0.1em;margin-bottom: 0.4em;}
.block-design-02 .container > div p {font-size: 93.75%;line-height: 2.66;letter-spacing: 0.1em;margin-top: 3em;}
.block-design-02 .container figure {width: 50%;}
.block-design-02 .container:nth-child(1) > div {padding-top: 5em;}
.block-design-02 .container:nth-child(2) {flex-direction: row-reverse;margin-top: 8em;}
.block-design-02 .container:nth-child(2) > div {width: 55.8%;}
.block-design-02 .container:nth-child(2) > div div {width: 90%;max-width: 680px;margin-left: auto;margin-right: calc((100vw - 1400px) / 2);}
.block-design-02 .container:nth-child(2) figure {width: 44.2%;}
.block-design-03 {display: flex;flex-wrap: wrap;justify-content: space-between;}
.block-design-03 .container:nth-child(1) {width: 100%;}
.block-design-03 .container:nth-child(2) {width: 100%;padding: 6em 0;/*background: url("../img/design/design_bg03_pc.webp") no-repeat right bottom / cover;*/}
.block-design-03 .container:nth-child(2) h2 {font-size: 150%;line-height: 2;letter-spacing: 0.1em;}
.block-design-03 .container:nth-child(2) h2 span {display: block;color: var(--gold-02);font-size: 333.3%;line-height: 1.3;letter-spacing: 0.1em;margin-bottom: 0.4em;}
.block-design-03 .container:nth-child(2) p {font-size: 93.75%;line-height: 2.66;letter-spacing: 0.1em;margin-top: 3em;}
.block-design-04 {padding: 10em 0 8em;background: linear-gradient(302deg, #160b15 0%, #625b63 42%, #716c72 64%, #716c72 100%);}
.block-design-04 .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
.block-design-04 .container figure {width: 52%;}
.block-design-04 .container div {color: #fff;width: 42%;}
.block-design-04 .container div h2 {font-size: 125%;line-height: 1.8;}
.block-design-04 .container div h2 span {font-size: 400%;letter-spacing: -0.05em;position: absolute;top: -1em;z-index: 1;opacity: 0.5;}
.block-design-04 .container div p:nth-of-type(1) {font-size: 93.75%;line-height: 2;}
.block-design-04 .container div p:nth-of-type(1)::before {display: block;content: '';width: 3.5em;height: 1px;margin: 2em 0;background: #fff;}
.block-design-04 .container div p:nth-of-type(2) {font-size: 10px;margin-top: 0.5em;}
.block-design-04 .container:nth-child(1) div {padding-right: 4em;}
.block-design-04 .container:nth-child(1) div h2 span {left: -1.3em;}
.block-design-04 .container:nth-child(2) {flex-direction: row-reverse;margin-top: 8em;}
.block-design-04 .container:nth-child(2) div {padding-left: 4em;}
.block-design-04 .container:nth-child(2) div h2 span {left: auto;right: -1.3em;}
.block-design-05 {padding: 6em 0;background: url("../img/common/common_bg04_pc.webp") no-repeat right bottom/cover;position: relative}
.block-design-05 .container:nth-child(2) div {position: relative;}
.block-design-05 .container:nth-child(2) div figure figcaption {bottom: 7em;}
.block-design-05 .container:nth-child(2) div > img:nth-child(1) {width: 3.5%;max-width: 47px;position: absolute;left: 10%;bottom: 5%;z-index: 1;}
.block-design-05 .container:nth-child(2) div > img:nth-child(2) {width: 22%;max-width: 300px;position: absolute;top: 5%;right: 5%;z-index: 1;}
.block-design-05 .container:nth-child(3) {padding: 3em 0 0;}
.block-design-05 .container:nth-child(3) h3 {font-size: 150%;letter-spacing: 0.1em;text-align: center;}
.block-design-05 .container:nth-child(3) h3 span {display: block;color: var(--gold-02);font-size: 83.33%;letter-spacing: 0.1em;margin-bottom: 0.5em;}
.block-design-05 .container:nth-child(3) > div > ul {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin: 1.5em -1em 0;}
.block-design-05 .container:nth-child(3) > div > ul > li {width: calc(25% - 2em);margin: 1em;}
.block-design-05 .container:nth-child(3) > div > ul > li figure {margin-bottom: 0.5em;}
.block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(1) {font-size: 125%;padding-left: 1.5em;position: relative;}
.block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(1)::before {display: block;content: attr(data-num);color: #fff;text-align: center;line-height: 1.3;width: 1.2em;height: 1.2em;background: #b21e24;position: absolute;top: 0.1em;left: 0;z-index: 1;}
.block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(2) {font-size: 93.75%;line-height: 2;margin-top: 0.5em;}
.block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(2) small {display: block;font-size: 10px;line-height: 1.5;margin-top: 0.5em;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) {width: calc(50% - 2em);}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) > div {width: 50%;padding-right: 1em;position: relative;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) > div div {width: 100%;position: absolute;top: 0;left: 100%;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) > div div p:nth-child(1) {font-size: 125%;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) > div div p:nth-child(2) {font-size: 93.75%;margin-top: 0.5em;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) figure figcaption {background: transparent;left: 0;right: 0;bottom: 0;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) figure figcaption span {padding: 0.3em 0.5em;background: rgba(0, 0, 0, 0.3);position: absolute;bottom: 0;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) figure figcaption span:nth-child(1) {right: 0;}
.block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) figure figcaption span:nth-child(2) {right: 50%;}
.block-design-05 .container:nth-child(3) > div > ul > li.fix01 > div > p:nth-of-type(1) {padding-left: 0;}
.block-design-05 .container:nth-child(3) > div > ul > li.fix01 > div > p:nth-of-type(1)::before {display: none;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating {width: calc(75% - 2em);padding: 4em 3em 1em;position: relative;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating::after {display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;background: #effff7;mix-blend-mode: multiply;pointer-events: none;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating > p:nth-child(1) {color: #316944;font-size: 125%;letter-spacing: 0.1em;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating > p:nth-child(1) span {display: inline-block;color: #dee8e3;text-align: center;padding: 0.2em 1em 0.1em;background: #316944;position: absolute;top: 0;left: 0;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating > p:nth-child(2) {font-size: 93.75%;line-height: 2;margin-top: 1em;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -0.5em;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating ul li {width: calc(25% - 1em);margin: 0.5em;}
.block-design-05 .container:nth-child(3) > div > ul > li.plating ul li p {font-size: 93.75%;text-align: center;}
@media only screen and (max-width: 1450px) {
  .block-design-02 .container > div h2 span {font-size: 266.667%;}
  .block-design-02 .container:nth-child(2) figure {width: 42%;}
  .block-design-02 .container:nth-child(2) > div div {margin-right: 5vw;}
  .block-design-03 .container:nth-child(2) h2 span {font-size: 266.667%;}
  .block-design-04 .container div h2 span {font-size: 350%;top: -1.1em;}
  .block-design-04 .container:nth-child(1) div h2 span {left: -0.5em;}
  .block-design-04 .container:nth-child(2) div h2 span {right: -0.5em;}
}
@media only screen and (max-width: 1300px) {
  .block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(1) br {display: none;}
}
@media only screen and (max-width: 1200px) {
  .block-design-02 {padding: 1em 0 0;}
  .block-design-02 .container {flex-direction: column-reverse;}
  .block-design-02 .container > div {width: 100%;text-align: center;}
  .block-design-02 .container figure {width: 100vw;margin: 0 -5vw;}
  .block-design-02 .container:nth-child(1) > div {padding-top: 3em;}
  .block-design-02 .container:nth-child(2) {flex-direction: column-reverse;margin-top: 3em;}
  .block-design-02 .container:nth-child(2) > div {width: 100%;}
  .block-design-02 .container:nth-child(2) > div div {max-width: 100%;margin: 0 auto;padding: 3em 0;}
  .block-design-02 .container:nth-child(2) figure {width: 100%;}
  .block-design-03 .container:nth-child(2) {text-align: center;padding: 3em 0;}
  .block-design-04 {padding: 8em 0 6em;}
  .block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(1) {font-size: 112.5%;}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating {padding: 3.5em 1.5em 0.5em;}
}
@media only screen and (max-width: 1100px) {
  .block-design-04 .container div {padding-top: 2em;}
  .block-design-04 .container:nth-child(1) div {padding-right: 0;}
  .block-design-04 .container:nth-child(2) div {padding-left: 0;}
}
@media only screen and (max-width: 1000px) {
  .block-design-01 .container:nth-child(2) div:nth-child(1) {width: 50%;}
  .block-design-01 .container:nth-child(2) div:nth-child(2) {width: 50%;}  
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .block-design-04 .container div h2 span {font-size: 6.5vw;letter-spacing: 0;}
}
@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 {padding: 3em 0;}
  .block-design-01 .container:nth-child(2) {margin-top: 3em;}
  .block-design-01 .container:nth-child(2) div:nth-child(1) {width: 100%;}
  .block-design-01 .container:nth-child(2) div:nth-child(1) figure {width: 55%;}
  .block-design-01 .container:nth-child(2) div:nth-child(1) figure:nth-child(2) {margin: 10% 0 0 -10%;}
  .block-design-01 .container:nth-child(2) div:nth-child(2) {text-align: center;width: 100%;margin-top: 2em;}
  .block-design-01 .container:nth-child(2) div:nth-child(2) h3 {font-size: 125%;}
  .block-design-01 .container:nth-child(2) div:nth-child(2) h3 span {font-size: 80%;}
  .block-design-01 .container:nth-child(2) div:nth-child(2) p {font-size: 100%;margin-top: 1.5em;}
  .block-design-02 .container > div h2 {font-size: 125%;letter-spacing: 0;line-height: 1.75;}
  .block-design-02 .container > div h2 span {font-size: 150%;white-space: nowrap;}
  .block-design-02 .container > div p {font-size: 100%;line-height: 2;margin-top: 2em;}  
  .block-design-02 .container:nth-child(2) figure {margin-top: 0;}
  .block-design-03 .container:nth-child(1) figure {height: 13em;}
  .block-design-03 .container:nth-child(1) figure img {width: 100%;height: 100%;object-fit: cover;}
  .block-design-03 .container:nth-child(2) {padding: 3em 0;}
  .block-design-03 .container:nth-child(2) h2 {font-size: 125%;letter-spacing: 0;line-height: 1.75;}
  .block-design-03 .container:nth-child(2) h2 span {font-size: 150%;}
  .block-design-03 .container:nth-child(2) p {font-size: 100%;line-height: 2;margin-top: 2em;}
  .block-design-04 {padding: 7em 0 3em;}
  .block-design-04 .container figure {width: 95vw;margin-left: -5vw;}
  .block-design-04 .container div {width: 100%;}
  .block-design-04 .container div h2 span {font-size: 175%;line-height: 1;letter-spacing: 0.1em;}
  .block-design-04 .container:nth-child(1) div h2 span {top: -1.7em;left: -5vw;}
  .block-design-04 .container:nth-child(2) {margin-top: 6em;}
  .block-design-04 .container:nth-child(2) div h2 span {text-align: right;top: -1.5em;right: -5vw;}
  .block-design-04 .container:nth-child(2) figure {margin: 0 -5vw 0 0;}
  .block-design-05 {padding: 3em 0;}
  .block-design-05 .container:nth-child(1) {width: 100%;}
  .block-design-05 .container:nth-child(2) {margin-top: 3em;}  
  .block-design-05 .container:nth-child(2) div {width: 100%;}
  .block-design-05 .container:nth-child(2) div > img:nth-child(1) {width: 11%;max-width: 100%;left: 5vw;bottom: 4%;}
  .block-design-05 .container:nth-child(2) div figure figcaption {top: 2em;left: 1em;right: auto;}
  .block-design-05 .container:nth-child(3) h3 {font-size: 112.5%;}
  .block-design-05 .container:nth-child(3) h3 span {font-size: 181.25% !important;}
  .block-design-05 .container:nth-child(3) > div > ul {margin: 1em -0.5em 0;}
  .block-design-05 .container:nth-child(3) > div > ul > li {width: calc(50% - 1em);margin: 0.5em;}
  .block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(1) {font-size: 100%;}
  .block-design-05 .container:nth-child(3) > div > ul > li > div > p:nth-of-type(2) {font-size: 100%;line-height: 1.7;}
  .block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) {width: calc(100% - 1em);}
  .block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) > div div p:nth-child(1) {font-size: 100%;}
  .block-design-05 .container:nth-child(3) > div > ul > li:nth-child(1) > div div p:nth-child(2) {font-size: 100%;}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating {width: calc(100% - 1em);padding: 3em 1em 1em;}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating > p:nth-child(1) {font-size: 112.5%;}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating > p:nth-child(1) span {font-size: 90%;}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating > p:nth-child(2) {font-size: 100%;line-height: 1.7;}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating ul {margin-top: 1em;}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating ul li {width: calc(50% - 1em);}
  .block-design-05 .container:nth-child(3) > div > ul > li.plating ul li p {font-size: 100%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}