@charset "UTF-8";
/* =====================================================
　りっく☆じあ～す
===================================================== */
/*
  レイアウト（リピート背景もここ）

  各セクション見出し

  ボタン
    - 大サイズボタン
    - ボタンアニメーション
*/

/* -----------------------------------------------------
レイアウト
----------------------------------------------------- */
body {
  width: 100%;
}

#app340_04 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: url(../../../img/contents_pc/lp/app340/app340_04_bg.jpg) no-repeat top center fixed;
  background-color: #faf8f7;
}

#app340_04 section[class^="box0"] {
  position: relative;
  width: 1900px;
  margin-left: -950px;
  left: 50%;
  text-align: center;
}

#app340_04 section[class^="box0"] > img {
  vertical-align: bottom;
}

/* pタグ共通 */
#app340_04 section[class^="box0"] p {
  position: absolute;
}

/* -----------------------------------------------------
各セクション見出し
----------------------------------------------------- */
#app340_04 section[class*="box"] h1 {
  font-size: 0;
  color: rgba(0,0,0,0);
  width: 100%;
  height: 0;
  padding-top: 250px;
  line-height: 250px;
  overflow: hidden;
}

#app340_04 section.box01 h1 {
  background: url(../../../img/contents_pc/lp/app340/app340_04_pic_01.png) no-repeat center 0;
}
#app340_04 section.box02 h1 {
  background: url(../../../img/contents_pc/lp/app340/app340_04_pic_04.png) no-repeat center 0;
}
#app340_04 section.box03 h1 {
  background: url(../../../img/contents_pc/lp/app340/app340_04_pic_08.png) no-repeat center 0;
}

/* -----------------------------------------------------
ボタン
----------------------------------------------------- */
/* 大サイズボタン
----------------------------------------------------- */
#app340_04 p.btnStart {
  width: 188px;
  height: 188px;
  position: absolute;
  left: 50%;
  margin-left: 15%;
  bottom: 30px;
  z-index: 30;
}

#app340_04 p.btnStart a {
  display: block;
  color: rgba(0,0,0,0);
  width: 188px;
  height: 0;
  padding-top: 188px;
  overflow: hidden;
  background: url(../../../img/contents_pc/lp/app340/app340_04_btn.png) no-repeat 0 0;
  background-size: 188px 376px;
  position: relative;
  z-index: 40;
}

/* マウスオーバー */
#app340_04 section.box01 a:hover {
  background-position: 0 -188px;
}
#app340_04 section.box02 a:hover {
  background-position: 0 -188px;
}
#app340_04 section.box03 a:hover {
  background-position: 0 -188px;
}

/* 位置調整 */
#app340_04 section.box02 p.btnStart {
  bottom: -15px;
}
#app340_04 section.box03 p.btnStart {
  bottom: 72px;
}


/*----- ボタン背景アニメーション -----*/
#app340_04 p.btnStart::before {
  content: "";
  display: block;
  width: 188px;
  height: 188px;
  position: absolute;
  background: url(../../../img/contents_pc/lp/app340/app340_04_btn_bg.png) no-repeat 0 0;
  background-size: 188px 188px;
  z-index: 30;
  -webkit-animation: mecaRotate 4s cubic-bezier(0.05,1.16,0.97,1.12) infinite both;
  animation: mecaRotate 4s cubic-bezier(0.05,1.16,0.97,1.12) infinite both;
}

@-webkit-keyframes mecaRotate {
  0%,5% {
    -webkit-transform: rotate(0deg);
  }
  25%,30% {
    -webkit-transform: rotate(90deg);
  }
  50%,55% {
    -webkit-transform: rotate(180deg);
  }
  75%,80% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes mecaRotate {
  0%,5% {
    transform: rotate(0deg);
  }
  25%,30% {
    transform: rotate(90deg);
  }
  50%,55% {
    transform: rotate(180deg);
  }
  75%,80% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* -----------------------------------------------------
box_02
----------------------------------------------------- */
/*----- img -----*/
#app340_04 section.box02 p[class^="img_0"] {
  cursor: pointer;
  width: 418px;
  height: 238px;
  left: 50%;
  margin-left: -24%;
  top: 19%;
  overflow: hidden;
  background: url(../../../img/contents_pc/lp/app340/app340_04_img_01.png) no-repeat 0 0;
}

#app340_04 section.box02 p.img_02 {
  margin-left: 2%;
  background-position: 0 -237px;
}
#app340_04 section.box02 p.img_03 {
  margin-top: 19%;
  margin-left: 2%;
  background-position: 0 -476px;
}
#app340_04 section.box02 p.img_04 {
  margin-top: 19%;
  background-position: 0 -714px;
}


/*----- hover -----*/
#app340_04 section.box02 p.img_01:hover {
  background-position: -418px 0;
}
#app340_04 section.box02 p.img_02:hover {
  background-position: -418px -237px;
}
#app340_04 section.box02 p.img_03:hover {
  background-position: -418px -476px;
}
#app340_04 section.box02 p.img_04:hover {
  background-position: -418px -714px;
}


/*----- text -----*/

#app340_04 section.box02 p[class^="text_0"] {
  width: 424px;
  height: 98px;
  left: 50%;
  margin-left: -24%;
  top: 12%;
  overflow: hidden;
  background: url(../../../img/contents_pc/lp/app340/app340_04_text_01.png) no-repeat 0 0;
  pointer-events: none;
  -webkit-animation: text_anime 4s ease 0s infinite both;
  -o-animation: text_anime 4s ease 0s infinite both;
  -ms-animation: text_anime 4s ease 0s infinite both;
  animation: text_anime 4s ease 0s infinite both;
}

@-webkit-keyframes text_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


#app340_04 section.box02 p.text_02 {
  margin-left: 2%;
  background-position: 0 -196px;
  -webkit-animation: text2_anime 4s ease 1s infinite both;
  -o-animation: text2_anime 4s ease 1s infinite both;
  -ms-animation: text2_anime 4s ease 1s infinite both;
  animation: text2_anime 4s ease 1s infinite both;
}

@-webkit-keyframes text2_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text2_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text2_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text2_anime {
  keyfra
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

#app340_04 section.box02 p.text_03 {
  margin-top: 19%;
  margin-left: 2%;
  background-position: 0 -294px;
  -webkit-animation: text3_anime 4s ease 2s infinite both;
  -o-animation: text3_anime 4s ease 2s infinite both;
  -ms-animation: text3_anime 4s ease 2s infinite both;
  animation: text3_anime 4s ease 2s infinite both;
}

@-webkit-keyframes text3_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text3_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text3_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text3_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

#app340_04 section.box02 p.text_04 {
  margin-top: 19%;
  background-position: 0 -98px;
  -webkit-animation: text4_anime 4s ease 3s infinite both;
  -o-animation: text4_anime 4s ease 3s infinite both;
  -ms-animation: text4_anime 4s ease 3s infinite both;
  animation: text4_anime 4s ease 3s infinite both;
}

@-webkit-keyframes text4_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text4_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text4_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text4_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}



/* -----------------------------------------------------
box_03
----------------------------------------------------- */
#app340_04 section.box03 p[class^="img_0"] {
  cursor: pointer;
  width: 418px;
  height: 238px;
  left: 50%;
  margin-left: -24%;
  top: 21%;
  overflow: hidden;
  background: url(../../../img/contents_pc/lp/app340/app340_04_img_02.png) no-repeat 0 0;
}

#app340_04 section.box03 p.img_06 {
  margin-top: 5%;
  margin-left: 2%;
  background-position: 0 -237px;
}
#app340_04 section.box03 p.img_07 {
  margin-top: 22.5%;
  margin-left: 2%;
  background-position: 0 -714px;
}
#app340_04 section.box03 p.img_08 {
  margin-top: 18%;
  background-position: 0 -476px;
}

/*----- hover -----*/
#app340_04 section.box03 p.img_05:hover {
  background-position: -418px 0;
}
#app340_04 section.box03 p.img_06:hover {
  background-position: -418px -237px;
}
#app340_04 section.box03 p.img_07:hover {
  background-position: -418px -714px;
}
#app340_04 section.box03 p.img_08:hover {
  background-position: -418px -476px;
}

/*----- text -----*/
#app340_04 section.box03 p[class^="text_0"] {
  width: 424px;
  height: 103px;
  left: 50%;
  margin-left: -24%;
  top: 15%;
  overflow: hidden;
  background: url(../../../img/contents_pc/lp/app340/app340_04_text_02.png) no-repeat 0 0;
  pointer-events: none;
  -webkit-animation: text5_anime 4s ease 0s infinite both;
  -o-animation: text5_anime 4s ease 0s infinite both;
  -ms-animation: text5_anime 4s ease 0s infinite both;
  animation: text5_anime 4s ease 0s infinite both;
}

@-webkit-keyframes text5_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text5_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text5_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text5_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


#app340_04 section.box03 p.text_06 {
  margin-top: 4.5%;
  margin-left: 2%;
  background-position: 0 -103px;
  -webkit-animation: text6_anime 4s ease 1s infinite both;
  -o-animation: text6_anime 4s ease 1s infinite both;
  -ms-animation: text6_anime 4s ease 1s infinite both;
  animation: text6_anime 4s ease 1s infinite both;
}

@-webkit-keyframes text6_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text6_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text6_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text6_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

#app340_04 section.box03 p.text_07 {
  margin-top: 22%;
  margin-left: 2%;
  background-position: 0 -309px;
  -webkit-animation: text7_anime 4s ease 3s infinite both;
  -o-animation: text7_anime 4s ease 3s infinite both;
  -ms-animation: text7_anime 4s ease 3s infinite both;
  animation: text7_anime 4s ease 3s infinite both;
}

@-webkit-keyframes text7_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text7_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text7_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text7_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


#app340_04 section.box03 p.text_08 {
  margin-top: 17.3%;
  background-position: 0 -206px;
  -webkit-animation: text8_anime 4s ease 2s infinite both;
  -o-animation: text8_anime 4s ease 2s infinite both;
  -ms-animation: text8_anime 4s ease 2s infinite both;
  animation: text8_anime 4s ease 2s infinite both;
}

@-webkit-keyframes text8_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes text8_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes text8_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes text8_anime {
  0%,0.8% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1%,1.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  2.0%,2.8% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  3.0%,3.8% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  4%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


/* mfp CSS上書き
-----------------------------------------------------*/
.mfp-arrow-right {
  left: 50%;
  margin-left: 400px;
}
.mfp-arrow-left {
  left: 50%;
  margin-left: -500px;
}

.mfp-close {
  top: -1%;
  font-size: 78px;
}
.mfp-image-holder .mfp-close {
  right: -13px;
}