@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
main section#virtue {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
main section#virtue h1,
main section#virtue h2,
main section#virtue h3,
main section#virtue h4,
main section#virtue p {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
main section#virtue h1 {
  position: relative;
  color: #e1c1c1;
  line-height: 1;
  letter-spacing: 0.12em;
}
main section#virtue h1::before, main section#virtue h1::after {
  display: block;
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
main section#virtue h1::before {
  inset: 0 auto 0 0;
  transform: translateX(-110%);
}
main section#virtue h1::after {
  inset: 0 0 0 auto;
  transform: translateX(110%) rotateY(180deg);
}
main section#virtue h2 {
  line-height: 1;
  letter-spacing: 0.05em;
}
main section#virtue h3,
main section#virtue h4 {
  box-sizing: border-box;
  position: relative;
  line-height: 1;
  letter-spacing: 0.05em;
}
main section#virtue h3::before,
main section#virtue h4::before {
  display: block;
  position: absolute;
  background-position: 0% 0%;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
main section#virtue h3 {
  color: #ddab70;
}
main section#virtue h4 {
  color: #d1bcab;
  font-weight: 500;
}
main section#virtue p {
  font-weight: 400;
  letter-spacing: 0.05em;
}
main section#virtue {
  box-sizing: border-box;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
main section#virtue > p {
  font-weight: 500;
}
main section#virtue > div {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
main section#virtue > div:nth-of-type(2) {
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span {
  color: #ffd46d;
}
main section#virtue > div > ol {
  display: grid;
  position: relative;
  max-width: 98%;
}
main section#virtue > div > ol > li > picture {
  box-sizing: border-box;
  border: 1px solid #8b7b78;
  border-collapse: collapse;
}
main section#virtue > div > span.notice {
  box-sizing: border-box;
  width: 100%;
  background-position: 50% 0%, 50% 100%;
  background-repeat: no-repeat, no-repeat;
  text-align: center;
}
main section#virtue > div > span.notice > p {
  color: #b3b3b3;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0.05em;
}

/* 他言語対応 */
body.fontfamily_alfa main > section#virtue > div > span.notice > p {
  font-family: "Noto Sans", sans-serif !important;
}
body.fontfamily_zh main > section#virtue > div > span.notice > p {
  font-family: "Noto Sans TC", sans-serif !important;
}
@media all and (max-width: 767px) {
  main section#virtue h1,
  main section#virtue h2,
  main section#virtue h3,
  main section#virtue h4,
  main section#virtue p {
    font-feature-settings: "palt";
    text-align: justify;
  }
  main section#virtue h1 {
    font-size: 7.81vw;
  }
  main section#virtue h1 else {
    font-size: 0;
  }
  main section#virtue h1::before, main section#virtue h1::after {
    width: 34.32vw;
    height: 3.23vw;
  }
  html.webp main section#virtue h1::before, html.webp main section#virtue h1::after {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco.webp") 3x);
  }
  html.no-webp main section#virtue h1::before, html.no-webp main section#virtue h1::after {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/h1_deco.png") 3x);
  }
  main section#virtue h2 {
    font-size: 5.47vw;
  }
  main section#virtue h2 else {
    font-size: 0;
  }
  main section#virtue h3,
  main section#virtue h4 {
    padding-left: 7.19vw;
  }
  main section#virtue h3 else,
  main section#virtue h4 else {
    padding-left: 0;
  }
  main section#virtue h3 {
    font-size: 5.21vw;
  }
  main section#virtue h3 else {
    font-size: 0;
  }
  main section#virtue h3::before {
    inset: -1.25vw auto auto 0;
  }
  main section#virtue h4 {
    font-size: 4.69vw;
  }
  main section#virtue h4 else {
    font-size: 0;
  }
  main section#virtue h4::before {
    inset: -1.25vw auto auto 0;
  }
  main section#virtue p {
    font-size: 3.13vw;
  }
  main section#virtue p else {
    font-size: 0;
  }
  main section#virtue p {
    line-height: 1.45;
  }
  main section#virtue {
    padding-bottom: 13.54vw;
  }
  main section#virtue else {
    padding-bottom: 0;
  }
  html.webp main section#virtue {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01.webp") 3x);
  }
  html.no-webp main section#virtue {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/01.png") 3x);
  }
  main section#virtue {
    overflow-x: hidden;
    background-size: 100% auto;
  }
  main section#virtue > h1 {
    margin-top: 6.46vw;
  }
  main section#virtue > h1 else {
    margin-top: 0;
  }
  main section#virtue > p {
    width: 87.76vw;
    text-align: left;
  }
  main section#virtue > p:first-of-type {
    margin-top: 13.75vw;
  }
  main section#virtue > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > p:nth-of-type(3) {
    margin-top: 1em;
  }
  main section#virtue > div:nth-of-type(1) {
    margin-top: 26.56vw;
  }
  main section#virtue > div:nth-of-type(1) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    width: 87.76vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    width: 5vw;
    height: 6.15vw;
  }
  html.webp main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/01.png") 3x);
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type {
    margin-top: 2.6vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) {
    margin-top: 11.98vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    width: 87.76vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    width: 5.1vw;
    height: 6.35vw;
  }
  html.webp main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/02.png") 3x);
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type {
    margin-top: 2.6vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) {
    margin-top: 13.96vw;
  }
  main section#virtue > div:nth-of-type(2) else {
    margin-top: 0;
  }
  html.webp main section#virtue > div:nth-of-type(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/background/02.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) {
    background-size: 100% auto;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 {
    margin-top: 11.15vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p {
    width: 75vw;
    text-align: left;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type {
    margin-top: 4.17vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span {
    font-size: 3.39vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span else {
    font-size: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) {
    margin-top: 34.38vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    width: 5.31vw;
    height: 6.56vw;
  }
  html.webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/03.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) {
    margin-top: 13.02vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    width: 5.47vw;
    height: 6.72vw;
  }
  html.webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/04.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type {
    margin-top: 3.85vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) {
    margin-top: 13.02vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    width: 87.76vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1), main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) {
    margin-top: 5.73vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1) else, main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) {
    margin-top: 17.19vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    width: 5.1vw;
    height: 7.03vw;
  }
  html.webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/06.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) {
    margin-top: 13.02vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    width: 5.1vw;
    height: 7.03vw;
  }
  html.webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/07.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type {
    margin-top: 3.85vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > p {
    width: 87.76vw;
    text-align: left;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type {
    margin-top: 5.21vw;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3 {
    margin-top: 13.96vw;
  }
  main section#virtue > div:nth-of-type(2) > h3 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    width: 5.47vw;
    height: 6.82vw;
  }
  html.webp main section#virtue > div:nth-of-type(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05.webp") 3x);
  }
  html.no-webp main section#virtue > div:nth-of-type(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/icon/05.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > span.notice {
    margin-top: 13.96vw;
  }
  main section#virtue > div:nth-of-type(2) > span.notice else {
    margin-top: 0;
  }
  main section#virtue > div > ol {
    width: 100vw;
  }
  main section#virtue > div > ol else {
    width: 0;
  }
  main section#virtue > div > ol {
    grid-template-columns: 1fr;
    justify-content: center;
  }
  main section#virtue > div > ol > li {
    justify-self: center;
    width: 87.5vw;
  }
  main section#virtue > div > ol > li > picture {
    width: 100%;
    margin-top: 2.6vw;
  }
  main section#virtue > div > span.notice {
    padding-top: 1.77vw;
  }
  main section#virtue > div > span.notice else {
    padding-top: 0;
  }
  main section#virtue > div > span.notice {
    padding-bottom: 1.77vw;
  }
  main section#virtue > div > span.notice else {
    padding-bottom: 0;
  }
  html.webp main section#virtue > div > span.notice {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.5x.webp"), url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.5x.webp");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d.webp") 3x), -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u.webp") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d.webp") 3x), image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.5x.webp") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.75x.webp") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u.webp") 3x);
  }
  html.no-webp main section#virtue > div > span.notice {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.5x.png"), url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d.png") 3x), -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_d.png") 3x), image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/sp/notice_u.png") 3x);
  }
  main section#virtue > div > span.notice {
    background-size: 96.51vw 1px, 96.51vw 1px;
  }
  main section#virtue > div > span.notice > p {
    font-size: 2.29vw;
  }
  main section#virtue > div > span.notice > p else {
    font-size: 0;
  }
  main section#virtue > div > span.notice > p {
    width: 87.76vw;
    margin-right: auto;
    margin-left: auto;
  }
  body.fontfamily_alfa main > section#virtue h1,
  body.fontfamily_alfa main > section#virtue h2,
  body.fontfamily_alfa main > section#virtue h3,
  body.fontfamily_alfa main > section#virtue h4,
  body.fontfamily_alfa main > section#virtue p {
    text-align: left;
  }
  body.fontfamily_zh main > section#virtue > div > span.notice > p {
    text-align: center;
  }
  body.fontfamily_zh main > section#virtue h1,
  body.fontfamily_zh main > section#virtue h2,
  body.fontfamily_zh main > section#virtue h3,
  body.fontfamily_zh main > section#virtue h4,
  body.fontfamily_zh main > section#virtue p {
    text-align: left;
  }
  body.fontfamily_ko main > section#virtue h1,
  body.fontfamily_ko main > section#virtue h2,
  body.fontfamily_ko main > section#virtue h3,
  body.fontfamily_ko main > section#virtue h4,
  body.fontfamily_ko main > section#virtue p {
    text-align: left;
  }
}
@media all and (min-width: 1921px) {
  main section#virtue h1 {
    font-size: 94px;
  }
  main section#virtue h1 else {
    font-size: 0;
  }
  main section#virtue h1::before, main section#virtue h1::after {
    width: 636px;
    height: 30px;
  }
  main section#virtue h1::before, main section#virtue h1::after {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco.png");
  }
  main section#virtue h2 {
    font-size: 48px;
  }
  main section#virtue h2 else {
    font-size: 0;
  }
  main section#virtue h3,
  main section#virtue h4 {
    padding-left: 60px;
  }
  main section#virtue h3 else,
  main section#virtue h4 else {
    padding-left: 0;
  }
  main section#virtue h3 {
    font-size: 46px;
  }
  main section#virtue h3 else {
    font-size: 0;
  }
  main section#virtue h3::before {
    inset: -8px auto auto 0;
  }
  main section#virtue h4 {
    font-size: 40px;
  }
  main section#virtue h4 else {
    font-size: 0;
  }
  main section#virtue h4::before {
    inset: -8px auto auto 0;
  }
  main section#virtue p {
    font-size: 26px;
  }
  main section#virtue p else {
    font-size: 0;
  }
  main section#virtue {
    padding-bottom: 110px;
  }
  main section#virtue else {
    padding-bottom: 0;
  }
  main section#virtue {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01.png");
  }
  main section#virtue {
    background-size: 2560px 1126px;
  }
  main section#virtue > h1 {
    margin-top: 46px;
  }
  main section#virtue > h1 else {
    margin-top: 0;
  }
  main section#virtue > p:first-of-type {
    margin-top: 74px;
  }
  main section#virtue > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) {
    margin-top: 210px;
  }
  main section#virtue > div:nth-of-type(1) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    width: 770px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    margin-left: 36px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:not(:nth-child(2)) {
    width: 840px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    width: 44px;
    height: 54px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01.png");
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type {
    margin-top: 30px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) {
    margin-top: 100px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    width: 770px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    margin-left: 36px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:not(:nth-child(2)) {
    width: 840px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    width: 45px;
    height: 56px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02.png");
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type {
    margin-top: 30px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) {
    margin-top: 160px;
  }
  main section#virtue > div:nth-of-type(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02.png");
  }
  main section#virtue > div:nth-of-type(2) {
    background-size: 2560px 1108px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 {
    margin-top: 110px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p {
    width: 714px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type {
    margin-top: 34px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span {
    font-size: 30px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span else {
    font-size: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) {
    margin-top: 264px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li {
    width: 770px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    width: 47px;
    height: 58px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    width: 48px;
    height: 59px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > picture {
    margin-top: 38px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type {
    margin-top: 30px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) {
    margin-top: 140px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    width: 770px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    margin-left: 36px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:not(:nth-child(2)) {
    width: 840px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1), main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) {
    margin-top: 45px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1) else, main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) {
    margin-top: 122px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li {
    width: 770px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    width: 45px;
    height: 62px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    width: 45px;
    height: 62px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > picture {
    margin-top: 38px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type {
    margin-top: 30px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type {
    margin-top: 40px;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3 {
    margin-top: 140px;
  }
  main section#virtue > div:nth-of-type(2) > h3 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    width: 47px;
    height: 60px;
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05.png");
  }
  main section#virtue > div:nth-of-type(2) > span.notice {
    margin-top: 94px;
  }
  main section#virtue > div:nth-of-type(2) > span.notice else {
    margin-top: 0;
  }
  main section#virtue > div > ol {
    width: 1800px;
  }
  main section#virtue > div > ol else {
    width: 0;
  }
  main section#virtue > div > ol > li > picture {
    max-width: 770px;
  }
  main section#virtue > div > span.notice {
    padding-top: 14px;
  }
  main section#virtue > div > span.notice else {
    padding-top: 0;
  }
  main section#virtue > div > span.notice {
    padding-bottom: 14px;
  }
  main section#virtue > div > span.notice else {
    padding-bottom: 0;
  }
  main section#virtue > div > span.notice {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d.png"), url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u.png");
  }
  main section#virtue > div > span.notice {
    background-size: 1841px 2px, 1681px 2px;
  }
  main section#virtue > div > span.notice > p {
    font-size: 20px;
  }
  main section#virtue > div > span.notice > p else {
    font-size: 0;
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  main section#virtue h1 {
    font-size: 71px;
  }
  main section#virtue h1 else {
    font-size: 0;
  }
  main section#virtue h1::before, main section#virtue h1::after {
    width: 477px;
    height: 23px;
  }
  main section#virtue h1::before, main section#virtue h1::after {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.75x.png");
  }
  main section#virtue h2 {
    font-size: 36px;
  }
  main section#virtue h2 else {
    font-size: 0;
  }
  main section#virtue h3,
  main section#virtue h4 {
    padding-left: 45px;
  }
  main section#virtue h3 else,
  main section#virtue h4 else {
    padding-left: 0;
  }
  main section#virtue h3 {
    font-size: 35px;
  }
  main section#virtue h3 else {
    font-size: 0;
  }
  main section#virtue h3::before {
    inset: -6px auto auto 0;
  }
  main section#virtue h4 {
    font-size: 30px;
  }
  main section#virtue h4 else {
    font-size: 0;
  }
  main section#virtue h4::before {
    inset: -6px auto auto 0;
  }
  main section#virtue p {
    font-size: 20px;
  }
  main section#virtue p else {
    font-size: 0;
  }
  main section#virtue {
    padding-bottom: 83px;
  }
  main section#virtue else {
    padding-bottom: 0;
  }
  main section#virtue {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.75x.png");
  }
  main section#virtue {
    background-size: 1920px 845px;
  }
  main section#virtue > h1 {
    margin-top: 35px;
  }
  main section#virtue > h1 else {
    margin-top: 0;
  }
  main section#virtue > p:first-of-type {
    margin-top: 56px;
  }
  main section#virtue > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) {
    margin-top: 158px;
  }
  main section#virtue > div:nth-of-type(1) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    width: 578px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    margin-left: 27px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:not(:nth-child(2)) {
    width: 630px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    width: 33px;
    height: 41px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.75x.png");
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type {
    margin-top: 23px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) {
    margin-top: 75px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    width: 578px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    margin-left: 27px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:not(:nth-child(2)) {
    width: 630px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    width: 34px;
    height: 42px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.75x.png");
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type {
    margin-top: 23px;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) {
    margin-top: 120px;
  }
  main section#virtue > div:nth-of-type(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.75x.png");
  }
  main section#virtue > div:nth-of-type(2) {
    background-size: 1920px 831px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 {
    margin-top: 83px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p {
    width: 536px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type {
    margin-top: 26px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span {
    font-size: 23px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span else {
    font-size: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) {
    margin-top: 198px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li {
    width: 578px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    width: 35px;
    height: 44px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.75x.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    width: 36px;
    height: 44px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.75x.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > picture {
    margin-top: 29px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type {
    margin-top: 23px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) {
    margin-top: 105px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    width: 578px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    margin-left: 27px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:not(:nth-child(2)) {
    width: 630px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1), main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) {
    margin-top: 34px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1) else, main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) {
    margin-top: 92px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li {
    width: 578px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    width: 34px;
    height: 47px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.75x.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    width: 34px;
    height: 47px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.75x.png");
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > picture {
    margin-top: 29px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type {
    margin-top: 23px;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type {
    margin-top: 30px;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3 {
    margin-top: 105px;
  }
  main section#virtue > div:nth-of-type(2) > h3 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    width: 35px;
    height: 45px;
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.75x.png");
  }
  main section#virtue > div:nth-of-type(2) > span.notice {
    margin-top: 71px;
  }
  main section#virtue > div:nth-of-type(2) > span.notice else {
    margin-top: 0;
  }
  main section#virtue > div > ol {
    width: 1350px;
  }
  main section#virtue > div > ol else {
    width: 0;
  }
  main section#virtue > div > ol > li > picture {
    max-width: 578px;
  }
  main section#virtue > div > span.notice {
    padding-top: 11px;
  }
  main section#virtue > div > span.notice else {
    padding-top: 0;
  }
  main section#virtue > div > span.notice {
    padding-bottom: 11px;
  }
  main section#virtue > div > span.notice else {
    padding-bottom: 0;
  }
  main section#virtue > div > span.notice {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.75x.png"), url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.75x.png");
  }
  main section#virtue > div > span.notice {
    background-size: 1381px 2px, 1261px 2px;
  }
  main section#virtue > div > span.notice > p {
    font-size: 15px;
  }
  main section#virtue > div > span.notice > p else {
    font-size: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  main section#virtue h1 {
    font-size: 5.51vw;
  }
  main section#virtue h1 else {
    font-size: 0;
  }
  main section#virtue h1::before, main section#virtue h1::after {
    width: 37.27vw;
    height: 1.76vw;
  }
  main section#virtue h2 {
    font-size: 2.81vw;
  }
  main section#virtue h2 else {
    font-size: 0;
  }
  main section#virtue h3,
  main section#virtue h4 {
    padding-left: 3.52vw;
  }
  main section#virtue h3 else,
  main section#virtue h4 else {
    padding-left: 0;
  }
  main section#virtue h3 {
    font-size: 2.7vw;
  }
  main section#virtue h3 else {
    font-size: 0;
  }
  main section#virtue h3::before {
    inset: -0.47vw auto auto 0;
  }
  main section#virtue h4 {
    font-size: 2.34vw;
  }
  main section#virtue h4 else {
    font-size: 0;
  }
  main section#virtue h4::before {
    inset: -0.47vw auto auto 0;
  }
  main section#virtue p {
    font-size: 1.52vw;
  }
  main section#virtue p else {
    font-size: 0;
  }
  main section#virtue {
    padding-bottom: 6.45vw;
  }
  main section#virtue else {
    padding-bottom: 0;
  }
  main section#virtue {
    background-size: 150vw 65.98vw;
  }
  main section#virtue > h1 {
    margin-top: 2.7vw;
  }
  main section#virtue > h1 else {
    margin-top: 0;
  }
  main section#virtue > p:first-of-type {
    margin-top: 4.34vw;
  }
  main section#virtue > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) {
    margin-top: 12.3vw;
  }
  main section#virtue > div:nth-of-type(1) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    width: 45.12vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    margin-left: 2.11vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:not(:nth-child(2)) {
    width: 49.22vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    width: 2.58vw;
    height: 3.16vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type {
    margin-top: 1.76vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) {
    margin-top: 5.86vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    width: 45.12vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    margin-left: 2.11vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:not(:nth-child(2)) {
    width: 49.22vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    width: 2.64vw;
    height: 3.28vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type {
    margin-top: 1.76vw;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) {
    margin-top: 9.38vw;
  }
  main section#virtue > div:nth-of-type(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) {
    background-size: 150vw 64.92vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 {
    margin-top: 6.45vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > h2 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p {
    width: 41.84vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type {
    margin-top: 1.99vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span {
    font-size: 1.76vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) > li > p > span else {
    font-size: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) {
    margin-top: 15.47vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li {
    width: 45.12vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    width: 2.75vw;
    height: 3.4vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    width: 2.81vw;
    height: 3.46vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > picture {
    margin-top: 2.23vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type {
    margin-top: 1.76vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) {
    margin-top: 8.2vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    width: 45.12vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) else {
    width: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    margin-left: 2.11vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:not(:nth-child(2)) {
    width: 49.22vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1), main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) {
    margin-top: 2.64vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(1) else, main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li > p:nth-of-type(3) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) {
    margin-top: 7.15vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li {
    width: 45.12vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    width: 2.64vw;
    height: 3.63vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    width: 2.64vw;
    height: 3.63vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > picture {
    margin-top: 2.23vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type {
    margin-top: 1.76vw;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type {
    margin-top: 2.34vw;
  }
  main section#virtue > div:nth-of-type(2) > p:first-of-type else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3 {
    margin-top: 8.2vw;
  }
  main section#virtue > div:nth-of-type(2) > h3 else {
    margin-top: 0;
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    width: 2.75vw;
    height: 3.52vw;
  }
  main section#virtue > div:nth-of-type(2) > span.notice {
    margin-top: 5.51vw;
  }
  main section#virtue > div:nth-of-type(2) > span.notice else {
    margin-top: 0;
  }
  main section#virtue > div > ol {
    width: 105.47vw;
  }
  main section#virtue > div > ol else {
    width: 0;
  }
  main section#virtue > div > ol > li > picture {
    max-width: 45.12vw;
  }
  main section#virtue > div > span.notice {
    padding-top: 0.82vw;
  }
  main section#virtue > div > span.notice else {
    padding-top: 0;
  }
  main section#virtue > div > span.notice {
    padding-bottom: 0.82vw;
  }
  main section#virtue > div > span.notice else {
    padding-bottom: 0;
  }
  main section#virtue > div > span.notice {
    background-size: 107.87vw 0.12vw, 98.5vw 0.12vw;
  }
  main section#virtue > div > span.notice > p {
    font-size: 1.17vw;
  }
  main section#virtue > div > span.notice > p else {
    font-size: 0;
  }
}
@media all and (min-width: 851px) and (max-width: 1280px) {
  main section#virtue h1::before, main section#virtue h1::after {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco.png") 2x);
  }
  main section#virtue {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01.png") 2x);
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01.png") 2x);
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02.png") 2x);
  }
  main section#virtue > div:nth-of-type(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02.png") 2x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03.png") 2x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04.png") 2x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06.png") 2x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07.png") 2x);
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05.png") 2x);
  }
  main section#virtue > div > span.notice {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.75x.png"), url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.75x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d.png") 2x), -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u.png") 2x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d.png") 2x), image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.75x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u.png") 2x);
  }
}
@media all and (min-width: 768px) and (max-width: 850px) {
  main section#virtue h1::before, main section#virtue h1::after {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/h1_deco.png") 3x);
  }
  main section#virtue {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/01.png") 3x);
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/01.png") 3x);
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/02.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/background/02.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(1) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/03.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(2) > li:nth-child(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/04.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(1) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/06.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(4) > li:nth-child(2) > h4::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/07.png") 3x);
  }
  main section#virtue > div:nth-of-type(2) > h3::before {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/icon/05.png") 3x);
  }
  main section#virtue > div > span.notice {
    background-image: url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.5x.png"), url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.5x.png");
    background-image: -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d.png") 3x), -webkit-image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u.png") 3x);
    background-image: image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_d.png") 3x), image-set(url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.5x.png") 1x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u@0.75x.png") 2x, url("https://media.fromsoftware.jp/theduskbloods/campaign/resources/networktest/images/gameplayguide/virtue/pc/notice_u.png") 3x);
  }
}
@media all and (min-width: 768px) {
  main section#virtue p {
    line-height: 1.54;
  }
  main section#virtue > div:nth-of-type(1) > ol {
    grid-template-rows: auto 1fr;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(2) {
    grid-row: 1/3;
    grid-column: 2;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(1) > li:nth-child(3) {
    grid-row: 2;
    grid-column: 1;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(1) {
    grid-row: 1;
    grid-column: 2;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(2) {
    grid-row: 1/3;
    grid-column: 1;
  }
  main section#virtue > div:nth-of-type(1) > ol:nth-child(2) > li:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(1) {
    grid-template-rows: 1fr;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) {
    grid-template-rows: auto 1fr;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(2) {
    grid-row: 1/3;
    grid-column: 2;
  }
  main section#virtue > div:nth-of-type(2) > ol:nth-of-type(3) > li:nth-child(3) {
    grid-row: 2;
    grid-column: 1;
  }
  main section#virtue > div > ol {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }
}