@charset "UTF-8";
.fancybox-overlay .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background: url("../../public/img/world/close.png"); }

.fancybox-close, .fancybox-prev span, .fancybox-next span {
  right: 0 !important;
  background: url("../../public/img/world/close.png") !important;
  top: -70px !important;
  width: 53px !important;
  height: 53px !important; }

.section-main .movie .icon {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block; }

.section-main .movie .icon:before {
  content: "";
  width: 170px;
  height: 170px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -85px;
  margin-left: -85px;
  background: url("../../public/img/world/prologue/playback.png") no-repeat; }

.section-main .movie, .section-main .title {
  text-align: center; }

.section-main .title {
  padding-top: 10px; }

.section-main .text {
  text-align: center;
  font-size: 15px;
  line-height: 35px;
  font-family: "游明朝体", YuMincho,"黎ミン U","Reimin Ultra","リュウミン M-KL",Ryumin Medium KL;
  margin-bottom: 50px; }

.section-banner {
  margin-top: 60px; }
  .section-banner .new {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block; }
  .section-banner .new:before {
    content: "";
    position: absolute;
    bottom: 60px;
    left: 20px;
    width: 62px;
    height: 23px;
    background: url("../../public/img/common/icon-new.png") no-repeat; }
  .section-banner .open {
    position: relative; }
  .section-banner .open:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1; }
  .section-banner .shodow {
    position: relative;
    top: 0;
    left: 0; }
  .section-banner .shodow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%; }

#United_front .bg.front {
  position: relative;
  z-index: 20;
  background: url("../../public/img/special/inner/bg.png") no-repeat center;
  background-size: cover;
  padding-top: 105px;
  padding-bottom: 105px;
  margin-top: 60px; }
  #United_front .bg.front .main {
    font-size: 0; }
    #United_front .bg.front .main .title-logo {
      position: relative;
      top: 0;
      left: 0; }
    #United_front .bg.front .main .title-logo:before {
      content: "";
      width: 649px;
      height: 540px;
      position: absolute;
      top: -160px;
      right: -10px;
      background: url("../../public/img/special/inner/items.png") no-repeat center; }


#United_front .section-inner.mainArea {
  width: 886px; }

#United_front .section-inner.mainArea .text {

	text-align: left;
	font-size: 15px;
	line-height: 35px;
	font-family: "游明朝体", YuMincho,"黎ミン U","Reimin Ultra","リュウミン M-KL",Ryumin Medium KL;
	margin-bottom: 50px;
}

#United_front .area01 {
  margin-top: 50px; }
  #United_front .area01 .bg {
    width: 886px;
    height: 596px;
    background: url("../../public/img/special/inner/area01.png") no-repeat center; }
    #United_front .area01 .bg .pictArea {
      position: relative;
      top: 234px;
      left: 31px; }
      #United_front .area01 .bg .pictArea .btn {
        margin-top: 10px; }

#United_front .area02 {
  margin-top: 20px; }
  #United_front .area02 .bg {
    width: 886px;
    height: 1421px;
    background: url("../../public/img/special/inner/area02.png") no-repeat center; }

#United_front .area03 {
  margin-top: 20px; }
  #United_front .area03 .bg {
    width: 886px;
    height: 347px;
    background: url("../../public/img/special/inner/area03.png") no-repeat center; }

#United_front .area04 .bg {
  width: 886px;
  height: 249px;
  background: url("../../public/img/special/inner/area04.png") no-repeat center; }

#United .bg.front {
  position: relative;
  z-index: 20;
  background: url("../../public/img/world/ufront/main-bg.png") no-repeat center;
  background-size: cover;
  padding-top: 65px;
  padding-bottom: 110px;
  margin-top: 60px; }
  #United .bg.front .main, #United .bg.front .movieArea {
    float: left; }
  #United .bg.front .main .main-title {
    text-align: left;
    padding-top: 0; }
  #United .bg.front .main .text {
    text-align: left;
    color: #ffffff;
    font-size: 17px;
    line-height: 34px;
    margin: 0 0;
    width: 500px; }
  #United .bg.front .movieArea {
    position: relative;
    top: 13px;
    right: -20px; }
    #United .bg.front .movieArea a {
      position: relative;
      display: block;
      background: url("../../public/img/world/ufront/moviepict.png") no-repeat center;
      width: 486px;
      height: 286px; }
    #United .bg.front .movieArea .icon:before {
      content: "";
      width: 170px;
      height: 170px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -85px;
      margin-left: -85px;
      background: url("../../public/img/top/playback.png") no-repeat; }

#United .title {
  margin-top: 40px;
  margin-bottom: 15px; }

#United .text02 {
  margin-top: 20px; }

#United .text03 {
  margin-top: 20px;
  margin-bottom: 0; }

#United .pict01 {
  margin-top: -60px; }

#United .oofont {
  font-size: 24px;
  font-weight: 600;
  font-family: "游明朝体", YuMincho,"黎ミン U","Reimin Ultra","リュウミン M-KL",Ryumin Medium KL; }

@media screen and (max-width: 1024px) {
  .titleBox {
    position: relative;
    z-index: 10;
    padding-top: 0%; }
    .titleBox .title {
      width: 31%; }
  #titleBg .world:before {
    content: "";
    position: absolute;
    background: none;
    z-index: -1; }
  .section-main .movieArea {
    margin-top: 5%; }
  .section-main .movie, .section-main .title {
    width: 80%;
    margin: 0 auto; }
  .section-main .title {
    width: 82%;
    margin: 0 auto;
    padding-top: 2%; }
  .section-main .movie .icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block; }
  .section-main .movie .icon:before {
    content: "";
    width: 30%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14%;
    margin-left: -14%;
    background: url("../../public/img/world/prologue/playback.png") no-repeat;
    background-size: 100%;
    padding-top: 29%; }
  .section-main .text {
    text-align: center;
    margin: 4% 0 6% 0;
    font-size: 2.6vw;
    line-height: 5vw; }
  .section-main .text02 {
    color: #000000;
    margin: 0 0 30px 0; }
  .section-main .pict {
    text-align: center;
    width: 60%;
    margin: 0 auto; }
  #United_front .bg.front {
    position: relative;
    z-index: 20;
    background: url("../../public/img/special/inner/bg_sp.png") no-repeat center;
    background-size: cover;
    padding-top: 3vw;
    padding-bottom: 8vw;
    margin-top: 6vw; }
    #United_front .bg.front .main {
      padding-left: 3%; }
      #United_front .bg.front .main .title-logo {
        position: relative;
        top: 0;
        left: 0; }
        #United_front .bg.front .main .title-logo img {
          width: 50vw; }
      #United_front .bg.front .main .title-logo:before {
        content: "";
        width: 57%;
        height: 0;
        position: absolute;
        top: -9vw;
        right: -1vw;
        background: url("../../public/img/special/inner/items.png") no-repeat center;
        background-size: 100%;
        padding-top: 50%; }
  #United_front .title {
    margin-top: 40px;
    margin-top: 5.33333vw;
    margin-bottom: 15px;
    margin-bottom: 2vw; }
  #United_front .movie {
    width: 70%; }
  #United_front .text {
    font-size: 2.5vw;
    line-height: 4vw; }
  #United_front .text01 {
    letter-spacing: -1px; }
  #United_front .text02 {
    margin-top: 20px; }
  #United_front .text03 {
    margin-top: 0px;
    margin-top: 0vw;
    padding-top: 20px;
    padding-top: 2.66667vw;
    width: 80%;
    margin: auto; }
  #United_front .oofont {
    font-size: 3.7vw;
    line-height: 3vw;
    display: block; }
  #United_front .pict {
    width: 95%; }
  #United_front .pict01 {
    margin-top: 0;
    margin-left: 16%;
    width: 80%; }
  #United_front .section-inner.mainArea {
    width: 95%; }
  #United_front .area01 {
    margin-top: 5vw; }
    #United_front .area01 .bg {
      width: 100%;
      height: 0;
      background: url("../../public/img/special/inner/area01.png") no-repeat center;
      background-size: 100%;
      padding-top: 68%; }
      #United_front .area01 .bg .pictArea {
        position: relative;
        top: -39vw;
        left: 3vw; }
        #United_front .area01 .bg .pictArea img {
          width: 50vw; }
        #United_front .area01 .bg .pictArea .btn {
          margin-top: 2vw; }
  #United_front .area02 {
    margin-top: 2vw; }
    #United_front .area02 .bg {
      width: 100%;
      height: 0;
      background: url("../../public/img/special/inner/area02_sp.png") no-repeat center;
      background-size: 100%;
      padding-top: 194%; }
  #United_front .area03 {
    margin-top: 2vw; }
    #United_front .area03 .bg {
      width: 100%;
      height: 0;
      background: url("../../public/img/special/inner/area03.png") no-repeat center;
      background-size: 100%;
      padding-top: 38%; }
  #United_front .area04 .bg {
    width: 100%;
    height: 0;
    background: url("../../public/img/special/inner/area04.png") no-repeat center;
    background-size: 100%;
    padding-top: 27%; }
  .section-banner {
    margin-top: 60px;
    margin-top: 8vw; }
  .section-banner {
    margin-bottom: 10%; }
    .section-banner .section-inner {
      width: 95%; }
      .section-banner .section-inner p {
        float: none;
        margin-right: 0; }
      .section-banner .section-inner p:nth-of-type(2) {
        margin-top: 4%; }
  #United .bg.front {
    position: relative;
    z-index: 20;
    background: url("../../public/img/world/ufront/main-bg.png") no-repeat center;
    background-size: cover;
    padding-top: 4vw;
    padding-bottom: 7vw;
    margin-top: 6vw; }
    #United .bg.front .main, #United .bg.front .movieArea {
      float: none; }
    #United .bg.front .main {
      padding-left: 3%; }
      #United .bg.front .main .main-title {
        text-align: left;
        padding-top: 0;
        width: 60%; }
      #United .bg.front .main .text {
        text-align: left;
        color: #ffffff;
        font-size: 2.6vw;
        line-height: 4.9vw;
        margin-top: 2vw;
        width: 100%; }
    #United .bg.front .movieArea {
      position: relative;
      top: 1.3vw;
      right: 0; }
      #United .bg.front .movieArea a {
        position: relative;
        display: block;
        background: url("../../public/img/world/ufront/moviepict.png") no-repeat center;
        width: 60%;
        height: 0;
        background-size: 100%;
        padding-top: 36%;
        margin: auto; }
      #United .bg.front .movieArea .icon:before {
        content: "";
        width: 40%;
        height: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11vw;
        margin-left: -11vw;
        background: url("../../public/img/top/playback.png") no-repeat;
        background-size: 100%;
        padding-top: 38%; }
  #United .title {
    margin-top: 40px;
    margin-top: 5.33333vw;
    margin-bottom: 15px;
    margin-bottom: 2vw; }
  #United .movie {
    width: 70%; }
  #United .text {
    font-size: 2.5vw;
    line-height: 4vw; }
  #United .text01 {
    letter-spacing: -1px; }
  #United .text02 {
    margin-top: 20px; }
  #United .text03 {
    margin-top: 0px;
    margin-top: 0vw;
    padding-top: 20px;
    padding-top: 2.66667vw;
    width: 80%;
    margin: auto; }
  #United .oofont {
    font-size: 3.7vw;
    line-height: 3vw;
    display: block; }
  #United .pict {
    width: 95%; }
  #United .pict01 {
    margin-top: 0;
    margin-left: 16%;
    width: 80%; }
  .section-banner {
    margin-top: 200px;
    margin-top: 26.66667vw; }
  .section-banner {
    margin-bottom: 10%; }
    .section-banner .section-inner {
      width: 95%; }
      .section-banner .section-inner p {
        float: none;
        margin-right: 0; }
      .section-banner .section-inner p:nth-of-type(2) {
        margin-top: 4%; } }

 }