div.ContentsContainer {
  position: relative;
}

div.ContentsContainer div.bLine_wrapp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
}

div.ContentsContainer div.bLine_wrapp div.bLine {
  width: 100%;
  height: 100%;
}

div.ContentsContainer div.bLine_wrapp div.bLine p {
  position: absolute;
}

div.ContentsContainer div.bLine_wrapp div.bLine p span {
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  transition: height 1.1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

div.ContentsContainer div.bLine_wrapp div.bLine p span.show-half {
  height: 40%;
}

div.ContentsContainer div.bLine_wrapp div.bLine p span.show-all {
  height: 100%;
}

/* concept -------------------------------- */
.concept_contents div.bLine p {
  width: 9.661vw;
  height: 121.98vw;
  margin: auto;
  top: 28.985vw;
  right: 0;
  left: 0;
}

.concept_contents div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_concept_sp.png") 0 0 no-repeat;
  background-size: 100% auto;
}

/* brand -------------------------------- */
.brand_contents div.bLine p {
  width: 100%;
  height: 106.28vw;
  top: 7.246vw;
  left: 0;
}

.brand_contents div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_brand_sp.png") 0 0 no-repeat;
  background-size: 100% auto;
}

/* eventnews -------------------------------- */
.eventnews_contents .com_box.event div.bLine p {
  width: 100%;
  height: 67.149vw;
  top: 14.492vw;
  left: 0;
}

.eventnews_contents .com_box.event div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_event_sp.png") 0 0 no-repeat;
  background-size: 100% auto;
  transition-duration: 0.9s !important;
}

.eventnews_contents .com_box.news div.bLine p {
  width: 100%;
  height: 39.13vw;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
}

.eventnews_contents .com_box.news div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_news_sp.png") 0 0 no-repeat;
  background-size: 100% auto;
  transition-duration: 0.6s !important;
}

/* bg -------------------------------- */
.bg_contents div.bLine p {
  width: 100%;
  height: 283.091vw;
  top: 111.111vw;
  left: 0;
}

.bg_contents div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_bg_sp.png") 0 0 no-repeat;
  background-size: 100% auto;
}