body, .profile_bottom {
  font-family: "Koburina Gothic W3 JIS2004";
}
#yodogawa {
  font-family: "Midashi Go MB1";
}
#yodogawa.bd_t.bd_none {
  margin-top: 0;
}
#talk_body dt, .btn_profile {
  font-family: "Koburina Gothic W6 JIS2004";
}
#kv {
  display: none;
}
.content_wrap {
  background-color: unset;
  margin-top: calc(100vh + 200px);
}
.content_wrap > *:not(#information_free) {
  background-color: rgba(255, 255, 255, .93);
}
#information_free {
  background-color: rgba(255, 85, 0, .93);
  color: white;
}
#information_free li .info_desc a {
  color: #ffff00;
}
.kv_assets {
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
}
.kv_assets > * {
  position: absolute;
  left: 50%;
}
.kv_assets img {
  max-height: 92vh;
  display: block;
  margin: 0 auto;
}
#kv_school {
  width: 10%;
  max-width: 66px;
  top: 4vh;
  transform: translateX(-69vh);
  transition: top .4s linear;
}
#kv_school.kv_out, #kv_names.kv_out, #kv_title.kv_out {
  top: -120vh;
}
#kv_names {
  width: 11%;
  max-width: 54px;
  top: 4vh;
  transform: translateX(-85%);
  transition: top .3s linear .2s;
}
#kv_title {
  width: 18%;
  max-width: 118px;
  top: 2vh;
  transform: translateX(32vh);
  transition: top .2s linear .4s;
}
#kv_assets_top {
  z-index: 3;
}
#kv_assets_top.kv_out {
  z-index: -1;
}
#kv_assets_bottom {
  z-index: 2;
}
#kv_assets_bottom.kv_out {
  position: relative;
  height: unset;
}
#kv_main {
  width: 680px;
  bottom: 0;
  transform: translateX(-50%);
}
#kv_main img {
  max-height: 65vh;
}
@media (max-aspect-ratio: 3/2) {
  #kv_school {
    transform: translate(0);
    left: 6%;
  }
}
@media (max-aspect-ratio: 1/1) {
  #kv_title {
    transform: translate(0);
    left: unset;
    right: 4%;
  }
}
@media (max-width: 640px) {
  #kv_names {
    transform: translateX(-60%);
  }
  #kv_main {
    width: 94%;
    max-width: 460px;
  }
  #talk_body dl {
    font-size: 1rem;
  }
}
