/* ==========================================================================
   /anshin/kenko/ index
   ========================================================================== */
/* adjust
   ========================================================================== */
#footerArea {
  margin-top: 24px !important;
}
/* Coming Soon
       ========================================================================== */
.kkcomingsoon {
  height: 100vh;
  min-height: 750px;
  margin-top: 0 !important;
  font-size: 0;
  line-height: 0;
  background: url(/library/anshin/kenko/img/index_comingsoon_img01.png) no-repeat center center;
}
/* loading
       ========================================================================== */
html {
  height: 100%;
  overflow: hidden !important;
}
html:not(.has-loading),
html:not(.has-animation).is-loaded,
html.is-animated {
  height: auto;
  overflow: auto !important;
}
body {
  height: 100%;
  overflow: hidden !important;
}
html:not(.has-loading) body,
html:not(.has-animation).is-loaded body,
html.is-animated body {
  height: auto;
  overflow: auto !important;
}
.kkheader_wrap {
  z-index: 99 !important;
}
.kkcontent_wrap {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 98 !important;
}
html:not(.has-loading) .kkcontent_wrap,
html:not(.has-animation).is-loaded .kkcontent_wrap,
html.is-animated .kkcontent_wrap {
  opacity: 1;
  pointer-events: auto;
}
.kkloading_wrap {
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .5s ease;
  transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
}
html.is-loaded .kkloading_wrap {
  pointer-events: none;
  opacity: 0;
}
.kkloading {
  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;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.kkloading::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 200%;
  background: #ffffff url(/library/anshin/kenko/common/img/content_bg01.jpg) repeat center 0%;
  background-size: auto 25%;
  -webkit-animation: kkloading 20s linear infinite both;
          animation: kkloading 20s linear infinite both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes kkloading {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -100%;
  }
}
@keyframes kkloading {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -100%;
  }
}
.kkloading_inner {
  -webkit-animation: kkloading_inner 0.5s cubic-bezier(0.46, 1.56, 0.81, 0.85) both;
          animation: kkloading_inner 0.5s cubic-bezier(0.46, 1.56, 0.81, 0.85) both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.kkloading_inner > img {
  max-width: 100%;
  max-height: 100%;
  -webkit-animation: kkloading_inner_img 2s linear infinite alternate both;
          animation: kkloading_inner_img 2s linear infinite alternate both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes kkloading_inner {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kkloading_inner {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes kkloading_inner_img {
  0% {
    -webkit-transform: translate(0, 0) rotate(-1deg);
            transform: translate(0, 0) rotate(-1deg);
  }
  50% {
    -webkit-transform: translate(0, -3px) rotate(0deg);
            transform: translate(0, -3px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(1deg);
            transform: translate(0, 0) rotate(1deg);
  }
}
@keyframes kkloading_inner_img {
  0% {
    -webkit-transform: translate(0, 0) rotate(-1deg);
            transform: translate(0, 0) rotate(-1deg);
  }
  50% {
    -webkit-transform: translate(0, -3px) rotate(0deg);
            transform: translate(0, -3px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(1deg);
            transform: translate(0, 0) rotate(1deg);
  }
}
/* animation
       ========================================================================== */
.kkanimation_wrap {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  display: none;
  background: url(/library/anshin/kenko/common/img/content_bg01.jpg) repeat center top;
}
html.is-animate .kkanimation_wrap {
  display: block;
}
html.is-animated .kkanimation_wrap {
  pointer-events: none;
  opacity: 0;
}
.kkanimation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
html.is-animate .kkanimation {
  -webkit-animation: animation 2.33s linear 1.93s both;
          animation: animation 2.33s linear 1.93s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes animation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes animation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.kkanimation_inner {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
html.is-animate .kkanimation_inner {
  -webkit-animation: animation_inner 2.33s linear 1.93s both;
          animation: animation_inner 2.33s linear 1.93s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes animation_inner {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes animation_inner {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.kkanimation_canvas-wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.kkanimation_canvas {
  position: relative;
  padding-top: 194.75%;
}
/* animation_button
       ========================================================================== */
.kkanimation_button {
  position: absolute;
  right: 58px;
  bottom: 11px;
  margin-top: 0 !important;
}
.kkanimation_button > button {
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
}
.kkanimation_button > button > img {
  width: 68px;
  height: 25px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
}
.kkanimation_button > button:hover > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
/* animation_item
       ========================================================================== */
.kkanimation_item {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: no-repeat center center / 100% 100%;
  opacity: 0;
}
/* animation_item other
       ========================================================================== */
.kkanimation_item.ground {
  left: 0;
  padding-top: 13.42%;
  background-image: url(/library/anshin/kenko/img/index_animation_img01.png);
  opacity: 1;
}
@media screen and (min-width: 1200px) {
  .kkanimation_item.ground {
    left: -webkit-calc((50vw - 50%) * -1);
    left: calc((50vw - 50%) * -1);
    right: -webkit-calc((50vw - 50%) * -1);
    right: calc((50vw - 50%) * -1);
  }
}
.kkanimation_item.pit {
  z-index: 2;
  width: 15.25%;
  padding-top: 12.08%;
  margin-right: 39.42%;
  margin-bottom: 5.42%;
  -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);
}
.kkanimation_item.pit::before,
.kkanimation_item.pit::after {
  content: '';
  display: block;
  position: absolute;
}
.kkanimation_item.pit::before {
  right: 0;
  bottom: 0;
  width: 73.22%;
  padding-top: 79.23%;
  background: url(/library/anshin/kenko/img/index_animation_img02.png) no-repeat center center / 100% 100%;
}
.kkanimation_item.pit::after {
  left: 0;
  bottom: 0;
  width: 25.14%;
  padding-top: 18.58%;
  margin-bottom: 8.2%;
  background: url(/library/anshin/kenko/img/index_animation_img03.png) no-repeat center center / 100% 100%;
}
html.is-animate .kkanimation_item.pit {
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-animation: pit .2s linear both;
          animation: pit .2s linear both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
html.is-animate .kkanimation_item.pit::after {
  opacity: 0;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-animation: pit_after 1.27s linear .33s both;
          animation: pit_after 1.27s linear .33s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes pit {
  0% {
    opacity: 0;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes pit {
  0% {
    opacity: 0;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes pit_after {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  15.79% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  36.84% {
    opacity: 0;
  }
  63.16% {
    opacity: 0;
  }
  78.95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pit_after {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  15.79% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  36.84% {
    opacity: 0;
  }
  63.16% {
    opacity: 0;
  }
  78.95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.kkanimation_item.sprout {
  width: 5.5%;
  padding-top: 4.83%;
  margin-right: 51.67%;
  margin-bottom: 6.67%;
  background-image: url(/library/anshin/kenko/img/index_animation_img04.png);
  -webkit-transform: scale(0.21);
      -ms-transform: scale(0.21);
          transform: scale(0.21);
}
html.is-animate .kkanimation_item.sprout {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: sprout 1.4s linear .53s both;
          animation: sprout 1.4s linear .53s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes sprout {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.21);
            transform: scale(0.21);
  }
  9.52% {
    opacity: 1;
    -webkit-transform: scale(0.21);
            transform: scale(0.21);
  }
  23.81% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  71.43% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sprout {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.21);
            transform: scale(0.21);
  }
  9.52% {
    opacity: 1;
    -webkit-transform: scale(0.21);
            transform: scale(0.21);
  }
  23.81% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  71.43% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kkanimation_item.top-leaf {
  width: 17.58%;
  padding-top: 11.08%;
  margin-right: 39.84%;
  margin-bottom: 124.33%;
  background-image: url(/library/anshin/kenko/img/index_animation_img06.png);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
html.is-animate .kkanimation_item.top-leaf {
  -webkit-transform-origin: 37.44% bottom;
      -ms-transform-origin: 37.44% bottom;
          transform-origin: 37.44% bottom;
  -webkit-animation: top-leaf 0.2s linear 2.73s both;
          animation: top-leaf 0.2s linear 2.73s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes top-leaf {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes top-leaf {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* animation_item tree
       ========================================================================== */
.kkanimation_item.tree {
  width: 100%;
  padding-top: 119.08%;
  margin-bottom: 5.75%;
  -webkit-transform: scale(0.2);
      -ms-transform: scale(0.2);
          transform: scale(0.2);
}
html.is-animate .kkanimation_item.tree {
  -webkit-transform-origin: 45.85% bottom;
      -ms-transform-origin: 45.85% bottom;
          transform-origin: 45.85% bottom;
  -webkit-animation: tree 1.53s linear 1.2s both;
          animation: tree 1.53s linear 1.2s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.kkanimation_item.tree .kkanimation_item {
  opacity: 1;
}
@-webkit-keyframes tree {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  36.84% {
    opacity: 1;
    -webkit-transform: scale(0.29);
            transform: scale(0.29);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes tree {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  36.84% {
    opacity: 1;
    -webkit-transform: scale(0.29);
            transform: scale(0.29);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kkanimation_item.trunk {
  z-index: 1;
  width: 22.5%;
  padding-top: 43.5%;
  margin-right: 41.67%;
  background-image: url(/library/anshin/kenko/img/index_animation_img05.png);
  background-position: center bottom;
  background-size: 100% auto;
}
html.is-animate .kkanimation_item.trunk {
  -webkit-transform-origin: 45.85% bottom;
      -ms-transform-origin: 45.85% bottom;
          transform-origin: 45.85% bottom;
  -webkit-animation: trunk 1.53s linear 1.2s both;
          animation: trunk 1.53s linear 1.2s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes trunk {
  0% {
    padding-top: 43.5%;
  }
  100% {
    padding-top: 119.08%;
  }
}
@keyframes trunk {
  0% {
    padding-top: 43.5%;
  }
  100% {
    padding-top: 119.08%;
  }
}
.kkanimation_item.leaf01,
.kkanimation_item.leaf03 {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
html.is-animate .kkanimation_item.leaf01,
html.is-animate .kkanimation_item.leaf03 {
  -webkit-animation: leaf-tol 0.4s linear both;
          animation: leaf-tol 0.4s linear both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes leaf-tol {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1) rotate(-5deg);
            transform: scale(1) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes leaf-tol {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1) rotate(-5deg);
            transform: scale(1) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kkanimation_item.leaf02,
.kkanimation_item.leaf04 {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
html.is-animate .kkanimation_item.leaf02,
html.is-animate .kkanimation_item.leaf04 {
  -webkit-animation: leaf-tor 0.4s linear both;
          animation: leaf-tor 0.4s linear both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes leaf-tor {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1) rotate(5deg);
            transform: scale(1) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes leaf-tor {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1) rotate(5deg);
            transform: scale(1) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kkanimation_item.leaf01 {
  width: 33.08%;
  padding-top: 23.5%;
  margin-right: 47.17%;
  margin-bottom: 86.5%;
  background-image: url(/library/anshin/kenko/img/index_animation_img07.png);
}
html.is-animate .kkanimation_item.leaf01 {
  -webkit-transform-origin: right 75%;
      -ms-transform-origin: right 75%;
          transform-origin: right 75%;
  -webkit-animation-delay: 2.27s;
          animation-delay: 2.27s;
}
.kkanimation_item.leaf02 {
  width: 33.25%;
  padding-top: 23.42%;
  margin-right: 19.75%;
  margin-bottom: 64.42%;
  background-image: url(/library/anshin/kenko/img/index_animation_img08.png);
}
html.is-animate .kkanimation_item.leaf02 {
  -webkit-transform-origin: left 75%;
      -ms-transform-origin: left 75%;
          transform-origin: left 75%;
  -webkit-animation-delay: 1.86s;
          animation-delay: 1.86s;
}
.kkanimation_item.leaf03 {
  width: 36.08%;
  padding-top: 25.75%;
  margin-right: 47.83%;
  margin-bottom: 36.08%;
  background-image: url(/library/anshin/kenko/img/index_animation_img09.png);
}
html.is-animate .kkanimation_item.leaf03 {
  -webkit-transform-origin: right 65%;
      -ms-transform-origin: right 65%;
          transform-origin: right 65%;
  -webkit-animation-delay: 1.53s;
          animation-delay: 1.53s;
}
.kkanimation_item.leaf04 {
  width: 35.17%;
  padding-top: 25.33%;
  margin-right: 18.83%;
  margin-bottom: 11.17%;
  background-image: url(/library/anshin/kenko/img/index_animation_img10.png);
}
html.is-animate .kkanimation_item.leaf04 {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-animation-delay: 1.46s;
          animation-delay: 1.46s;
}
.kkanimation_item.vine01,
.kkanimation_item.vine02,
.kkanimation_item.vine03,
.kkanimation_item.vine04 {
  background-size: auto 100%;
}
.kkanimation_item.vine01,
.kkanimation_item.vine03 {
  background-position: left center;
}
.kkanimation_item.vine02,
.kkanimation_item.vine04 {
  background-position: right center;
}
.kkanimation_item.vine01 {
  right: auto;
  left: 0;
  width: 0;
  padding-top: 7%;
  margin-left: 55.17%;
  margin-bottom: 89%;
  background-image: url(/library/anshin/kenko/img/index_animation_img11.png);
}
html.is-animate .kkanimation_item.vine01 {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-animation: vine01 0.53s linear 2.33s both;
          animation: vine01 0.53s linear 2.33s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes vine01 {
  0% {
    width: 0;
  }
  100% {
    width: 17.67%;
  }
}
@keyframes vine01 {
  0% {
    width: 0;
  }
  100% {
    width: 17.67%;
  }
}
.kkanimation_item.vine02 {
  width: 0;
  padding-top: 13.83%;
  margin-right: 55.5%;
  margin-bottom: 66.5%;
  background-image: url(/library/anshin/kenko/img/index_animation_img12.png);
}
html.is-animate .kkanimation_item.vine02 {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-animation: vine02 0.53s linear 1.93s both;
          animation: vine02 0.53s linear 1.93s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes vine02 {
  0% {
    width: 0;
  }
  100% {
    width: 29.42%;
  }
}
@keyframes vine02 {
  0% {
    width: 0;
  }
  100% {
    width: 29.42%;
  }
}
.kkanimation_item.vine03 {
  right: auto;
  left: 0;
  width: 0;
  padding-top: 10.75%;
  margin-left: 58.17%;
  margin-bottom: 44.67%;
  background-image: url(/library/anshin/kenko/img/index_animation_img13.png);
}
html.is-animate .kkanimation_item.vine03 {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-animation: vine03 0.53s linear 1.67s both;
          animation: vine03 0.53s linear 1.67s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes vine03 {
  0% {
    width: 0;
  }
  100% {
    width: 29.42%;
  }
}
@keyframes vine03 {
  0% {
    width: 0;
  }
  100% {
    width: 29.42%;
  }
}
.kkanimation_item.vine04 {
  width: 0;
  padding-top: 12.25%;
  margin-right: 63.42%;
  margin-bottom: 19.25%;
  background-image: url(/library/anshin/kenko/img/index_animation_img14.png);
}
html.is-animate .kkanimation_item.vine04 {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-animation: vine04 0.53s linear 1.46s both;
          animation: vine04 0.53s linear 1.46s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes vine04 {
  0% {
    width: 0;
  }
  100% {
    width: 19.67%;
  }
}
@keyframes vine04 {
  0% {
    width: 0;
  }
  100% {
    width: 19.67%;
  }
}
/* animation_item main
       ========================================================================== */
.kkanimation_item.main-wrap {
  top: 0;
  left: 0;
  opacity: 1;
}
html.is-animate .kkanimation_item.main-wrap {
  -webkit-animation: main-wrap 0.7s cubic-bezier(0.88, -0.25, 0.92, 0.49) 11s both;
          animation: main-wrap 0.7s cubic-bezier(0.88, -0.25, 0.92, 0.49) 11s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes main-wrap {
  0% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  100% {
    -webkit-transform: translateY(-100%) scale(0.8);
            transform: translateY(-100%) scale(0.8);
  }
}
@keyframes main-wrap {
  0% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  100% {
    -webkit-transform: translateY(-100%) scale(0.8);
            transform: translateY(-100%) scale(0.8);
  }
}
.kkanimation_item.main {
  width: 85%;
  padding-top: 60.33%;
  margin-right: 5.83%;
  margin-bottom: 134.42%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_bg01.png);
}
html.is-animate .kkanimation_item.main {
  -webkit-animation: main 0.27s cubic-bezier(0.46, 1.56, 0.81, 0.85) 4.13s both;
          animation: main 0.27s cubic-bezier(0.46, 1.56, 0.81, 0.85) 4.13s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes main {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes main {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kkanimation_item.sun {
  width: 18.92156863%;
  padding-top: 13.7254902%;
  margin-right: 59.50980392%;
  margin-bottom: 42.74509804%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img01.png);
}
html.is-animate .kkanimation_item.sun {
  -webkit-transform-origin: 56.48% 75%;
      -ms-transform-origin: 56.48% 75%;
          transform-origin: 56.48% 75%;
  -webkit-animation: sun 0.2s cubic-bezier(0.46, 1.56, 0.81, 0.85) 6.8s both;
          animation: sun 0.2s cubic-bezier(0.46, 1.56, 0.81, 0.85) 6.8s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes sun {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sun {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kkanimation_item.text01,
.kkanimation_item.text02,
.kkanimation_item.text03,
.kkanimation_item.text04,
.kkanimation_item.text05,
.kkanimation_item.text06,
.kkanimation_item.subtext01 {
  height: 0;
  font-size: 0;
}
html.is-animate .kkanimation_item.text01,
html.is-animate .kkanimation_item.text06 {
  -webkit-animation: text01And06 0.2s cubic-bezier(0.46, 1.56, 0.81, 0.85) both;
          animation: text01And06 0.2s cubic-bezier(0.46, 1.56, 0.81, 0.85) both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes text01And06 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes text01And06 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
html.is-animate .kkanimation_item.text02,
html.is-animate .kkanimation_item.text03,
html.is-animate .kkanimation_item.text04,
html.is-animate .kkanimation_item.text05 {
  -webkit-animation: text02-05 0.4s linear both;
          animation: text02-05 0.4s linear both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes text02-05 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes text02-05 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.kkanimation_item.text01 {
  width: 17.64705882%;
  padding-top: 5.39215686%;
  margin-right: 40.29411765%;
  margin-bottom: 47.05882353%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img02.png);
}
html.is-animate .kkanimation_item.text01 {
  -webkit-animation-delay: 4.33s;
          animation-delay: 4.33s;
}
.kkanimation_item.text02 {
  width: 9.31372549%;
  padding-top: 9.60784314%;
  margin-right: 60.19607843%;
  margin-bottom: 35.68627451%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img03.png);
}
html.is-animate .kkanimation_item.text02 {
  -webkit-animation-delay: 5.13s;
          animation-delay: 5.13s;
}
.kkanimation_item.text03 {
  width: 8.23529412%;
  padding-top: 9.90196078%;
  margin-right: 50.68627451%;
  margin-bottom: 35.29411765%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img04.png);
}
html.is-animate .kkanimation_item.text03 {
  -webkit-animation-delay: 5.33s;
          animation-delay: 5.33s;
}
.kkanimation_item.text04 {
  width: 9.50980392%;
  padding-top: 9.70588235%;
  margin-right: 39.70588235%;
  margin-bottom: 35.68627451%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img05.png);
}
html.is-animate .kkanimation_item.text04 {
  -webkit-animation-delay: 5.53s;
          animation-delay: 5.53s;
}
.kkanimation_item.text05 {
  width: 10.19607843%;
  padding-top: 10.68627451%;
  margin-right: 29.21568627%;
  margin-bottom: 35.29411765%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img06.png);
}
html.is-animate .kkanimation_item.text05 {
  -webkit-animation-delay: 5.73s;
          animation-delay: 5.73s;
}
.kkanimation_item.text06 {
  width: 24.50980392%;
  padding-top: 5.88235294%;
  margin-right: 37.05882353%;
  margin-bottom: 27.94117647%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img07.png);
}
html.is-animate .kkanimation_item.text06 {
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
}
.kkanimation_item.subtext01 {
  width: 40.39215686%;
  padding-top: 9.11764706%;
  margin-right: 29.80392157%;
  margin-bottom: 16.2745098%;
  background-image: url(/library/anshin/kenko/img/index_animation_main_img08.png);
}
html.is-animate .kkanimation_item.subtext01 {
  -webkit-animation: subtext01 .33s linear 6.53s both;
          animation: subtext01 .33s linear 6.53s both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes subtext01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes subtext01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* content
       ========================================================================== */
.kkcontent {
  max-width: 1200px;
  margin: auto;
}
.kkcontent_inner {
  position: relative;
  padding-top: 155.41666667%;
}
.kkcontent_inner::before,
.kkcontent_inner::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
}
.kkcontent_inner::before {
  left: 0;
  right: 0;
  padding-top: 22.58333333%;
  background: url(/library/anshin/kenko/img/index_content_bg01.png) no-repeat center center / 100% 100%;
}
@media screen and (min-width: 1200px) {
  .kkcontent_inner::before {
    left: -webkit-calc((50vw - 50%) * -1);
    left: calc((50vw - 50%) * -1);
    right: -webkit-calc((50vw - 50%) * -1);
    right: calc((50vw - 50%) * -1);
  }
}
.kkcontent_inner::after {
  left: -8.33333333%;
  right: -4.16666667%;
  padding-top: 104.33333333%;
  margin-bottom: 38.33333333%;
  background: url(/library/anshin/kenko/img/index_content_bg02-02.png) no-repeat left center / 100% 100%;
  pointer-events: none;
}
html.has-animation .kkcontent_inner::after {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 1s ease;
  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
  opacity: 0;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
}
html.has-animation.is-animated .kkcontent_inner::after {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.kkcontent_tree {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72.5%;
  padding-top: 129.66666667%;
  margin-right: 12.5%;
  margin-bottom: 15%;
  background: url(/library/anshin/kenko/img/index_content_bg03.png) no-repeat center center / 100% 100%;
}
html.has-animation .kkcontent_tree {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translateY(37.5%);
      -ms-transform: translateY(37.5%);
          transform: translateY(37.5%);
}
html.has-animation.is-animated .kkcontent_tree {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
/* content_item
       ========================================================================== */
.kkcontent_item {
  position: absolute;
  right: 0;
  bottom: 0;
  background: no-repeat center center / 100% 100%;
}
.kkcontent_item.js-scroll-sync {
  opacity: 0;
  -webkit-transform: translateY(70px) scale(0.95);
      -ms-transform: translateY(70px) scale(0.95);
          transform: translateY(70px) scale(0.95);
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  pointer-events: none;
}
.kkcontent_item.js-scroll-sync.is-scroll-sync {
  -webkit-transition: opacity .5s ease, -webkit-transform .3s ease;
  transition: opacity .5s ease, -webkit-transform .3s ease;
  transition: opacity .5s ease, transform .3s ease;
  transition: opacity .5s ease, transform .3s ease, -webkit-transform .3s ease;
}
.kkcontent_item.js-scroll-sync.is-scroll-sync.is-in-view {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.kkcontent_item.main03 {
  position: absolute;
  left: 0;
  bottom: 0;
  background: no-repeat center center / 100% 100%;
}
.kkcontent_item.main03.js-scroll-sync {
  opacity: 0;
  -webkit-transform: translateY(70px) scale(0.95);
      -ms-transform: translateY(70px) scale(0.95);
          transform: translateY(70px) scale(0.95);
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  pointer-events: none;
}
.kkcontent_item.main03.js-scroll-sync.is-scroll-sync {
  -webkit-transition: opacity .5s ease, -webkit-transform .3s ease;
  transition: opacity .5s ease, -webkit-transform .3s ease;
  transition: opacity .5s ease, transform .3s ease;
  transition: opacity .5s ease, transform .3s ease, -webkit-transform .3s ease;
}
.kkcontent_item.main03.js-scroll-sync.is-scroll-sync.is-in-view {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.kkcontent_item.main {
  width: 50.16666667%;
  padding-top: 42%;
  margin-right: -4.16666667%;
  margin-bottom: 106.91666667%;
}
html.has-animation .kkcontent_item.main {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.09, 0.69, 0.17, 1.17) 1s;
  transition: -webkit-transform 1s cubic-bezier(0.09, 0.69, 0.17, 1.17) 1s;
  transition: transform 1s cubic-bezier(0.09, 0.69, 0.17, 1.17) 1s;
  transition: transform 1s cubic-bezier(0.09, 0.69, 0.17, 1.17) 1s, -webkit-transform 1s cubic-bezier(0.09, 0.69, 0.17, 1.17) 1s;
  -webkit-transform: translateY(-200%) scale(1.25);
      -ms-transform: translateY(-200%) scale(1.25);
          transform: translateY(-200%) scale(1.25);
}
html.has-animation.is-animated .kkcontent_item.main {
  -webkit-transform: translateY(0) scale(1);
      -ms-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.kkcontent_inner02 .kkcontent_item.main {
  margin-bottom: 111.08333333%;
}
header {
  position: relative;
  z-index: 100;
}
.kkcontent_item.main_inner {
  width: 100%;
  height: 100%;
  background-image: url(/library/anshin/kenko/img/index_content_item_img01.png);
}
.kkcontent_item.main_inner h1,
.kkcontent_item.main_inner p {
  width: 0;
  height: 0;
  font-size: 0;
  pointer-events: none;
}
.kkcontent_item.main02 {
  width: 25.16666667%;
  padding-top: 19.33333333%;
  margin-right: 0%;
  margin-bottom: 102.91666667%;
}
.kkcontent_item.main_inner02 {
  width: 100%;
  height: 100%;
  background-image: url(/library/anshin/kenko/img/index_content_item_img08.png);
}
.kkcontent_item.main_inner02 p {
  width: 0;
  height: 0;
  font-size: 0;
  pointer-events: none;
}
.kkcontent_item.main_inner02 .baloon_text {
  color: #ff85b4;
  width: 170px;
  height: auto;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 23%;
}
.kkcontent_item.main_inner02.main_new_baloon::before {
  background: url(/library/anshin/kenko/img/index_content_item_icon01.png) center / contain no-repeat;
  content: "";
  display: block;
  height: 104px;
  position: absolute;
  top: 30px;
  left: -20px;
  width: 70px;
}
.kkcontent_item.main03 {
  width: 25.16666667%;
  padding-top: 19.33333333%;
  margin-left: 0%;
  margin-bottom: 112.91666667%;
}
.kkcontent_item.main_inner03 {
  width: 100%;
  height: 100%;
  background-image: url(/library/anshin/kenko/img/index_content_item_img09.png);
}
.kkcontent_item.main_inner03 p {
  width: 0;
  height: 0;
  font-size: 0;
  pointer-events: none;
}
.kkcontent_item.main_inner03 .baloon_text {
  color: #ff85b4;
  width: 170px;
  height: auto;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 20px;
  margin: auto;
  top: 18%;
  text-align: center;
}
.kkcontent_item.main_inner03.main_new_baloon::before {
  background: url(/library/anshin/kenko/img/index_content_item_icon01.png) center / contain no-repeat;
  content: "";
  display: block;
  height: 104px;
  position: absolute;
  top: -43px;
  left: 10%;
  width: 26%;
}
.kkcontent_item.main_new_baloon::before {
  background: url(/library/anshin/kenko/img/index_content_item_icon02.png) center / contain no-repeat;
  background-size: 85px;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: -35px;
  right: -100px;
  width: 50%;
}
.main_inner02_btn {
  display: block;
  height: 30px;
  margin: auto;
  position: absolute;
  bottom: 22%;
  left: 0;
  right: 0;
  width: 135px;
}
.main_inner02_btn img {
  width: 100%;
}
.main_inner02_btn:hover {
  cursor: pointer;
  opacity: .7;
}
.main_inner03_btn {
  display: block;
  height: 30px;
  margin: auto;
  position: absolute;
  bottom: 17%;
  left: 0;
  right: 25px;
  width: 135px;
}
.main_inner03_btn img {
  width: 100%;
}
.main_inner03_btn:hover {
  cursor: pointer;
  opacity: .7;
}
.kkcontent_item.text01,
.kkcontent_item.text02,
.kkcontent_item.text03,
.kkcontent_item.text04 {
  margin-top: 0;
}
.kkcontent_item.text01 > a,
.kkcontent_item.text02 > a,
.kkcontent_item.text03 > a,
.kkcontent_item.text04 > a,
.kkcontent_item.text01 > span,
.kkcontent_item.text02 > span,
.kkcontent_item.text03 > span,
.kkcontent_item.text04 > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat center center / 100% 100%;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.kkcontent_item.text01 > a,
.kkcontent_item.text02 > a,
.kkcontent_item.text03 > a,
.kkcontent_item.text04 > a {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.kkcontent_item.text01 > a:hover,
.kkcontent_item.text02 > a:hover,
.kkcontent_item.text03 > a:hover,
.kkcontent_item.text04 > a:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.kkcontent_item.text01 {
  width: 28.62068966%;
  padding-top: 23.79310345%;
  margin-right: 58.96551724%;
  margin-bottom: 124.36781609%;
}
.kkcontent_item.text01 > a,
.kkcontent_item.text01 > span {
  background-image: url(/library/anshin/kenko/img/index_content_item_img02.png);
}
.kkcontent_item.text02 {
  width: 28.96551724%;
  padding-top: 27.47126437%;
  margin-right: 15.40229885%;
  margin-bottom: 91.95402299%;
}
.kkcontent_item.text02 > a,
.kkcontent_item.text02 > span {
  background-image: url(/library/anshin/kenko/img/index_content_item_img03.png);
}
.kkcontent_item.text03 {
  width: 36.09195402%;
  padding-top: 24.36781609%;
  margin-right: 58.85057471%;
  margin-bottom: 55.28735632%;
}
.kkcontent_item.text03 > a,
.kkcontent_item.text03 > span {
  background-image: url(/library/anshin/kenko/img/index_content_item_img04.png);
}
.kkcontent_item.text04 {
  width: 30.45977011%;
  padding-top: 25.28735632%;
  margin-right: 14.94252874%;
  margin-bottom: 20.68965517%;
}
.kkcontent_item.text04 > a,
.kkcontent_item.text04 > span {
  background-image: url(/library/anshin/kenko/img/index_content_item_img10-02.png);
}
.kkcontent_item.campaign {
  width: 33.33333333%;
  padding-top: 19.16666667%;
  margin-right: 10.75%;
  margin-bottom: 4.75%;
}
.kkcontent_item.campaign_link {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 76.5%;
  padding-top: 55.5%;
}
.kkcontent_item.campaign_link > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/library/anshin/kenko/img/index_content_item_img06.png) no-repeat center center / 100% 100%;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.kkcontent_item.campaign_link > a:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.kkcontent_item.campaign_text {
  width: 35.25%;
  height: 0;
  padding-top: 28.75%;
  background-image: url(/library/anshin/kenko/img/index_content_item_img07.png);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}
/* content_anime
       ========================================================================== */
.kkcontent_anime {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
.kkcontent_anime::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: no-repeat center center / 100% 100%;
  -webkit-animation: anime infinite;
          animation: anime infinite;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(-100%);
            transform: translate(-100%);
  }
}
@keyframes anime {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(-100%);
            transform: translate(-100%);
  }
}
html.has-animation .kkcontent_anime.kounobird,
html.has-animation .kkcontent_anime.bluebird,
html.has-animation .kkcontent_anime.balloon,
html.has-animation .kkcontent_anime.balloon2,
html.has-animation .kkcontent_anime.cat {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translateY(300%);
      -ms-transform: translateY(300%);
          transform: translateY(300%);
}
html.has-animation.is-animated .kkcontent_anime.kounobird,
html.has-animation.is-animated .kkcontent_anime.bluebird,
html.has-animation.is-animated .kkcontent_anime.balloon,
html.has-animation.is-animated .kkcontent_anime.balloon2,
html.has-animation.is-animated .kkcontent_anime.cat {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
html.has-animation .kkcontent_anime.book,
html.has-animation .kkcontent_anime.kids,
html.has-animation .kkcontent_anime.mam,
html.has-animation .kkcontent_anime.rope1,
html.has-animation .kkcontent_anime.rope2 {
  -webkit-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
  opacity: 0;
}
html.has-animation.is-animated .kkcontent_anime.book,
html.has-animation.is-animated .kkcontent_anime.kids,
html.has-animation.is-animated .kkcontent_anime.mam,
html.has-animation.is-animated .kkcontent_anime.rope1,
html.has-animation.is-animated .kkcontent_anime.rope2 {
  opacity: 1;
}
.kkcontent_anime.kounobird {
  width: 12.5%;
  padding-top: 8.66666667%;
  margin-right: 59%;
  margin-bottom: 129.41666667%;
}
.kkcontent_anime.kounobird::before {
  width: 800%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img01.png);
  -webkit-animation-timing-function: steps(8);
          animation-timing-function: steps(8);
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.kkcontent_anime.book {
  width: 5%;
  padding-top: 10.16666667%;
  margin-right: 40.41666667%;
  margin-bottom: 44.41666667%;
}
.kkcontent_anime.book::before {
  width: 400%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img02.png);
  -webkit-animation-timing-function: steps(4);
          animation-timing-function: steps(4);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.kkcontent_anime.bad {
  width: 20.83333333%;
  padding-top: 14.66666667%;
  margin-right: 60.75%;
  margin-bottom: 5.08333333%;
}
.kkcontent_anime.bad::before {
  width: 600%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img03.png);
  -webkit-animation-timing-function: steps(6);
          animation-timing-function: steps(6);
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.kkcontent_anime.balloon {
  width: 11.66666667%;
  padding-top: 18.91666667%;
  margin-right: 4.41666667%;
  margin-bottom: 78.16666667%;
}
.kkcontent_anime.balloon::before {
  width: 700%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img04.png);
  -webkit-animation-timing-function: steps(7);
          animation-timing-function: steps(7);
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.kkcontent_anime.balloon2 {
  width: 9.16666667%;
  padding-top: 19.16666667%;
  margin-right: 84.75%;
  margin-bottom: 42.75%;
}
.kkcontent_anime.balloon2::before {
  width: 900%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img05.png);
  -webkit-animation-timing-function: steps(9);
          animation-timing-function: steps(9);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.kkcontent_anime.bike {
  width: 15%;
  padding-top: 11.66666667%;
  margin-right: 80.5%;
  margin-bottom: 15.16666667%;
}
.kkcontent_anime.bike::before {
  width: 400%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img06.png);
  -webkit-animation-timing-function: steps(4);
          animation-timing-function: steps(4);
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
/*
    .kkcontent_anime.bluebird {
      width: 34 / 1200 * 100%;
      padding-top: 38 / 1200 * 100%;
      margin-right: 1084 / 1200 * 100%;
      margin-bottom: 1424 / 1200 * 100%;
    
      &::before {
        width: 8 * 100%;
        background-image: url(/library/anshin/kenko/img/index_content_anime_img07.png);
        animation-timing-function: steps(8);
        animation-duration: 3s;
        animation-delay: 1.5s;
      }
    }
    */
.kkcontent_anime.cat {
  width: 4.58333333%;
  padding-top: 8.83333333%;
  margin-right: 4.5%;
  margin-bottom: 24.25%;
}
.kkcontent_anime.cat::before {
  width: 700%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img08.png);
  -webkit-animation-timing-function: steps(7);
          animation-timing-function: steps(7);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.kkcontent_anime.kids {
  width: 6.5%;
  padding-top: 7.83333333%;
  margin-right: 33.75%;
  margin-bottom: 66.41666667%;
}
.kkcontent_anime.kids::before {
  width: 800%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img09.png);
  -webkit-animation-timing-function: steps(8);
          animation-timing-function: steps(8);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.kkcontent_anime.mam {
  width: 10.16666667%;
  padding-top: 9.16666667%;
  margin-right: 36.91666667%;
  margin-bottom: 109.25%;
}
.kkcontent_anime.mam::before {
  width: 900%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img10.png);
  -webkit-animation-timing-function: steps(9);
          animation-timing-function: steps(9);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.kkcontent_anime.rope1 {
  width: 6.83333333%;
  padding-top: 9.66666667%;
  margin-right: 72.25%;
  margin-bottom: 69.5%;
}
.kkcontent_anime.rope1::before {
  width: 900%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img11.png);
  -webkit-animation-timing-function: steps(9);
          animation-timing-function: steps(9);
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: .25s;
          animation-delay: .25s;
}
.kkcontent_anime.rope2 {
  width: 7%;
  padding-top: 8.33333333%;
  margin-right: 20.5%;
  margin-bottom: 96.41666667%;
}
.kkcontent_anime.rope2::before {
  width: 900%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img12.png);
  -webkit-animation-timing-function: steps(9);
          animation-timing-function: steps(9);
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.kkcontent_anime.new-balloon {
  width: 7.5%;
  padding-top: 11.66666667%;
  margin-right: 16.66666667%;
  margin-bottom: 37.5%;
}
.kkcontent_anime.new-balloon::before {
  width: 800%;
  background-image: url(/library/anshin/kenko/img/index_content_anime_img15.png);
  -webkit-animation-timing-function: steps(8);
          animation-timing-function: steps(8);
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
/* content_illust
       ========================================================================== */
.kkcontent_illust {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
.kkcontent_illust::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: no-repeat center center / 100% 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.kkcontent_illust.girl {
  width: 7.41666667%;
  padding-top: 11.66666667%;
  margin-right: 19.16666667%;
  margin-bottom: 18.33333333%;
}
.kkcontent_illust.girl::before {
  width: 100%;
  background-image: url(/library/anshin/kenko/img/index_content_illust_img02.png);
}
.kkcontent_illust.boy {
  width: 6.66666667%;
  padding-top: 10.5%;
  margin-right: 40.41666667%;
  margin-bottom: 19.58333333%;
}
.kkcontent_illust.boy::before {
  width: 100%;
  background-image: url(/library/anshin/kenko/img/index_content_illust_img03.png);
}
/* Modal
    ========================================================================== */
.modalArea {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modalArea.show {
  display: block;
}
.modalBg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}
.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modalContents a {
  display: block;
  cursor: pointer;
}
.closeModal {
  position: absolute;
  top: -35px;
  right: -35px;
  cursor: pointer;
}
/* 以下ボタンスタイル */
button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}
/* Banner
    ========================================================================== */
.ascommonbanner_list > li.border-none > a::after {
  border: none !important;
}