/* ****************************************************
mixin
**************************************************** */
/* center */
/* opacity */
/* text length */
/* transition */
/* break point */
/* for Coding */
/* ****************************************************
color set
**************************************************** */
/* ****************************************************
font
**************************************************** */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ****************************************************
basic
**************************************************** */
body {
  overflow: hidden;
  background: linear-gradient(90deg, #FF7D8C 0%, #FF7D8C 50%, #fff 50%, #fff 100%);
  font-size: 62.5%;
  line-height: 1.8;
  margin: 0;
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #5CD9FF; }
  body a {
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #333; }
    body a:hover {
      opacity: 0.4;
      filter: alpha(opacity=40); }
  body img {
    vertical-align: middle; }

.delay0_5 {
  animation-delay: 0.5s; }

.delay1 {
  animation-delay: 1s; }

.delay1_5 {
  animation-delay: 1.5s; }

.delay2 {
  animation-delay: 2s; }

/* ****************************************************
contents
**************************************************** */
.wrapper_pc {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  .wrapper_pc .contents {
    width: 100%;
    display: flex;
    justify-content: center; }
    .wrapper_pc .contents .left_side,
    .wrapper_pc .contents .right_side {
      width: 50%; }
      .wrapper_pc .contents .left_side img,
      .wrapper_pc .contents .right_side img {
        width: 100%; }
    .wrapper_pc .contents .left_side {
      position: relative; }
      .wrapper_pc .contents .left_side p {
        width: 100%;
        padding: 0;
        margin: 0; }
        .wrapper_pc .contents .left_side p.bg {
          text-align: center;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        .wrapper_pc .contents .left_side p.logo {
          width: 17.5%;
          position: absolute;
          top: 3.9%;
          left: 19.7%; }
        .wrapper_pc .contents .left_side p.i01 {
          width: 35.3%;
          position: absolute;
          top: 11.3%;
          left: 33.0%;
          opacity: 0; }
        .wrapper_pc .contents .left_side p.i02 {
          width: 36.5%;
          position: absolute;
          top: 41.5%;
          left: 23.4%;
          opacity: 0; }
      .wrapper_pc .contents .left_side ul.sns {
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 27.9%;
        position: absolute;
        top: 4.0%;
        left: 51.5%;
        display: flex;
        justify-content: space-between; }
        .wrapper_pc .contents .left_side ul.sns li {
          width: 32%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      margin: 0;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.bg {
        opacity: 1; }
        .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.bg img {
          width: 100%;
          height: auto; }
      .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.i01 {
      width: 27.2%;
      position: absolute;
      top: 36.5%;
      left: 35.6%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i01 {
      width: 35.5%;
      position: absolute;
      top: 14.4%;
      left: 25.4%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i02 {
      width: 22.6%;
      position: absolute;
      top: 74.5%;
      left: 54.2%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i01 {
      width: 34.7%;
      position: absolute;
      top: 13.5%;
      left: 25.2%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i02 {
      width: 15.3%;
      position: absolute;
      top: 28.3%;
      left: 22.6%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i03 {
      width: 15.3%;
      position: absolute;
      top: 55.7%;
      left: 60.1%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i02 {
      width: 38.8%;
      position: absolute;
      top: 16.1%;
      left: 35.8%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.i01 {
      width: 50.6%;
      position: absolute;
      top: 9.1%;
      left: 28.9%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.i01 {
      width: 30.8%;
      position: absolute;
      top: 72.0%;
      left: 24.7%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.i02 {
      width: 35.1%;
      position: absolute;
      top: 45.1%;
      left: 44.2%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i02 {
      width: 35.8%;
      position: absolute;
      top: 16.3%;
      left: 38.2%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i01 {
      width: 58.3%;
      position: absolute;
      top: 9.1%;
      left: 21.5%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page10 p.i01 {
      width: 41.5%;
      position: absolute;
      top: 7.3%;
      left: 29.6%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page10 p.i02 {
      width: 38.7%;
      position: absolute;
      top: 50.7%;
      left: 30.8%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page10 p.i03 {
      width: 39.7%;
      position: absolute;
      top: 63.2%;
      left: 30.0%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page10 p.logo {
      width: 29.7%;
      position: absolute;
      top: 78.8%;
      left: 31.3%;
      opacity: 1; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page10 p.i04 {
      width: 14.7%;
      position: absolute;
      top: 65.0%;
      left: 63.1%;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page10 ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      position: absolute;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page10 ul.sns {
        width: 46.4%;
        top: 68.7%;
        left: 27.4%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page10 ul.sns li {
          width: 32%; }

.wrapper_sp {
  display: none; }

@media (max-width: 639px) {
  body {
    box-sizing: border-box;
    background: url(../images/pc/common/bg.png); }
    body .wrapper_pc {
      display: none; }
    body .wrapper_sp {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      body .wrapper_sp .contents {
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        body .wrapper_sp .contents .swiper-wrapper {
          padding-bottom: 0; }
          body .wrapper_sp .contents .swiper-wrapper .swiper-slide {
            box-sizing: border-box; }
            body .wrapper_sp .contents .swiper-wrapper .swiper-slide p {
              width: 95%;
              margin-left: 2.5%; }
              body .wrapper_sp .contents .swiper-wrapper .swiper-slide p img {
                width: 100%; }
          body .wrapper_sp .contents .swiper-wrapper .page1 ul.sns {
            list-style-type: none;
            padding: 0;
            margin: 0;
            width: 47.5%;
            position: absolute;
            top: 5.5%;
            left: 43.7%;
            display: flex;
            justify-content: space-between; }
            body .wrapper_sp .contents .swiper-wrapper .page1 ul.sns li {
              width: 32%;
              height: auto; }
              body .wrapper_sp .contents .swiper-wrapper .page1 ul.sns li img {
                width: 100%; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.logo {
            width: 24.415%;
            position: absolute;
            top: 3.8%;
            left: 5.8%; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.i01 {
            width: 52.535%;
            position: absolute;
            top: 11.3%;
            left: 21.85%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.i02 {
            width: 52.06%;
            position: absolute;
            top: 42.7%;
            left: 9.215%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.i03 {
            width: 28.5%;
            position: absolute;
            top: 40%;
            left: 33.25%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page2 p.i01 {
            width: 38.76%;
            position: absolute;
            top: 36.5%;
            left: 26.79%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page3 p.i01 {
            width: 50.635%;
            position: absolute;
            top: 14.4%;
            left: 11.913%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page3 p.i02 {
            width: 32.3%;
            position: absolute;
            top: 71.5%;
            left: 53.295%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page4 p.i01 {
            width: 49.495%;
            position: absolute;
            top: 13.5%;
            left: 12.255%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page4 p.i02 {
            width: 22.9%;
            position: absolute;
            top: 28.3%;
            left: 8.9%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page4 p.i03 {
            width: 23.0%;
            position: absolute;
            top: 55.7%;
            left: 64.7%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page5 p.i02 {
            width: 55.29%;
            position: absolute;
            top: 15.6%;
            left: 26.98%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page6 p.i01 {
            width: 72.105%;
            position: absolute;
            top: 9.0%;
            left: 17.48%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page7 p.i01 {
            width: 43.89%;
            position: absolute;
            top: 69.0%;
            left: 11.4%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page7 p.i02 {
            width: 50.065%;
            position: absolute;
            top: 43.5%;
            left: 39.425%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page8 p.i02 {
            width: 50.92%;
            position: absolute;
            top: 15.6%;
            left: 30.59%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.i01 {
            width: 83.125%;
            position: absolute;
            top: 9.0%;
            left: 6.84%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page10 p.i01 {
            width: 59.185%;
            position: absolute;
            top: 7.3%;
            left: 18.43%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page10 p.i02 {
            width: 55.195%;
            position: absolute;
            top: 49.7%;
            left: 20.805%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page10 p.i03 {
            width: 56.62%;
            position: absolute;
            top: 61.5%;
            left: 19%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page10 p.logo {
            width: 42.37%;
            position: absolute;
            top: 76.8%;
            left: 19.855%;
            opacity: 1; }
          body .wrapper_sp .contents .swiper-wrapper .page10 p.i04 {
            width: 20.995%;
            position: absolute;
            top: 62.6%;
            left: 66.025%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page10 ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            margin-left: 2.5%;
            position: absolute;
            display: flex;
            justify-content: space-between;
            flex-wrap: nowrap; }
            body .wrapper_sp .contents .swiper-wrapper .page10 ul.sns {
              width: 55.195%;
              top: 68.7%;
              left: 20.805%;
              opacity: 0; }
              body .wrapper_sp .contents .swiper-wrapper .page10 ul.sns li {
                width: 32%; }
                body .wrapper_sp .contents .swiper-wrapper .page10 ul.sns li img {
                  width: 100%; } }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none !important; }

/*# sourceMappingURL=style.css.map */