@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap");
@property --start-percent {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --end-percent {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@-webkit-keyframes anm_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anm_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes anm_slidein {
  0% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes anm_slidein {
  0% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes anm_scaleup {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes anm_scaleup {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fog_lft1 {
  0% {
    left: 0%;
  }
  100% {
    left: -400%;
  }
}
@keyframes fog_lft1 {
  0% {
    left: 0%;
  }
  100% {
    left: -400%;
  }
}
@-webkit-keyframes fog_lft2 {
  0% {
    left: -75%;
  }
  100% {
    left: -475%;
  }
}
@keyframes fog_lft2 {
  0% {
    left: -75%;
  }
  100% {
    left: -475%;
  }
}
@-webkit-keyframes fog_lft3 {
  0% {
    left: -150%;
  }
  100% {
    left: -550%;
  }
}
@keyframes fog_lft3 {
  0% {
    left: -150%;
  }
  100% {
    left: -550%;
  }
}
@-webkit-keyframes fog_lft4 {
  0% {
    left: 0%;
  }
  100% {
    left: -300%;
  }
}
@keyframes fog_lft4 {
  0% {
    left: 0%;
  }
  100% {
    left: -300%;
  }
}
@-webkit-keyframes fog_lft5 {
  0% {
    left: -75%;
  }
  100% {
    left: -375%;
  }
}
@keyframes fog_lft5 {
  0% {
    left: -75%;
  }
  100% {
    left: -375%;
  }
}
@-webkit-keyframes fog_lft6 {
  0% {
    left: -150%;
  }
  100% {
    left: -450%;
  }
}
@keyframes fog_lft6 {
  0% {
    left: -150%;
  }
  100% {
    left: -450%;
  }
}
@-webkit-keyframes fog_trnsY {
  0%, 100% {
    -webkit-transform: translateY(0%) scaleY(1) skewX(0deg);
    transform: translateY(0%) scaleY(1) skewX(0deg);
  }
  35% {
    -webkit-transform: translateY(5%) scaleY(1.3) skewX(25deg);
    transform: translateY(5%) scaleY(1.3) skewX(25deg);
  }
  75% {
    -webkit-transform: translateY(-5%) scaleY(0.8) skewX(45deg);
    transform: translateY(-5%) scaleY(0.8) skewX(45deg);
  }
}
@keyframes fog_trnsY {
  0%, 100% {
    -webkit-transform: translateY(0%) scaleY(1) skewX(0deg);
    transform: translateY(0%) scaleY(1) skewX(0deg);
  }
  35% {
    -webkit-transform: translateY(5%) scaleY(1.3) skewX(25deg);
    transform: translateY(5%) scaleY(1.3) skewX(25deg);
  }
  75% {
    -webkit-transform: translateY(-5%) scaleY(0.8) skewX(45deg);
    transform: translateY(-5%) scaleY(0.8) skewX(45deg);
  }
}
@-webkit-keyframes fog_opct1 {
  0%, 100% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 0.8;
  }
  50% {
    opacity: 0;
  }
}
@keyframes fog_opct1 {
  0%, 100% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 0.8;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes fog_opct2 {
  0%, 100% {
    opacity: 0.5;
  }
  25%, 75% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes fog_opct2 {
  0%, 100% {
    opacity: 0.5;
  }
  25%, 75% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes fog_trfm1 {
  0%, 100% {
    -webkit-transform: translateY(0%) scaleY(1) skewX(0deg);
    transform: translateY(0%) scaleY(1) skewX(0deg);
  }
  25%, 75% {
    -webkit-transform: translateY(2.5%) scaleY(1.2) skewX(25deg);
    transform: translateY(2.5%) scaleY(1.2) skewX(25deg);
  }
  50% {
    -webkit-transform: translateY(5%) scaleY(1.4) skewX(50deg);
    transform: translateY(5%) scaleY(1.4) skewX(50deg);
  }
}
@keyframes fog_trfm1 {
  0%, 100% {
    -webkit-transform: translateY(0%) scaleY(1) skewX(0deg);
    transform: translateY(0%) scaleY(1) skewX(0deg);
  }
  25%, 75% {
    -webkit-transform: translateY(2.5%) scaleY(1.2) skewX(25deg);
    transform: translateY(2.5%) scaleY(1.2) skewX(25deg);
  }
  50% {
    -webkit-transform: translateY(5%) scaleY(1.4) skewX(50deg);
    transform: translateY(5%) scaleY(1.4) skewX(50deg);
  }
}
@-webkit-keyframes fv_fltr_blr {
  0% {
    -webkit-filter: blur(0.2em);
    filter: blur(0.2em);
  }
  100% {
    -webkit-filter: blur(0em);
    filter: blur(0em);
  }
}
@keyframes fv_fltr_blr {
  0% {
    -webkit-filter: blur(0.2em);
    filter: blur(0.2em);
  }
  100% {
    -webkit-filter: blur(0em);
    filter: blur(0em);
  }
}
@-webkit-keyframes fv_fltr_bl2 {
  0% {
    -webkit-filter: blur(0.3em);
    filter: blur(0.3em);
  }
  100% {
    -webkit-filter: blur(0em);
    filter: blur(0em);
  }
}
@keyframes fv_fltr_bl2 {
  0% {
    -webkit-filter: blur(0.3em);
    filter: blur(0.3em);
  }
  100% {
    -webkit-filter: blur(0em);
    filter: blur(0em);
  }
}
@-webkit-keyframes fv_trfm_scl {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fv_trfm_scl {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fv_trfm_sc2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes fv_trfm_sc2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes movie_text_grd {
  0% {
    --start-percent: 100%;
  }
  50% {
    --end-percent: 100%;
  }
  70% {
    --start-percent: 0%;
  }
  100% {
    --start-percent: 0%;
    --end-percent: 0%;
  }
}
@keyframes movie_text_grd {
  0% {
    --start-percent: 100%;
  }
  50% {
    --end-percent: 100%;
  }
  70% {
    --start-percent: 0%;
  }
  100% {
    --start-percent: 0%;
    --end-percent: 0%;
  }
}
picture,
img {
  display: block;
  position: relative;
  max-width: 100%;
  min-height: 0%;
}

picture > img {
  width: 100%;
}

button {
  display: block;
  position: relative;
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
  font: inherit;
}

ul.list_notice,
ul.list_dot {
  display: table;
  list-style-type: none;
}
ul.list_notice > li,
ul.list_dot > li {
  display: table-row;
  counter-increment: table-ol;
}
ul.list_notice > li::before,
ul.list_dot > li::before {
  display: table-cell;
}

ul.list_notice > li::before {
  content: "※";
}

ul.list_dot > li::before {
  content: "・";
}

html, body {
  height: 100%;
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  background-color: #000;
  color: #e5e5e5;
  font-style: normal;
  font-weight: 400;
  font-family: "tot-shizukamin-stdn", sans-serif;
}
body.curtain::after {
  display: block;
  z-index: 999;
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  overflow: hidden;
  background-color: #000;
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
body.curtain.up::after {
  opacity: 0;
}
body > header {
  display: block;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
body > main {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 0%;
}
body > footer {
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  border-top-style: solid;
  border-top-color: #626262;
  border-collapse: collapse;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
}
body > footer > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
body > footer > div > section {
  display: grid;
  position: relative;
}
body > footer > div > section:nth-child(1) {
  grid-template-columns: repeat(2, auto);
}
body > footer > div > section:nth-child(1) > div {
  display: block;
  position: relative;
}
body > footer > div > section:nth-child(1) > div:nth-child(1) {
  grid-column: 1;
}
body > footer > div > section:nth-child(1) > div:nth-child(2) {
  grid-row: 1;
  grid-column: 2;
  align-self: center;
}
body > footer > div > section:nth-child(1) > div:nth-child(3) {
  grid-row: 2;
}
body > footer > div > section:nth-child(1) > div:nth-child(3) > p {
  display: block;
  position: relative;
  color: #898989;
  font-style: normal;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
}
body > footer > div > section:nth-child(1) > div > a {
  display: block;
  position: relative;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body > footer > div > section:nth-child(2) {
  grid-template-columns: repeat(3, auto);
}
body > footer > div > section:nth-child(2) > a {
  display: block;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #1c1c1c;
}
@media all and (min-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  body > footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-style: solid;
    border-bottom-color: #626262;
  }
  body > footer > div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body > footer > div > section:nth-child(1) {
    grid-template-rows: 1fr auto;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) {
    grid-row: 1/3;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) {
    grid-column: 2;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    line-height: 1.45;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    line-height: 1.5;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(1) {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%23626262"/></svg>');
  }
}
@media all and (max-width: 767px) {
  body {
    font-size: 3.38vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
  body > footer {
    height: 60.83vw;
  }
  body > footer else {
    height: 0;
  }
  body > footer {
    display: block;
    border-top-width: 0.21vw;
  }
  body > footer > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
  body > footer > div > section {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  body > footer > div > section:nth-child(1) {
    grid-template-rows: repeat(2, auto);
    -webkit-column-gap: 6.25vw;
    -moz-column-gap: 6.25vw;
    column-gap: 6.25vw;
    row-gap: 5.21vw;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border-top: 0.21vw solid #626262;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) {
    grid-row: 1;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    width: 10.42vw;
    height: 10.42vw;
  }
  html.webp body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2.webp") 3x);
  }
  html.no-webp body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.5x.jpg");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.5x.jpg") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.75x.jpg") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2.jpg") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.5x.jpg") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2@0.75x.jpg") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/switch2.jpg") 3x);
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    width: 43.28vw;
    height: 3.85vw;
  }
  html.webp body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company.webp") 3x);
  }
  html.no-webp body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/logo/company.png") 3x);
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) {
    grid-column: 1/3;
    text-align: center;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p {
    font-size: 2.19vw;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p else {
    font-size: 0;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p:nth-child(1) {
    line-height: 1.25;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    line-height: 1.74;
  }
  body > footer > div > section:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-column-gap: 8.8vw;
    -moz-column-gap: 8.8vw;
    column-gap: 8.8vw;
    height: 25.73vw;
  }
  body > footer > div > section:nth-child(2) > a {
    width: 13.33vw;
    height: 13.33vw;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(1) {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%23fff"/></svg>');
    background-size: 7.03vw 7.03vw;
  }
  html.webp body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook.webp") 3x);
  }
  html.no-webp body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/facebook.png") 3x);
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-size: 7.08vw 7.03vw;
  }
  html.webp body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram.webp") 3x);
  }
  html.no-webp body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/sp/sns/instagram.png") 3x);
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-size: 6.67vw 6.77vw;
  }
}
@media all and (min-width: 1921px) {
  body > footer {
    height: 173px;
  }
  body > footer else {
    height: 0;
  }
  body > footer {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  body > footer > div {
    width: 1600px;
    height: 90px;
  }
  body > footer > div > section:nth-child(1) {
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    width: 90px;
    height: 90px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2.jpg");
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    width: 294px;
    height: 26px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company.png");
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p {
    font-size: 16px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p else {
    font-size: 0;
  }
  body > footer > div > section:nth-child(2) {
    -webkit-column-gap: 23px;
    -moz-column-gap: 23px;
    column-gap: 23px;
  }
  body > footer > div > section:nth-child(2) > a {
    width: 56px;
    height: 56px;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(1) {
    background-size: 28px 28px;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook.png");
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-size: 30px 30px;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram.png");
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-size: 29px 29px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  body > footer {
    height: 130px;
  }
  body > footer else {
    height: 0;
  }
  body > footer {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  body > footer > div {
    width: 1200px;
    height: 68px;
  }
  body > footer > div > section:nth-child(1) {
    -webkit-column-gap: 26px;
    -moz-column-gap: 26px;
    column-gap: 26px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    width: 68px;
    height: 68px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.75x.jpg");
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    width: 221px;
    height: 20px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.75x.png");
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p {
    font-size: 12px;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p else {
    font-size: 0;
  }
  body > footer > div > section:nth-child(2) {
    -webkit-column-gap: 17px;
    -moz-column-gap: 17px;
    column-gap: 17px;
  }
  body > footer > div > section:nth-child(2) > a {
    width: 42px;
    height: 42px;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(1) {
    background-size: 21px 21px;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.75x.png");
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-size: 23px 23px;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.75x.png");
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-size: 22px 22px;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  body > footer {
    height: 10.14vw;
  }
  body > footer else {
    height: 0;
  }
  body > footer {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  body > footer > div {
    width: 93.75vw;
    height: 5.27vw;
  }
  body > footer > div > section:nth-child(1) {
    -webkit-column-gap: 2.05vw;
    -moz-column-gap: 2.05vw;
    column-gap: 2.05vw;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    width: 5.27vw;
    height: 5.27vw;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    width: 17.23vw;
    height: 1.52vw;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p {
    font-size: 0.94vw;
  }
  body > footer > div > section:nth-child(1) > div:nth-child(3) > p else {
    font-size: 0;
  }
  body > footer > div > section:nth-child(2) {
    -webkit-column-gap: 1.35vw;
    -moz-column-gap: 1.35vw;
    column-gap: 1.35vw;
  }
  body > footer > div > section:nth-child(2) > a {
    width: 3.28vw;
    height: 3.28vw;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(1) {
    background-size: 1.64vw 1.64vw;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-size: 1.76vw 1.76vw;
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-size: 1.7vw 1.7vw;
  }
}
@media all and (min-width: 851px) and (max-width: 1280px) {
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.75x.jpg");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.75x.jpg") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2.jpg") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.75x.jpg") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2.jpg") 2x);
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company.png") 2x);
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook.png") 2x);
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram.png") 2x);
  }
}
@media all and (min-width: 768px) and (max-width: 850px) {
  body > footer > div > section:nth-child(1) > div:nth-child(1) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.5x.jpg");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.5x.jpg") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.75x.jpg") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2.jpg") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.5x.jpg") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2@0.75x.jpg") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/switch2.jpg") 3x);
  }
  body > footer > div > section:nth-child(1) > div:nth-child(2) > a {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/logo/company.png") 3x);
  }
  body > footer > div > section:nth-child(2) > a:nth-child(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/facebook.png") 3x);
  }
  body > footer > div > section:nth-child(2) > a:nth-child(3) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/resources/images/common/pc/sns/instagram.png") 3x);
  }
}