@charset "UTF-8";
/* Scss Document */
/*コンセプト*/
#concept::after {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(70px);
          filter: blur(70px);
  background-image: url("../../img/symbol.png");
  background-repeat: no-repeat;
  background-position: 120% 40%;
  background-size: 40% auto;
  z-index: -1;
  opacity: 0.9;
}
#concept .inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#concept .inner .md-copy {
  letter-spacing: -0.03em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #00bbf3;
  line-height: 1;
  background: -webkit-linear-gradient(25deg, #0c24c3, #38dff9, #03b8ee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#concept .inner .txt {
  margin: 0 7% 0 0;
  font-size: 170%;
  font-weight: bold;
  letter-spacing: 0.3em;
  line-height: 3.5;
}
@media (max-width: 1024px) {
  #concept::after {
    background-position: 550% 40%;
    background-size: 90% auto;
  }
  #concept .inner .md-copy {
    font-size: 12vw;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
  #concept .inner .txt {
    margin: 0;
    font-size: 3.2vw;
    line-height: 3;
  }
}
#logoMark .inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#logoMark .inner .logoBox {
  width: 47%;
  margin-right: 6%;
}
#logoMark .inner .logoBox .logo {
  max-width: 300px;
  margin: 0 auto;
}
#logoMark .inner .logoBox .logo img {
  width: 100%;
}
#logoMark .inner .txtBox {
  width: auto;
}
#logoMark .inner .txtBox .txt {
  margin: 6% 0 0;
  font-size: 115%;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 3;
}
@media (max-width: 739px) {
  #logoMark .inner .logoBox {
    margin-right: 0;
  }
  #logoMark .inner .logoBox .logo {
    width: 40%;
    margin: 0 auto 8%;
  }
  #logoMark .inner .txtBox .md-title {
    text-align: center;
  }
  #logoMark .inner .txtBox .txt {
    margin: 4% 0 0;
    font-size: 95%;
    line-height: 2.5;
  }
}
/*# sourceMappingURL=uniq.css.map */