@charset "UTF-8";
/******************************************
*******************************************/
/***********
  サイズ変換
************/
/*********
ブレイクポイント
**********/
/*********
ホバー
**********/
@keyframes blinking {
  0% {
    filter: brightness(0.9) drop-shadow(0 0 0vw rgba(139, 94, 42, 0.8));
  }
  100% {
    filter: brightness(1.4) drop-shadow(0 0 1.172vw rgba(139, 94, 42, 0.8));
  }
}
@media (min-width: 1024px) {
  @keyframes blinking {
    0% {
      filter: brightness(0.9) drop-shadow(0 0 clamp(0px, 0vw, 150vw) rgba(139, 94, 42, 0.8));
    }
    100% {
      filter: brightness(1.4) drop-shadow(0 0 clamp(6px, 0.313vw, 150vw) rgba(139, 94, 42, 0.8));
    }
  }
}
@keyframes blinking2 {
  0% {
    filter: brightness(1);
  }
  100% {
    filter: brightness(1.5) drop-shadow(0 0 0.586vw rgba(139, 94, 42, 0.5));
  }
}
@media (min-width: 1024px) {
  @keyframes blinking2 {
    0% {
      filter: brightness(0.9) drop-shadow(0 0 clamp(0px, 0vw, 150vw) #fff1cf);
    }
    100% {
      filter: brightness(1.5) drop-shadow(0 0 clamp(6px, 0.313vw, 150vw) #fff1cf);
    }
  }
}
#contents .bdffhd_contents [data-zoomMask] span {
  opacity: 1;
  display: block;
  -webkit-mask-image: url("/bdffhd/assets/img/mask_blur.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 300%;
  -webkit-mask-position: center center;
  mask-image: url("/bdffhd/assets/img/mask_blur.webp");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 0% 300%;
  mask-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.2);
}
#contents .bdffhd_contents [data-slideIn] {
  opacity: 0;
  transform: scale(1) translate(0, 4vw);
}
#contents .bdffhd_contents [data-zoomIn] {
  opacity: 0;
  transform: scale(1.12);
}
@media (max-width: 1023px) {
  #contents .bdffhd_contents [data-sPslideIn] {
    opacity: 0;
    transform: scale(1) translate(0, 4vw);
  }
  #contents .bdffhd_contents [data-sPzoomIn] {
    opacity: 0;
    transform: scale(1.12);
  }
}
@media (min-width: 1024px) {
  #contents .bdffhd_contents [data-slideIn] {
    opacity: 0;
    transform: scale(1) translate(0, 2vw);
  }
  #contents .bdffhd_contents [data-zoomIn] {
    opacity: 0;
    transform: scale(1.12);
  }
  #contents .bdffhd_contents [data-PcslideIn] {
    opacity: 0;
    transform: scale(1) translate(0, 2vw);
  }
  #contents .bdffhd_contents [data-PczoomIn] {
    opacity: 0;
    transform: scale(1.12);
  }
}

.animStart.windowloaded #contents .bdffhd_contents [data-zoomMask].animated span {
  opacity: 1;
  transform: scale(1);
  -webkit-mask-size: 150% 300%;
          mask-size: 150% 300%;
  transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.5s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.8s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.8s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.animStart.windowloaded #contents .bdffhd_contents [data-slideIn].animated,
.animStart.windowloaded #contents .bdffhd_contents [data-zoomIn].animated {
  opacity: 1;
  transform: translate(0);
  transition: 1.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 1023px) {
  .animStart.windowloaded #contents .bdffhd_contents [data-sPslideIn].animated,
  .animStart.windowloaded #contents .bdffhd_contents [data-sPzoomIn].animated {
    opacity: 1;
    transform: translate(0);
    transition: 1.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media (min-width: 1024px) {
  .animStart.windowloaded #contents .bdffhd_contents [data-pCslideIn].animated,
  .animStart.windowloaded #contents .bdffhd_contents [data-pCzoomIn].animated {
    opacity: 1;
    transform: translate(0);
    transition: 1.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .animStart.windowloaded #contents .bdffhd_contents [data-pcZoomIn="0.4"].animated {
    transition: 1.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .animStart.windowloaded #contents .bdffhd_contents [data-pCslideIn="0.4"].animated {
    transition: 1.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

#contents.concept .bdffhd_contents::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12.207vw;
  width: 100%;
  height: 207.617vw;
  z-index: -1;
  pointer-events: none;
  background: url(/bdffhd/assets/img/concept/bg01.webp) no-repeat center top/100vw auto;
}
#contents.concept .bdffhd_contents .sec01 {
  height: 207.617vw;
  padding: 0;
  z-index: 120;
  position: relative;
}
#contents.concept .bdffhd_contents .sec01Copy {
  margin-bottom: 5.176vw;
}
#contents.concept .bdffhd_contents .sec01Copy img {
  width: 100%;
  height: auto;
}
#contents.concept .bdffhd_contents .sec01Text {
  width: 86.328vw;
  position: relative;
  z-index: 100;
  margin: 6.445vw auto 0;
  font-size: clamp(8px, 3.125vw, 32px);
  line-height: 1.875;
  color: #433831;
  font-weight: 500;
  letter-spacing: 0.05em;
}
#contents.concept .bdffhd_contents .sec01Text::before, #contents.concept .bdffhd_contents .sec01Text::after {
  content: "";
  background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
  width: 3.906vw;
  height: 3.906vw;
  position: absolute;
  z-index: 100;
  pointer-events: none;
}
#contents.concept .bdffhd_contents .sec01Text::before {
  left: 0.391vw;
  transform: rotate(-90deg);
  top: 0.391vw;
}
#contents.concept .bdffhd_contents .sec01Text::after {
  right: 0.391vw;
  transform: rotate(0deg);
  top: 0.391vw;
}
#contents.concept .bdffhd_contents .sec01Text span {
  position: relative;
  padding: 3.613vw 4.883vw 3.418vw;
  border: 0.195vw solid #3b190c;
  background-color: #fcf6ec;
  display: flex;
  align-items: center;
}
#contents.concept .bdffhd_contents .sec01Text span::before, #contents.concept .bdffhd_contents .sec01Text span::after {
  content: "";
  background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
  width: 3.906vw;
  height: 3.906vw;
  position: absolute;
  z-index: 100;
  pointer-events: none;
}
#contents.concept .bdffhd_contents .sec01Text span::before {
  left: 0.195vw;
  transform: rotate(-180deg);
  bottom: 0.195vw;
}
#contents.concept .bdffhd_contents .sec01Text span::after {
  right: 0.195vw;
  transform: rotate(90deg);
  bottom: 0.195vw;
}
#contents.concept .bdffhd_contents .sec01Text span i {
  display: block;
}
#contents.concept .bdffhd_contents .sec01Note {
  font-size: clamp(7px, 2.734vw, 28px);
  line-height: 1;
  color: #433831;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1.953vw 6.836vw;
  margin-bottom: 1.758vw;
}
#contents.concept .bdffhd_contents .sec01Img {
  width: 100vw;
  pointer-events: none;
}
#contents.concept .bdffhd_contents .sec01 .bdffhd_btn {
  text-align: center;
}
#contents.concept .bdffhd_contents .sec02 {
  height: 230.273vw;
  background: url(/bdffhd/assets/img/concept/bg02.webp) no-repeat center top/100vw auto;
  padding: 3.711vw 0 0;
  margin-top: -24.805vw;
  z-index: 100;
}
#contents.concept .bdffhd_contents .sec02::after {
  content: "";
  background: url(/bdffhd/assets/img/concept/bg02_bottom.webp) no-repeat center bottom/100vw auto;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 10.742vw;
}
#contents.concept .bdffhd_contents .sec02Head {
  position: relative;
  width: 100vw;
}
#contents.concept .bdffhd_contents .sec02Copy img {
  width: 100%;
  height: auto;
}
#contents.concept .bdffhd_contents .sec02Title {
  position: absolute;
  left: 0;
  top: 0;
}
#contents.concept .bdffhd_contents .sec02Title img {
  width: 100%;
  height: auto;
}
#contents.concept .bdffhd_contents .sec02Text {
  text-align: center;
  margin: 6.836vw auto 0;
  font-size: clamp(8px, 3.125vw, 32px);
  line-height: 1.875;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4.395vw;
}
#contents.concept .bdffhd_contents .sec02Text b {
  font-weight: 600;
  font-size: clamp(10.5px, 4.102vw, 42px);
}
#contents.concept .bdffhd_contents .sec02Text em {
  font-weight: 600;
  font-size: clamp(10.5px, 4.102vw, 42px);
  line-height: 2.5;
}
#contents.concept .bdffhd_contents .sec02Chara span {
  display: flex;
  width: 50vw;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
#contents.concept .bdffhd_contents .sec02Chara span img {
  width: 100vw;
  height: auto;
}
#contents.concept .bdffhd_contents .sec02Chara span ~ span {
  left: auto;
  right: 0;
  justify-content: flex-end;
}
#contents.concept .bdffhd_contents .sec02Ss {
  position: relative;
  overflow: hidden;
  margin: 4.59vw 0 0;
  display: block;
  width: 100%;
  height: 90.723vw;
  -webkit-mask-image: url("/bdffhd/assets/img/concept/sec02_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  -webkit-mask-position: center center;
  mask-image: url("/bdffhd/assets/img/concept/sec02_mask.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: center center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
#contents.concept .bdffhd_contents .sec02Ss .video-container {
  width: 100vw;
  height: 90.723vw;
  position: relative;
  z-index: 100;
}
#contents.concept .bdffhd_contents .sec02Ss .video-container img, #contents.concept .bdffhd_contents .sec02Ss .video-container video {
  display: block;
  transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  max-width: inherit;
  height: 90.723vw;
  width: auto;
  z-index: 0;
}
#contents.concept .bdffhd_contents .sec02Ss .video-container video {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 83.008vw;
  z-index: 1;
}
#contents.concept .bdffhd_contents .sec02Ss .video-container.mp4play video {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.concept .bdffhd_contents .sec02Ss_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.concept .bdffhd_contents .sec02Ss .mp4play ~ .sec02Ss_img {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.concept .bdffhd_contents .sec03 {
  height: 196.875vw;
  background: url(/bdffhd/assets/img/concept/bg03@768.webp) no-repeat center top/100vw auto;
  padding: 31.445vw 0 0;
  margin-top: -42.383vw;
  z-index: 10;
  position: relative;
  z-index: 10;
}
#contents.concept .bdffhd_contents .sec03Title {
  margin-bottom: 8.008vw;
}
#contents.concept .bdffhd_contents .sec03Copy {
  margin-bottom: 6.152vw;
}
#contents.concept .bdffhd_contents .sec03Movie {
  position: relative;
  z-index: 100;
  width: 90.625vw;
  height: 51.172vw;
  margin: 0 auto 3.906vw;
}
#contents.concept .bdffhd_contents .sec03Movie::before {
  content: "";
  background: url(/bdffhd/assets/img/movie_frame2.webp) no-repeat left top/100% 100%;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  width: 90.625vw;
  height: 51.172vw;
  transform: translate(-50%, 0);
  z-index: 110;
}
#contents.concept .bdffhd_contents .sec03Movie .video-container {
  width: 90.625vw;
  height: 51.172vw;
  position: relative;
  z-index: 100;
  -webkit-mask-image: url("/bdffhd/assets/img/movie_mask.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-image: url("/bdffhd/assets/img/movie_mask.webp");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
#contents.concept .bdffhd_contents .sec03Movie .video-container img, #contents.concept .bdffhd_contents .sec03Movie .video-container video {
  display: block;
  transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  height: 100%;
  width: auto;
}
#contents.concept .bdffhd_contents .sec03Movie .video-container video {
  opacity: 0;
  position: absolute;
  top: 0;
}
#contents.concept .bdffhd_contents .sec03Movie .video-container.mp4play video {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents.concept .bdffhd_contents .sec03Chara {
  position: absolute;
  left: 0;
  bottom: 26.074vw;
  z-index: 100;
}
#contents.concept .bdffhd_contents .sec03::after {
  display: none;
}
#contents.concept .bdffhd_contents .sec04 {
  height: 195.605vw;
  background: url(/bdffhd/assets/img/concept/bg04.webp) no-repeat center top/100vw auto;
  padding: 24.414vw 0 0;
  margin-top: -39.941vw;
  z-index: 1;
}
#contents.concept .bdffhd_contents .sec04Title {
  margin-bottom: 5.859vw;
}
#contents.concept .bdffhd_contents .sec04Copy {
  margin-bottom: 0vw;
}
#contents.concept .bdffhd_contents .sec04Img {
  width: 100vw;
  pointer-events: none;
}
#contents.concept .bdffhd_contents .sec04 .bdffhd_btn {
  text-align: center;
  margin: 6.641vw 0 3.906vw;
}
#contents.concept .bdffhd_contents .secondClose {
  margin-top: -19.824vw;
  z-index: 20;
  position: relative;
  height: 85.352vw;
}
#contents.concept .bdffhd_contents .secondClose .and_more {
  position: relative;
  z-index: 100;
}
#contents.concept .bdffhd_contents .secondClose_bg {
  padding: 26.367vw 4.883vw 29.297vw;
  background: url(/bdffhd/assets/img/concept/bg_close.webp) no-repeat center top/100vw auto;
}
@media (min-width: 1024px) {
  #contents.concept .bdffhd_contents {
    padding-top: clamp(44px, 2.292vw, 150vw);
  }
  #contents.concept .bdffhd_contents::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0vw;
    width: 100%;
    height: clamp(1050px, 54.688vw, 150vw);
    background: url(/bdffhd/assets/img/concept/bg01@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents.concept .bdffhd_contents .secondHeader {
    height: clamp(190px, 9.896vw, 150vw);
  }
  #contents.concept .bdffhd_contents .secondHeader img {
    display: block;
    height: 100%;
    width: clamp(1088px, 56.667vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01 {
    height: clamp(1050px, 54.688vw, 150vw);
    padding: clamp(20px, 1.042vw, 150vw) 0 0;
    margin-top: 0;
  }
  #contents.concept .bdffhd_contents .sec01Copy {
    margin: 0 auto clamp(0px, 0vw, 150vw);
    width: clamp(1088px, 56.667vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Copy img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec01Text {
    width: clamp(470px, 24.479vw, 150vw);
    position: relative;
    z-index: 100;
    margin: 0 0 0 clamp(50px, 2.604vw, 150vw);
    font-size: clamp(17px, 0.885vw, 150vw);
    line-height: 1.882;
  }
  #contents.concept .bdffhd_contents .sec01Text::before, #contents.concept .bdffhd_contents .sec01Text::after {
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Text::before {
    left: auto;
    right: clamp(4px, 0.208vw, 150vw);
    transform: rotate(0deg);
    top: clamp(4px, 0.208vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Text::after {
    right: clamp(4px, 0.208vw, 150vw);
    transform: rotate(90deg);
    top: auto;
    bottom: clamp(4px, 0.208vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Text span {
    padding: clamp(24px, 1.25vw, 150vw) clamp(30px, 1.563vw, 150vw) clamp(24px, 1.25vw, 150vw) clamp(30px, 1.563vw, 150vw);
    border: clamp(2px, 0.104vw, 150vw) solid #3b190c;
    height: clamp(244px, 12.708vw, 150vw);
    align-items: flex-start;
    display: flex;
    align-items: center;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec01Text span::before, #contents.concept .bdffhd_contents .sec01Text span::after {
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Text span::before {
    left: clamp(2px, 0.104vw, 150vw);
    transform: rotate(-180deg);
    bottom: clamp(3px, 0.156vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Text span::after {
    left: clamp(2px, 0.104vw, 150vw);
    transform: rotate(-90deg);
    top: clamp(3px, 0.156vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Note {
    font-size: clamp(14px, 0.729vw, 150vw);
    padding: clamp(9px, 0.469vw, 150vw) clamp(0px, 0vw, 150vw) clamp(33px, 1.719vw, 150vw);
    margin: 0 0 0 clamp(50px, 2.604vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Img {
    width: clamp(513px, 26.719vw, 150vw);
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: min(-76px, -3.958vw);
    margin-left: clamp(4px, 0.208vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec01Img img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec01PcWrap {
    position: relative;
    width: clamp(1100px, 57.292vw, 150vw);
    margin: clamp(66px, 3.438vw, 150vw) auto 0;
  }
  #contents.concept .bdffhd_contents .sec01 .bdffhd_btn {
    text-align: center;
    width: clamp(550px, 28.646vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec02 {
    height: clamp(838px, 43.646vw, 150vw);
    background: url(/bdffhd/assets/img/concept/bg02@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    padding: clamp(38px, 1.979vw, 150vw) 0 0;
    margin-top: min(-308px, -16.042vw);
    z-index: 100;
  }
  #contents.concept .bdffhd_contents .sec02::after {
    display: none;
    background: none;
  }
  #contents.concept .bdffhd_contents .sec02Head {
    position: relative;
    width: clamp(1100px, 57.292vw, 150vw);
    margin: 0 auto;
  }
  #contents.concept .bdffhd_contents .sec02Head img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec02Copy {
    z-index: 100;
    position: relative;
  }
  #contents.concept .bdffhd_contents .sec02Copy i {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  #contents.concept .bdffhd_contents .sec02Copy i::after {
    content: "";
    background: url(/bdffhd/assets/img/concept/sec02_copy_text@pc.webp) no-repeat center top/clamp(1100px, 57.292vw, 150vw) auto;
    width: 100%;
    height: clamp(63px, 3.281vw, 150vw);
    position: absolute;
    left: 50%;
    bottom: clamp(45px, 2.344vw, 150vw);
    transform: translate(-50%, 0);
  }
  #contents.concept .bdffhd_contents .sec02Title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  #contents.concept .bdffhd_contents .sec02Title img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec02Chara span {
    display: flex;
    width: clamp(550px, 28.646vw, 150vw);
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
  }
  #contents.concept .bdffhd_contents .sec02Chara span img {
    width: clamp(1100px, 57.292vw, 150vw);
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec02Chara span ~ span {
    left: auto;
    right: 0;
    justify-content: flex-end;
  }
  #contents.concept .bdffhd_contents .sec02PcWrap {
    position: relative;
    width: clamp(1100px, 57.292vw, 150vw);
    margin: clamp(40px, 2.083vw, 150vw) auto 0;
  }
  #contents.concept .bdffhd_contents .sec02Ss {
    background: none;
    overflow: visible;
    display: block;
    position: absolute;
    left: clamp(55px, 2.865vw, 150vw);
    top: min(-50px, -2.604vw);
    margin: 0;
    height: clamp(390px, 20.313vw, 150vw);
    width: clamp(497px, 25.885vw, 150vw);
    -webkit-mask-image: url("/bdffhd/assets/img/concept/sec02_mask@pc.png");
    mask-image: url("/bdffhd/assets/img/concept/sec02_mask@pc.png");
  }
  #contents.concept .bdffhd_contents .sec02Ss .video-container {
    height: clamp(390px, 20.313vw, 150vw);
    width: clamp(497px, 25.885vw, 150vw);
    position: relative;
    z-index: 100;
  }
  #contents.concept .bdffhd_contents .sec02Ss .video-container img, #contents.concept .bdffhd_contents .sec02Ss .video-container video {
    display: block;
    transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    max-width: inherit;
    height: clamp(390px, 20.313vw, 150vw);
    width: clamp(693.33px, 36.111vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec02Ss_img {
    width: clamp(497px, 25.885vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec02Ss_img img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
  }
  #contents.concept .bdffhd_contents .sec02Text {
    margin: clamp(0px, 0vw, 150vw) auto 0;
    font-size: clamp(18px, 0.938vw, 150vw);
    line-height: 1.889;
    padding: 0 0 0 clamp(590px, 30.729vw, 150vw);
    display: flex;
    justify-content: flex-start;
    text-align: left;
  }
  #contents.concept .bdffhd_contents .sec02Text b {
    font-size: clamp(24px, 1.25vw, 150vw);
    line-height: 1.417;
  }
  #contents.concept .bdffhd_contents .sec02Text em {
    font-size: clamp(24px, 1.25vw, 150vw);
    line-height: 1.882;
  }
  #contents.concept .bdffhd_contents .sec03 {
    height: clamp(921px, 47.969vw, 150vw);
    background: url(/bdffhd/assets/img/concept/bg03@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    padding: clamp(236px, 12.292vw, 150vw) 0 0;
    margin-top: min(-261px, -13.594vw);
    z-index: 9;
    position: relative;
  }
  #contents.concept .bdffhd_contents .sec03Title {
    margin: 0 auto;
    width: clamp(876px, 45.625vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec03Title img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec03PcWrap {
    position: relative;
    width: clamp(1100px, 57.292vw, 150vw);
    margin: clamp(50px, 2.604vw, 150vw) auto 0;
  }
  #contents.concept .bdffhd_contents .sec03Copy {
    margin-bottom: clamp(0px, 0vw, 150vw);
    position: absolute;
    top: clamp(34px, 1.771vw, 150vw);
    left: clamp(600px, 31.25vw, 150vw);
    width: clamp(344px, 17.917vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec03Copy img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec03Movie {
    width: clamp(540px, 28.125vw, 150vw);
    height: clamp(307px, 15.99vw, 150vw);
    margin: 0 0 0 0;
  }
  #contents.concept .bdffhd_contents .sec03Movie::before {
    width: clamp(540px, 28.125vw, 150vw);
    height: clamp(307px, 15.99vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec03Movie .video-container {
    width: clamp(540px, 28.125vw, 150vw);
    height: clamp(307px, 15.99vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec03Movie img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec03Chara {
    position: absolute;
    left: 50%;
    bottom: clamp(68px, 3.542vw, 150vw);
    z-index: 100;
    margin-left: clamp(160px, 8.333vw, 150vw);
    width: clamp(405px, 21.094vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec03Chara img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec03::after {
    display: none;
  }
  #contents.concept .bdffhd_contents .sec04 {
    height: clamp(627px, 32.656vw, 150vw);
    background: url(/bdffhd/assets/img/concept/bg04@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    padding: clamp(223px, 11.615vw, 150vw) 0 0;
    margin-top: min(-180px, -9.375vw);
    z-index: 1;
  }
  #contents.concept .bdffhd_contents .sec04PcWrap {
    position: relative;
    width: clamp(594px, 30.938vw, 150vw);
    margin: clamp(0px, 0vw, 150vw) auto 0;
    right: clamp(220px, 11.458vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec04Title {
    margin: 0 auto clamp(24px, 1.25vw, 150vw);
    width: clamp(594px, 30.938vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec04Title img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec04Copy {
    margin-bottom: clamp(0px, 0vw, 150vw);
    width: clamp(594px, 30.938vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec04Copy img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec04Img {
    width: clamp(450px, 23.438vw, 150vw);
    height: auto;
    position: absolute;
    left: 50%;
    top: clamp(134px, 6.979vw, 150vw);
    margin-left: clamp(15px, 0.781vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec04Img img {
    width: 100%;
    height: auto;
  }
  #contents.concept .bdffhd_contents .sec04 .bdffhd_btn {
    text-align: center;
    margin: clamp(34px, 1.771vw, 150vw) 0 clamp(0px, 0vw, 150vw) clamp(18px, 0.938vw, 150vw);
  }
  #contents.concept .bdffhd_contents .sec04::after {
    display: none;
  }
  #contents.concept .bdffhd_contents .secondClose {
    margin-top: min(-61px, -3.177vw);
    z-index: 0;
    position: relative;
    height: clamp(516px, 26.875vw, 150vw);
  }
  #contents.concept .bdffhd_contents .secondClose .and_more {
    position: relative;
    z-index: 100;
  }
  #contents.concept .bdffhd_contents .secondClose_bg {
    padding: clamp(144px, 7.5vw, 150vw) clamp(50px, 2.604vw, 150vw) clamp(300px, 15.625vw, 150vw);
    background: url(/bdffhd/assets/img/concept/bg_close@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
}

/*
    concept MODAL
*/
#conceptModal_mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.6);
}

#conceptModalContent {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 100001;
  display: block;
}

#conceptModalContent .conceptModalMc {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
}
#conceptModalContent .conceptModalMc_scroll {
  overflow-y: auto;
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  padding: 12.012vw 0 1.953vw;
  padding: 12.012vw 0 12.012vw;
  scrollbar-color: rgba(59, 25, 12, 0) rgba(247, 237, 218, 0);
  scrollbar-width: none;
  overscroll-behavior: contain;
}
#conceptModalContent .conceptModalMc_scroll::-webkit-scrollbar {
  display: none;
}
#conceptModalContent .conceptModalMc_close {
  position: fixed;
  right: 1.953vw;
  top: 1.953vw;
  width: 8.105vw;
  height: 8.105vw;
  z-index: 100;
}
#conceptModalContent .conceptModalMc_close i {
  cursor: pointer;
  background: url(/bdffhd/assets/img/modal/btn_close.webp) no-repeat center center/100% 100%;
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  #conceptModalContent .conceptModalMc_close i {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #conceptModalContent .conceptModalMc_close i:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.5);
  }
}
#conceptModalContent .conceptModalMc_bg {
  width: 100%;
  background: url(/bdffhd/assets/img/concept/bg_modal.webp) no-repeat center top/100% auto;
  padding: 8.594vw 0 8.594vw;
}
#conceptModalContent .conceptModalMc_title {
  width: 100%;
}
#conceptModalContent .conceptModalMc_title img {
  width: 100%;
  height: auto;
}
#conceptModalContent .conceptModalMc_text {
  width: 90.234vw;
  position: relative;
  z-index: 90;
  margin: 6.445vw auto 0;
  font-size: clamp(8px, 3.125vw, 32px);
  line-height: 1.875;
  color: #433831;
  font-weight: 500;
  letter-spacing: 0.05em;
}
#conceptModalContent .conceptModalMc_text::before, #conceptModalContent .conceptModalMc_text::after {
  content: "";
  background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
  width: 3.906vw;
  height: 3.906vw;
  position: absolute;
  z-index: 100;
  pointer-events: none;
}
#conceptModalContent .conceptModalMc_text::before {
  left: 0.391vw;
  transform: rotate(-90deg);
  top: 0.391vw;
}
#conceptModalContent .conceptModalMc_text::after {
  right: 0.391vw;
  transform: rotate(0deg);
  top: 0.391vw;
}
#conceptModalContent .conceptModalMc_text span {
  position: relative;
  padding: 5.371vw 4.883vw 5.371vw;
  border: 0.195vw solid #3b190c;
  background-color: #f7edda;
  display: block;
}
#conceptModalContent .conceptModalMc_text span::before, #conceptModalContent .conceptModalMc_text span::after {
  content: "";
  background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
  width: 3.906vw;
  height: 3.906vw;
  position: absolute;
  z-index: 100;
  pointer-events: none;
}
#conceptModalContent .conceptModalMc_text span::before {
  left: 0.195vw;
  transform: rotate(-180deg);
  bottom: 0.195vw;
}
#conceptModalContent .conceptModalMc_text span::after {
  right: 0.195vw;
  transform: rotate(90deg);
  bottom: 0.195vw;
}
#conceptModalContent .conceptModalMc_text span p + p {
  margin-top: 5.664vw;
}
#conceptModalContent .conceptModalMc_text a {
  text-decoration: underline;
}
#conceptModalContent .conceptModalMc_text a:hover {
  text-decoration: none;
}
@media (max-width: 1023px) {
  #conceptModalContent .conceptModalMc_text .pcItem {
    display: none !important;
  }
  #conceptModalContent .conceptModalMc_text .-pcItem {
    display: none;
  }
}

@media (min-width: 1024px) {
  #conceptModalContent .conceptModalMc {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: clamp(1100px, 57.292vw, 150vw);
  }
  #conceptModalContent .conceptModalMc_scroll {
    overflow-y: auto;
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    padding: clamp(65px, 3.385vw, 150vw) 0 clamp(65px, 3.385vw, 150vw);
    width: 100%;
  }
  #conceptModalContent .conceptModalMc_close {
    position: fixed;
    right: clamp(0px, 0vw, 150vw);
    top: clamp(10px, 0.521vw, 150vw);
    width: clamp(45px, 2.344vw, 150vw);
    height: clamp(45px, 2.344vw, 150vw);
  }
  #conceptModalContent .conceptModalMc_bg {
    width: 100%;
    background: url(/bdffhd/assets/img/concept/bg_modal@pc.webp) no-repeat center top/100% auto;
    padding: clamp(54px, 2.813vw, 150vw) 0 clamp(88px, 4.583vw, 150vw);
  }
  #conceptModalContent .conceptModalMc_title {
    width: 100%;
  }
  #conceptModalContent .conceptModalMc_title img {
    width: 100%;
    height: auto;
  }
  #conceptModalContent .conceptModalMc_text {
    width: clamp(980px, 51.042vw, 150vw);
    position: relative;
    z-index: 90;
    margin: clamp(40px, 2.083vw, 150vw) auto 0;
    font-size: clamp(17px, 0.885vw, 150vw);
    line-height: 1.882;
  }
  #conceptModalContent .conceptModalMc_text::before, #conceptModalContent .conceptModalMc_text::after {
    content: "";
    background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
    position: absolute;
    z-index: 100;
    pointer-events: none;
  }
  #conceptModalContent .conceptModalMc_text::before {
    left: clamp(4px, 0.208vw, 150vw);
    transform: rotate(-90deg);
    top: clamp(4px, 0.208vw, 150vw);
  }
  #conceptModalContent .conceptModalMc_text::after {
    right: clamp(4px, 0.208vw, 150vw);
    transform: rotate(0deg);
    top: clamp(4px, 0.208vw, 150vw);
  }
  #conceptModalContent .conceptModalMc_text span {
    position: relative;
    padding: clamp(40px, 2.083vw, 150vw) clamp(50px, 2.604vw, 150vw) clamp(40px, 2.083vw, 150vw);
    border: clamp(2px, 0.104vw, 150vw) solid #3b190c;
    background-color: #f7edda;
    display: block;
  }
  #conceptModalContent .conceptModalMc_text span::before, #conceptModalContent .conceptModalMc_text span::after {
    content: "";
    background: url(/bdffhd/assets/img/corner.webp) no-repeat center center/100% 100%;
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
    position: absolute;
    z-index: 100;
    pointer-events: none;
  }
  #conceptModalContent .conceptModalMc_text span::before {
    left: clamp(2px, 0.104vw, 150vw);
    transform: rotate(-180deg);
    bottom: clamp(2px, 0.104vw, 150vw);
  }
  #conceptModalContent .conceptModalMc_text span::after {
    right: clamp(2px, 0.104vw, 150vw);
    transform: rotate(90deg);
    bottom: clamp(2px, 0.104vw, 150vw);
  }
  #conceptModalContent .conceptModalMc_text span p + p {
    margin-top: min(18px, 0.938vw);
  }
}
#conceptModal_mask {
  z-index: -9999;
  left: -101vw;
  opacity: 0;
}

#conceptModalContent {
  z-index: -9999;
  left: -101vw;
  pointer-events: none;
  transform: translate(0, 0);
  opacity: 0;
}

#conceptModalContent .conceptModalMc_close {
  transform: scale(1.2);
  opacity: 0;
}

#conceptModal_mask.view {
  z-index: 1000000;
  left: 0;
  opacity: 1;
  transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#conceptModalContent.view {
  z-index: 1000001;
  left: 0;
  pointer-events: auto;
  transform: translate(0, 0);
  transition: opacity 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
}
#conceptModalContent.view .conceptModalMc_close {
  transform: scale(1);
  opacity: 1;
  transition: 0.8s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#conceptModal_mask.modaHide {
  opacity: 0;
  transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#conceptModalContent.modaHide {
  z-index: 1000001;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transform: translate(0, 10%) rotate(-1deg);
  transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#conceptModalContent.modaHide .conceptModalMc_close {
  opacity: 0;
  transform: scale(0.8);
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}

@media (min-width: 1024px) {
  #conceptModal_mask.view {
    z-index: 1000000;
    left: 0;
    opacity: 1;
    transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #conceptModalContent.view {
    z-index: 1000001;
    left: 0;
    pointer-events: auto;
    transform: translate(0, 0);
    transition: opacity 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
  }
  #conceptModalContent.view .conceptModalMc_close {
    transform: scale(1);
    opacity: 1;
    transition: 0.8s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #conceptModal_mask.modaHide {
    opacity: 0;
    transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #conceptModalContent.modaHide {
    z-index: 1000001;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translate(0, 10%) rotate(-1deg);
    transition: opacity 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #conceptModalContent.modaHide .conceptModalMc_close {
    opacity: 0;
    transform: scale(0.8);
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
  }
}
#contents.concept .bdffhd_contents .sec01Copy span {
  opacity: 1;
  display: block;
  -webkit-mask-image: url("/bdffhd/assets/img/mask_blur.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 300%;
  -webkit-mask-position: center center;
  mask-image: url("/bdffhd/assets/img/mask_blur.webp");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 0% 300%;
  mask-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.2);
}
@media (min-width: 1024px) {
  #contents.concept .bdffhd_contents .sec01Text {
    opacity: 0;
    filter: blur(1px);
  }
  #contents.concept .bdffhd_contents .sec01Note {
    opacity: 0;
    filter: blur(1px);
  }
  #contents.concept .bdffhd_contents .sec01 .bdffhd_btn {
    opacity: 0;
    filter: blur(1px);
  }
}
@media (max-width: 1023px) {
  #contents.concept .bdffhd_contents .sec02Head .sec02Copy span {
    opacity: 1;
    display: block;
    -webkit-mask-image: url("/bdffhd/assets/img/mask_blur.webp");
    -webkit-mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0% 300%;
    -webkit-mask-position: center center;
    mask-image: url("/bdffhd/assets/img/mask_blur.webp");
    mask-mode: alpha;
    mask-repeat: no-repeat;
    mask-size: 0% 300%;
    mask-position: center center;
    background-repeat: no-repeat;
    transform: scale(1.12) translate(0, -3.5vw);
  }
}
#contents.concept .bdffhd_contents .sec02Head .sec02Chara span {
  opacity: 0;
  transform: translate(-3vw, 0);
}
#contents.concept .bdffhd_contents .sec02Head .sec02Chara span ~ span {
  transform: translate(3vw, 0);
}
@media (min-width: 1024px) {
  #contents.concept .bdffhd_contents .sec02Head .sec02Copy span i {
    opacity: 1;
    display: block;
    -webkit-mask-image: url("/bdffhd/assets/img/mask_blur.webp");
    -webkit-mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0% 300%;
    -webkit-mask-position: center center;
    mask-image: url("/bdffhd/assets/img/mask_blur.webp");
    mask-mode: alpha;
    mask-repeat: no-repeat;
    mask-size: 0% 300%;
    mask-position: center center;
    background-repeat: no-repeat;
    transform: scale(1.2) translate(0, -1vw);
  }
  #contents.concept .bdffhd_contents .sec02Head .sec02Chara span {
    opacity: 0;
    transform: translate(-3vw, 0);
  }
  #contents.concept .bdffhd_contents .sec02Head .sec02Chara span ~ span {
    transform: translate(3vw, 0);
  }
}
@media (min-width: 1024px) {
  #contents.concept .bdffhd_contents .sec02Text span {
    opacity: 0;
    transform: scale(1);
    filter: blur(2px);
    /*
    -webkit-mask-image: url("/bdffhd/assets/img/mask_grade3.webp");
    -webkit-mask-size:0% 100%;
    -webkit-mask-position:center left;
    mask-image: url("/bdffhd/assets/img/mask_grade3.webp");
    mask-size:0% 100%;
    mask-position:center left;
    */
  }
  #contents.concept .bdffhd_contents .sec02Ss {
    opacity: 0;
    transform: scale(1.12);
  }
}
#contents.concept .bdffhd_contents .sec03Chara {
  opacity: 0;
  transform: translate(3vw, 0);
}
#contents.concept .bdffhd_contents .sec04pcAnim {
  opacity: 0;
  transform: scale(1);
}

.animStart.windowloaded #contents.concept .bdffhd_contents .sec01Copy span {
  opacity: 1;
  transform: scale(1);
  -webkit-mask-size: 150% 300%;
          mask-size: 150% 300%;
  transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.5s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.8s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.8s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 1024px) {
  .animStart.windowloaded #contents.concept .bdffhd_contents .sec01Text.animated {
    opacity: 1;
    filter: blur(0);
    transition: 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .animStart.windowloaded #contents.concept .bdffhd_contents .sec01Note.animated {
    opacity: 1;
    filter: blur(0);
    transition: 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .animStart.windowloaded #contents.concept .bdffhd_contents .sec01 .bdffhd_btn.animated {
    opacity: 1;
    filter: blur(0);
    transition: 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.animStart.windowloaded #contents.concept .bdffhd_contents .sec02Head.animated .sec02Copy span,
.animStart.windowloaded #contents.concept .bdffhd_contents .sec02Head.animated .sec02Copy span i {
  opacity: 1;
  transform: scale(1);
  -webkit-mask-size: 150% 300%;
          mask-size: 150% 300%;
  transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.5s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.8s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.8s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.animStart.windowloaded #contents.concept .bdffhd_contents .sec02Head.animated .sec02Chara span {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 1.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animStart.windowloaded #contents.concept .bdffhd_contents .sec02Head.animated .sec02Chara span ~ span {
  transform: translate(0, 0);
}
@media (min-width: 1024px) {
  .animStart.windowloaded #contents.concept .bdffhd_contents .sec02PcWrap .sec02Text.animated + .sec02Ss {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .animStart.windowloaded #contents.concept .bdffhd_contents .sec02PcWrap .sec02Text.animated span {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
    transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-mask-size: 220% 100%;
            mask-size: 220% 100%;
  }
}
.animStart.windowloaded #contents.concept .bdffhd_contents .sec03Chara.animated {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animStart.windowloaded #contents.concept .bdffhd_contents .sec04pcAnim.animated {
  opacity: 1;
  filter: blur(0);
  transition: 1s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/*# sourceMappingURL=concept.css.map */