.kimecare_mainvisual {
  height: 740px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), color-stop(90%, rgba(203, 237, 239, 0.7)));
  background: linear-gradient(#fff 80%, rgba(203, 237, 239, 0.7) 90%);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .kimecare_mainvisual {
    height: 118vw;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), color-stop(90%, rgba(203, 237, 239, 0.7)));
    background: linear-gradient(#fff 75%, rgba(203, 237, 239, 0.7) 90%);
  }
}

.kimecare_mainvisual_inner {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  .kimecare_mainvisual_inner {
    width: 90%;
    top: 52%;
  }
}

.product_content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 750px) {
  .product_content {
    width: 100%;
  }
}

.scroll_icon {
  width: 31px;
  margin: 45px auto 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .scroll_icon {
    display: none;
  }
}

.scroll_icon img:first-of-type {
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.content_wrapper {
  min-width: 1200px;
}
@media screen and (max-width: 750px) {
  .content_wrapper {
    min-width: 100%;
  }
}

.hadabi-root .content_wrapper img {
  max-width: none;
}

.pageTop_wrapper {
  background: #eaf8f9;
}
@media screen and (max-width: 750px) {
  .pageTop_wrapper {
    padding-top: 75px;
    background: #fff;
  }
}

.kimecare_bg01 {
  background: #eaf8f9;
}

.kimecare_bg02 {
  background: #fff;
}

.kimecare_content_wrapper01 {
  padding: 60px 0 55px;
}
@media screen and (max-width: 750px) {
  .kimecare_content_wrapper01 {
    padding: 20px 0;
  }
}

.kimecare_content_wrapper02 {
  padding: 40px 0 172px 0;
}
@media screen and (max-width: 750px) {
  .kimecare_content_wrapper02 {
    padding: 20px 0 30px;
  }
}

.kimecare_content01 {
  padding: 80px 0 60px;
}
@media screen and (max-width: 750px) {
  .kimecare_content01 {
    padding: 10.94% 0 9.38%;
  }
}

.kimecare_content01 h4 {
  margin-bottom: 41px;
}
@media screen and (max-width: 750px) {
  .kimecare_content01 h4 {
    width: 68%;
    margin: 0 auto 10.31%;
  }
}

.kimecare_content01 picture img.img02 {
  margin: 62px 0 45px;
}
@media screen and (max-width: 750px) {
  .kimecare_content01 picture img.img02 {
    width: 77%;
    margin: 6.87% auto 13.75%;
  }
}

.kimecare_content02 {
  padding-top: 37px;
}
@media screen and (max-width: 750px) {
  .kimecare_content02 {
    padding-top: 10.94%;
  }
}

.kimecare_content02 h4 {
  margin-bottom: 43px;
}
@media screen and (max-width: 750px) {
  .kimecare_content02 h4 {
    margin-bottom: 12.03%;
  }
}

.kimecare_content02 > picture img {
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  .kimecare_content02 > picture img {
    margin-top: 10.31%;
  }
}

.kimecare_content03 {
  width: 800px;
  margin: 70px auto 0;
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .kimecare_content03 {
    margin-top: 9.28%;
    padding-bottom: 13.75%;
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .kimecare_content03 > img {
    width: 90%;
    margin-top: 6.87%;
  }
}

.kimecare_text03 {
  margin-top: 15px;
}

.kimecare_content04 {
  padding: 32px 0 60px;
}
@media screen and (max-width: 750px) {
  .kimecare_content04 {
    padding: 10.94% 0 12.5%;
  }
}

img {
  vertical-align: top;
}

.kimecare_content04 h4 {
  margin-bottom: 37px;
}
@media screen and (max-width: 750px) {
  .kimecare_content04 h4 {
    margin-bottom: 11%;
  }
}

.kimecare_content04 > picture:first-of-type img {
  margin: 67px 0 39px;
}
@media screen and (max-width: 750px) {
  .kimecare_content04 > picture:first-of-type img {
    width: 89%;
    margin: 5.5% auto 9.28%;
  }
}

.kimecare_content04 > picture:nth-of-type(2) img {
  margin: 43px 0;
}
@media screen and (max-width: 750px) {
  .kimecare_content04 > picture:nth-of-type(2) img {
    margin: 13.75% 0 6.87%;
  }
}

.kimecare_content05 {
  width: 1000px;
  padding: 60px 0;
}
@media screen and (max-width: 750px) {
  .kimecare_content05 {
    padding: 6.25% 0 9.06%;
  }
}

.kimecare_content05_item {
  width: 800px;
  margin: 60px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .kimecare_content05_item {
    width: 90%;
    margin: 6.56% auto 0;
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .kimecare_content05 h4 {
    width: 47%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .kimecare_content05_item img:first-of-type {
    margin-bottom: 8.59%;
  }
}

.kimecare_content01,
.kimecare_content02,
.kimecare_content03,
.kimecare_content04,
.kimecare_content05 {
  position: relative;
}
@media screen and (max-width: 750px) {
  .kimecare_content01,
.kimecare_content02,
.kimecare_content03,
.kimecare_content04,
.kimecare_content05 {
    width: 91%;
    margin-right: auto;
    margin-left: auto;
  }
}

/* animation */
/* fade in */
.fadein_content,
.top_fadein_content {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
}

.fadein_content.fadein_active,
.top_fadein_content.fadein_active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}

.kimecare_content03 .fadein_content.fadein_active:nth-child(2),
.kimecare_content05_item .fadein_content.fadein_active:nth-child(2) {
  -webkit-transition: 0.7s ease-in-out 0.3s;
  transition: 0.7s ease-in-out 0.3s;
}

/* scroll icon */
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    opacity: 0;
  }
}
/* slide in */
.slidein_content_wrap {
  width: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

.slidein_content_wrap img {
  display: block;
}

.slidein_content_wrap01 {
  top: 205px;
  left: 388px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap01 {
    top: 19.2%;
    left: 0%;
  }
}

.slidein_content_wrap01.slidein_content_wrap.slidein_active {
  width: 421px;
  -webkit-transition: 0.8s ease-in-out 0.8s;
  transition: 0.8s ease-in-out 0.8s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap01.slidein_content_wrap.slidein_active {
    width: 83.8vw;
    -webkit-transition: 0.8s ease-in-out 0.7s;
    transition: 0.8s ease-in-out 0.7s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap01 img {
    width: 83.8vw;
  }
}

.slidein_content_wrap02 {
  top: 277px;
  left: 358px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap02 {
    top: 25.3%;
    left: 0%;
  }
}

.slidein_content_wrap02.slidein_content_wrap.slidein_active {
  width: 307px;
  -webkit-transition: 0.8s ease-in-out 1s;
  transition: 0.8s ease-in-out 1s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap02.slidein_content_wrap.slidein_active {
    width: 62vw;
    -webkit-transition: 0.8s ease-in-out 0.9s;
    transition: 0.8s ease-in-out 0.9s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap02 img {
    width: 62vw;
  }
}

.slidein_content_wrap03 {
  top: 199px;
  left: 406px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap03 {
    top: 37.7%;
    left: 22%;
  }
}

.slidein_content_wrap03.slidein_content_wrap.slidein_active {
  width: 167px;
  -webkit-transition: 0.8s ease-in-out 0.8s;
  transition: 0.8s ease-in-out 0.8s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap03.slidein_content_wrap.slidein_active {
    width: 33.8vw;
    -webkit-transition: 0.8s ease-in-out 0.7s;
    transition: 0.8s ease-in-out 0.7s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap03 img {
    width: 33.8vw;
  }
}

.slidein_content_wrap04 {
  top: 199px;
  left: 603px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap04 {
    top: 42.7%;
    left: 0%;
  }
}

.slidein_content_wrap04.slidein_content_wrap.slidein_active {
  width: 201px;
  -webkit-transition: 0.8s ease-in-out 1s;
  transition: 0.8s ease-in-out 1s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap04.slidein_content_wrap.slidein_active {
    width: 41vw;
    -webkit-transition: 0.8s ease-in-out 0.9s;
    transition: 0.8s ease-in-out 0.9s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap04 img {
    width: 41vw;
  }
}

.slidein_content_wrap05 {
  top: 383px;
  left: 522px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap05 {
    top: 64%;
    left: 36%;
  }
}

.slidein_content_wrap05.slidein_content_wrap.slidein_active {
  width: 95px;
  -webkit-transition: 1s ease-in-out 1.5s;
  transition: 1s ease-in-out 1.5s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap05.slidein_content_wrap.slidein_active {
    width: 13vw;
    -webkit-transition: 0.8s ease-in-out 1s;
    transition: 0.8s ease-in-out 1s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap05 img {
    width: 13vw;
  }
}

.slidein_content_wrap06 {
  top: 348px;
  left: 385px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap06 {
    top: 60.5%;
    left: 17%;
  }
}

.slidein_content_wrap06.slidein_content_wrap.slidein_active {
  width: 421px;
  -webkit-transition: 0.8s ease-in-out 1.5s;
  transition: 0.8s ease-in-out 1.5s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap06.slidein_content_wrap.slidein_active {
    width: 56.3vw;
    -webkit-transition: 0.8s ease-in-out 0.9s;
    transition: 0.8s ease-in-out 0.9s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap06 img {
    width: 56.3vw;
  }
}

.slidein_content_wrap07 {
  top: 12px;
  left: 100px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap07 {
    top: 0%;
    left: 22%;
  }
}

.slidein_content_wrap07.slidein_content_wrap.slidein_active {
  width: 42px;
  -webkit-transition: 0.8s ease-in-out 0.8s;
  transition: 0.8s ease-in-out 0.8s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap07.slidein_content_wrap.slidein_active {
    width: 8.1vw;
    -webkit-transition: 0.8s ease-in-out 0.7s;
    transition: 0.8s ease-in-out 0.7s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap07 img {
    width: 8.1vw;
  }
}

.slidein_content_wrap08 {
  top: 12px;
  left: 210px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap08 {
    top: 0%;
    left: 46%;
  }
}

.slidein_content_wrap08.slidein_content_wrap.slidein_active {
  width: 56px;
  -webkit-transition: 0.8s ease-in-out 1s;
  transition: 0.8s ease-in-out 1s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap08.slidein_content_wrap.slidein_active {
    width: 11vw;
    -webkit-transition: 0.8s ease-in-out 0.9s;
    transition: 0.8s ease-in-out 0.9s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap08 img {
    width: 11vw;
  }
}

.slidein_content_wrap09 {
  top: 12px;
  left: 284px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap09 {
    top: 0%;
    left: 62.2%;
  }
}

.slidein_content_wrap09.slidein_content_wrap.slidein_active {
  width: 41px;
  -webkit-transition: 0.8s ease-in-out 1.2s;
  transition: 0.8s ease-in-out 1.2s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap09.slidein_content_wrap.slidein_active {
    width: 8.4vw;
    -webkit-transition: 0.8s ease-in-out 1.1s;
    transition: 0.8s ease-in-out 1.1s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap09 img {
    width: 8.4vw;
  }
}

.slidein_content_wrap10 {
  top: 120px;
  left: -4px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap10 {
    top: 12.4%;
    left: 0%;
  }
}

.slidein_content_wrap10.slidein_content_wrap.slidein_active {
  width: 261px;
  -webkit-transition: 0.8s ease-in-out 1.4s;
  transition: 0.8s ease-in-out 1.4s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap10.slidein_content_wrap.slidein_active {
    width: 52vw;
    -webkit-transition: 0.8s ease-in-out 1.3s;
    transition: 0.8s ease-in-out 1.3s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap10 img {
    width: 52vw;
  }
}

.slidein_content_wrap11 {
  top: 152px;
  left: 435px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap11 {
    top: 12.1%;
    left: 0%;
  }
}

.slidein_content_wrap11.slidein_content_wrap.slidein_active {
  width: 330px;
  -webkit-transition: 0.8s ease-in-out 0.8s;
  transition: 0.8s ease-in-out 0.8s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap11.slidein_content_wrap.slidein_active {
    width: 66.3vw;
    -webkit-transition: 0.8s ease-in-out 0.7s;
    transition: 0.8s ease-in-out 0.7s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap11 img {
    width: 66.3vw;
  }
}

.slidein_content_wrap12 {
  top: 260px;
  left: 567px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap12 {
    top: 19%;
    left: 51%;
  }
}

.slidein_content_wrap12.slidein_content_wrap.slidein_active {
  width: 140px;
  -webkit-transition: 0.8s ease-in-out 1s;
  transition: 0.8s ease-in-out 1s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap12.slidein_content_wrap.slidein_active {
    width: 28vw;
    -webkit-transition: 0.8s ease-in-out 0.9s;
    transition: 0.8s ease-in-out 0.9s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap12 img {
    width: 28vw;
  }
}

.slidein_content_wrap13 {
  top: 332px;
  left: 450px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap13 {
    top: 24.26%;
    left: 0%;
  }
}

.slidein_content_wrap13.slidein_content_wrap.slidein_active {
  width: 162px;
  -webkit-transition: 0.8s ease-in-out 1.2s;
  transition: 0.8s ease-in-out 1.2s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap13.slidein_content_wrap.slidein_active {
    width: 32.3vw;
    -webkit-transition: 0.8s ease-in-out 1.1s;
    transition: 0.8s ease-in-out 1.1s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap13 img {
    width: 32.3vw;
  }
}

.slidein_content_wrap14 {
  top: 661px;
  left: 573px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap14 {
    top: 51.1%;
    left: 40.5%;
  }
}

.slidein_content_wrap14.slidein_content_wrap.slidein_active {
  width: 149px;
  -webkit-transition: 0.8s ease-in-out 0.8s;
  transition: 0.8s ease-in-out 0.8s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap14.slidein_content_wrap.slidein_active {
    width: 29.5vw;
    -webkit-transition: 0.8s ease-in-out 0.7s;
    transition: 0.8s ease-in-out 0.7s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap14 img {
    width: 29.5vw;
  }
}

.slidein_content_wrap15 {
  top: 697px;
  left: 729px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap15 {
    top: 54.5%;
    left: 0%;
  }
}

.slidein_content_wrap15.slidein_content_wrap.slidein_active {
  width: 137px;
  -webkit-transition: 0.8s ease-in-out 1s;
  transition: 0.8s ease-in-out 1s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap15.slidein_content_wrap.slidein_active {
    width: 25vw;
    -webkit-transition: 0.8s ease-in-out 0.9s;
    transition: 0.8s ease-in-out 0.9s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap15 img {
    width: 25vw;
  }
}

.slidein_content_wrap16 {
  bottom: 165px;
  left: 312px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap16 {
    bottom: 11.7%;
    left: 16%;
  }
}

.slidein_content_wrap16.slidein_content_wrap.slidein_active {
  width: 165px;
  -webkit-transition: 0.8s ease-in-out 0.8s;
  transition: 0.8s ease-in-out 0.8s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap16.slidein_content_wrap.slidein_active {
    width: 32.1vw;
    -webkit-transition: 0.8s ease-in-out 0.7s;
    transition: 0.8s ease-in-out 0.7s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap16 img {
    width: 32.1vw;
  }
}

.slidein_content_wrap17 {
  bottom: 165px;
  left: 582px;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap17 {
    bottom: 10%;
    left: 0%;
  }
}

.slidein_content_wrap17.slidein_content_wrap.slidein_active {
  width: 289px;
  -webkit-transition: 0.8s ease-in-out 1s;
  transition: 0.8s ease-in-out 1s;
}
@media screen and (max-width: 750px) {
  .slidein_content_wrap17.slidein_content_wrap.slidein_active {
    width: 58vw;
    -webkit-transition: 0.8s ease-in-out 0.9s;
    transition: 0.8s ease-in-out 0.9s;
  }
}

@media screen and (max-width: 750px) {
  .slidein_content_wrap17 img {
    width: 58vw;
  }
}
/*# sourceMappingURL=../../../_development/maps/kimecare/css/style.css.map */
