@charset "UTF-8";
/*================================= 見出し =================================*/
/*== 日本語 ==*/
/*== 日本語 SP ==*/
/*== 数字 ==*/
/*== 数字 SP ==*/
/*== 英語 ==*/
/*== 英語 SP ==*/
/*================================= 本文 =================================*/
/*== SP ==*/
:root {
  --clred01: #E50012;
  --clred02: #FFF2F3;
  --clred03: #A9212C;
  --clred04: #FDC0C5;
  --clgray01: #6C6A6A;
  --clgray02: #B3B3B3;
  --clgray03: #F2F2F2;
  --header-h: 0px;
}

div.lower-top-area {
  background: none;
}

section.sec-brand p {
  text-align: center;
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 4.26vw;
  letter-spacing: 0;
  line-height: 1.56em;
  padding: 15vw 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-brand p {
    font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 2.2vw;
    letter-spacing: 0.1em;
    line-height: 1.8em;
    padding: 160px 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1000px) {
  section.sec-brand p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1280px) {
  section.sec-brand p {
    font-size: 20px;
  }
}

.sec-brand {
  position: relative;
  overflow: hidden;
}

.sec-brand #thread-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  pointer-events: none;
}

.sec-brand .sec-brand-inner {
  position: relative;
  z-index: 1;
}

.bg-lines .line {
  fill: none;
  stroke: #E50012;
  stroke-opacity: 0.8;
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media screen and (min-width: 768px) {
  .bg-lines .line {
    stroke-width: 5;
  }
}

.bg-wrap {
  filter: blur(8px);
  opacity: 0.6;
}
@media screen and (min-width: 768px) {
  .bg-wrap {
    filter: blur(10px);
  }
}

.bg-lines {
  position: absolute;
  width: 100%;
  height: 50vw;
  pointer-events: none;
  top: 0;
  left: 0;
}

.line-1 {
  top: 150vw;
  height: 70vw;
}
@media screen and (min-width: 768px) {
  .line-1 {
    top: 700px;
    height: 50vw;
  }
}

.line-2 {
  height: 50vw;
  top: 80vw;
}
@media screen and (min-width: 768px) {
  .line-2 {
    top: 80px;
    height: 50vw;
  }
}

.bg-lines {
  overflow: visible;
}

.line-vert {
  right: 6vw;
  top: 165vw;
  left: auto;
  right: 0;
  width: 14%;
  height: 60vw;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .line-vert {
    top: 800px;
    height: 677px;
  }
}

.line-hori {
  left: 0;
  top: 200vw;
  width: 100%;
  height: 40vw;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .line-hori {
    top: 1000px;
    height: 50vw;
  }
}

#footer {
  margin-top: 10vw;
}
@media screen and (min-width: 768px) {
  #footer {
    margin-top: 50px;
  }
}/*# sourceMappingURL=brand.css.map */