/* ****************************************************
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: -webkit-gradient(linear, left top, right top, from(#ffa100), color-stop(50%, #ffa100), color-stop(50%, #fff5c9), to(#fff5c9));
  background: -webkit-linear-gradient(left, #ffa100 0%, #ffa100 50%, #fff5c9 50%, #fff5c9 100%);
  background: -o-linear-gradient(left, #ffa100 0%, #ffa100 50%, #fff5c9 50%, #fff5c9 100%);
  background: linear-gradient(90deg, #ffa100 0%, #ffa100 50%, #fff5c9 50%, #fff5c9 100%);
  font-size: 62.5%;
  line-height: 1.8;
  margin: 0;
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #ffa100; }
  body a {
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -o-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 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.delay1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.delay1_5 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.delay2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.delay2_6 {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s; }

.delay2_8 {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s; }

.delay3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.delay4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.delay5 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.t01 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.t02 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.dis {
  display: none; }

.post {
  opacity: 0; }

/* ****************************************************
contents
**************************************************** */
.wrapper_pc {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .wrapper_pc .contents {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: 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: absolute;
      top: 0;
      left: 0; }
      .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 {
          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 p.girl {
          margin-top: 4%;
          margin-left: 23.2%; }
          .wrapper_pc .contents .left_side p.girl img {
            width: 53.6%; }
      .wrapper_pc .contents .left_side ul {
        list-style-type: none;
        width: 40%;
        margin-top: -3.5%;
        margin-left: 45%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        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%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.txt {
          font-size: 1.6vw;
          line-height: 1.55;
          letter-spacing: 0.05em;
          color: #784310; }
          .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.txt span {
            font-size: 120%;
            font-weight: 500; }
        .wrapper_pc .contents .right_side .swiper-wrapper .swiper-slide p.bg img {
          width: 100%;
          height: auto; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.t01 {
        margin-top: -95%;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.t02 {
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.b01 {
        margin-top: 12%;
        margin-left: 35%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.b01 img {
          width: 26.6%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.b02 {
        margin-top: -2.5%;
        margin-left: 57%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.b02 img {
          width: 23.1%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.i01 {
        margin-top: -13.5%;
        margin-left: 25%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page1 p.i01 img {
          width: 27.5%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.t01 {
        margin-top: -98%;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.b01 {
        margin-top: 8%;
        margin-left: 32%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.b01 img {
          width: 22.9%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.i01 {
        margin-top: -12%;
        margin-left: 58%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.i01 img {
          width: 21.4%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.b02 {
        margin-top: -11%;
        margin-left: 25%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.b02 img {
          width: 27.8%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.i02 {
        margin-top: -3%;
        margin-left: 30%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page2 p.i02 img {
          width: 43.5%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.t01 {
        margin-top: -98%;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.b01 {
        margin-top: -6%;
        margin-left: 52%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.b01 img {
          width: 23.8%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i01 {
        margin-top: -2%;
        margin-left: 39%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i01 img {
          width: 40.9%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.b02 {
        margin-top: -28%;
        margin-left: 20%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.b02 img {
          width: 12.3%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i02 {
        margin-top: 0%;
        margin-left: 23%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page3 p.i02 img {
          width: 14.1%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.t01 {
        margin-top: -98%;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.t02 {
        margin-top: 0;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.b01 {
        margin-top: 6%;
        margin-left: 23%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.b01 img {
          width: 25.5%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.b02 {
        margin-top: -23%;
        margin-left: 55%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.b02 img {
          width: 17.2%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i01 {
        margin-top: 0;
        margin-left: 50%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i01 img {
          width: 27.1%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i02 {
        margin-top: -8%;
        margin-left: 25%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page4 p.i02 img {
          width: 35.6%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.t01 {
        margin-top: -98%;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.t02 {
        margin-top: 0%;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.b01 {
        margin-top: 16%;
        margin-left: 20%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.b01 img {
          width: 25.2%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i01 {
        margin-top: -24%;
        margin-left: 21%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i01 img {
          width: 57.3%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.b02 {
        margin-top: -12%;
        margin-left: 46%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.b02 img {
          width: 26.9%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i02 {
        margin-top: -15%;
        margin-left: 30%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page5 p.i02 img {
          width: 33.5%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.t01 {
        margin-top: -98%;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.t02 {
        margin-top: 0;
        margin-left: 25%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.b01 {
        margin-top: 21%;
        margin-left: 28.5%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.b01 img {
          width: 27.5%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.i01 {
        margin-top: -0.5%;
        margin-left: 22%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page6 p.i01 img {
          width: 21.7%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.t01 {
        width: 52%;
        margin-top: -90%;
        margin-right: auto;
        margin-left: auto;
        line-height: 1.72; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.i01 {
        margin-top: 4.5%;
        margin-left: 33%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page7 p.i01 img {
          width: 33.6%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i01 {
        margin-top: -90%;
        margin-left: 24%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i01 img {
          width: 45.1%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i03 {
        margin-top: 8%;
        margin-left: 30.6%;
        opacity: 0; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i03 img {
          width: 38.9%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i04 {
        margin-top: 5%;
        margin-left: 33%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.i04 img {
          width: 34.1%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.logo {
        margin-top: 5%;
        margin-left: 33.9%; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page8 p.logo img {
          width: 32.3%; }
      .wrapper_pc .contents .right_side .swiper-wrapper .page8 ul {
        list-style-type: none;
        width: 40%;
        margin-top: 4%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .wrapper_pc .contents .right_side .swiper-wrapper .page8 ul li {
          margin-left: 0.5vw; }

.wrapper_sp {
  display: none; }

@media (max-width: 639px) {
  body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #ffa100; }
    body .wrapper_pc {
      display: none; }
    body .wrapper_sp {
      width: 100vw;
      height: 100vh;
      background: #ffa100;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      body .wrapper_sp .contents {
        width: 100%; }
        body .wrapper_sp .contents .swiper-wrapper .swiper-slide {
          padding: 0; }
          body .wrapper_sp .contents .swiper-wrapper .swiper-slide p {
            color: #784310; }
            body .wrapper_sp .contents .swiper-wrapper .swiper-slide p img {
              width: 100%; }
            body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.txt {
              font-size: 4.5vw;
              line-height: 1.45;
              letter-spacing: 0.05em;
              color: #784310; }
              body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.txt span {
                font-size: 140%;
                font-weight: 500; }
            body .wrapper_sp .contents .swiper-wrapper .swiper-slide p.bg img {
              width: 100%;
              height: auto; }
        body .wrapper_sp .contents .swiper-wrapper .page1 p.logo_s {
          width: 25.7%;
          margin-top: -157%;
          margin-left: 5%; }
        body .wrapper_sp .contents .swiper-wrapper .page1 p.logo {
          width: 55.2%;
          margin: 10% 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: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          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.i03 {
                width: 28.5%;
                position: absolute;
                top: 80%;
                left: 33.25%;
                opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page2 p.t01 {
          margin-top: -140%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page2 p.t02 {
          margin-top: 0%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page2 p.b01 {
          width: 38.2%;
          margin-top: 22%;
          margin-left: 25%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page2 p.b02 {
          width: 33.1%;
          margin-top: -2.5%;
          margin-left: 60%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page2 p.i01 {
          width: 39.5%;
          margin-top: -20%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page3 p.t01 {
          margin-top: -140%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page3 p.b01 {
          width: 32.8%;
          margin-top: 5%;
          margin-left: 20%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page3 p.i01 {
          width: 30.3%;
          margin-top: -18%;
          margin-left: 57%; }
        body .wrapper_sp .contents .swiper-wrapper .page3 p.b02 {
          width: 40.3%;
          margin-top: -11%;
          margin-left: 10%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page3 p.i02 {
          width: 63.8%;
          margin-top: -3%;
          margin-left: 15%; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.t01 {
          margin-top: -140%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.t02 {
          margin-top: 0;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.b01 {
          width: 34.1%;
          margin-top: -7%;
          margin-left: 50%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.b02 {
          width: 18.3%;
          margin-top: -45%;
          margin-left: 5%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.i01 {
          width: 61.5%;
          margin-top: -3%;
          margin-left: 30%; }
        body .wrapper_sp .contents .swiper-wrapper .page4 p.i02 {
          width: 21.1%;
          margin-top: 0;
          margin-left: 7%; }
        body .wrapper_sp .contents .swiper-wrapper .page5 p.t01 {
          margin-top: -140%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page5 p.t02 {
          margin-top: 0;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page5 p.b01 {
          width: 36.3%;
          margin-top: 10%;
          margin-left: 10%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page5 p.b02 {
          width: 25.8%;
          margin-top: -30%;
          margin-left: 57%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page5 p.i01 {
          width: 39.1%;
          margin-top: 0;
          margin-left: 50%; }
        body .wrapper_sp .contents .swiper-wrapper .page5 p.i02 {
          width: 51.8%;
          margin-top: -16%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.t01 {
          margin-top: -140%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.t02 {
          margin-top: 0%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.b01 {
          width: 36.3%;
          margin-top: 20%;
          margin-left: 5%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.i01 {
          width: 79.8%;
          margin-top: -33.5%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.b02 {
          width: 38.9%;
          margin-top: -15%;
          margin-left: 46%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page6 p.i02 {
          width: 48.7%;
          margin-top: -23%;
          margin-left: 20%; }
        body .wrapper_sp .contents .swiper-wrapper .page7 p.t01 {
          margin-top: -140%;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page7 p.t02 {
          margin-top: 0;
          margin-left: 10%; }
        body .wrapper_sp .contents .swiper-wrapper .page7 p.b01 {
          width: 39.7%;
          margin-top: 32%;
          margin-left: 15%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page7 p.i01 {
          width: 26.0%;
          margin-top: -0.5%;
          margin-left: 8%; }
        body .wrapper_sp .contents .swiper-wrapper .page8 p.t01 {
          width: 73%;
          margin-top: -137%;
          margin-left: 15%;
          line-height: 1.9; }
        body .wrapper_sp .contents .swiper-wrapper .page8 p.i01 {
          width: 48.8%;
          margin-top: 4.5%;
          margin-left: 25%; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.i01 {
          width: 67.7%;
          margin-top: -140%;
          margin-left: 10.5%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.i03 {
          width: 57.3%;
          margin-top: 10%;
          margin-left: 21.4%;
          opacity: 0; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.i04 {
          width: 49.5%;
          margin-top: 8%;
          margin-left: 25.3%; }
        body .wrapper_sp .contents .swiper-wrapper .page9 p.logo {
          width: 47.3%;
          margin-top: 15%;
          margin-left: 26.4%; }
        body .wrapper_sp .contents .swiper-wrapper .page9 ul {
          list-style-type: none;
          width: 60%;
          margin-top: 5%;
          margin-left: 20%;
          margin-bottom: 5%;
          padding: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          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%; } }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none !important; }