@font-face {
  font-family: 'Oswald';
  src: url(../font/oswald.woff2) format("woff2");
  font-display: swap;
  font-weight: 400 500 600 700; }

#wrapper {
  background: url(../../../as/img/news/promotion/dan/bg.jpg?h=99dbbbe319f8db67fdb8cf79e8a89ae3) no-repeat fixed center/cover !important; }

main#main {
  padding: 0;
  max-width: 1100px;
  margin: 0 auto;
  background: #000;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  background: url(../../../as/img/news/promotion/dan/pc_content_bg.jpg?h=0d5977b9b43db7d2bf6390f5dc0a191f) repeat-y center/100%; }

main#main h2 {
  margin: 0;
  padding: 0; }

main#main section:not(.psychoShare) div {
  font-size: 0;
  text-align: center; }

main#main section div img {
  display: inline-block;
  margin: 0 auto; }

main#main section div img.pc {
  display: block; }

main#main section div img.sp {
  display: none; }

main#main section.mv .chara img {
  margin: 0 0 0 -89px; }

main#main section.pointSec.point1 h2 {
  margin-top: 70px; }

main#main section.pointSec.point1 .content1 {
  margin-top: 70px; }

main#main section.pointSec.point1 .content1 img {
  margin: 0 0 0 -50px; }

main#main section.pointSec.point1 .content2 {
  margin-top: 70px; }

main#main section.pointSec.point1 .content2 img {
  margin: 0 0 0 -80px; }

main#main section.pointSec.point2 h2 {
  margin-top: 100px; }

main#main section.pointSec.point2 .content1 {
  margin-top: 70px; }

main#main section.pointSec.point2 .content1 img {
  margin: 0 0 0 -30px; }

main#main section.pointSec.point2 .content2 {
  margin-top: 120px; }

main#main section.pointSec.point2 .content2 img {
  margin: 0 0 0 -30px; }

main#main section.pointSec.point3 h2 {
  margin-top: 140px; }

main#main section.pointSec.point3 .content1 {
  margin-top: 74px; }

main#main section.flowLine {
  padding: 180px 0 120px; }

main#main section.flowLine a {
  display: block;
  margin: 0 auto;
  text-align: center; }

main#main section.flowLine a:hover {
  opacity: 0.7; }

main#main section.flowLine a img {
  max-width: 450px;
  margin: 0 auto; }

main#main section.psychoShare h1 {
  margin: 0.5em 0 !important; }

@media screen and (max-width: 1100px) {
  main#main {
    max-width: auto;
    width: 100%;
    overflow: hidden;
    background: url(../../../as/img/news/promotion/dan/sp_content_bg.png?h=07b9550af67676d387c4281af39bdded) repeat-y center/100%; }
  main#main section div img.pc {
    display: none; }
  main#main section div img.sp {
    display: block;
    width: 100%;
    margin: 0; }
  main#main section.mv {
    margin: 0 auto;
    position: relative; }
  main#main section.mv .chara img {
    margin: 0; }
  main#main section.pointSec.point1 h2 {
    margin-top: 7vw; }
  main#main section.pointSec.point1 .content1 {
    margin-top: 6vw; }
  main#main section.pointSec.point1 .content1 img {
    margin: 0; }
  main#main section.pointSec.point1 .content2 {
    margin-top: 14vw; }
  main#main section.pointSec.point1 .content2 img {
    margin: 0; }
  main#main section.pointSec.point2 h2 {
    margin-top: 18vw; }
  main#main section.pointSec.point2 .content1 {
    margin-top: 6vw; }
  main#main section.pointSec.point2 .content1 img {
    margin: 0px; }
  main#main section.pointSec.point2 .content2 {
    margin-top: 14vw; }
  main#main section.pointSec.point2 .content2 img {
    margin: 0px; }
  main#main section.pointSec.point3 h2 {
    margin-top: 19vw; }
  main#main section.pointSec.point3 .content1 {
    margin-top: 12vw; }
  main#main section.flowLine {
    padding: 22vw 0 24vw; }
  main#main section.flowLine a img {
    width: 89%;
    margin: 0 auto; } }