@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');
/* CSS Document */
.billboard-type-01 {background: linear-gradient(to right,#ddd,#aaa,#888);position: relative;z-index: 100;}
.billboard-type-01 h2 {font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 3em 0;}
.billboard-type-02 {background: url("../img/quality/quality_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-02::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.7;position:absolute;top: 0;left: 0;}
.billboard-type-02 h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 3em 0;position: relative;z-index: 100;}
.billboard-type-03 {background: url("../img/quality/quality_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-03::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.6;position:absolute;top: 0;left: 0;}
.billboard-type-03 h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 5em 0;position: relative;z-index: 100;}
.billboard-type-04 {background: url("../img/quality/quality_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-04::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.7;position:absolute;top: 0;left: 0;}
.billboard-type-04 img {width: 60%;max-width: 400px;margin: 0 auto;padding: 10em 0;position: relative;z-index: 100;}
#Main > .container {padding: 0 !important;}
#Main .anchor {margin-top: -5em;padding-top: 5em;}
#Main .block .inner00 {text-align: center;padding: 5em 0 0;}
#Main .block .inner00 h3 {font-size: 250%;text-align: center;letter-spacing: 0.1em;line-height: 1.75;}
#Main .block nav {margin-top: 4em;}
#Main .block nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#Main .block nav ul li {width: 48%;}
#Main .block nav ul li a {display: block;font-size: 150%;line-height: 5;text-align: center;position: relative;}
#Main .block-quality-02 nav ul li:nth-child(2) a,
#Main .block-quality-01 nav ul li:nth-child(1) a {color: #fff;}
#Main .block nav ul li a::after {display: block;content: '';width: 100%;height: 100%;opacity: 0.5;position: absolute;top: 0;left: 0;}
#Main .block-quality-02 nav ul li:nth-child(2) a::after,
#Main .block-quality-01 nav ul li:nth-child(1) a::after {background: #23131d;}
#Main .block-quality-02 nav ul li:nth-child(1) a::after,
#Main .block-quality-01 nav ul li:nth-child(2) a::after {background: #fff;}
#Main .block nav ul li:nth-child(1) a {background: url("../img/quality/quality_btn01_pc.webp")no-repeat center/cover;}
#Main .block nav ul li:nth-child(2) a {background: url("../img/quality/quality_btn02_pc.webp")no-repeat center/cover;}
#Main .block nav ul li a span {position: relative;z-index: 100;}
#Main .block h4 {font-size: 250%;width: 100%;margin: 1em 0 0.25em;border-bottom: 1px solid var(--basic-03);}
#Main .block h4 span {color: var(--basic-03);}
#Main .block h4 small {color: #444;font-size: 50%;margin-left: 2em;}
#Main .block .inner01 {}
#Main .block .inner01 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -0.75em;}
#Main .block .inner01 ul li {width: calc(25% - 1.5em);margin: 0.75em;}
#Main .block .inner01 ul li figure {position: relative;}
#Main .block .inner01 ul li figure + figure {margin-top: 1.5em;}
#Main .block .inner01 ul li figure figcaption {font-size: 100%;width: 100%;}
#Main .block .inner01 ul.box01 li:nth-child(1) {width: calc(66.92% - 1.5em);}
#Main .block .inner01 ul.box01 li:nth-child(2) {width: calc(33.08% - 1.5em);}
#Main .block .inner01 ul.box02 li {width: calc(25% - 1.5em);margin: 0.75em;}
@media only screen and (max-width: 1300px) {}
@media only screen and (max-width: 1100px) {}
@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 h2 {font-size: 187.5%;padding: 3em 0;}
  #Main .block .inner00 {width: 100%;padding: 2em 0 0;}
  #Main .block .inner00 h3 {font-size: 125%;letter-spacing: 0;}
  #Main .block h4 {font-size: 225%;line-height: 1.25;margin: 1em 0 0;}
  #Main .block h4 small {display: block;font-size: 50%;margin: 0 0 0.5em;}
  #Main .block nav {margin-top: 1em;}
  #Main .block nav ul li a {font-size: 137.5%;line-height: 3;}
  #Main .anchor {margin-top: -3em;padding-top: 3em;}
  #Main .block .inner01 ul li {width: calc(33.333% - 0.5em);margin: 0.5em;}
  #Main .block .inner01 ul li figure figcaption {font-size: 87.5%;white-space: nowrap;padding: 0.3em 0;}
  #Main .block .inner01 ul {margin: 0 -0.5em;}
  #Main .block .inner01 ul li {width: calc(50% - 1em);margin: 0.5em;}
  #Main .block .inner01 ul.box01 li {width: calc(100% - 1em) !important;}
  #Main .block .inner01 ul.box01 li:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;}
  #Main .block .inner01 ul.box01 li:nth-child(2) figure {width: calc(50% - 0.5em);margin: 0;}
  #Main .block .inner01 ul.box02 {justify-content: space-between;margin: 0 -0.5em}
  #Main .block .inner01 ul.box02 li {width: calc(50% - 1em);margin: 0.5em;}
  #Main .block .inner01 ul.box03 {justify-content: space-between;margin: 0 -0.5em}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}