@charset "UTF-8";
#area-Contents .scobj {}
#area-Contents img {width: 100%;height: auto;}
/*none*/
#area-Contents .show_sp {display: none !important}
#area-Contents .show_pc {display: block !important}
#area-Contents .margin_none p {margin: 0;}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
/*none*/
#area-Contents .show_sp {display: block !important}
#area-Contents .show_pc {display: none !important}
}

@media only screen and (max-width: 640px) {
#area-Contents:has(.hscroll),
.g-Section:has(.hscroll) {overflow: clip;}
}

/*font family*/
#area-Contents .font-fm01{font-family: 'FP-HiraKakuProN-W6', sans-serif !important;font-weight: bold;}
#area-Contents .font-fm02{font-family: 'FP-HiraKakuProN-W3', sans-serif !important}
#area-Contents .font-fm03{font-family: 'FP-HiraKakuStdN-W4', sans-serif !important}

/*font size*/
#area-Contents .font-56 {font-size: 56px;line-height: 1.4;}
#area-Contents .font-54 {font-size: 54px;line-height: 1.4;}
#area-Contents .font-46 {font-size: 46px;line-height: 1.25;}
#area-Contents .font-33 {font-size: 33px;line-height: 1.25;}
#area-Contents .font-24 {font-size: 24px;line-height: 1.4;}
#area-Contents .font-20 {font-size: 20px;line-height: 1.4;}
#area-Contents .font-16 {font-size: 16px;line-height: 1.4;}
#area-Contents .font-12 {font-size: 16px;line-height: 1.4;}
@media only screen and (max-width: 1024px) {
#area-Contents .font-56 {font-size: 50px;line-height: 1.4;}
#area-Contents .font-54 {font-size: 48px;line-height: 1.4;}
#area-Contents .font-46 {font-size: 32px;line-height: 1.25;}
#area-Contents .font-33 {font-size: 24px;line-height: 1.25;}
#area-Contents .font-24 {font-size: 20px;line-height: 1.4;}
#area-Contents .font-20 {font-size: 18px;line-height: 1.4;}
#area-Contents .font-16 {font-size: 14px;line-height: 1.4;}
#area-Contents .font-12 {font-size: 13px;line-height: 1.4;}
}
@media only screen and (max-width: 640px) {
#area-Contents .font-56 {font-size: 34px;line-height: 1.4;}
#area-Contents .font-54 {font-size: 38px;line-height: 1.4;}
#area-Contents .font-46 {font-size: 24px;line-height: 1.25;}
#area-Contents .font-33 {font-size: 16px;line-height: 1.25;}
#area-Contents .font-24 {font-size: 18px;line-height: 1.4;}
#area-Contents .font-20 {font-size: 16px;line-height: 1.4;}
#area-Contents .font-16 {font-size: 10px;line-height: 1.4;}
#area-Contents .font-12 {font-size: 10px;line-height: 1.4;}
}

/*color*/
#area-Contents .color01{color: #2d2d2d}
#area-Contents .color02{color: #008936}
#area-Contents .color03{color: #FFF}
#area-Contents .color04{color: #005BAC}
#area-Contents .color05{color: #FFF000}

/*midashi*/
#area-Contents .midashi01{background-color: #008936;color: #FFF;border-radius: 4px;padding: 5px;width: 90%;margin: 0 auto;}
#area-Contents .midashi02 {background-color: #008936;font-size: 46px;color: #FFF; text-align: center;box-shadow: 0px 10px 0px 0px rgba(255, 255, 255, 1);border-radius: 999px;margin: 0 auto 40px !important;padding: 5px 0;letter-spacing: 0.1em;position: relative;z-index: 5;}
@media only screen and (max-width: 640px) {
#area-Contents .midashi02 {font-size: 21px;color: #FFF; text-align: center;box-shadow: 0px 6px 0px 0px rgba(255, 255, 255, 1);border-radius: 999px;margin: 0 auto 30px !important;padding: 5px 0;letter-spacing: 0.1em;}
}

/*bg*/
#area-Contents .sec02_bg {background-color: #0072BF;padding: 110px 0 100px;}
#area-Contents .sec03_bg {background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/bg_voice.jpg") top center repeat-y;background-size: 100% auto;padding: 0;}
@media only screen and (max-width: 640px) {
#area-Contents .sec02_bg {padding: 40px 0 40px;}
#area-Contents .sec03_bg {padding: 0;}
}

/*ttl*/
#area-Contents .ttl01 h2 {background-color: #FFEF00;font-size: 46px;color: #005BAC; text-align: center;box-shadow: 0px 10px 0px 0px rgba(255, 255, 255, 1);border-radius: 999px;margin: 0 auto 70px;padding: 5px 0;letter-spacing: 0.1em;}
@media only screen and (max-width: 640px) {
#area-Contents .ttl01 h2 {font-size: 21px;;box-shadow: 0px 6px 0px 0px rgba(255, 255, 255, 1);margin: 0 auto 50px;}
}

/*btn_sio*/
#area-Contents .btn_sio .is-colorset--1 .l-ButtonUnit__link{color:#2d2d2d;background-color: #FFF;border: 2px solid;border-image: linear-gradient(to right, #1E2085, #0581CC) 1;border-radius: 10px;}
#area-Contents .btn_sio .l-ButtonUnit__link .cmn-icon {content: "";width: 26px;height: 26px;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/ico_arrow.svg") center center no-repeat;background-size: 100% auto;margin: 0;padding: 0;position: absolute;right: 0;top: 50%;transform: translate(-50%,-50%);}
#area-Contents .btn_sio .cmn-icon--right:before, #area-Contents .btn_sio .cmn-icon--bullet:before,#area-Contents .btn_sio .cmn-icon--external:before {content: none!important;}

/*float*/
#area-Contents .stickyColumn{position: relative;z-index: 100;bottom: 0;margin-top: 0;pointer-events: none;}
#area-Contents .shop_float {
width: 100%;
max-width: 120px!important;
right: 0!important;
margin: 0 0 0 auto;
position: relative;
bottom: 0;
}
#area-Contents .shop_float .btn_shop {
width: 100% !important;
}
#area-Contents .shop_float .btn_shop ul {
display: flex;
justify-content: space-between;
}
#area-Contents .shop_float .btn_shop li {
width: 100%;
margin: 0 0 0 auto;
pointer-events: auto;
}
@media only screen and (max-width: 1024px) {
#area-Contents .shop_float {
max-width: 100px!important;
}
}
@media only screen and (max-width: 640px) {
#area-Contents .shop_float {
max-width: 70px!important;
}
}

#area-Contents .movtxt_wrap {position: relative;z-index: 5;margin-bottom: 60px;}
#area-Contents .movtxt_wrap .l-AccordionUnit__titleBlock__icon {color: #2d2d2d;font-size: 1.8em;}
#area-Contents .movtxt_wrap .g-AccordionUnit__titleBlock {padding: 0 4em 0 0;}
#area-Contents .movtxt_wrap .g-AccordionUnit__contentBlock {padding: 0;}

/*cm*/
#area-Contents .sec00_bg {background: #A8D690;
background: linear-gradient(90deg,rgba(168, 214, 144, 1) 0%, rgba(209, 231, 184, 1) 30%, rgba(238, 244, 230, 1) 62%, rgba(209, 231, 184, 1) 85%, rgba(199, 227, 177, 1) 100%);padding: 20px 0;overflow: initial;}

#cm {}
#cm .cm_wrap {width: 100%;max-width: 1366px;margin: 0 auto;padding-bottom: 80px;}
#cm .cm_inner {width: 80%;margin: 0 auto;}
#cm h2.ttl_cm {background-color: #008936;font-size: 46px;color: #FFF; text-align: center;box-shadow: 0px 10px 0px 0px rgba(255, 255, 255, 1);border-radius: 999px;margin: 100px auto 70px;padding: 5px 0;letter-spacing: 0.1em;position: relative;z-index: 5;}

#cm .movie_wrap {width: 100%; margin: 20px auto 0;position: relative;z-index: 1;}
#video_cont,#video_cont video {width: 100%;height: 100%;}
#cm .movie_inner {width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 10}
#cm #video_cont video {object-fit: cover;object-position: center;position: absolute;top: 0;left: 0;  -webkit-mask-image: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/mask.svg");
  mask-image: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/mask.svg");
  mask-size: 100% 100%;}
#cm .movie_wrap .btn_playmov {width: 100%;height: 100%;padding: 0;margin: 0;position: absolute;}
#cm .movie_wrap .btn_playmov ul,.movie_wrap .btn_playmov li {width: 100%;height: 100%;padding: 0;margin: 0; list-style: none;}
#cm .movie_wrap .btn_playmov a {display: block;width: 100%;height: 100%;position: relative;z-index: 10;}
#cm .playmov_ico{position: absolute;top: 50%;left: 50%;width: 20%;height: 20%;max-width: 184px;max-height: 174px;min-width: 90px;min-height: 85px;transform: translate(-50%, -50%);z-index: 10;}
#cm .mask_wrap {width: 100%;height: auto;margin: 0 auto;}
#cm .mask_border {width: 100%;height: auto;margin: 0 auto;position: relative;}
#cm .movie_deco01 {width: 17%;padding-top: 17%;display: block;position: absolute;top: -6%;left: -13%;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/cm_deco01.png") center center no-repeat;background-size: 100% auto;z-index: -1;transform: translate(15%,10%);opacity: 0;transition: opacity 0.3s , transform 0.3s;transition-timing-function: cubic-bezier(0.4,0.4,0.65,0.9);transition-delay: 0.3s;}
#cm .movie_deco02 {width: 18.5%;padding-top: 18.5%;display: block;position: absolute;top: 1%;right: -3%;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/cm_deco02.png") center center no-repeat;background-size: 100% auto;z-index: -1;transform: translate(-10%,15%);opacity: 0;transition: opacity 0.4s , transform 0.4s;transition-timing-function: cubic-bezier(0.4,0.4,0.65,0.9);transition-delay: 0.4s;}
#cm .movie_deco03 {width: 18%;padding-top: 18%;display: block;position: absolute;top: 83%;left: -19%;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/cm_deco03.png") center center no-repeat;background-size: 100% auto;z-index: -1;transform: translate(15%,-10%);opacity: 0;transition: opacity 0.3s , transform 0.3s;transition-timing-function: cubic-bezier(0.4,0.4,0.65,0.9);transition-delay: 0.3s;}
#cm .movie_deco04 {width: 18%;padding-top: 18%;display: block;position: absolute;top: 94%;right: -16%;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/cm_deco04.png") center center no-repeat;background-size: 100% auto;z-index: -1;transform: translate(-15%,-15%);opacity: 0;transition: opacity 0.4s , transform 0.4s;transition-timing-function: cubic-bezier(0.4,0.4,0.65,0.9);transition-delay: 0.3s;}
#cm .on .movie_deco01 {transform: translate(0,0);opacity: 1;}
#cm .on .movie_deco02 {transform: translate(0,0);opacity: 1;}
#cm .on .movie_deco03 {transform: translate(0,0);opacity: 1;}
#cm .on .movie_deco04 {transform: translate(0,0);opacity: 1;}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
#area-Contents .sec00_bg {padding: 0 0;}
#cm .cm_wrap {width: 100%;max-width: 1366px;margin: 0 auto;padding-bottom: 40px;}
#cm .movie_wrap {margin: 10px auto 0;}
#cm .movie_inner {width: 120%;margin: 0 -10%;}
#cm h2.ttl_cm {font-size: 21px;color: #FFF; text-align: center;box-shadow: 0px 6px 0px 0px rgba(255, 255, 255, 1);border-radius: 999px;margin: 30px auto 30px;padding: 5px 0;letter-spacing: 0.1em;}

#cm .movie_deco01 {width: 14%;padding-top: 14%;display: block;position: absolute;top: -25%;left: -2%;}
#cm .movie_deco02 {width: 14.5%;padding-top: 14.5%;display: block;position: absolute;top: -9%;right: -5%;}
#cm .movie_deco03 {width: 11%;padding-top: 11%;display: block;position: absolute;top: 83%;left: -4%;}
#cm .movie_deco04 {width: 14.5%;padding-top: 14.5%;display: block;position: absolute;top: 100%;right: -6%;}
}

/*modal*/
#modal {
position: fixed;
width: 100%;
height: 100%;
height: 100dvh;
background: #2674B8;
z-index: 500;
top: 0;
left: 0;
display: none;
}
#modal.active {
display: block;
}
#modal .modal_wrapper {
width: 100%;
height: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
#modal .mov_wrap {
width: 100%;
aspect-ratio: 16 / 9;
max-width: 1080px;
margin: 0 auto;
}
@media only screen and (min-width:1024px) and (max-height: 768px) {
#modal .mov_wrap {
width: 65%;
}
}
#modal .mov_wrap iframe {
width: 100%;
height: 100%;
}
#modal .btn_close {
position: absolute;
bottom: 10%;
left: 50%;
width: 160px;
height: 52px;
cursor: pointer;
z-index: 200;
transform: translate(-50%,-50%);
}
#modal .btn_close ul,
#modal .btn_close li {
list-style: none;
padding: 0;
margin: 0 auto;
}
#modal .btn_close a {
display: flex;
align-items: center;
height: 52px;
background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/ico_close.svg") center left no-repeat;
background-size: 52px auto;
padding-left: 70px;
color: #FFF;
font-size: 30px;
text-decoration: none;
}
@media only screen and (min-width:1024px) and (max-height: 768px) {
#modal .btn_close {
position: absolute;
bottom: 0;
transform: translate(-50%,-20%) scale(0.6);
}
}
@media only screen and (max-width: 640px) {
#modal .btn_close {
position: absolute;
transform: translate(-50%,-50%) scale(0.75);
}
}

/*feature*/
#area-Contents .sec01_bg {background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/bg_point.jpg") top center repeat-y;background-size: 100% auto;padding: 80px 0;}
#feature {}
#feature .feature_wrap {width: 100%;max-width: 1366px;margin: 0 auto;}
#feature .feature_inner {width: 80%;margin: 0 auto;}

#feature h2.ttl_feature {background-color: #FFEF00;font-size: 46px;color: #005BAC; text-align: center;box-shadow: 0px 10px 0px 0px rgba(255, 255, 255, 1);border-radius: 999px;margin: 100px auto 70px;padding: 5px 0;letter-spacing: 0.1em;}
#feature .feature_catch01 {position: relative;z-index: 1;}
#feature .gum_wrap {position: relative;width: 100%;max-width: 1366px;margin: -6% auto 0;z-index: 0;overflow: hidden;}
#feature .gum_arrow_l {position: absolute;width: 50%;top: 30%;left: 0;transform: translate(-10%,-50%); opacity: 0;
transition: opacity 0.5s , transform 0.5s;
transition-delay: 0.4s;
transition-timing-function: cubic-bezier(.5,-0.35,.5,1.35);
}
#feature .gum_arrow_r {position: absolute;width: 50%;top: 30%;right: -3%;transform: translate(10%,-50%); opacity: 0;
transition: opacity 0.5s , transform 0.5s;
transition-delay: 0.4s;
transition-timing-function: cubic-bezier(.5,-0.35,.5,1.35);
}
#feature .gum_arrow_l.on {transform: translate(0,-50%); opacity: 1;}
#feature .gum_arrow_r.on {transform: translate(0,-50%); opacity: 1;}
@media only screen and (max-width: 640px) {
#area-Contents .sec01_bg {padding: 20px 0 40px;}
#feature h2.ttl_feature {font-size: 21px;;box-shadow: 0px 6px 0px 0px rgba(255, 255, 255, 1);margin: 0 auto 50px;}
}

/*gum-sprite*/
#feature .gum-sprite {
  /* 再生時間と開始までの待ち。ここだけ変えれば速さを調整できる。
     18コマ固定なので、短くするほど滑らかだが一瞬で終わる。
     1.2s = 1コマ約67ms（約15fps）。1.5s前後までが自然。 */
  --sprite-duration: 1.2s;
  --sprite-delay: 0s;

  /* シート構成（下の 20% / 50% の根拠。数値の変更は非対応） */
  --sprite-cols: 6;
  --sprite-rows: 3;
  --sprite-frames: 18;

  /* 静止表示させるときのコマ位置（0 起点） */
  --sprite-col: 0;
  --sprite-row: 0;

  width: 94%;
  aspect-ratio: 1173 / 527;
		margin: 0 auto 0 1%;

  /* 1行目は image-set 非対応ブラウザ向けのフォールバック */
  background-image: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/gum-sprite.png");
  background-image: image-set(
    url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/gum-sprite.webp") type("image/webp"),
    url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/gum-sprite.png") type("image/png")
  );
  background-repeat: no-repeat;
  background-size: calc(var(--sprite-cols) * 100%) calc(var(--sprite-rows) * 100%);
  background-position:
    calc(var(--sprite-col) * 20%)
    calc(var(--sprite-row) * 50%);
}
#feature .gum-sprite.on {
  animation: gum-sprite-play var(--sprite-duration) step-end var(--sprite-delay) 1 normal forwards;
}
@keyframes gum-sprite-play {
  0%      { background-position:   0%   0%; } /* コマ1 */
  5.556%  { background-position:  20%   0%; } /* コマ2 */
  11.111% { background-position:  40%   0%; } /* コマ3 */
  16.667% { background-position:  60%   0%; } /* コマ4 */
  22.222% { background-position:  80%   0%; } /* コマ5 */
  27.778% { background-position: 100%   0%; } /* コマ6 */
  33.333% { background-position:   0%  50%; } /* コマ7 */
  38.889% { background-position:  20%  50%; } /* コマ8 */
  44.444% { background-position:  40%  50%; } /* コマ9 */
  50%     { background-position:  60%  50%; } /* コマ10 */
  55.556% { background-position:  80%  50%; } /* コマ11 */
  61.111% { background-position: 100%  50%; } /* コマ12 */
  66.667% { background-position:   0% 100%; } /* コマ13 */
  72.222% { background-position:  20% 100%; } /* コマ14 */
  77.778% { background-position:  40% 100%; } /* コマ15 */
  83.333% { background-position:  60% 100%; } /* コマ16 */
  88.889% { background-position:  80% 100%; } /* コマ17 */
  94.444%, 100% { background-position: 100% 100%; }
}
#feature .gum_point_wrap {position: relative;margin: -12% auto 0;}
#feature .gum_point_wrap ul {display: flex;width: 48%;margin: 0 auto;grid-gap: 24px;}
#feature .gum_point_wrap li {opacity: 0;transform: translate(0,20%);
transition: opacity 0.5s , transform 0.5s;
transition-timing-function: cubic-bezier(.5,-0.3,.4,1.4);list-style: none;}
#feature .gum_point_wrap .gum_point01 {transition-delay: 0.4s;}
#feature .gum_point_wrap .gum_point02 {transition-delay: 0.6s;}
#feature .gum_point_wrap .gum_point03 {transition-delay: 0.8s;}
#feature .gum_point_wrap .on .gum_point01 {transform: translate(0,0); opacity: 1;}
#feature .gum_point_wrap .on .gum_point02 {transform: translate(0,0); opacity: 1;}
#feature .gum_point_wrap .on .gum_point03 {transform: translate(0,0); opacity: 1;}
#feature .gum_point_wrap p {color: #2d2d2d;font-size: 20px;position: absolute;right: 7%;bottom: 40%;}
@media only screen and (max-width: 640px) {
#feature .gum-sprite {width: 100%;}
#feature .gum_point_wrap ul {display: flex;width: 60%;margin: 0 auto;grid-gap: 8px;}
#feature .gum_point_wrap p {font-size: 14px;position: absolute;right: 3%;bottom: 45%;}
}

/*feature01*/
#feature .feature01_wrap {width: 80%;margin: 50px auto;background-color: rgba(255,255,255,0.80);}
#feature .feature01_inner {padding: 5% 5%;}
#feature .feature01_inner .feature01_obj {margin-bottom: 30px;position: relative;}
#feature .feature01_inner .feature01_obj:last-child {margin-bottom: 0;}
#feature .feature01_inner .laychee {width: 17.5%;position: absolute;right: -4%;bottom: 2%;opacity: 0;transform: translate(0,20%);
transition: opacity 0.5s , transform 0.5s;
transition-timing-function: cubic-bezier(.5,-0.3,.4,1.4);}
#feature .feature01_inner .laychee.on {transform: translate(0,0); opacity: 1;}

/*feature02*/
#feature .feature02_wrap {width: 80%;margin: 50px auto;background-color: rgba(0,70,180,0.80);}
#feature .feature02_inner {padding: 3% 5%;}
#feature .feature02_inner .feature02_obj {margin: 0 auto;position: relative;border-top: 1px solid #FFF;padding: 14px 0;}
#feature .feature02_inner .feature02_obj:first-child{padding-top: 0;border: none;}
@media only screen and (max-width: 640px) {
#feature .feature01_wrap {width: 90%;margin: 30px auto 20px;}
#feature .feature02_wrap {width: 90%;margin: 20px auto 0;}
#feature .feature01_inner .laychee {width: 20.0%;position: absolute;right: -6%;bottom: 10%;}
}

/*koumi*/
#koumi {
background: #0083CE;
background: linear-gradient(180deg,rgba(0, 131, 206, 1) 0%, rgba(29, 32, 135, 1) 100%);
}
#koumi .koumi_wrap {width: 100%;max-width: 1366px;margin: 0 auto;padding-bottom: 20px;}
#koumi .koumi_inner {width: 80%;margin: 0 auto;}
#koumi .koumi_inner .card {background: #E8F2E2;
background: linear-gradient(90deg,rgba(232, 242, 226, 1) 0%, rgba(212, 233, 241, 1) 50%, rgba(227, 226, 240, 1) 100%);display: flex;}
#koumi .koumi_inner .card__inner { display: flex; align-items: center; padding: 20px;}
#koumi .koumi_inner .koumi_ill_wrap {position: relative;}
#koumi .koumi_inner .koumi_ill_wrap .ill01 {position: absolute;width: 13.2%;left: 2.2%;top: 21.5%;transform: translate(0,20%);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.3,.4,1.4);transition-delay: 0.3s;}
#koumi .koumi_inner .koumi_ill_wrap .ill02 {position: absolute;width: 16.0%;left: 15.5%;top: 23%;transform: translate(0,20%);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.3,.4,1.4);transition-delay: 0.45s;}
#koumi .koumi_inner .koumi_ill_wrap .ill03 {position: absolute;width: 20.5%;left: 29.5%;bottom: 17.5%;transform: translate(0,20%);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.3,.4,1.4);transition-delay: 0.6s;}
#koumi .koumi_inner .koumi_ill_wrap .ill04 {position: absolute;width: 20.0%;right: 32%;top: 18.5%;transform: translate(0,20%);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.3,.4,1.4);transition-delay: 1.0s;}
#koumi .koumi_inner .koumi_ill_wrap .ill05 {position: absolute;width: 21.4%;right: 5.4%;top: 23%;transform: translate(0,20%);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.3,.4,1.4);transition-delay: 1.3s;}

#koumi .koumi_inner .koumi_ill_wrap .fukidashi01 {position: absolute;width: 22.2%;left: 0;bottom: 22%;transform: translate(0,-20%) scale(0.5);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.25,.25,1.55);transition-delay: 0.5s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi02 {position: absolute;width: 22.3%;left: 9%;bottom: 1%;transform: translate(0,-20%) scale(0.5);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.25,.25,1.55);transition-delay: 0.65s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi03 {position: absolute;width: 21.4%;left: 40%;bottom: 1%;transform: translate(0,-20%) scale(0.5);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.25,.25,1.55);transition-delay: 0.8s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi04 {position: absolute;width: 21.4%;left: 56%;bottom: 15%;transform: translate(0,-20%) scale(0.5);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.25,.25,1.55);transition-delay: 1.05s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi05 {position: absolute;width: 21.4%;left: 79%;bottom: 29%;transform: translate(0,-20%) scale(0.5);opacity: 0;transition: opacity 0.5s , transform 0.5s;transition-timing-function: cubic-bezier(.5,-0.25,.25,1.55);transition-delay: 1.35s;}
#koumi .koumi_inner .koumi_ill_wrap .ill01.is-inview {transform: translate(0,0);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .ill02.is-inview {transform: translate(0,0);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .ill03.is-inview {transform: translate(0,0);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .ill04.is-inview {transform: translate(0,0);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .ill05.is-inview {transform: translate(0,0);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi01.is-inview {transform: translate(0,0) scale(1);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi02.is-inview {transform: translate(0,0) scale(1);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi03.is-inview {transform: translate(0,0) scale(1);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi04.is-inview {transform: translate(0,0) scale(1);opacity: 1;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi05.is-inview {transform: translate(0,0) scale(1);opacity: 1;}
@media (min-width: 641px) {
#koumi .koumi_inner .card__inner { display: block; padding: 20px;}
}
@media only screen and (max-width: 640px) {
#koumi .koumi_inner {width: 90%;margin: 0 auto;}
#koumi .hscroll__track { align-self: stretch; }
#koumi .hscroll__panel,
#koumi .koumi_inner .card,
#koumi .koumi_inner .card__inner,
#koumi .koumi_inner .koumi_ill_wrap { height: 100%; }
#koumi .koumi_inner .koumi_ill_wrap .ill01 {transition-delay: 0.3s;}
#koumi .koumi_inner .koumi_ill_wrap .ill02 {transition-delay: 0.45s;}
#koumi .koumi_inner .koumi_ill_wrap .ill03 {transition-delay: 0.6s;}
#koumi .koumi_inner .koumi_ill_wrap .ill04 {transition-delay: 0.3s;}
#koumi .koumi_inner .koumi_ill_wrap .ill05 {transition-delay: 0.3s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi01 {transition-delay: 0.3s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi02 {transition-delay: 0.45s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi03 {transition-delay: 0.3s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi04 {transition-delay: 0.3s;}
#koumi .koumi_inner .koumi_ill_wrap .fukidashi05 {transition-delay: 0.3s;}
}

/*product*/
#area-Contents .product_wrap {width: 90%;margin: 0 auto;}
#area-Contents .product_wrap .l-ImageTextHP--v2__contentsBlock__text {display: flex;align-items: center;width: 90%;margin: 0 auto;}

/*qa*/
#area-Contents .sio_qa {width:90%;margin:30px auto;}
#area-Contents .sio_qa .l-AccordionUnit__titleBlock {border: none;background-color: transparent;display: flex;flex-wrap: nowrap;justify-content:space-between;padding: 18px 1.875em 5px 10px;}
#area-Contents .sio_qa .g-AccordionUnit--qa__titleBlock__abbr {display: block;padding: 0;margin: 0;text-indent: -9999px;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/ico_q.svg") center center no-repeat;background-size: 100% auto;width: 33px;height: 33px;color: #2d2d2d;}
#area-Contents .sio_qa .g-AccordionUnit--qa__titleBlock__abbr+.g-HeadingTitle {display: block;width: calc(100% - 50px);padding: 0;}
#area-Contents .sio_qa .is-abbr .g-AccordionUnit--qa__contentBlock__abbr {display: block;padding: 0;margin: 0;text-indent: -9999px;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/ico_a.svg") center center no-repeat;background-size: 100% auto;width: 33px;height: 33px;position: static;float: left;}
#area-Contents .sio_qa .g-AccordionUnit__contentBlock {border: none;background-color: transparent;padding: 5px 1.875em 15px 10px;/*display: flex;flex-wrap: nowrap;justify-content:space-between;*/}
#area-Contents .sio_qa .g-AccordionMenu--qa__item {border-bottom: 1px solid #9d9d9d;}
#area-Contents .sio_qa .g-AccordionUnit__contentBlock::after {content: "";display: block;clear: both;}
#area-Contents .sio_qa .g-Text {display: block;width: calc(100% - 50px);padding: 0;float: right;}
#area-Contents .sio_qa .g-Text p {margin: 0 auto;}
#area-Contents .sio_qa .g-AccordionUnit__contentBlock.is-close {display:none;}
#area-Contents .sio_qa .cmn-icon--up:before {content: ""; display: block;width: 15px;height: 15px;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/ico_minus.svg") center center no-repeat;background-size: 100% auto;}
#area-Contents .sio_qa .cmn-icon--down:before {content: ""; display: block;width: 15px;height: 15px;background: url("/content/dam/sites/kao/www-kao-co-jp/deepclean/products/sio/ico_plus.svg") center center no-repeat;background-size: 100% auto;}
@media only screen and (max-width: 640px) {
#area-Contents .sio_qa .l-AccordionUnit__titleBlock {padding: 12px 2.5em 5px 0;}
#area-Contents .sio_qa .g-AccordionUnit__contentBlock {padding: 5px 1.875em 12px 0;}
}