@charset "utf-8";
body,html {
  box-sizing:border-box;
  margin:0 auto;
  padding:0;
  width:100%
}
#lpfooter,
.lpbox {
  font-size:14px;
  font-size:3.7333vw;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Mayryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em
}
@media screen and (min-width:750px) {
  #lpfooter,
  .lpbox {
    font-size:28px;
    max-width:750px;
    margin:0 auto
  }
}
#lpfooter a,
.lpbox a {
  color:inherit;
  text-decoration:none;
  font-size:inherit;
  font-weight:inherit
}
#lpfooter a:hover,
.lpbox a:hover {
  text-decoration:underline
}
#lpfooter span,
.lpbox span {
  font-size:inherit;
  font-weight:inherit
}
#lpfooter img,
.lpbox img {
  width:100%;
  height:auto;
  display:block;
  margin-left:auto;
  margin-right:auto;
  vertical-align:bottom
}
#lpfooter img.img-t,
.lpbox img.img-t {
  vertical-align:top
}
.lpbox dd,
.lpbox div,
.lpbox dl,
.lpbox dt,
.lpbox h1,
.lpbox h2,
.lpbox h3,
.lpbox header,
.lpbox p,
.lpbox section,
.lpbox span {
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  background:0 0;
  box-sizing:border-box;
  padding:0;
  margin:0 auto
}
#lpfooter div,
#lpfooter footer,
#lpfooter p {
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  background:0 0;
  box-sizing:border-box;
  padding:0;
  margin:0 auto
}
#lpfooter li,
#lpfooter ul,
.lpbox li,
.lpbox ul {
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  background:0 0;
  box-sizing:border-box;
  padding:0;
  margin:0 auto;
  list-style:none
}
.lpbox {
  overflow:hidden
}
.lpbox #fv {
  position:relative
}
.lpbox .fv__bubble {
  position:absolute;
  bottom:16em;
  right:.1em;
  width:16%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .fv__bubble02 {
  position:absolute;
  top:18em;
  left:-3em;
  width:30.2%;
  animation:cloud 3.4s ease-in infinite alternate both
}
.lpbox .fv__bubble03 {
  position:absolute;
  top:18em;
  right:-2em;
  width:28.6%;
  animation:cloud 5s ease-in infinite alternate both
}
.lpbox .fv__item {
  position:absolute;
  bottom:11.3em;
  left:1.2em;
  width:40.6%
}
.lpbox .cta__box {
  background:#f2f3ff
}
.lpbox .cta__box__sb {
  position:relative
}
.lpbox .cta_item {
  position:absolute;
  top:7em;
  left:2em;
  width:36.5%;
  z-index:1
}
.lpbox .cta__box__maru01 {
  position:absolute;
  top:6em;
  left:0;
  width:24.9%;
  animation:20s linear infinite rotation1
}
.lpbox .cta__box__maru02 {
  position:absolute;
  top:15em;
  left:6em;
  width:24.9%;
  animation:20s linear infinite rotation1
}
.lpbox .cta__btn {
  margin:0 auto;
  position:relative;
  width:95%
}
.lpbox .cta2 {
  margin-top:-4em;
  position:relative
}
.lpbox .cta2 .cta__box {
  background:0 0
}
.lpbox .annotation__text {
  font-size:.65em;
  line-height:1.5em;
  padding:2% 5%;
  text-align:justify;
  color:#fff;
  background:#7368ba;
  background:-moz-linear-gradient(top,#7368ba 0,#917bc1 100%);
  background:-webkit-linear-gradient(top,#7368ba 0,#917bc1 100%);
  background:linear-gradient(to bottom,#7368ba 0,#917bc1 100%)
}
.lpbox .qa {
  position:relative
}
.lpbox .z-in {
  position:relative;
  z-index:9
}
.lpbox .nayami__box {
  position:relative
}
.lpbox .nayami__box .maru_logo {
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  width:24.95%
}
.lpbox .nayami__box .maru {
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  width:24.95%;
  animation:20s linear infinite rotation1
}
.lpbox #idea {
  background:url("https://ayp-bug-3g4filfd.landinghub.site/5001/img/webp/idea_bg.webp") center top no-repeat;
  background-size:100%;
  background-position-y:40%;
  width:100%;
  height:100%;
  display:block
}
.lpbox .idea__box {
  position:relative
}
.lpbox .idea__box__item {
  position:absolute;
  left:4em;
  width:75.1%;
  z-index:1
}
.lpbox .idea__box__polka01 {
  position:absolute;
  bottom:7em;
  right:1em;
  width:3%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .idea__box__polka02 {
  position:absolute;
  bottom:3em;
  right:2em;
  width:15.5%;
  animation:cloud 4s ease-in infinite alternate both
}
.lpbox .idea__box__polka03 {
  position:absolute;
  bottom:0;
  left:0;
  width:30%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .idea__box__bubble01 {
  position:absolute;
  bottom:-2em;
  right:0;
  width:10.5%;
  animation:fadedown 10s infinite
}
.lpbox .idea__box__bubble02 {
  position:absolute;
  bottom:-1em;
  left:0;
  width:21.6%;
  animation:fadedown 15s infinite
}
.idea__box .maru {
  position:absolute;
  top:-1em;
  left:.5em;
  width:24.95%;
  animation:20s linear infinite rotation1
}
.idea__box .video {
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  width:80%
}
.idea__box .video video {
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  width:100%;
  border-radius:1em
}
.idea__box .idea__icon {
  position:absolute;
  top:-2.5em;
  right:0;
  z-index:9;
  width:28.6%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.idea__box .maru2 {
  position:absolute;
  top:8em;
  right:.5em;
  width:24.95%;
  animation:20s linear infinite rotation1
}
.idea__box .idea__icon2 {
  position:absolute;
  top:-.7em;
  left:0;
  z-index:9;
  width:31%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .no1__box {
  position:relative
}
.lpbox .no1__catch {
  position:absolute;
  top:0;
  right:2em;
  width:16.9%;
  z-index:8
}
.lpbox .no1__bubble01 {
  position:absolute;
  top:5em;
  left:-3em;
  width:33%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .no1__bubble02 {
  position:absolute;
  top:15em;
  right:-2em;
  width:28%;
  animation:cloud 2.6s ease-in infinite alternate both
}
.lpbox .no1__bubble03 {
  position:absolute;
  top:19em;
  left:3em;
  width:29%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .no1__bubble04 {
  position:absolute;
  bottom:3em;
  right:3em;
  width:16%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .no1__bubble05 {
  position:absolute;
  bottom:3em;
  right:2em;
  width:4%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .no1__box_award {
  position:absolute;
  top:0;
  left:0;
  width:145%
}
.lpbox .no1__box_award img {
  padding-right:5%
}
.lpbox .no1__bubble06 {
  position:absolute;
  top:-2em;
  right:-3em;
  width:29%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .no1__bubble07 {
  position:absolute;
  top:1em;
  left:2em;
  width:6%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .no1__bubble08 {
  position:absolute;
  top:2em;
  left:-2.5em;
  width:20%;
  animation:cloud 2.6s ease-in infinite alternate both
}
.lpbox #sns {
  background:url("https://ayp-bug-3g4filfd.landinghub.site/5001/img/webp/sns_bg.webp") center top no-repeat;
  background-size:100%;
  width:100%;
  height:100%;
  margin-top:-4em;
  padding-top:4em;
  display:block
}
.lpbox .sns__box {
  position:relative
}
.lpbox .sns__box_slider01 {
  position:absolute;
  top:0;
  left:0
}
.lpbox .sns__box_slider01 img {
  width:300%
}
.lpbox .sns__box_slider02 {
  position:absolute;
  top:6.7em;
  left:0
}
.lpbox .sns__box_slider02 img {
  width:300%
}
.lpbox .magazine__box {
  position:relative;
  background:#fff
}
.lpbox .magazine__box_slider01 {
  position:absolute;
  top:0;
  left:0
}
.lpbox .magazine__box_slider02 {
  position:absolute;
  top:12em;
  left:0
}
.lpbox .care__box {
  position:relative
}
.lpbox .care__box__catch {
  position:absolute;
  top:0;
  right:2em;
  width:53.3%;
  z-index:9
}
.lpbox .care__box__img {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index:8
}
.lpbox .care__bubble01 {
  position:absolute;
  top:1em;
  left:-1em;
  width:32%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .care__bubble02 {
  position:absolute;
  top:-3em;
  right:-6em;
  width:59%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .care__bubble03 {
  position:absolute;
  top:12em;
  left:-3em;
  width:29%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .care__bubble04 {
  position:absolute;
  bottom:0;
  right:0;
  width:34%;
  animation:cloud 2s ease-in infinite alternate both;
  z-index:9
}
.lpbox .care__bubble05 {
  position:absolute;
  bottom:2em;
  left:5em;
  width:4%;
  z-index:9;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .care__bubble06 {
  position:absolute;
  bottom:-2em;
  left:1em;
  width:15%;
  z-index:9;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .care {
  position:relative
}
.lpbox .care__item {
  position:absolute;
  bottom:0;
  right:0;
  width:42.6%;
  z-index:9;
  animation:cloud 4s ease-in infinite alternate both
}
.lpbox .damage_hair__box {
  position:relative
}
.lpbox .damage_bubble_01 {
  position:absolute;
  top:3em;
  left:-1.5em;
  width:33.5%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .damage_bubble_02 {
  position:absolute;
  top:2em;
  left:6.3em;
  width:32%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .damage_bubble_03 {
  position:absolute;
  top:.5em;
  right:4.5em;
  width:32%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .damage_bubble_04 {
  position:absolute;
  top:3em;
  right:-2em;
  width:31%;
  animation:cloud 2.7s ease-in infinite alternate both
}
.lpbox .damage_bubble_05 {
  position:absolute;
  bottom:4em;
  left:1em;
  width:33%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .damage_bubble_06 {
  position:absolute;
  bottom:5em;
  right:9em;
  width:32%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .damage_bubble_07 {
  position:absolute;
  bottom:4em;
  right:1em;
  width:33%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .damage_bubble_08 {
  position:absolute;
  top:2em;
  left:0;
  width:6%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .damage_bubble_09 {
  position:absolute;
  top:1em;
  right:2em;
  width:6%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .damage_bubble_10 {
  position:absolute;
  top:6em;
  left:15em;
  width:8%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .damage_bubble_11 {
  position:absolute;
  bottom:8em;
  left:-2.5em;
  width:15%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .damage_bubble_12 {
  position:absolute;
  bottom:11em;
  right:8em;
  width:3%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .point__box {
  position:relative
}
.lpbox .point__box_award {
  position:absolute;
  top:1em;
  left:0;
  width:145%
}
.lpbox .point__box_award img {
  padding-right:5%
}
.lpbox .point__box__icon {
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  width:20.8%
}
.lpbox .point__box__ani video {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
  width:80%;
  border-radius:1em
}
.lpbox .point__box__text {
  position:absolute;
  top:7em;
  left:0;
  width:29.4%;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .point__box .maru {
  position:absolute;
  top:7em;
  left:-4em;
  width:24.95%;
  animation:20s linear infinite rotation1
}
.lpbox .point__box .point__item01 {
  position:absolute;
  top:0;
  left:7.5em;
  width:25%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .point__box .point__item02 {
  position:absolute;
  top:1em;
  left:1.5em;
  width:26.5%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .point__box .point__item03 {
  position:absolute;
  top:6em;
  left:4em;
  width:24.5%;
  animation:cloud 2.6s ease-in infinite alternate both;
  z-index:1
}
.lpbox .point__box .point__item04 {
  position:absolute;
  bottom:9em;
  left:0;
  width:26.5%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .point__box .point__item05 {
  position:absolute;
  bottom:3em;
  left:3em;
  width:26.6%;
  animation:cloud 2.3s ease-in infinite alternate both
}
.lpbox .point__box .point__item06 {
  position:absolute;
  top:0;
  right:0;
  width:23%;
  animation:cloud 2.7s ease-in infinite alternate both
}
.lpbox .point__box .point__item07 {
  position:absolute;
  top:4em;
  right:3em;
  width:27.5%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .point__box .point__item08 {
  position:absolute;
  bottom:10em;
  right:0;
  width:23%
}
.lpbox .point__box .point__item09 {
  position:absolute;
  bottom:7em;
  right:6em;
  width:23.5%;
  animation:cloud 3.2s ease-in infinite alternate both
}
.lpbox .point__box .point__item10 {
  position:absolute;
  bottom:3em;
  right:2em;
  width:26.6%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .point__box .point__item11 {
  position:absolute;
  bottom:8em;
  right:0;
  left:0;
  margin:0 auto;
  width:94.9%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .night_cap_01 {
  position:absolute;
  top:7em;
  left:0;
  width:33.86%;
  animation:cloud 2.7s ease-in infinite alternate both
}
.lpbox .night_cap_02 {
  position:absolute;
  top:7em;
  right:0;
  width:33.6%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .night_cap_03 {
  position:absolute;
  top:6.7em;
  left:0;
  right:0;
  width:89.3%
}
.lpbox .urutuya__box {
  position:relative
}
.lpbox .urutuya__box__titl {
  position:absolute;
  top:0;
  left:0;
  width:93.47%
}
.lpbox .urutuya__box__item {
  position:absolute;
  right:0;
  width:92%;
  z-index:1
}
.lpbox .urutuya__box__bubble01 {
  position:absolute;
  bottom:0;
  right:0;
  width:10.5%;
  animation:fadedown 10s infinite
}
.lpbox .urutuya__box__bubble02 {
  position:absolute;
  bottom:0;
  left:0;
  width:22%;
  animation:fadedown 15s infinite
}
.lpbox .voice__box {
  position:relative
}
.lpbox .voice__box_waterpolo01 {
  position:absolute;
  top:-6em;
  right:-5em;
  width:47%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .voice__box_waterpolo02 {
  position:absolute;
  top:5em;
  left:-1.5em;
  width:31%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .kuse__box {
  position:relative
}
.lpbox .kuse_catch {
  position:absolute;
  top:2em;
  left:0;
  width:81.2%;
  z-index:1
}
.lpbox .kuse__box__bubble_01 {
  position:absolute;
  top:2em;
  left:-4em;
  width:30.2%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .kuse__box__bubble_02 {
  position:absolute;
  top:10em;
  left:2em;
  width:34.2%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .kuse__box__bubble_03 {
  position:absolute;
  top:17em;
  left:.5em;
  width:15.5%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .kuse__box__bubble_04 {
  position:absolute;
  top:24em;
  right:1em;
  width:35.4%;
  animation:cloud 2.6s ease-in infinite alternate both
}
.lpbox .kuse__box__bubble_05 {
  position:absolute;
  bottom:9em;
  right:0;
  width:16%;
  animation:cloud 3.5s ease-in infinite alternate both
}
.lpbox .kuse_hana {
  position:absolute;
  bottom:5em;
  left:5em;
  width:31%;
  z-index:1
}
.lpbox .kuse_hana_text {
  position:absolute;
  top:6em;
  left:1em;
  width:29.5%;
  z-index:1
}
.lpbox .kuse__box__bubble_06 {
  position:absolute;
  bottom:9em;
  left:-2em;
  width:25%;
  animation:cloud 3.5s ease-in infinite alternate both;
  z-index:1
}
.lpbox .kuse__box__bubble_07 {
  position:absolute;
  bottom:10em;
  left:2em;
  width:4%;
  animation:cloud 2s ease-in infinite alternate both
}
.lpbox .kuse__box__bubble_08 {
  position:absolute;
  bottom:10em;
  left:1em;
  width:41%;
  animation:cloud 3s ease-in infinite alternate both
}
.lpbox .question {
  margin-bottom:3em;
  position:relative
}
.lpbox .sticky {
  content:"";
  background:url(https://ayp-bug-3g4filfd.landinghub.site/5001/img/webp/qa_bg.webp) center top;
  background-size:100%;
  width:100%;
  max-width:750px;
  height:32em;
  display:block;
  background-size:cover;
  position:fixed;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  z-index:-1;
  animation:cloud 2.5s ease-in infinite alternate both
}
.lpbox .question dt {
  position:relative
}
.lpbox .question dt:before {
  content:"";
  background:url(https://ayp-bug-3g4filfd.landinghub.site/5001/img/ar.png) no-repeat;
  background-position:50% 50%;
  background-size:100%;
  width:.8em;
  height:.8em;
  display:block;
  position:absolute;
  top:50%;
  right:10%;
  margin-top:-.4em;
  -webkit-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
.lpbox .question dt.acd-open:before {
  content:"";
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
}
.lpbox .sns__item {
  display:block;
  position:relative;
  width:100%;
  height:0;
  padding-bottom:26.666%;
  margin:0 auto;
  z-index:3
}
.lpbox .sns__item--top {
  background-image:url(../img/webp/sns_slider_02.webp);
  -webkit-background-size:auto 100%;
  background-size:auto 100%;
  background-repeat:repeat;
  background-position:0 0;
  -webkit-animation:bgloop 50s linear infinite;
  animation:bgloop 50s linear infinite
}
.lpbox .sns__item--mdl {
  background-image:url(../img/webp/sns_slider_01.webp);
  -webkit-background-size:auto 100%;
  background-size:auto 100%;
  background-repeat:repeat;
  background-position:0 0;
  -webkit-animation:bgloop-rev 50s linear infinite;
  animation:bgloop-rev 50s linear infinite
}
.lpbox .sns__item--btm {
  background-image:url(../img/webp/magazine_slider_01.webp);
  -webkit-background-size:auto 100%;
  background-size:auto 100%;
  background-repeat:repeat;
  background-position:0 0;
  -webkit-animation:bgloop 50s linear infinite;
  animation:bgloop 50s linear infinite
}
.lpbox .magazine__item {
  display:block;
  position:relative;
  width:100%;
  height:0;
  padding-bottom:26.666%;
  margin:0 auto;
  z-index:3
}
.lpbox .magazine__item--top {
  background-image:url(../img/webp/magazine_slider_01.webp);
  -webkit-background-size:auto 100%;
  background-size:auto 100%;
  background-repeat:repeat;
  background-position:0 0;
  -webkit-animation:bgloop 10s linear infinite;
  animation:bgloop 10s linear infinite
}
.lpbox .magazine__item--btm {
  background-image:url(../img/webp/magazine_slider_02.webp);
  -webkit-background-size:auto 100%;
  background-size:auto 100%;
  background-repeat:repeat;
  background-position:0 0;
  -webkit-animation:bgloop 5s linear infinite;
  animation:bgloop 5s linear infinite
}
@-webkit-keyframes bgloop {
  from {
    background-position:0 0
  }
  to {
    background-position:300% 0
  }
}
@keyframes bgloop {
  from {
    background-position:0 0
  }
  to {
    background-position:300% 0
  }
}
@-webkit-keyframes bgloop-rev {
  from {
    background-position:0 0
  }
  to {
    background-position:-300% 0
  }
}
@keyframes bgloop-rev {
  from {
    background-position:0 0
  }
  to {
    background-position:-300% 0
  }
}
.lpbox #fixbtn {
  position:fixed;
  bottom:-100%;
  left:0;
  z-index:999;
  width:100%;
  overflow:hidden;
  -webkit-transition:all .8s ease;
  -o-transition:all .8s ease;
  transition:all .8s ease
}
.lpbox #fixbtn.fixbtn--visible {
  bottom:0
}
.lpbox #fixbtn .fixbtn__box {
  position:relative;
  bottom:0;
  display:block;
  margin:0 auto;
  position:relative;
  max-width:750px
}
#lpfooter {
  padding-top:2em;
  background:#f2f3ff
}
#lpfooter .footer__link {
  text-align:center;
  margin-bottom:2em
}
#lpfooter .footer__link li {
  font-size:1em;
  margin-bottom:1em;
  color:#2f3daa
}
#lpfooter #copy {
  background-image:-moz-linear-gradient(0deg,#52a2ff 0,#f0b3c7 100%,#f0b3c7 100%);
  background-image:-webkit-linear-gradient(0deg,#52a2ff 0,#f0b3c7 100%,#f0b3c7 100%);
  background-image:-ms-linear-gradient(0deg,#52a2ff 0,#f0b3c7 100%,#f0b3c7 100%);
  box-shadow:0 0 20px 0 rgba(255,255,255,.5);
  text-align:center;
  font-size:.75em;
  color:#fff;
  box-sizing:border-box;
  padding:.5em
}
.lpbox .fadein {
  display:block;
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-filter:blur(0);
  -o-filter:blur(0);
  filter:blur(0);
  -webkit-transition-duration:1.2s;
  -o-transition-duration:1.2s;
  transition-duration:1.2s;
  -webkit-transition-property:all;
  -o-transition-property:all;
  transition-property:all;
  -webkit-transition-timing-function:ease;
  -o-transition-timing-function:ease;
  transition-timing-function:ease
}
.lpbox .animhide .fadein {
  display:block;
  opacity:0;
  -webkit-transform:translate3d(0,50%,0);
  -ms-transform:translate3d(0,50%,0);
  -o-transform:translate3d(0,50%,0);
  transform:translate3d(0,50%,0);
  -webkit-filter:blur(0.5em);
  -o-filter:blur(0.5em);
  filter:blur(.5em)
}
.lpbox .slideleft {
  display:block;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-transition-duration:1.2s;
  -o-transition-duration:1.2s;
  transition-duration:1.2s;
  -webkit-transition-property:all;
  -o-transition-property:all;
  transition-property:all;
  -webkit-transition-timing-function:ease;
  -o-transition-timing-function:ease;
  transition-timing-function:ease;
  opacity:1
}
.lpbox .animhide .slideleft {
  display:block;
  -webkit-transform:translate3d(-50%,0,0);
  -ms-transform:translate3d(-50%,0,0);
  -o-transform:translate3d(-50%,0,0);
  transform:translate3d(-50%,0,0);
  opacity:0
}
.lpbox .slideright {
  display:block;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-transition-duration:1.2s;
  -o-transition-duration:1.2s;
  transition-duration:1.2s;
  -webkit-transition-property:all;
  -o-transition-property:all;
  transition-property:all;
  -webkit-transition-timing-function:ease;
  -o-transition-timing-function:ease;
  transition-timing-function:ease;
  opacity:1
}
.lpbox .animhide .slideright {
  display:block;
  -webkit-transform:translate3d(50%,0,0);
  -ms-transform:translate3d(50%,0,0);
  -o-transform:translate3d(50%,0,0);
  transform:translate3d(50%,0,0);
  opacity:0
}
.bounce {
  -webkit-animation-name:bounce;
  -moz-animation-name:bounce;
  -o-animation-name:bounce;
  animation-name:bounce;
  -webkit-animation-duration:1.2s;
  -moz-animation-duration:1.2s;
  -o-animation-duration:1.2s;
  animation-duration:1.2s;
  -webkit-animation-timing-function:ease;
  -moz-animation-timing-function:ease;
  -o-animation-timing-function:ease;
  animation-timing-function:ease;
  -webkit-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform:scale(1,1) translate3d(0 ,0 ,0);
    -ms-transform:scale(1,1) translate3d(0 ,0 ,0);
    -o-transform:scale(1,1) translate3d(0 ,0 ,0);
    transform:scale(1,1) translate3d(0 ,0 ,0)
  }
  10% {
    -webkit-transform:scale(1.05,.95) translate3d(0 ,0 ,0);
    -ms-transform:scale(1.05,.95) translate3d(0 ,0 ,0);
    -o-transform:scale(1.05,.95) translate3d(0 ,0 ,0);
    transform:scale(1.05,.95) translate3d(0 ,0 ,0)
  }
  30% {
    -webkit-transform:scale(.95,1.05) translate3d(0 ,-8% ,0);
    -ms-transform:scale(.95,1.05) translate3d(0 ,-8% ,0);
    -o-transform:scale(.95,1.05) translate3d(0 ,-8% ,0);
    transform:scale(.95,1.05) translate3d(0 ,-8% ,0)
  }
  50% {
    -webkit-transform:scale(1.02,.97) translate3d(0 ,0 ,0);
    -ms-transform:scale(1.02,.97) translate3d(0 ,0 ,0);
    -o-transform:scale(1.02,.97) translate3d(0 ,0 ,0);
    transform:scale(1.02,.97) translate3d(0 ,0 ,0)
  }
  57% {
    -webkit-transform:scale(1,1) translate3d(0 ,-2% ,0);
    -ms-transform:scale(1,1) translate3d(0 ,-2% ,0);
    -o-transform:scale(1,1) translate3d(0 ,-2% ,0);
    transform:scale(1,1) translate3d(0 ,-2% ,0)
  }
  64% {
    -webkit-transform:scale(1,1) translate3d(0 ,0 ,0);
    -ms-transform:scale(1,1) translate3d(0 ,0 ,0);
    -o-transform:scale(1,1) translate3d(0 ,0 ,0);
    transform:scale(1,1) translate3d(0 ,0 ,0)
  }
  100% {
    -webkit-transform:scale(1,1) translate3d(0 ,0 ,0);
    -ms-transform:scale(1,1) translate3d(0 ,0 ,0);
    -o-transform:scale(1,1) translate3d(0 ,0 ,0);
    transform:scale(1,1) translate3d(0 ,0 ,0)
  }
}
@keyframes bounce {
  0% {
    -webkit-transform:scale(1,1) translate3d(0 ,0 ,0);
    -ms-transform:scale(1,1) translate3d(0 ,0 ,0);
    -o-transform:scale(1,1) translate3d(0 ,0 ,0);
    transform:scale(1,1) translate3d(0 ,0 ,0)
  }
  10% {
    -webkit-transform:scale(1.05,.95) translate3d(0 ,0 ,0);
    -ms-transform:scale(1.05,.95) translate3d(0 ,0 ,0);
    -o-transform:scale(1.05,.95) translate3d(0 ,0 ,0);
    transform:scale(1.05,.95) translate3d(0 ,0 ,0)
  }
  30% {
    -webkit-transform:scale(.95,1.05) translate3d(0 ,-8% ,0);
    -ms-transform:scale(.95,1.05) translate3d(0 ,-8% ,0);
    -o-transform:scale(.95,1.05) translate3d(0 ,-8% ,0);
    transform:scale(.95,1.05) translate3d(0 ,-8% ,0)
  }
  50% {
    -webkit-transform:scale(1.02,.97) translate3d(0 ,0 ,0);
    -ms-transform:scale(1.02,.97) translate3d(0 ,0 ,0);
    -o-transform:scale(1.02,.97) translate3d(0 ,0 ,0);
    transform:scale(1.02,.97) translate3d(0 ,0 ,0)
  }
  57% {
    -webkit-transform:scale(1,1) translate3d(0 ,-2% ,0);
    -ms-transform:scale(1,1) translate3d(0 ,-2% ,0);
    -o-transform:scale(1,1) translate3d(0 ,-2% ,0);
    transform:scale(1,1) translate3d(0 ,-2% ,0)
  }
  64% {
    -webkit-transform:scale(1,1) translate3d(0 ,0 ,0);
    -ms-transform:scale(1,1) translate3d(0 ,0 ,0);
    -o-transform:scale(1,1) translate3d(0 ,0 ,0);
    transform:scale(1,1) translate3d(0 ,0 ,0)
  }
  100% {
    -webkit-transform:scale(1,1) translate3d(0 ,0 ,0);
    -ms-transform:scale(1,1) translate3d(0 ,0 ,0);
    -o-transform:scale(1,1) translate3d(0 ,0 ,0);
    transform:scale(1,1) translate3d(0 ,0 ,0)
  }
}
@keyframes cloud {
  0% {
    transform:translate(2px,30px)
  }
  100% {
    transform:translate(-2px,0)
  }
}
@keyframes rotation1 {
  0% {
    transform:rotate(0)
  }
  100% {
    transform:rotate(360deg)
  }
}
.lpbox .cta__box_award {
  position:absolute;
  top:1em;
  left:0
}
.lpbox .loop_wrap {
  display:flex;
  overflow:hidden
}
.lpbox .loop_wrap img {
  flex:0 0 auto;
  white-space:nowrap;
  overflow:hidden
}
.lpbox .loop_wrap img:nth-child(odd) {
  animation:loop 50s -25s linear infinite
}
.lpbox .loop_wrap img:nth-child(2n) {
  animation:loop2 50s linear infinite
}
@keyframes loop {
  0% {
    transform:translateX(100%)
  }
  to {
    transform:translateX(-100%)
  }
}
@keyframes loop2 {
  0% {
    transform:translateX(0)
  }
  to {
    transform:translateX(-200%)
  }
}
.lpbox .loop_wrap2 {
  display:flex;
  overflow:hidden
}
.lpbox .loop_wrap2 img {
  flex:0 0 auto;
  white-space:nowrap;
  overflow:hidden
}
.lpbox .loop_wrap2 img:nth-child(odd) {
  animation:loop3 50s -25s linear infinite
}
.lpbox .loop_wrap2 img:nth-child(2n) {
  animation:loop4 50s linear infinite
}
@keyframes loop3 {
  0% {
    transform:translateX(-100%)
  }
  to {
    transform:translateX(100%)
  }
}
@keyframes loop4 {
  0% {
    transform:translateX(-200%)
  }
  to {
    transform:translateX(0)
  }
}
@keyframes fadedown {
  0% {
    opacity:0;
    transform:translateY(20em)
  }
  80% {
    opacity:0;
    transform:translateY(20em)
  }
  90% {
    opacity:1;
    transform:translateY(200)
  }
  100% {
    opacity:0;
    transform:translateY(-20em)
  }
}
@keyframes tabAnim {
  0% {
    opacity:0
  }
  100% {
    opacity:1
  }
}
.lpbox .tab_wrap {
  width:100%;
  margin:0 auto 3em
}
.lpbox input[type=radio] {
  display:none
}
.lpbox .tab_area {
  text-align:center;
  margin:0 auto .5em
}
.lpbox .tab_area label {
  width:45%;
  /*! margin: 0 5px; */display:inline-block;
  padding:2% 0;
  color:#303030;
  background:#ddd;
  text-align:center;
  font-size:.8em;
  line-height:1.3em;
  font-weight:700;
  cursor:pointer;
  transition:ease .2s opacity;
  border-bottom:.2em solid #2f3daa;
  border-radius:1em 1em 0 0
}
.lpbox .tab_area label:hover {
  opacity:.5
}
.lpbox .tab_panel {
  width:100%;
  opacity:0;
  padding:0;
  display:none
}
.lpbox .tab_panel p {
  text-align:center
}
.lpbox #tab1:checked~.tab_area .tab1_label {
  background:#fff;
  color:#2f3daa;
  border-bottom:.2em solid #fff;
  border-top:.2em solid #2f3daa;
  border-left:.2em solid #2f3daa;
  border-right:.2em solid #2f3daa;
  border-radius:1em 1em 0 0
}
.lpbox #tab1:checked~.panel_area #panel1 {
  display:block;
  animation:tabAnim ease .6s forwards;
  -ms-animation:tabAnim ease 0.6s forwards
}
.lpbox #tab2:checked~.tab_area .tab2_label {
  background:#fff;
  color:#2f3daa;
  border-bottom:.2em solid #fff;
  border-top:.2em solid #2f3daa;
  border-left:.2em solid #2f3daa;
  border-right:.2em solid #2f3daa;
  border-radius:1em 1em 0 0
}
.lpbox #tab2:checked~.panel_area #panel2 {
  display:block;
  animation:tabAnim ease .6s forwards;
  -ms-animation:tabAnim ease 0.6s forwards
}
.yurayura .animitem__move1 {
  display:block;
  -webkit-animation-name:yurayura-move1;
  -moz-animation-name:yurayura-move1;
  -o-animation-name:yurayura-move1;
  animation-name:yurayura-move1;
  -webkit-animation-duration:5s;
  -moz-animation-duration:5s;
  -o-animation-duration:5s;
  animation-duration:5s;
  -webkit-animation-timing-function:ease-in-out;
  -moz-animation-timing-function:ease-in-out;
  -o-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-transform-origin:50% 90%;
  -moz-transform-origin:50% 90%;
  -ms-transform-origin:50% 90%;
  -o-transform-origin:50% 90%;
  transform-origin:50% 90%;
  transform:rotate3d(0,1,0,0deg) translate3d(0,0,0)
}
@keyframes yurayura-move1 {
  0% {
    transform:rotate3d(0,0,1,-1deg) translate3d(0,0,0)
  }
  50% {
    transform:rotate3d(0,0,1,1deg) translate3d(0,0,0)
  }
  100% {
    transform:rotate3d(0,0,1,-1deg) translate3d(0,0,0)
  }
}