#site-header.fixed {
  top: 0 !important;
}

#concept-inc {
  position: fixed;
  top: 0;
  z-index: 99;
}

#concept-wrap {
  display: none;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #fff;
}
#concept-wrap .scroll {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 9999;
  text-align: center;
}
#concept-wrap .scroll .bars {
  position: relative;
  height: 48px;
  display: block;
  width: 1px;
  height: 48px;
  background: rgba(0, 0, 0, 0.2);
  margin: auto;
}
#concept-wrap .scroll .bars .bar {
  display: block;
  width: 1px;
  height: 48px;
  background: #000;
  margin: auto;
  position: absolute;
  left: calc(50% - 0.5px);
  top: 0;
}
#concept-wrap .scroll p {
  font-family: "Nunito Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  color: #171717;
  margin: auto;
  padding: 0 0 20px;
}
#concept-wrap .close-modal {
  position: fixed;
  right: 17.578125vw;
  bottom: 72px;
  display: block;
  padding: 0 38px;
  text-align: left;
  width: 233px;
  line-height: 60px;
  height: 60px;
  border-radius: 100px;
  border: 1px solid #000;
  font-family: "Nunito Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #000;
  background: url(../img/icon-arrow.svg) no-repeat right 34px center;
  background-size: 12px auto;
  z-index: 99;
  visibility: hidden;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #concept-wrap .close-modal {
    padding: 0 53px 0 22px;
    max-width: 140px;
    right: 20px;
    bottom: 50px;
    font-size: 11px;
    line-height: 40px;
  }
}

#concept {
  left: 0;
  top: 0;
  position: relative;
  z-index: 99;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
#concept::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../img/concept/bg-noise.png);
}
#concept .obj-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}
#concept .obj-01,
#concept .obj-02,
#concept .obj-03,
#concept .obj-04 {
  opacity: 0;
}
#concept .obj-01 {
  opacity: 1;
  width: 158.984375vw;
  aspect-ratio: 2035/1550;
  position: absolute;
  left: 0;
}
#concept .obj-01 img {
  width: 100%;
}
#concept .obj-01-copy {
  width: 7.8828125vw;
  height: 3.475vw;
  position: absolute;
  left: 2.690625vw;
  top: 10vw;
  z-index: 1;
}
#concept .obj-01-copy img {
  width: 100%;
}
#concept .obj-02 {
  width: 3700vw;
  height: 3735.9375vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#concept .obj-02 img {
  width: 100%;
}
#concept .obj-03 {
  opacity: 1;
  width: 113.671875vw;
  aspect-ratio: 1455/1034;
  position: absolute;
}
#concept .obj-03 img {
  width: 100%;
}
#concept .obj-03 [class*=obj-03-] {
  display: block;
  position: absolute;
}
#concept .obj-03 [class*=obj-03-] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#concept .obj-03 .obj-03-01 {
  width: 44.15234375vw;
  height: 32.0890625vw;
  right: 0;
  top: 0;
}
#concept .obj-03 .obj-03-02 {
  width: 52.1875vw;
  height: 16.09375vw;
  left: 0;
  top: 16.875vw;
}
#concept .obj-03 .obj-03-03 {
  height: 34.76171875vw;
  width: 47.83046875vw;
  left: 34.6875vw;
  bottom: 0;
}
#concept .obj-04 {
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14.53125vw;
  height: 32.075vw;
  width: 100%;
}
#concept .obj-04 [class*=obj-04-] {
  opacity: 0;
  display: block;
  position: absolute;
  width: 44.15234375vw;
  height: 32.0890625vw;
  right: 0;
}
#concept .obj-04 [class*=obj-04-] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#concept .obj-05-r,
#concept .obj-05-l {
  width: 43.71875vw;
  height: 63.54765625vw;
  position: absolute;
  top: calc(50% - 63.54765625vw / 2);
}
#concept .obj-05-r img,
#concept .obj-05-l img {
  width: 100%;
}
#concept .obj-05-r {
  right: 0;
}
#concept .obj-05-l {
  left: 0;
}
#concept .obj-06 {
  width: 100vw;
  height: 206.25vw;
  aspect-ratio: 1280/2640;
  position: absolute;
}
#concept .obj-06 img {
  width: 100%;
}
#concept .txt {
  font-weight: 500;
  font-size: 2.34375vw;
  letter-spacing: 0.18em;
  line-height: 1.8666666667;
  text-align: left;
  color: #171717;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  position: absolute;
  white-space: nowrap;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  #concept .txt {
    font-size: 4.8vw;
    width: 80%;
    white-space: wrap;
    text-align: center;
  }
}
#concept .txt p {
  margin: 0;
}