@import url(3rd-party/swiper.min.css);
@import url(3rd-party/animate.min.css);
/* line 4, ../sass/index.scss */
.main {
  position: relative;
}
/* line 6, ../sass/index.scss */
.main .primary {
  margin-top: -40px;
  position: fixed;
  right: 16px;
  top: 50%;
  z-index: 120;
}
/* line 12, ../sass/index.scss */
.main .primary a {
  background-position: 0 -715px;
  height: 20px;
  margin: 16px 0;
}
/* line 16, ../sass/index.scss */
.main .primary a.active {
  background-position: 0 -697px;
}
/* line 22, ../sass/index.scss */
.main .section h2 {
  background: url("../img/block_01_title.png") no-repeat;
  display: block;
  width: 312px;
  margin: 0 auto;
  text-indent: -9999px;
  margin-bottom: 34px;
}
/* line 31, ../sass/index.scss */
.main .section a.icon.arrow-down {
  height: 41px;
  background-position: 0 -435px;
  bottom: 100px;
  left: 50%;
  position: absolute;
  animation-duration: 2s;
}
/* line 40, ../sass/index.scss */
.main .section .slider {
  height: 274px;
  position: absolute;
  right: 88px;
  top: 49px;
  width: 212px;
}
/* line 13, ../sass/define/___mixins.scss */
.main .section .slider {
  zoom: 1;
}
/* line 16, ../sass/define/___mixins.scss */
.main .section .slider:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
/* line 47, ../sass/index.scss */
.main .section .slider p {
  color: #606060;
  font-size: 16px;
  font-weight: bold;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
/* line 55, ../sass/index.scss */
.main .section .slider .icon {
  background: url("../img/icon.png") no-repeat;
  display: block;
  width: 60px;
}
/* line 59, ../sass/index.scss */
.main .section .slider .icon:hover {
  opacity: .6;
}
/* line 63, ../sass/index.scss */
.main .section .slider .swiper-button-next, .main .section .slider .swiper-button-prev {
  top: 63%;
  height: 24px;
}
/* line 67, ../sass/index.scss */
.main .section .slider .swiper-button-next {
  background-position: 0 -581px;
  right: -5px;
}
/* line 71, ../sass/index.scss */
.main .section .slider .swiper-button-prev {
  background-position: 0 -558px;
  left: -5px;
}
/* line 75, ../sass/index.scss */
.main .section .slider a.more {
  float: right;
  height: 18px;
  margin-top: 5px;
}
/* line 82, ../sass/index.scss */
.main .section-01 {
  background: url("../img/block_01.jpg") repeat;
  width: 100%;
  height: 800px;
}
/* line 86, ../sass/index.scss */
.main .section-01 .container {
  background: url("../img/block_01_shadow.png") no-repeat;
  height: 100%;
}
/* line 90, ../sass/index.scss */
.main .section-01 .logo {
  background: url("../img/logo.png") no-repeat;
  width: 199px;
  height: 37px;
  top: 17px;
  left: 35px;
  position: absolute;
}
/* line 98, ../sass/index.scss */
.main .section-01 a.icon {
  display: block;
  position: absolute;
  z-index: 120;
}
/* line 102, ../sass/index.scss */
.main .section-01 a.icon.fb {
  height: 35px;
  background-position: 0 -735px;
  top: 17px;
  right: 35px;
}
/* line 108, ../sass/index.scss */
.main .section-01 a.icon.arrow-left {
  height: 72px;
  background-position: 0 0;
  top: 40%;
  left: 63px;
}
/* line 114, ../sass/index.scss */
.main .section-01 a.icon.arrow-right {
  height: 72px;
  background-position: 0 -72px;
  top: 40%;
  right: 63px;
}
/* line 121, ../sass/index.scss */
.main .section-01 .act {
  text-align: center;
  top: 44px;
  position: absolute;
}
/* line 126, ../sass/index.scss */
.main .section-01 .balloon {
  position: absolute;
  left: 100px;
  top: 220px;
  background: url("../img/balloon.png") no-repeat;
  width: 69px;
  height: 174px;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
/* line 136, ../sass/index.scss */
.main .section-01 .love {
  position: absolute;
  right: 100px;
  top: 236px;
  background: url("../img/love.png") no-repeat;
  width: 43px;
  height: 30px;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
/* line 146, ../sass/index.scss */
.main .section-01 .btn-magic, .main .section-01 .btn-product {
  position: absolute;
  width: 119px;
  height: 95px;
  display: block;
  z-index: 120;
  bottom: 80px;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
/* line 156, ../sass/index.scss */
.main .section-01 .btn-magic {
  background: url("../img/btn_magic.png") no-repeat;
  right: 220px;
}
/* line 160, ../sass/index.scss */
.main .section-01 .btn-product {
  background: url("../img/btn_product.png") no-repeat;
  right: 100px;
}
/* line 165, ../sass/index.scss */
.main .section-02 {
  background: url("../img/block_02.jpg") repeat;
  width: 100%;
  height: 1000px;
}
/* line 169, ../sass/index.scss */
.main .section-02 .container {
  padding: 66px 0 78px;
}
/* line 171, ../sass/index.scss */
.main .section-02 .container .main {
  background: url("../img/block_02_main.png") no-repeat;
  height: 475px;
}
/* line 176, ../sass/index.scss */
.main .section-02 h2 {
  height: 73px;
  background-position: 0 0px;
}
/* line 181, ../sass/index.scss */
.main .section-02 a.icon.arrow-left {
  height: 72px;
  background-position: 0 -72px;
  top: 55%;
  right: 63px;
}
/* line 187, ../sass/index.scss */
.main .section-02 a.icon.more {
  background-position: 0 -770px;
}
/* line 190, ../sass/index.scss */
.main .section-02 a.icon.arrow-down {
  bottom: 0px;
}
/* line 195, ../sass/index.scss */
.main .section-03 {
  background: url("../img/block_03.jpg") repeat;
  width: 100%;
  height: 1000px;
}
/* line 199, ../sass/index.scss */
.main .section-03 .container {
  padding: 66px 0 78px;
}
/* line 201, ../sass/index.scss */
.main .section-03 .container .main {
  background: url("../img/block_03_main.png") no-repeat;
  height: 475px;
}
/* line 206, ../sass/index.scss */
.main .section-03 h2 {
  height: 46px;
  background-position: 0 -73px;
}
/* line 211, ../sass/index.scss */
.main .section-03 a.icon.arrow-left {
  height: 72px;
  background-position: 0 -72px;
  top: 55%;
  right: 63px;
}
/* line 217, ../sass/index.scss */
.main .section-03 a.icon.arrow-down {
  background-position: 0 -476px;
  bottom: 0px;
}
/* line 221, ../sass/index.scss */
.main .section-03 a.icon.more {
  background-position: 0 -788px;
}
/* line 226, ../sass/index.scss */
.main .section-03 .slider .swiper-button-next {
  background-position: 0 -627px;
}
/* line 229, ../sass/index.scss */
.main .section-03 .slider .swiper-button-prev {
  background-position: 0 -604px;
}
/* line 234, ../sass/index.scss */
.main .section-04 {
  background: url("../img/block_04.jpg") repeat;
  width: 100%;
  height: 1000px;
}
/* line 238, ../sass/index.scss */
.main .section-04 .container {
  padding: 66px 0 78px;
}
/* line 240, ../sass/index.scss */
.main .section-04 .container .main {
  background: url("../img/block_04_main.png") no-repeat;
  height: 475px;
}
/* line 245, ../sass/index.scss */
.main .section-04 h2 {
  height: 88px;
  background-position: 0 -120px;
}
/* line 250, ../sass/index.scss */
.main .section-04 a.icon.arrow-left {
  height: 72px;
  background-position: 0 -72px;
  top: 55%;
  right: 63px;
}
/* line 256, ../sass/index.scss */
.main .section-04 a.icon.more {
  background-position: 0 -806px;
}
/* line 261, ../sass/index.scss */
.main .section-04 .slider .swiper-button-next {
  background-position: 0 -673px;
}
/* line 264, ../sass/index.scss */
.main .section-04 .slider .swiper-button-prev {
  background-position: 0 -650px;
}