/* ****************************************************
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: #fff;
  font-size: 62.5%;
  line-height: 1.8;
  margin: 0;
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #3BD436; }
  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 {
  position: relative;
  width: 100vw;
  height: 100vh;
  padding-top: 3vh;
  display: flex;
  justify-content: 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%;
        height: auto; }
    .wrapper_pc .contents .left_side {
      position: absolute;
      top: 0;
      left: 0; }
      .wrapper_pc .contents .left_side p {
        width: 100%;
        padding: 0;
        margin: 0; }
        .wrapper_pc .contents .left_side p.bg img {
          width: 100%;
          height: auto; }
        .wrapper_pc .contents .left_side p.logo_s {
          margin-top: -100%;
          margin-left: 15%; }
          .wrapper_pc .contents .left_side p.logo_s img {
            width: 8.5vw; }
        .wrapper_pc .contents .left_side p.logo {
          margin-top: 5%;
          margin-left: 31.2%;
          opacity: 0; }
          .wrapper_pc .contents .left_side p.logo img {
            width: 37.6%; }
      .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 {
      position: absolute;
      top: 0;
      right: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p {
        width: 100%;
        padding: 0;
        margin: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.txt {
          width: 50%;
          margin-left: auto;
          margin-right: auto;
          text-align: justify;
          font-size: 1.55vw;
          line-height: 1.4;
          color: #333; }
        .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.photo {
          width: 50%;
          margin-left: auto;
          margin-right: auto; }
          .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.photo img {
            width: 100%;
            height: auto; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.t01 {
        margin-top: -77%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.photo {
        margin-top: 5%;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i01 {
        width: 41.7%;
        margin: -77% auto 0 auto;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.t01 {
        margin-top: -77%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.photo {
        margin-top: 10%;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i01 {
        width: 43.3%;
        margin: -77% auto 0 auto;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.t01 {
        margin-top: -77%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.photo {
        margin-top: 3%;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.i01 {
        width: 35.3%;
        margin: -77% auto 0 auto;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.t01 {
        margin-top: -77%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i01 {
        width: 49.3%;
        margin: 10% auto 0 auto;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.i01 {
        width: 52.2%;
        margin: -82% auto 0 auto;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.button {
        width: 45.7%;
        margin: 3% auto 0 auto;
        opacity: 0; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page9 p.logo {
        width: 32.6%;
        margin: 5% auto 20% auto; }
        .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: 40%;
        margin-top: 8.5%;
        margin-left: auto;
        margin-right: 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: #fff; }
    body .wrapper_pc {
      display: none; }
    body .wrapper_sp {
      width: 100vw;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center; }
      body .wrapper_sp .contents {
        width: 100%; }
        body .wrapper_sp .contents .swiper-wrapper .swiper-slide {
          padding: 0;
          margin: 0; }
          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: 76%;
              margin: 0 auto;
              font-size: 4.5vw;
              line-height: 1.7;
              letter-spacing: 0.05em; }
            body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.photo {
              width: 76%;
              margin-right: auto;
              margin-left: auto; }
              body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.photo img {
                width: 100%;
                height: auto; }
        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;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page1 ul {
          list-style-type: none;
          width: 60%;
          margin-top: -8.5%;
          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: 80%;
                left: 33.25%;
                opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page2 p.t01 {
          margin-top: -125%; }
        body .wrapper_sp .contents .swiper-wrapper .page2 p.photo {
          margin-top: 5%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page3 p.i01 {
          width: 64.2%;
          margin: -125% auto 0 auto;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.t01 {
          margin-top: -125%; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.photo {
          margin-top: 10%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page5 p.i01 {
          width: 66.7%;
          margin: -125% auto 0 auto;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.t01 {
          margin-top: -125%; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.photo {
          margin-top: 0;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page7 p.i01 {
          width: 54.6%;
          margin: -125% auto 0 auto;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page8 p.t01 {
          margin-top: -125%; }
        body .wrapper_sp .contents .swiper-wrapper .page8 p.i01 {
          width: 75.6%;
          margin: 10% auto 0 auto;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.i01, body .wrapper_sp .contents .swiper-wrapper .page9 p.button {
          margin-right: auto;
          margin-left: auto; }
          body .wrapper_sp .contents .swiper-wrapper .page9 p.i01 img, body .wrapper_sp .contents .swiper-wrapper .page9 p.button img {
            width: 100%; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.i01 {
          width: 80%;
          margin-top: -128%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.button {
          width: 68.8%;
          margin-top: 5%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.logo {
          width: 49.0%;
          margin: 5% auto 20% auto; }
          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: 60%;
          height: auto;
          margin-top: 15%;
          margin-left: 20%;
          padding: 0;
          display: flex;
          justify-content: flex-end; }
          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%; } }

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