@charset "UTF-8";
/* CSS Document */
#Main {background: url(../img/common/bg02.webp);}
#Main #contentsWrap {margin-top: -1px;}
#Main .block-brand-01 {padding: 7em 0 2em;background: #474341;position: relative;}
#Main .block-brand-01 h3 {color: #fff;font-size: 175%;text-align: center;line-height: 2;letter-spacing: 0.1em;}
#Main .block-brand-01 figure {margin-top: 4em;z-index: 2;}
#Main .block-brand-01 figure figcaption {color: #fff;}
#Main .block-brand-02 {padding: 16em 0 10em;position: relative;}
#Main .block-brand-02::before {display: block;content: '';width: 100%;height: 16em;background: url(../img/common/bg08.svg) no-repeat top center / 100%;position: absolute;top: -1px;left: 0;z-index: 1;pointer-events: none;}
#Main .block-brand-02 .container {text-align: center;}
#Main .block-brand-02 .container + .container {margin-top: 10em;}
#Main .block-brand-02 .container h4 img {margin: 0 auto;}
#Main .block-brand-02 .container h4::after {display: block;content: '';width: 72%;height: 1px;margin: 2em auto 0; background: #231815;}
#Main .block-brand-02 .container > p:nth-of-type(1) {font-size: 150%;line-height: 2;letter-spacing: 0.1em;margin-top: 1.5em;}
#Main .block-brand-02 .container > p:nth-of-type(2) {text-align: left;line-height: 2.5;width: 85%;margin: 2em auto 0;}
#Main .block-brand-02 .container div {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3em;}
#Main .block-brand-02 .container div figure {width: 49.8%;z-index: 2;}
#Main .block-brand-02 .container div figure figcaption {font-size: 81.25%;line-height: 2;margin-top: 1em;}
#Main .block-brand-02 .container div figure figcaption small {display: block;font-size: 84%;}
#Main .block-brand-02 .container.meitetsu h4 img {width: 50%;max-width: 20em;}
#Main .block-brand-02 .container.aisin h4 img {width: 50%;max-width: 20em;}
#Main .block-brand-02 .container.sumitomo h4 img {width: 44%;max-width: 18em;}
#Main .block-brand-02 .container.scdc h4 img {width: 44%;max-width: 18em;}
#Main .block-brand-02 .container.haseko h4 img {width: 44.5%;max-width: 18.5em;}
@media only screen and (min-width: 768px) and (max-width: 1100px) {}
@media only screen and (min-width: 1800px) {
  #Main .block-brand-02 {padding-top: 25em;}
  #Main .block-brand-02::before {height: 30em;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #Main .block-brand-01 {padding: 4em 0 2em;}
  #Main .block-brand-01 h3 {font-size: 137.5%;}
  #Main .block-brand-01 figure {margin-top: 2em;}
  #Main .block-brand-02 {padding: 8em 0 4em;}
  #Main .block-brand-02 .container + .container {margin-top: 5em;}
  #Main .block-brand-02 .container h4::after {width: 94%;}
  #Main .block-brand-02 .container > p:nth-of-type(2) {width: 100%;}
  #Main .block-brand-02 .container div {width: 94%;margin: 2em auto 0;}
  #Main .block-brand-02 .container div figure {width: 100%;}
  #Main .block-brand-02 .container div figure + figure {margin-top: 2em;}
  #Main .block-brand-02 .container div figure figcaption {font-size: 100%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}