@charset "UTF-8";
/* CSS Document */
.billboard-style-01 {background: url(../img/quality/quality_bg01_pc.webp) no-repeat center / cover;}
.block nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1.2em;}
.block nav ul li {width: calc(33.333% - 0.8em);}
.block nav ul li a {color: var(--gold-01);font-size: 125%;text-align: center;padding: 0.8em 0;border: 1px solid var(--gold-01);transition: 0.4s;}
.block .container {margin-top: 4em;}
.block .container.nav {margin-top: 0;}
.block .billboard {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background: linear-gradient(150deg, rgba(170,162,155,.52) 0%, rgba(202,200,194,.52) 25%, rgba(241,240,233,.52) 50%);}
.block .billboard > div {width: 38%;}
.block .billboard > div div {letter-spacing: 0.1em;margin-left: 6em;}
.block .billboard > div div h2 {color: var(--gold-02);font-size: 187.5%;}
.block .billboard > div div p {font-size: 125%;line-height: 2;margin-top: 2.5em;}
.block .billboard > div div p small {display: block;font-size: 10px;letter-spacing: 0;}
.block .billboard figure {width: 62%;}
.block .billboard figure img {width: 100%;height: 100%;object-fit: cover;}
.block .list {margin-top: 1.2em;}
.block .list ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.2em;}
.block .list ul li {width: calc(25% - 2.4em);margin: 1.2em;}
.block .list ul li p:nth-of-type(1) {font-size: 125%;margin-top: 0.75em;}
.block .list ul li p:nth-of-type(2) {font-size: 93.75%;line-height: 2;margin-top: 0.5em;}
.block .list ul li p:nth-of-type(2) small {display: block;font-size: 10px;}
.block .list ul li.two {width: calc(50% - 2.4em);}
.block .list ul li.two figure img {max-width: 100%;}
.block .list ul li.three {width: calc(33.33% - 2.4em);}
.block .list ul li.three figure img {max-width: 100%;}
.block-quality-01 {padding: 6em 0;}
.block-quality-01 .bath .billboard > div {width: 50%;}
.block-quality-01 .bath .billboard figure {width: 50%;}
.block-quality-01 .powder .billboard > div {width: 60%;}
.block-quality-01 .powder .billboard figure {width: 40%;}
.block-quality-01 .powder .feature-01 {padding: 1.5em 2em;margin-top: 2em;background: #eff6fa;position: relative;}
.block-quality-01 .powder .feature-01 > p:nth-of-type(1) {color: #265888;font-size: 125%;}
.block-quality-01 .powder .feature-01 > p:nth-of-type(2) {font-size: 93.75%;line-height: 2;margin-top: 0.5em;}
.block-quality-01 .powder .feature-01 > p:nth-of-type(3) {font-size: 10px;text-align: right;margin-top: 0.5em;position: absolute;right: 0.5em;bottom: 0.5em;}
.block-quality-01 .powder .feature-01 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.2em;}
.block-quality-01 .powder .feature-01 ul li {width: calc(25% - 2.4em);margin: 1.2em;}
.block-quality-01 .powder .feature-01 ul li p:nth-child(1) {color: #265888;font-size: 125%;margin-top: 0.75em;}
.block-quality-01 .powder .feature-01 ul li p:nth-child(1) small {font-size: 75%;}
.block-quality-01 .powder .feature-01 ul li p:nth-child(2) {font-size: 93.75%;line-height: 2;margin-top: 0.5em;}
.block-quality-02 {padding: 6em 0;background: #f4f3f1;}
.block-quality-02 .security .feature-01 figure {padding: 2em;background: #fff;}
.block-quality-02 .security .feature-01 figure img {max-width: 1128px;margin: 0 auto;}
.block-quality-02 .security .feature-01 p:nth-of-type(1) {font-size: 125%;margin-top: 0.75em;}
.block-quality-02 .security .feature-01 p:nth-of-type(2) {font-size: 93.75%;line-height: 2;margin-top: 0.5em;}
.block-quality-02 .security .feature-02 {padding: 2.5em;background: #fff;border: 2px solid #0078aa;position: relative;}
.block-quality-02 .security .feature-02 > div:nth-child(1) {width: 60%;}
.block-quality-02 .security .feature-02 > div:nth-child(1) figure {width: 35%;position: absolute;top: 0;right: 0;}
.block-quality-02 .security .feature-02 > div:nth-child(1) p:nth-of-type(1) {color: #0078aa;font-size: 187.5%;}
.block-quality-02 .security .feature-02 > div:nth-child(1) p:nth-of-type(2) {font-size: 125%;margin-top: 1.4em;}
.block-quality-02 .security .feature-02 > div:nth-child(1) p:nth-of-type(3) {font-size: 93.75%;line-height: 2;margin-top: 0.8em;}
.block-quality-02 .security .feature-02 > div:nth-child(1) p:nth-of-type(3) small {display: block;font-size: 10px;}
.block-quality-02 .security .feature-02 > div:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2em;}
.block-quality-02 .security .feature-02 > div:nth-child(2) > figure {width: calc(40% - 1.2em);}
.block-quality-02 .security .feature-02 > div:nth-child(2) > figure img {max-width: 374px;margin: 1.5em auto 0;}
.block-quality-02 .security .feature-02 > div:nth-child(2) ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: calc(60% - 1.2em);}
.block-quality-02 .security .feature-02 > div:nth-child(2) ul li {width: calc(31.5% - 0.8em);}
.block-quality-02 .security .feature-02 > div:nth-child(2) ul li p:nth-of-type(1) {color: #0078aa;font-size: 112.5%;margin-top: 0.75em;}
.block-quality-02 .security .feature-02 > div:nth-child(2) ul li p:nth-of-type(2) {font-size: 93.75%;margin-top: 0.5em;}
.block-quality-02 .security .feature-02 > div:nth-child(3) > p {color: #fff;font-size: 125%;text-align: center;padding: 0.2em 0 0.15em;margin-top: 1.5em;background: #0078aa;}
.block-quality-02 .security .feature-02 > div:nth-child(3) > div {padding: 1em 3.5em;background: #f4f4f4;}
.block-quality-02 .security .feature-02 > div:nth-child(3) > div p:nth-child(1) {color: #0078aa;font-size: 125%;text-align: center;}
.block-quality-02 .security .feature-02 > div:nth-child(3) > div p:nth-child(2) {font-size: 93.75%;line-height: 2;margin-top: 0.8em;}
.block-quality-02 .security .feature-02 > div:nth-child(3) > div figure {margin-top: 2em;}
.block-quality-02 .security .feature-02 > div:nth-child(3) > div figure img {max-width: 907px;margin: 0 auto;}
.block-quality-02 .security .feature-02 > div:nth-child(4) {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.4em;}
.block-quality-02 .security .feature-02 > div:nth-child(4) > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;width: calc(50% - 1.2em);}
.block-quality-02 .security .feature-02 > div:nth-child(4) > div figure {width: 48%;}
.block-quality-02 .security .feature-02 > div:nth-child(4) > div div {width: 48%;}
.block-quality-02 .security .feature-02 > div:nth-child(4) > div div p:nth-of-type(1) {color: #0078aa;font-size: 125%;}
.block-quality-02 .security .feature-02 > div:nth-child(4) > div div p:nth-of-type(1) small {display: inline-block;color: var(--black-01);font-size: 10px;}
.block-quality-02 .security .feature-02 > div:nth-child(4) > div div p:nth-of-type(2) {font-size: 93.75%;line-height: 2;margin-top: 0.8em;}
.block-quality-02 .security .feature-03 {padding: 1.5em 2em 0;margin-top: 2em;background: #fff;}
.block-quality-02 .security .feature-03 > p {font-size: 125%;}
.block-quality-02 .security .feature-03 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.2em;}
.block-quality-02 .security .feature-03 ul li {width: calc(20% - 2.4em);margin: 1.2em;}
.block-quality-02 .security .feature-03 ul li p:nth-child(1) {color: #265888;font-size: 125%;margin-top: 0.75em;}
.block-quality-02 .security .feature-03 ul li p:nth-child(1) small {font-size: 75%;}
.block-quality-02 .security .feature-03 ul li p:nth-child(2) {font-size: 93.75%;line-height: 2;margin-top: 0.5em;}
@media only screen and (max-width: 1200px) {
  .block .billboard > div div {margin-left: 4vw;}
  .block .list ul {margin: 0 -0.6em;}
  .block .list ul li {width: calc(25% - 1.2em);margin: 0.6em;}
  .block .list ul li.two {width: calc(50% - 1.2em);}
  .block .list ul li.three {width: calc(33.33% - 1.2em);}
  .block-quality-01 .powder .feature-01 ul {margin: 0 -0.6em;}
  .block-quality-01 .powder .feature-01 ul li {width: calc(25% - 1.2em);margin: 0.6em;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) > figure {width: calc(40% - 0.6em);}
  .block-quality-02 .security .feature-02 > div:nth-child(2) ul {width: calc(60% - 0.6em);}
  .block-quality-02 .security .feature-02 > div:nth-child(2) ul li {width: calc(33.33% - 0.8em);}
  .block-quality-02 .security .feature-02 > div:nth-child(4) {margin-top: 1.2em;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div {width: calc(50% - 0.6em);}
  .block-quality-02 .security .feature-03 ul {margin: 0 -0.6em;}
  .block-quality-02 .security .feature-03 ul li {width: calc(20% - 1.2em);margin: 0.6em;} 
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .block nav {font-size: 1.35vw;}
}
@media only screen and (min-width: 768px) {
  .block nav ul li a:hover {color: #fff;background: var(--gold-01);}
  .block .list ul li figure img {max-width: 270px;}
}
@media only screen and (max-width: 767px) {
  .block nav ul {gap: 0;}
  .block nav ul li {width: 50%;margin: 0;}
  .block nav ul li a {font-size: 93.75%;padding: 0;height: 4em;position: relative;}
  .block nav ul li:nth-child(odd) a {border-right: none;}
  .block nav ul li:not(:nth-last-child(-n+2)) a {border-bottom: none;}
  .block nav ul li a span {width: 100%;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
  .block .container {margin-top: 1em;}
  .block .billboard {flex-direction: column-reverse;width: 100%;margin-top: 3em;background: linear-gradient(30deg, rgba(170, 162, 155, .52) 0%, rgba(202, 200, 194, .52) 25%, rgba(241, 240, 233, .52) 50%);}
  .block .billboard > figure,
  .block .billboard > div {width: 100% !important;}
  .block .billboard > div {padding: 5vw;}
  .block .billboard > div div {margin: 0;}
  .block .billboard > div div h2 {font-size: 150%;}
  .block .billboard > div div p {font-size: 100%;margin-top: 1em;}  
  .block .list {margin-top: 5vw;}
  .block .list ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0;}
  .block .list ul li {width: 100% !important;margin: 0 0 1em;}
  .block .list ul li p:nth-of-type(1) {font-size: 112.5%;}
  .block .list ul li p:nth-of-type(2) {font-size: 100%;margin-top: 0.75em;}
  .block-quality-01 {padding: 3em 0;}
  .block-quality-01 .powder .feature-01 {padding: 5vw;margin-top: 1em;}
  .block-quality-01 .powder .feature-01 > p:nth-of-type(1) {font-size: 112.5%;}
  .block-quality-01 .powder .feature-01 > p:nth-of-type(2) {font-size: 100%;}
  .block-quality-01 .powder .feature-01 ul {margin: 1em 0 0;}
  .block-quality-01 .powder .feature-01 ul li {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin: 0 0 1em;}
  .block-quality-01 .powder .feature-01 ul li figure {width: 42%;}
  .block-quality-01 .powder .feature-01 ul li div {width: 54%;}
  .block-quality-01 .powder .feature-01 ul li div p:nth-child(1) {font-size: 112.5%;margin: 0;}
  .block-quality-01 .powder .feature-01 ul li div p:nth-child(1) small {display: block;}
  .block-quality-01 .powder .feature-01 ul li div p:nth-child(2) {font-size: 100%;line-height: 1.5;}
  .block-quality-02 {padding: 3em 0;}
  .block-quality-02 .security .feature-01 figure::after {width: 180%;}
  .block-quality-02 .security .feature-01 figure figcaption {top: 0;left: 0;right: auto;bottom: auto;}
  .block-quality-02 .security .feature-01 p:nth-of-type(1) {font-size: 112.5%;}
  .block-quality-02 .security .feature-01 p:nth-of-type(2) {font-size: 100%;}
  .block-quality-02 .security .feature-02 {padding: 5vw;}
  .block-quality-02 .security .feature-02 > div:nth-child(1) {width: 100%;}
  .block-quality-02 .security .feature-02 > div:nth-child(1) figure {display: none;}
  .block-quality-02 .security .feature-02 > div:nth-child(1) p:nth-of-type(1) {font-size: 125%;}
  .block-quality-02 .security .feature-02 > div:nth-child(1) p:nth-of-type(2) {font-size: 112.5%;margin-top: 1em;}
  .block-quality-02 .security .feature-02 > div:nth-child(1) p:nth-of-type(3) {font-size: 100%;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) {margin-top: 1.5em;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) > figure {width: 100%;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) > figure img {max-width: 100%;margin-top: 0.5em;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) ul {width: 100%;margin-top: 2em;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) ul li {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-bottom: 1em;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) ul li figure {width: 30%;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) ul li div {width: 66%;}
  .block-quality-02 .security .feature-02 > div:nth-child(2) ul li p:nth-of-type(1) {margin-top: 0;}
  .block-quality-02 .security .feature-02 > div:nth-child(3) > p {font-size: 112.5%;padding: 0.2em 0 0.15em;margin-top: 1em;}
  .block-quality-02 .security .feature-02 > div:nth-child(3) > div {padding: 5vw;}
  .block-quality-02 .security .feature-02 > div:nth-child(3) > div p:nth-child(1) {font-size: 112.5%;}
  .block-quality-02 .security .feature-02 > div:nth-child(3) > div p:nth-child(2) {font-size: 100%;}
  .block-quality-02 .security .feature-02 > div:nth-child(3) > div figure {margin-top: 1em;padding: 1em;}
  .block-quality-02 .security .feature-02 > div:nth-child(3) > div figure figcaption {top: 0;left: 0;right: auto;bottom: auto;}
  .block-quality-02 .security .feature-02 > div:nth-child(3) > div figure img {width: 220%;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div {display: block;width: 100%;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div:nth-child(2) {margin-top: 1em;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div::after {display:block;content:"";clear:both;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div figure {float: left;margin: 0 1em 0.5em 0;width: 30%;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div div {width: auto;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div div p:nth-of-type(1) {font-size: 112.5%;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div div p:nth-of-type(2) {font-size: 100%;margin-top: 0.5em;}
  .block-quality-02 .security .feature-02 > div:nth-child(4) > div div p:nth-of-type(1) small {display: block;}
  .block-quality-02 .security .feature-03 {padding: 5vw;margin-top: 1em;}
  .block-quality-02 .security .feature-03 > p {font-size: 112.5%;}
  .block-quality-02 .security .feature-03 ul {margin: 1em 0 0;}
  .block-quality-02 .security .feature-03 ul li {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin: 0 0 1em;}
  .block-quality-02 .security .feature-03 ul li figure {width: 30%;}
  .block-quality-02 .security .feature-03 ul li div {width: 66%;}
  .block-quality-02 .security .feature-03 ul li p:nth-child(1) {font-size: 112.5%;margin-top: 0;}
  .block-quality-02 .security .feature-03 ul li p:nth-child(2) {font-size: 100%;line-height: 1.5;margin-top: 0.5em;}
  /*
  .block-quality-02 .amenity ul li {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
  .block-quality-02 .amenity ul li figure {width: 36%;}
  .block-quality-02 .amenity ul li div {width: 60%;min-height: 10em;}
  .block-quality-02 .amenity ul li div p:nth-child(1) {margin: 0;}
  .block-quality-02 .amenity ul li div p:nth-child(2) {line-height: 1.5;}
  .block-quality-02 .structure ul li {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
  .block-quality-02 .structure ul li figure {width: 36%;}
  .block-quality-02 .structure ul li div {width: 60%;min-height: 10em;}
  .block-quality-02 .structure ul li div p:nth-child(1) {margin: 0;}
  .block-quality-02 .structure ul li div p:nth-child(2) {line-height: 1.5;}
  */
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}