@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 .flipBase {
  width: 174.023vw;
  position: relative;
  overflow: visible;
  margin: 0 auto;
  padding: 0;
}
#contents .bdffhd_contents .flipBase * {
  box-shadow: none !important;
  filter: drop-shadow(0) !important;
}
#contents .bdffhd_contents .flipBase.inBtnClickTimeout {
  transform: translate(-44%, 0) rotate(0) scale(0.9);
}
#contents .bdffhd_contents .flipBase.inBtnClickTimeout.playBook {
  transform: rotate(-2.9deg) translate(7.617vw, 0);
  transition: 1.5s 1.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .bdffhd_contents .flipBase.inBtnClickTimeout.playBook.closeBook {
  transform: translate(-44%, 0) rotate(0) scale(0.9);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .bdffhd_contents .page-flip {
  padding: 0;
}
#contents .bdffhd_contents .page {
  color: #000;
  pointer-events: none;
  background-image: url(/bdffhd/assets/img/book/pageLeftBase.webp);
  width: 87.012vw;
  height: 99.902vw;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
#contents .bdffhd_contents .page.--right {
  background-image: url(/bdffhd/assets/img/book/pageRightBase.webp);
}
#contents .bdffhd_contents .page.page2.--left {
  background-image: url(/bdffhd/assets/img/book/pageLeft.webp);
}
#contents .bdffhd_contents .page .video-container {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
#contents .bdffhd_contents .page .video-container img {
  width: 100%;
  height: auto;
  display: block;
}
#contents .bdffhd_contents .page .page-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
#contents .bdffhd_contents .page .page-content .page-text {
  height: 100%;
  flex-grow: 1;
  font-size: 0;
  text-align: justify;
}
#contents .bdffhd_contents .page.--left {
  border-right: 0;
}
#contents .bdffhd_contents .page.--right {
  border-left: 0;
}
#contents .bdffhd_contents .page.page-cover.page-cover-top {
  box-shadow: none;
  background-image: url(/bdffhd/assets/img/book/cover.webp);
  background-size: 100% 100%;
}
#contents .bdffhd_contents .page.page-cover.page-cover-bottom {
  box-shadow: none;
  background-image: url(/bdffhd/assets/img/book/cover.webp);
  background-size: 100% 100%;
}
#contents .bdffhd_contents #topBook01[data-active="3"] .page.page2::before {
  content: "";
  background: url(/bdffhd/assets/img/book/pageLeftBase.webp) no-repeat center center/100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
#contents .bdffhd_contents #topBook01[data-active="3"] .page.page2.bgnone::before {
  display: none;
}
@media (min-width: 1024px) {
  #contents .bdffhd_contents .flipBase {
    width: clamp(891px, 46.406vw, 150vw);
  }
  #contents .bdffhd_contents .flipBase.inBtnClickTimeout {
    transform: translate(0%, 0) rotate(0);
  }
  #contents .bdffhd_contents .flipBase.inBtnClickTimeout.playBook {
    transform: rotate(0deg) translate(0, 0);
    transition: transform 1s;
  }
  #contents .bdffhd_contents .flipBase .-spItem {
    display: none;
  }
}

#contents .bdffhd_contents::before {
  content: "";
  background: url(/bdffhd/assets/img/job/bg@768.webp) no-repeat center top/100vw auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
#contents .bdffhd_contents::after {
  content: "";
  background: url(/bdffhd/assets/img/job/bg03.webp) no-repeat center top/100vw auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
#contents .bdffhd_contents.-index .secondHeader {
  height: 29.883vw;
}
@media (max-width: 1023px) {
  #contents .bdffhd_contents.-index .secondHeader::after {
    content: "";
    background: url(/bdffhd/assets/img/job/bg02.webp) no-repeat center top/100vw auto;
    position: absolute;
    left: 0;
    top: -12.207vw;
    width: 100%;
    height: 73.145vw;
    z-index: 0;
    pointer-events: none;
  }
}
#contents .bdffhd_contents.-index .secondHeader img {
  top: 0.293vw;
  position: relative;
}
#contents .bdffhd_contents.-index .jobIndex {
  position: relative;
  z-index: 10;
}
#contents .bdffhd_contents.-index .jobIndex_movie {
  position: relative;
  z-index: 100;
  width: 90.625vw;
  height: 51.172vw;
  margin: 0 auto;
}
#contents .bdffhd_contents.-index .jobIndex_movie::before {
  content: "";
  background: url(/bdffhd/assets/img/movie_frame.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 .bdffhd_contents.-index .jobIndex_movie .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% auto;
  -webkit-mask-position: center top;
  mask-image: url("/bdffhd/assets/img/movie_mask.webp");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: center top;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
#contents .bdffhd_contents.-index .jobIndex_movie .video-container img, #contents .bdffhd_contents.-index .jobIndex_movie .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 .bdffhd_contents.-index .jobIndex_movie .video-container video {
  opacity: 0;
  position: absolute;
  top: 0;
}
#contents .bdffhd_contents.-index .jobIndex_movie .video-container.mp4play video {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .bdffhd_contents.-index .jobIndex_text {
  width: 86.328vw;
  position: relative;
  z-index: 100;
  margin: 6.738vw auto 0;
  padding-bottom: 5.566vw;
}
#contents .bdffhd_contents.-index .jobIndex_text::before, #contents .bdffhd_contents.-index .jobIndex_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;
}
#contents .bdffhd_contents.-index .jobIndex_text::before {
  left: 0.391vw;
  transform: rotate(-90deg);
  top: 0.391vw;
}
#contents .bdffhd_contents.-index .jobIndex_text::after {
  right: 0.391vw;
  transform: rotate(0deg);
  top: 0.391vw;
}
#contents .bdffhd_contents.-index .jobIndex_text_bg {
  position: relative;
  padding: 0 4.883vw;
  border: 0.195vw solid #3b190c;
  background-color: #faf0db;
}
#contents .bdffhd_contents.-index .jobIndex_text_bg::before, #contents .bdffhd_contents.-index .jobIndex_text_bg::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 .bdffhd_contents.-index .jobIndex_text_bg::before {
  left: 0.195vw;
  transform: rotate(-180deg);
  bottom: 0.195vw;
}
#contents .bdffhd_contents.-index .jobIndex_text_bg::after {
  right: 0.195vw;
  transform: rotate(90deg);
  bottom: 0.195vw;
}
#contents .bdffhd_contents.-index .jobIndex_text p {
  font-size: clamp(8px, 3.125vw, 32px);
  line-height: 2;
  color: #433831;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 4.102vw 0 3.613vw;
}
#contents .bdffhd_contents.-index .jobIndex_text p b {
  font-weight: 700;
  font-size: clamp(10.5px, 4.102vw, 42px);
  line-height: 5.859vw;
  color: #a92b2b;
}
@media (max-width: 1023px) {
  #contents .bdffhd_contents.-index .jobIndex_text {
    background: url(/bdffhd/assets/img/job/parts.webp) no-repeat center bottom/16.602vw auto;
  }
}
#contents .bdffhd_contents.-index .jobIndex_list {
  padding-bottom: 10.156vw;
}
#contents .bdffhd_contents.-index .jobIndex_list ul {
  padding: 8.789vw 0 3.906vw;
}
#contents .bdffhd_contents.-index .jobIndex_list li {
  position: relative;
  margin-bottom: 4.883vw;
  width: 100%;
  font-size: 0;
  line-height: 1;
}
#contents .bdffhd_contents.-index .jobIndex_list li i {
  pointer-events: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  display: block;
  z-index: 10;
  transform: translate(-50%, 0);
}
#contents .bdffhd_contents.-index .jobIndex_list li i img {
  display: block;
}
#contents .bdffhd_contents.-index .jobIndex_list li a {
  display: block;
}
#contents .bdffhd_contents.-index .jobIndex_list li a::after {
  content: "";
  width: calc(100% - 0vw);
  height: calc(100% - 0.781vw);
  border: 0.391vw solid #f9eacb;
  position: absolute;
  left: 0;
  bottom: 0.293vw;
  z-index: 100;
  border-top: none;
}
@media (hover: hover) and (pointer: fine) {
  #contents .bdffhd_contents.-index .jobIndex_list li a {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .bdffhd_contents.-index .jobIndex_list li a:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.25);
  }
}
#contents .bdffhd_contents.-index .secondClose {
  margin-top: -36.621vw;
  z-index: 0;
  position: relative;
}
#contents .bdffhd_contents.-index .secondClose .and_more {
  position: relative;
  z-index: 100;
}
#contents .bdffhd_contents.-index .secondClose_bg {
  padding: 36.621vw 4.883vw 8.789vw;
  background: url(/bdffhd/assets/img/job/bg_close@768.webp) no-repeat center top/100vw auto;
}
@media (max-width: 1023px) {
  #contents .bdffhd_contents.-detail .secondHeader {
    height: 14.844vw;
  }
  #contents .bdffhd_contents.-detail .secondHeader img {
    top: 0.977vw;
    position: relative;
  }
  #contents .bdffhd_contents.-detail .flipBase {
    width: 197.07vw;
    position: relative;
    overflow: visible;
    margin: 0 auto;
    height: 129.883vw;
    padding: 0.879vw 0 0;
    left: 2.441vw;
  }
  #contents .bdffhd_contents.-detail .flipBase .flipNav {
    opacity: 1;
    transition: 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: blur(0);
  }
  #contents .bdffhd_contents.-detail .flipBase.false {
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail .flipBase.false .flipNav {
    opacity: 0;
    transition: 0.3s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    filter: blur(3px);
  }
  #contents .bdffhd_contents.-detail .page-flip {
    padding: 0;
  }
  #contents .bdffhd_contents.-detail .page {
    background-image: url(/bdffhd/assets/img/book/job/pageLeftBase.webp);
    width: 98.535vw;
    height: 117.188vw;
  }
  #contents .bdffhd_contents.-detail .page.--right {
    background-image: url(/bdffhd/assets/img/book/job/pageRightBase.webp);
  }
  #contents .bdffhd_contents.-detail .page.page03.--left, #contents .bdffhd_contents.-detail .page.page2.--left {
    background-image: url(/bdffhd/assets/img/book/job/pageLeft.webp);
  }
  #contents .bdffhd_contents.-detail .page .video-container {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
  #contents .bdffhd_contents.-detail .page .video-container img {
    width: 100%;
    height: auto;
    display: block;
  }
  #contents .bdffhd_contents.-detail .page .page-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
  #contents .bdffhd_contents.-detail .page .page-content .page-text {
    height: 100%;
    flex-grow: 1;
    font-size: 0;
    text-align: justify;
  }
  #contents .bdffhd_contents.-detail .page.--left {
    border-right: 0;
  }
  #contents .bdffhd_contents.-detail .page.--right {
    border-left: 0;
  }
  #contents .bdffhd_contents.-detail #topBook01 {
    background: url(/bdffhd/assets/img/book/job/base.webp) no-repeat left top/100% 100%;
  }
  #contents .bdffhd_contents.-detail #topBook01[data-active="2"] .page.page03::before,
  #contents .bdffhd_contents.-detail #topBook01[data-active="2"] .page.page2::before {
    content: "";
    background: url(/bdffhd/assets/img/book/job/pageLeft.webp) no-repeat center center/100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail #topBook01[data-active="2"] .page.page03.bgnone::before,
  #contents .bdffhd_contents.-detail #topBook01[data-active="2"] .page.page2.bgnone::before {
    display: none;
  }
  #contents .bdffhd_contents.-detail #topBook01[data-active="3"] .page.page03::before,
  #contents .bdffhd_contents.-detail #topBook01[data-active="3"] .page.page2::before {
    content: "";
    background: url(/bdffhd/assets/img/book/job/pageLeftBase.webp) no-repeat center center/100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail #topBook01[data-active="3"] .page.page03.bgnone::before,
  #contents .bdffhd_contents.-detail #topBook01[data-active="3"] .page.page2.bgnone::before {
    display: none;
  }
  #contents .bdffhd_contents.-detail .page01::after {
    content: "";
    background: url(/bdffhd/assets/img/job/detail/page01.webp) no-repeat center center/100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail .page01 .page‗texts {
    margin: 4.004vw 6.641vw 0 15.625vw;
    position: relative;
    z-index: 19;
  }
  #contents .bdffhd_contents.-detail .page01 .page_chara {
    width: 36.621vw;
    position: absolute;
    left: -0.781vw;
    top: -3.613vw;
    z-index: 100;
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail .page01 .page_chara img {
    width: 100%;
    height: auto;
  }
  #contents .bdffhd_contents.-detail .page01 .page_lead {
    font-size: clamp(7px, 2.734vw, 28px);
    line-height: 1.679;
    color: #433831;
    letter-spacing: 0.05em;
    padding: 9.766vw 2.93vw 0 36.133vw;
    height: 37.891vw;
    display: flex;
    align-items: center;
  }
  #contents .bdffhd_contents.-detail .page01 .page_lead span {
    display: inline-flex;
    padding-bottom: 4.883vw;
    font-weight: 500;
  }
  #contents .bdffhd_contents.-detail .page01 .page_ability {
    text-align: center;
  }
  #contents .bdffhd_contents.-detail .page01 .page_ability img {
    height: 5.664vw;
    width: auto;
    margin: 0 auto;
  }
  #contents .bdffhd_contents.-detail .page01 .page_ability_text {
    text-align: center;
    margin-bottom: 1.367vw;
    font-size: clamp(7.25px, 2.832vw, 29px);
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityList {
    display: flex;
    justify-content: center;
    padding: 2.637vw 0 2.637vw;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityList li {
    padding: 0vw 1.221vw;
    pointer-events: auto;
    cursor: pointer;
  }
}
@media (max-width: 1023px) and (hover: hover) and (pointer: fine) {
  #contents .bdffhd_contents.-detail .page01 .page_abilityList li {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityList li:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.3);
  }
}
@media (max-width: 1023px) {
  #contents .bdffhd_contents.-detail .page01 .page_abilityList li span {
    display: block;
    position: relative;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityList li i {
    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityList li.-active {
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityList li.-active i {
    opacity: 1;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityList img {
    height: 7.91vw;
    width: 32.715vw;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityAbout {
    position: relative;
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityAbout_item {
    opacity: 0;
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: blur(1px);
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityAbout_item.ability01 {
    position: relative;
    left: -5%;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityAbout_item.ability01.-active {
    opacity: 1;
    left: 0;
    filter: blur(0);
    transition: 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityAbout_item.ability02 {
    position: absolute;
    left: 5%;
    top: 0;
    width: 100%;
  }
  #contents .bdffhd_contents.-detail .page01 .page_abilityAbout_item.ability02.-active {
    opacity: 1;
    left: 0;
    filter: blur(0);
    transition: 1.2s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #contents .bdffhd_contents.-detail .page01 .btn-prev,
  #contents .bdffhd_contents.-detail .page01 .btn-next {
    position: relative;
    z-index: 100;
    pointer-events: auto;
    cursor: pointer;
    margin-top: 2.441vw;
    text-align: center;
  }
}
@media (max-width: 1023px) and (hover: hover) and (pointer: fine) {
  #contents .bdffhd_contents.-detail .page01 .btn-prev,
  #contents .bdffhd_contents.-detail .page01 .btn-next {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .bdffhd_contents.-detail .page01 .btn-prev:hover,
  #contents .bdffhd_contents.-detail .page01 .btn-next:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.5);
  }
}
@media (max-width: 1023px) {
  #contents .bdffhd_contents.-detail .page01 .btn-prev img,
  #contents .bdffhd_contents.-detail .page01 .btn-next img {
    height: 4.883vw;
    width: auto;
    margin: 0 auto;
  }
  #contents .bdffhd_contents.-detail .page01 button.btn-prev,
  #contents .bdffhd_contents.-detail .page01 button.btn-next {
    opacity: 0;
    position: fixed;
  }
  #contents .bdffhd_contents.-detail .page03::after {
    content: "";
    background: url(/bdffhd/assets/img/job/detail/page02.webp) no-repeat center center/100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail .page03 .page_status {
    position: relative;
    z-index: 1;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList {
    position: absolute;
    z-index: 2;
    top: 33.887vw;
    left: 41.797vw;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li {
    display: flex;
    margin-bottom: 4.102vw;
    background-color: #ded4c6;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li b {
    width: 5.859vw;
    height: 2.148vw;
    display: block;
    background-color: #e99550;
    margin-right: 0.586vw;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li b:nth-child(2) {
    background-color: #e2824d;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li b:nth-child(3) {
    background-color: #da7046;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li b:nth-child(4) {
    background-color: #cc5e33;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li b:nth-child(5) {
    background-color: #b74a1f;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li b:nth-child(6) {
    background-color: #a83116;
    margin-right: 0;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li b {
    display: none;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li[data-value=e] b:nth-of-type(-n+1) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li[data-value=d] b:nth-of-type(-n+2) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li[data-value=c] b:nth-of-type(-n+3) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li[data-value=b] b:nth-of-type(-n+4) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li[data-value=a] b:nth-of-type(-n+5) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li[data-value=s] b:nth-of-type(-n+6) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .page03 .page_statusList li.-blink b {
    animation: blinking2 1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate;
  }
  #contents .bdffhd_contents.-detail .page03 .btn-prev,
  #contents .bdffhd_contents.-detail .page03 .btn-next {
    position: absolute;
    z-index: 100;
    pointer-events: auto;
    cursor: pointer;
    left: 32.715vw;
    bottom: 10.742vw;
    text-align: center;
  }
}
@media (max-width: 1023px) and (hover: hover) and (pointer: fine) {
  #contents .bdffhd_contents.-detail .page03 .btn-prev,
  #contents .bdffhd_contents.-detail .page03 .btn-next {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .bdffhd_contents.-detail .page03 .btn-prev:hover,
  #contents .bdffhd_contents.-detail .page03 .btn-next:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.5);
  }
}
@media (max-width: 1023px) {
  #contents .bdffhd_contents.-detail .page03 .btn-prev img,
  #contents .bdffhd_contents.-detail .page03 .btn-next img {
    height: 4.883vw;
    width: auto;
    margin: 0 auto;
  }
  #contents .bdffhd_contents.-detail .page03 button.btn-prev,
  #contents .bdffhd_contents.-detail .page03 button.btn-next {
    opacity: 0;
    position: fixed;
  }
}
#contents .bdffhd_contents.-detail::before {
  background: url(/bdffhd/assets/img/job/detail/bg.webp) no-repeat center top/100vw auto;
}
#contents .bdffhd_contents.-detail .jobDetail {
  position: relative;
  z-index: 100;
}
#contents .bdffhd_contents.-detail .jobDetail_title {
  background: url(/bdffhd/assets/img/job/detail/name.webp) no-repeat center center/100% auto;
}
#contents .bdffhd_contents.-detail .jobDetail_movie {
  width: 60.547vw;
  height: 34.082vw;
  margin: 0 auto;
  -webkit-mask-image: url("/bdffhd/assets/img/job/detail/movie_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 104% 104%;
  -webkit-mask-position: center top;
  mask-image: url("/bdffhd/assets/img/job/detail/movie_mask.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 104% 104%;
  mask-position: center top;
}
#contents .bdffhd_contents.-detail .jobDetail .video-container {
  width: 60.547vw;
  height: 34.082vw;
  position: relative;
  z-index: 100;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
#contents .bdffhd_contents.-detail .jobDetail .video-container img, #contents .bdffhd_contents.-detail .jobDetail .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 .bdffhd_contents.-detail .jobDetail .video-container video {
  opacity: 0;
  position: absolute;
  top: 0;
}
#contents .bdffhd_contents.-detail .jobDetail .video-container.mp4play video {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .bdffhd_contents.-detail .jobDetail_archive {
  padding: 22.461vw 0 0;
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  pointer-events: none;
}
#contents .bdffhd_contents.-detail .jobDetail_archiveBg {
  background: url(/bdffhd/assets/img/job/detail/titile_other.webp) no-repeat center top/100% auto;
  position: relative;
  z-index: 100;
}
#contents .bdffhd_contents.-detail .jobDetail_archive a {
  position: relative;
  width: 21.875vw;
  margin: 0 2.441vw 4.883vw;
  pointer-events: auto;
  transition: 0.4s;
}
#contents .bdffhd_contents.-detail .jobDetail_archive a i {
  display: block;
  pointer-events: none;
  width: 8.789vw;
  position: absolute;
  left: -3.027vw;
  top: -3.125vw;
  z-index: 10;
}
#contents .bdffhd_contents.-detail .jobDetail_archive a img {
  width: 100%;
  height: auto;
}
#contents .bdffhd_contents.-detail .jobDetail_archive:hover a {
  filter: brightness(0.8) grayscale(0.25) sepia(0.25) drop-shadow(0 0 0vw #8b5e2a);
  transition: 0.3s;
}
#contents .bdffhd_contents.-detail .jobDetail_archive:hover a:hover {
  filter: brightness(1.2) grayscale(0) sepia(0) drop-shadow(0 0 1.172vw #8b5e2a);
}
#contents .bdffhd_contents.-detail .secondClose {
  margin-top: -31.25vw;
  z-index: 0;
}
#contents .bdffhd_contents.-detail .secondClose_bg {
  padding: 34.18vw 4.883vw 8.789vw;
  background: url(/bdffhd/assets/img/job/detail/bg_close.webp) no-repeat center bottom/100% auto;
}
#contents .bdffhd_contents.-detail .secondClose_mask {
  -webkit-mask-image: url("/bdffhd/assets/img/job/detail/bg_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  -webkit-mask-position: center top;
  mask-image: url("/bdffhd/assets/img/job/detail/bg_mask.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: center top;
}
#contents .bdffhd_contents.-detail::after {
  content: "";
  background: url(/bdffhd/assets/img/job/detail/01/bg.webp) no-repeat center top/100vw auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
#contents .bdffhd_contents.-detail.-job02::after {
  content: "";
  background: url(/bdffhd/assets/img/job/detail/02/bg.webp) no-repeat center top/100vw auto;
}
#contents .bdffhd_contents.-detail.-job03::after {
  content: "";
  background: url(/bdffhd/assets/img/job/detail/03/bg.webp) no-repeat center top/100vw auto;
}
#contents .bdffhd_contents.-detail.-job04::after {
  content: "";
  background: url(/bdffhd/assets/img/job/detail/04/bg.webp) no-repeat center top/100vw auto;
}
#contents .bdffhd_contents.-detail.-job05::after {
  content: "";
  background: url(/bdffhd/assets/img/job/detail/05/bg.webp) no-repeat center top/100vw auto;
}
@media (min-width: 1024px) {
  #contents .bdffhd_contents::before {
    content: "";
    background: url(/bdffhd/assets/img/job/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents::after {
    content: "";
    background: url(/bdffhd/assets/img/job/bg02@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-index .secondHeader {
    height: clamp(211px, 10.99vw, 150vw);
  }
  #contents .bdffhd_contents.-index .secondHeader img {
    top: clamp(20px, 1.042vw, 150vw);
    position: relative;
  }
  #contents .bdffhd_contents.-index .jobIndex {
    position: relative;
    z-index: 10;
  }
  #contents .bdffhd_contents.-index .jobIndex_flex {
    display: flex;
    width: clamp(1131px, 58.906vw, 150vw);
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    left: pcmax2(4);
    position: relative;
    left: clamp(15px, 0.781vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_movie {
    position: relative;
    z-index: 20;
    width: clamp(641px, 33.385vw, 150vw);
    height: clamp(362px, 18.854vw, 150vw);
    margin: 0 auto;
  }
  #contents .bdffhd_contents.-index .jobIndex_movie::before {
    width: clamp(641px, 33.385vw, 150vw);
    height: clamp(362px, 18.854vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_movie .video-container {
    width: clamp(641px, 33.385vw, 150vw);
    height: clamp(362px, 18.854vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_text {
    width: clamp(489px, 25.469vw, 150vw);
    z-index: 10;
    margin: 0;
    left: min(-38px, -1.979vw);
    padding-bottom: 0;
  }
  #contents .bdffhd_contents.-index .jobIndex_text::before, #contents .bdffhd_contents.-index .jobIndex_text::after {
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_text::before {
    left: auto;
    right: clamp(4px, 0.208vw, 150vw);
    transform: rotate(0deg);
    top: clamp(4px, 0.208vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_text::after {
    right: clamp(4px, 0.208vw, 150vw);
    transform: rotate(90deg);
    top: auto;
    bottom: clamp(4px, 0.208vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_text_bg {
    padding: clamp(30px, 1.563vw, 150vw) clamp(35px, 1.823vw, 150vw) clamp(30px, 1.563vw, 150vw) clamp(75px, 3.906vw, 150vw);
    border: clamp(2px, 0.104vw, 150vw) solid #3b190c;
  }
  #contents .bdffhd_contents.-index .jobIndex_text_bg::before, #contents .bdffhd_contents.-index .jobIndex_text_bg::after {
    display: none;
  }
  #contents .bdffhd_contents.-index .jobIndex_text p {
    font-size: clamp(17px, 0.885vw, 150vw);
    line-height: 1.882;
    margin: 0;
  }
  #contents .bdffhd_contents.-index .jobIndex_text p b {
    font-size: clamp(21px, 1.094vw, 150vw);
    line-height: 1.524;
  }
  #contents .bdffhd_contents.-index .jobIndex_list {
    padding-bottom: clamp(0px, 0vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_list ul {
    padding: clamp(116px, 6.042vw, 150vw) 0 clamp(0px, 0vw, 150vw);
    display: flex;
    width: clamp(1280px, 66.667vw, 150vw);
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
  }
  #contents .bdffhd_contents.-index .jobIndex_list li {
    position: relative;
    margin: 0 clamp(8px, 0.417vw, 150vw) clamp(20px, 1.042vw, 150vw);
    width: clamp(358px, 18.646vw, 150vw);
  }
  #contents .bdffhd_contents.-index .jobIndex_list li a::after {
    content: "";
    width: calc(100% - clamp(0px, 0vw, 150vw));
    height: calc(100% - clamp(4px, 0.208vw, 150vw));
    border: clamp(2px, 0.104vw, 150vw) solid #f9eacb;
    position: absolute;
    left: 0;
    bottom: clamp(0px, 0vw, 150vw);
    z-index: 100;
    border-top: none;
  }
  #contents .bdffhd_contents.-index .jobIndex_list li img {
    width: 100%;
    height: auto;
  }
  #contents .bdffhd_contents.-index .jobIndex .and_more {
    position: relative;
    z-index: 100;
    margin: clamp(26px, 1.354vw, 150vw) auto 0;
    text-align: center;
  }
  #contents .bdffhd_contents.-index .jobIndex .and_more img {
    height: clamp(42px, 2.188vw, 150vw);
    width: auto;
  }
  #contents .bdffhd_contents.-index .secondClose {
    margin-top: min(-202px, -10.521vw);
  }
  #contents .bdffhd_contents.-index .secondClose_bg {
    height: clamp(618px, 32.188vw, 150vw);
    padding: clamp(246px, 12.812vw, 150vw) clamp(0px, 0vw, 150vw) clamp(54px, 2.813vw, 150vw);
    background: url(/bdffhd/assets/img/job/bg_close@pc.webp) no-repeat center bottom/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-detail .secondHeader {
    height: clamp(175px, 9.115vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .secondHeader img {
    height: clamp(73px, 3.802vw, 150vw);
    position: relative;
    top: clamp(19px, 0.99vw, 150vw);
  }
  #contents .bdffhd_contents.-detail::before {
    background: url(/bdffhd/assets/img/job/detail/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-detail .flipBase {
    width: clamp(1064px, 55.417vw, 150vw);
    height: clamp(636px, 33.125vw, 150vw);
    margin: clamp(24px, 1.25vw, 150vw) auto clamp(11px, 0.573vw, 150vw);
    background: url(/bdffhd/assets/img/job/detail/page@pc.webp) no-repeat center top/100% 100%;
    filter: drop-shadow(0 clamp(20px, 1.042vw, 150vw) clamp(40px, 2.083vw, 150vw) rgba(70, 51, 38, 0.5));
  }
  #contents .bdffhd_contents.-detail .flipBase .page-flip {
    display: flex;
    justify-content: center;
  }
  #contents .bdffhd_contents.-detail .flipBase .page {
    width: clamp(532px, 27.708vw, 150vw);
    height: clamp(636px, 33.125vw, 150vw);
    background: none !important;
  }
  #contents .bdffhd_contents.-detail .flipBase .page02, #contents .bdffhd_contents.-detail .flipBase .page04 {
    display: none;
  }
  #contents .bdffhd_contents.-detail .flipBase .btn-next, #contents .bdffhd_contents.-detail .flipBase .btn-prev {
    display: none;
  }
  #contents .bdffhd_contents.-detail .flipBase .page‗texts {
    position: relative;
    z-index: 100;
    height: clamp(636px, 33.125vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_chara {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
    width: 100%;
    height: auto;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_chara img {
    width: 100%;
    height: auto;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_lead {
    font-size: clamp(14.94px, 0.778vw, 150vw);
    line-height: 1.6;
    color: #433831;
    letter-spacing: 0.05em;
    padding: clamp(34px, 1.771vw, 150vw) clamp(58px, 3.021vw, 150vw) clamp(0px, 0vw, 150vw) clamp(285px, 14.844vw, 150vw);
    height: clamp(244px, 12.708vw, 150vw);
    display: flex;
    align-items: center;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_lead span {
    display: inline-flex;
    padding-bottom: clamp(0px, 0vw, 150vw);
    font-weight: 500;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_ability {
    text-align: center;
    position: relative;
    z-index: 20;
    padding-left: clamp(48px, 2.5vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_ability img {
    height: clamp(32px, 1.667vw, 150vw);
    width: auto;
    margin: 0 auto;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_ability_text {
    text-align: center;
    margin-bottom: clamp(7px, 0.365vw, 150vw);
    padding-left: clamp(48px, 2.5vw, 150vw);
    font-size: clamp(15.49px, 0.807vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList {
    display: flex;
    justify-content: center;
    padding: clamp(12px, 0.625vw, 150vw) 0 clamp(11px, 0.573vw, 150vw) clamp(48px, 2.5vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList li {
    padding: clamp(0px, 0vw, 150vw) clamp(4px, 0.208vw, 150vw);
    pointer-events: auto;
    cursor: pointer;
    position: relative;
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList li {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList li:hover {
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: brightness(1.25);
  }
}
@media (min-width: 1024px) {
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList li i, #contents .bdffhd_contents.-detail .flipBase .page_abilityList li span {
    display: block;
    position: relative;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList li i {
    position: absolute;
    top: 0;
    opacity: 0;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList li.-active i {
    opacity: 1;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityList img {
    height: clamp(48px, 2.5vw, 150vw);
    width: clamp(189px, 9.844vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityAbout {
    position: relative;
    pointer-events: none;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityAbout_item {
    opacity: 0;
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: blur(1px);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityAbout_item.ability01 {
    position: relative;
    left: -5%;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityAbout_item.ability01.-active {
    opacity: 1;
    left: 0;
    filter: blur(0);
    transition: 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityAbout_item.ability02 {
    position: absolute;
    left: 5%;
    top: 0;
    width: 100%;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_abilityAbout_item.ability02.-active {
    opacity: 1;
    left: 0;
    filter: blur(0);
    transition: 1.2s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_status {
    width: clamp(352px, 18.333vw, 150vw);
    position: relative;
    z-index: 100;
    margin: clamp(57px, 2.969vw, 150vw) 0 0 clamp(67px, 3.49vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_status img {
    width: 100%;
    height: auto;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList {
    position: absolute;
    z-index: 2;
    top: clamp(118px, 6.146vw, 150vw);
    left: clamp(100px, 5.208vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li {
    display: flex;
    margin-bottom: clamp(23.5px, 1.224vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li b {
    width: clamp(35px, 1.823vw, 150vw);
    height: clamp(13px, 0.677vw, 150vw);
    display: block;
    background-color: #e99550;
    margin-right: clamp(3px, 0.156vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li b:nth-child(2) {
    background-color: #e2824d;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li b:nth-child(3) {
    background-color: #da7046;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li b:nth-child(4) {
    background-color: #cc5e33;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li b:nth-child(5) {
    background-color: #b74a1f;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li b:nth-child(6) {
    background-color: #a83116;
    margin-right: 0;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li b {
    display: none;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li[data-value=e] b:nth-of-type(-n+1) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li[data-value=d] b:nth-of-type(-n+2) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li[data-value=c] b:nth-of-type(-n+3) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li[data-value=b] b:nth-of-type(-n+4) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li[data-value=a] b:nth-of-type(-n+5) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li[data-value=s] b:nth-of-type(-n+6) {
    display: block;
  }
  #contents .bdffhd_contents.-detail .flipBase .page_statusList li.-blink b {
    animation: blinking2 1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate;
  }
  #contents .bdffhd_contents.-detail .jobDetail {
    position: relative;
    z-index: 100;
  }
  #contents .bdffhd_contents.-detail .jobDetail_title {
    text-align: center;
    background: url(/bdffhd/assets/img/job/detail/name@pc.webp) no-repeat center center/auto 100%;
  }
  #contents .bdffhd_contents.-detail .jobDetail_title img {
    height: clamp(77px, 4.01vw, 150vw);
    margin: 0 auto;
  }
  #contents .bdffhd_contents.-detail .jobDetail_movie {
    width: clamp(322px, 16.771vw, 150vw);
    height: clamp(182px, 9.479vw, 150vw);
    position: relative;
    left: clamp(24px, 1.25vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .jobDetail .video-container {
    width: clamp(322px, 16.771vw, 150vw);
    height: clamp(182px, 9.479vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .jobDetail_archive {
    width: clamp(1100px, 57.292vw, 150vw);
    margin: 0 auto;
    padding: clamp(196px, 10.208vw, 150vw) 0 clamp(40px, 2.083vw, 150vw);
    position: relative;
    z-index: 20;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #contents .bdffhd_contents.-detail .jobDetail_archiveBg {
    background: url(/bdffhd/assets/img/job/detail/titile_other@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    position: relative;
    z-index: 100;
  }
  #contents .bdffhd_contents.-detail .jobDetail_archiveBg::before {
    content: "";
    width: 100%;
    background: url(/bdffhd/assets/img/job/detail/title_other.webp) no-repeat center top/auto clamp(83px, 4.323vw, 150vw);
    position: absolute;
    left: 50%;
    top: clamp(80px, 4.167vw, 150vw);
    transform: translate(-50%, 0);
    z-index: 10;
    height: clamp(83px, 4.323vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .jobDetail_archive a {
    position: relative;
    width: clamp(122px, 6.354vw, 150vw);
    margin: 0 clamp(10px, 0.521vw, 150vw) clamp(20px, 1.042vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .jobDetail_archive a i {
    display: block;
    pointer-events: none;
    width: clamp(48px, 2.5vw, 150vw);
    position: absolute;
    left: min(-15px, -0.781vw);
    top: min(-16px, -0.833vw);
    z-index: 10;
  }
  #contents .bdffhd_contents.-detail .jobDetail_archive a img {
    width: 100%;
    height: auto;
  }
  #contents .bdffhd_contents.-detail .secondClose {
    margin-top: min(-47px, -2.448vw);
    z-index: 0;
  }
  #contents .bdffhd_contents.-detail .secondClose_back {
    position: relative;
    top: clamp(47px, 2.448vw, 150vw);
  }
  #contents .bdffhd_contents.-detail .secondClose_bg {
    padding: clamp(50px, 2.604vw, 150vw) clamp(50px, 2.604vw, 150vw) clamp(54px, 2.813vw, 150vw);
    background: url(/bdffhd/assets/img/job/detail/bg_close@pc.webp) no-repeat center bottom/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-detail .secondClose_mask {
    -webkit-mask-image: url("/bdffhd/assets/img/job/detail/bg_mask@pc.png");
    -webkit-mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% auto;
    -webkit-mask-position: center top;
    mask-image: url("/bdffhd/assets/img/job/detail/bg_mask@pc.png");
    mask-mode: alpha;
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    mask-position: center top;
  }
  #contents .bdffhd_contents.-detail::after {
    content: "";
    background: url(/bdffhd/assets/img/job/detail/01/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-detail.-job02::after {
    background: url(/bdffhd/assets/img/job/detail/02/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-detail.-job03::after {
    background: url(/bdffhd/assets/img/job/detail/03/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-detail.-job04::after {
    background: url(/bdffhd/assets/img/job/detail/04/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
  #contents .bdffhd_contents.-detail.-job05::after {
    background: url(/bdffhd/assets/img/job/detail/05/bg@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
  }
}

@media (max-width: 1023px) {
  #contents.job .bdffhd_contents.-index::after {
    opacity: 0;
    filter: brightness(2);
  }
}
@media (min-width: 1024px) {
  #contents.job .bdffhd_contents.-index::after {
    opacity: 0;
    filter: brightness(2);
  }
}
@media (max-width: 1023px) {
  #contents.job .bdffhd_contents.-index .jobIndex_movie {
    -webkit-mask-image: url("/bdffhd/assets/img/mask_grade.webp");
    -webkit-mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center 500%;
    mask-image: url("/bdffhd/assets/img/mask_grade.webp");
    mask-mode: alpha;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 160%;
            mask-size: 100% 160%;
    mask-position: center 500%;
    transform: translate(0, 3vw) scale(1.12);
    filter: sepia(0.25) brightness(1.8) drop-shadow(0 0 1.172vw #ecdab6);
  }
}
@media (min-width: 1024px) {
  #contents.job .bdffhd_contents.-index .jobIndex_movie {
    transform: translate(min(0px, 0vw), clamp(0.2px, 0.01vw, 150vw)) scale(1.12);
    opacity: 0;
    filter: sepia(0.25) brightness(1.8) drop-shadow(0 0 clamp(12px, 0.625vw, 150vw) #ecdab6);
  }
}
#contents.job .bdffhd_contents.-index .jobIndex_text {
  opacity: 0;
  transform: scale(1);
  -webkit-mask-image: url("/bdffhd/assets/img/mask_grade2.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 100%;
  -webkit-mask-position: center center;
  mask-image: url("/bdffhd/assets/img/mask_grade2.webp");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 0% 100%;
  mask-position: center center;
}
@media (min-width: 1024px) {
  #contents.job .bdffhd_contents.-index .jobIndex_text {
    opacity: 0;
    -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;
  }
}
@keyframes shine {
  100% {
    left: 100%;
  }
}
#contents.job .bdffhd_contents.-index .jobIndex_list ul {
  filter: brightness(1.2);
  opacity: 0;
  transform: scale(1) translate(0, 3vw);
}
@media (min-width: 1024px) {
  #contents.job .bdffhd_contents.-index .jobIndex_list ul {
    filter: brightness(1.2);
    opacity: 0;
    transform: scale(1) translate(0, 1vw);
  }
}
#contents.job .bdffhd_contents.-index .jobIndex_list li::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 50%;
  height: 100%;
  transform: skewX(-30deg);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.2;
  display: none;
}
#contents.job .bdffhd_contents.-detail {
  /*
  .jobDetail_archive{
      filter: brightness(1.2); opacity: 0; transform: scale(1) translate(0,3vw);
      @include pcBreak{
          filter: brightness(1.2); opacity: 0; transform: scale(1) translate(0,1vw);
      }
  }*/
}
@media (max-width: 1023px) {
  #contents.job .bdffhd_contents.-detail::after {
    opacity: 0;
    filter: brightness(2);
  }
}
@media (min-width: 1024px) {
  #contents.job .bdffhd_contents.-detail::after {
    opacity: 0;
    filter: brightness(2);
  }
}
#contents.job .bdffhd_contents.-detail .jobDetail_title span {
  display: block;
  overflow: hidden;
  -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;
}
#contents.job .bdffhd_contents.-detail .jobDetail_title span img {
  transform: translate(0, 0%);
  opacity: 0;
  transform: scale(1.12);
}
@media (max-width: 1023px) {
  #contents.job .bdffhd_contents.-detail .flipBase {
    transform: scale(1) translate(9vw, 0) rotate(-0.45deg);
    opacity: 1;
    filter: brightness(0.9);
  }
}
@media (min-width: 1024px) {
  #contents.job .bdffhd_contents.-detail .flipBase {
    transform: scale(1.12) translate(0, 0);
    opacity: 0;
    filter: brightness(1.2) drop-shadow(0 clamp(20px, 1.042vw, 150vw) clamp(40px, 2.083vw, 150vw) rgba(70, 51, 38, 0.5));
  }
}

@media (max-width: 1023px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-index::after {
    filter: brightness(1);
    opacity: 1;
    transition: filter 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-index::after {
    filter: brightness(1);
    opacity: 1;
    transition: filter 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.windowloaded.animStart #contents.job .bdffhd_contents.-index .jobIndex_movie {
  -webkit-mask-position: center 0%;
          mask-position: center 0%;
  filter: sepia(0);
  transform: translate(0);
  transition: 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-index .jobIndex_movie {
    -webkit-mask-position: center 0%;
            mask-position: center 0%;
    filter: sepia(0);
    transform: translate(0);
    opacity: 1;
    transition: 1.6s 0s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media (max-width: 1023px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-index .jobIndex_text {
    opacity: 1;
    transform: scale(1);
    transition: 1.8s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-mask-size: 250% 100%;
            mask-size: 250% 100%;
  }
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-index .jobIndex_text {
    opacity: 1;
    transform: scale(1);
    transition: 1.8s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-mask-size: 220% 100%;
            mask-size: 220% 100%;
  }
}
.windowloaded.animStart #contents.job .bdffhd_contents.-index .jobIndex_list ul.animated {
  filter: brightness(1);
  transform: scale(1);
  opacity: 1;
  transition: 1s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-index .jobIndex_list ul.animated {
    filter: brightness(1);
    transform: scale(1);
    opacity: 1;
    transition: 1s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media (max-width: 1023px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-detail::after {
    filter: brightness(1);
    opacity: 1;
    transition: filter 1.6s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-detail::after {
    filter: brightness(1);
    opacity: 1;
    transition: filter 1.6s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), 2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.windowloaded.animStart #contents.job .bdffhd_contents.-detail .jobDetail_title.animated span {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  -webkit-mask-size: 200% 300%;
          mask-size: 200% 300%;
  transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.5s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.8s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), 1.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.windowloaded.animStart #contents.job .bdffhd_contents.-detail .jobDetail_title.animated span img {
  transform: translate(0, 0%);
  transition: 0.9s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-detail .jobDetail_title.animated span {
    transition: opacity 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.5s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.8s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), 6s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.windowloaded.animStart #contents.job .bdffhd_contents.-detail .jobDetail_title.animated ~ .flipBase {
  transform: scale(1);
  opacity: 1;
  filter: brightness(1);
  transition: opacity 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-detail .jobDetail_title.animated ~ .flipBase {
    transform: scale(1);
    opacity: 1;
    filter: brightness(1) drop-shadow(0 clamp(20px, 1.042vw, 150vw) clamp(40px, 2.083vw, 150vw) rgba(70, 51, 38, 0.5));
    transition: transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.windowloaded.animStart #contents.job .bdffhd_contents.-detail .jobDetail_archive.animated {
  filter: brightness(1);
  transform: scale(1);
  opacity: 1;
  transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 1024px) {
  .windowloaded.animStart #contents.job .bdffhd_contents.-detail .jobDetail_archive.animated {
    filter: brightness(1);
    transform: scale(1);
    opacity: 1;
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

#contents .bdffhd_contents.-detail #topBook01 .page_chara span {
  transform: scale(1);
  transition: 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
  opacity: 1;
}

#contents .bdffhd_contents.-detail #topBook01[data-next="2"] .page_chara span {
  transform: scale(1);
  opacity: 0;
  transition: 0.6s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#contents .bdffhd_contents.-detail #topBook01[data-next="0"] .page_chara span {
  transform: scale(1);
  opacity: 1;
  transition: 1.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}/*# sourceMappingURL=job.css.map */