/* ****************************************************
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, #1AADCC 0%, #1AADCC 50%, #fff 50%, #fff 100%);
  font-size: 62.5%;
  line-height: 1.8;
  margin: 0;
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #1AADCC; }
  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; }

.delay2_6 {
  animation-delay: 2.6s; }

.delay2_8 {
  animation-delay: 2.8s; }

.delay3 {
  animation-delay: 3s; }

.delay4 {
  animation-delay: 4s; }

.delay5 {
  animation-delay: 5s; }

.t01 {
  animation-delay: 1s; }

.t02 {
  animation-delay: 2s; }

.dis {
  display: none; }

.post {
  opacity: 0; }

/* ****************************************************
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 p {
      width: 100%;
      padding: 0;
      margin: 0; }
      .wrapper_pc .contents .left_side p.bg {
        margin: 0; }
      .wrapper_pc .contents .left_side p.logo_s {
        width: 8.5vw;
        margin-top: -100%;
        margin-left: 15%; }
        .wrapper_pc .contents .left_side p.logo_s img {
          width: 100%; }
      .wrapper_pc .contents .left_side p.logo {
        width: 37.6%;
        margin: 5% auto 0 auto; }
        .wrapper_pc .contents .left_side p.logo img {
          width: 100%; }
      .wrapper_pc .contents .left_side p.shadow {
        margin-top: -22%;
        margin-left: 7.2%;
        opacity: 0; }
        .wrapper_pc .contents .left_side p.shadow img {
          width: 58%; }
      .wrapper_pc .contents .left_side p.detect {
        width: 65%;
        margin: -62% auto 0 auto;
        opacity: 0; }
        .wrapper_pc .contents .left_side p.detect img {
          width: 100%; }
    .wrapper_pc .contents .left_side ul {
      list-style-type: none;
      width: 40%;
      margin-top: -3.5%;
      margin-left: 45%;
      padding: 0;
      display: flex;
      justify-content: flex-end; }
      .wrapper_pc .contents .left_side ul li {
        margin-left: 0.5vw; }
    .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p {
      width: 100%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.txt {
        width: 55%;
        text-align: justify;
        margin-left: 23%;
        font-size: 1.45vw;
        line-height: 1.7;
        letter-spacing: 0.02em;
        color: #333; }
        .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.txt span {
          background: #ffe100; }
      .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.bg img {
        width: 100%;
        height: auto; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.i01 {
      width: 42.8%;
      margin: -100% auto 0 auto;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.i01 img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.t01 {
      margin-top: 5%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.t01 {
      margin-top: -75%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i01 {
      width: 39.2%;
      margin-top: 34%;
      margin-left: 20%;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i01 img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.t01 {
      margin-top: -75%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i01 {
      width: 43.5%;
      margin-top: 29%;
      margin-left: 20%;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i01 img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i01, .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.i01 {
      width: 52.4%;
      margin: -100% auto 0 auto;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i01 img, .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.i01 img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.t01, .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.t01 {
      margin-top: 6%;
      padding-left: 11%;
      font-size: 1.3vw; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.t02, .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.t02 {
      margin-top: 7%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.t01 {
      margin-top: -75%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.i01 {
      width: 40.3%;
      margin-top: 29.5%;
      margin-left: 20%;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.i01 img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.t01 {
      margin-top: 7%;
      font-size: 1.1vw; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.t01 {
      margin-top: -75%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i01 {
      width: 49.2%;
      margin-top: 39%;
      margin-left: 20%;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i01 img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.txt {
      text-align: center;
      margin-top: -88%;
      font-size: 1.3vw;
      color: #fff; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i01, .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i02, .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i03 {
      margin-right: auto;
      margin-left: auto;
      opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i01 img, .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i02 img, .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i03 img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i01 {
      width: 40.1%;
      margin-top: 5%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i02 {
      width: 31.2%;
      margin-top: 5%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i03 {
      width: 40.1%;
      margin-top: 5%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.B01, .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.B02 {
      width: 45.1%;
      margin: 0 auto;
      opacity: 0; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.B01 {
      display: flex;
      justify-content: space-between; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.B01 a {
        display: block;
        width: 47.7%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.B01 a img {
          width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.logo {
      width: 31.5%;
      margin-top: 8%;
      margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.logo img {
        width: 100%; }
    .wrapper_pc .contents .right_side .swiper-wrapper .page9 ul {
      list-style-type: none;
      width: 47.7%;
      margin: 0 auto;
      padding: 0;
      display: flex;
      justify-content: flex-end; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page9 ul li {
        margin-left: 0.5vw; }

.wrapper_sp {
  display: none; }

@media (max-width: 639px) {
  body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #1AADCC; }
    body .wrapper_pc {
      display: none; }
    body .wrapper_sp {
      width: 100vw;
      height: 100vh;
      background: #1AADCC;
      display: flex;
      justify-content: center;
      align-items: center; }
      body .wrapper_sp .contents {
        width: 100%; }
        body .wrapper_sp .contents .swiper-wrapper {
          padding-bottom: 0; }
          body .wrapper_sp .contents .swiper-wrapper .swiper-slide {
            position: static; }
            body .wrapper_sp .contents .swiper-wrapper .swiper-slide p {
              color: #333; }
              body .wrapper_sp .contents .swiper-wrapper .swiper-slide p img {
                width: 100%; }
              body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.bg img {
                width: 100%;
                height: auto; }
              body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.txt {
                width: 86%;
                margin: 0 auto;
                text-align: justify;
                font-size: 4.5vw;
                line-height: 1.6;
                letter-spacing: 0.05em; }
                body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.txt span {
                  background: #ffe100; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.logo_s {
            width: 25.7%;
            margin-top: -155%;
            margin-left: 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.logo {
            width: 55.2%;
            margin: 5% auto 0 auto; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.shadow {
            width: 80%;
            margin-top: -20%;
            margin-left: -5%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page1 p.detect {
            width: 100%;
            margin-top: -96%;
            margin-left: -2%;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page1 ul {
            list-style-type: none;
            width: 60%;
            margin-top: -8%;
            margin-left: 35%;
            padding: 0;
            display: flex;
            justify-content: flex-end; }
            body .wrapper_sp .contents .swiper-wrapper .page1 ul li {
              margin-left: 0.5vw; }
              body .wrapper_sp .contents .swiper-wrapper .page1 ul li img {
                width: 100%; }
                body .wrapper_sp .contents .swiper-wrapper .page1 p.i04 {
                  width: 28.5%;
                  position: absolute;
                  top: 40%;
                  left: 33.25%;
                  opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page2 p.i01 {
            width: 64%;
            margin: -150% auto 0 auto; }
          body .wrapper_sp .contents .swiper-wrapper .page2 p.t01 {
            margin-top: 10%; }
          body .wrapper_sp .contents .swiper-wrapper .page3 p.t01 {
            margin-top: -112%; }
          body .wrapper_sp .contents .swiper-wrapper .page3 p.i01 {
            width: 58.9%;
            margin: 48% 0 0 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page4 p.t01 {
            margin-top: -112%; }
          body .wrapper_sp .contents .swiper-wrapper .page4 p.i01 {
            width: 67.0%;
            margin: 41% 0 0 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page5 p.i01, body .wrapper_sp .contents .swiper-wrapper .page7 p.i01 {
            width: 80%;
            margin-top: -150%;
            margin-left: 7vw;
            margin: -150% auto 0 auto;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page5 p.t01, body .wrapper_sp .contents .swiper-wrapper .page7 p.t01 {
            margin-top: 8%;
            padding-left: 27%;
            font-size: 3.6vw; }
          body .wrapper_sp .contents .swiper-wrapper .page5 p.t02, body .wrapper_sp .contents .swiper-wrapper .page7 p.t02 {
            width: 80%;
            margin-top: 10%; }
          body .wrapper_sp .contents .swiper-wrapper .page6 p.t01 {
            margin-top: -112%; }
          body .wrapper_sp .contents .swiper-wrapper .page6 p.i01 {
            width: 62.2%;
            margin: 41% 0 0 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page7 p.t01 {
            font-size: 3.2vw; }
          body .wrapper_sp .contents .swiper-wrapper .page8 p.t01 {
            margin-top: -112%; }
          body .wrapper_sp .contents .swiper-wrapper .page8 p.i01 {
            width: 75.5%;
            margin: 48% 0 0 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.txt {
            text-align: center;
            margin-top: -130%;
            line-height: 1.8;
            color: #fff; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.i01, body .wrapper_sp .contents .swiper-wrapper .page9 p.i02, body .wrapper_sp .contents .swiper-wrapper .page9 p.i03 {
            margin-right: auto;
            margin-left: auto;
            opacity: 0; }
            body .wrapper_sp .contents .swiper-wrapper .page9 p.i01 img, body .wrapper_sp .contents .swiper-wrapper .page9 p.i02 img, body .wrapper_sp .contents .swiper-wrapper .page9 p.i03 img {
              width: 100%; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.i01 {
            width: 60.2%;
            margin-top: 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.i02 {
            width: 46.8%;
            margin-top: 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.i03 {
            width: 60.2%;
            margin-top: 5%; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.B01, body .wrapper_sp .contents .swiper-wrapper .page9 p.B02 {
            width: 70.2%;
            margin: 0 auto;
            opacity: 0; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.B01 {
            display: flex;
            justify-content: space-between; }
            body .wrapper_sp .contents .swiper-wrapper .page9 p.B01 a {
              display: block;
              width: 47.7%; }
              body .wrapper_sp .contents .swiper-wrapper .page9 p.B01 a img {
                width: 100%; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.logo {
            width: 47.2%;
            margin-top: 10%;
            margin-left: 15%; }
            body .wrapper_sp .contents .swiper-wrapper .page9 p.logo img {
              width: 100%; }
          body .wrapper_sp .contents .swiper-wrapper .page9 ul {
            list-style-type: none;
            width: 70.2%;
            margin: 0 auto;
            padding: 0;
            display: flex;
            justify-content: flex-end;
            opacity: 0; }
            body .wrapper_sp .contents .swiper-wrapper .page9 ul li {
              margin-left: 0.5vw; }
              body .wrapper_sp .contents .swiper-wrapper .page9 ul li img {
                width: 100%; } }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none !important; }

.animated2 {
  animation-duration: 0.5s; }

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