@charset "UTF-8";
/*
--------------------------------------------------------------
 Mix-In
--------------------------------------------------------------
*/
@media screen and (min-width: 768px) { #howto_bodycare .sp-disp { display: none !important; } }

@media screen and (max-width: 767px) { #howto_bodycare .pc-disp { display: none !important; } }

/*
--------------------------------------------------------------
 Laline-Reset
--------------------------------------------------------------
*/
#howto_bodycare p { line-height: 1; margin: auto; }

#howto_bodycare ul, #howto_bodycare ol { line-height: 1; margin: auto; padding: 0; }

footer#footer { z-index: 100; }

#main { padding: 0; }

/*
--------------------------------------------------------------
 General
--------------------------------------------------------------
*/
body { background: #cfc; font-family: 'Noto Sans JP',noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

::-moz-selection { background: #4f85c1; color: #fff; }

::selection { background: #4f85c1; color: #fff; }

::-moz-selection { background: #4f85c1; color: #fff; }

#howto_bodycare { background: #fff; color: #010101; position: relative; }

#howto_bodycare img { -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 0; margin: 0 auto; }

#howto_bodycare a { transition-duration: 600ms; transition-timing-function: ease; }

#howto_bodycare a img { transition-duration: 600ms; transition-timing-function: ease; }

#howto_bodycare a:hover { opacity: 0.6; }

@media screen and (max-width: 767px) { #howto_bodycare { box-sizing: border-box; width: 100vw; z-index: 3; } }

.section { overflow: visible; position: relative; text-align: center; width: 100%; z-index: 50; }

@media screen and (max-width: 767px) { #howto_bodycare .section { width: 100%; }
  #howto_bodycare .section p { font-size: 4.0625vw; line-height: 1.53846; }
  #howto_bodycare .section img { height: auto; width: 100%; } }

@media screen and (min-width: 768px) { #howto_bodycare .section p { font-size: 14px; line-height: 1.85714; } }

/*
--------------------------------------------------------------
 Main
--------------------------------------------------------------
*/
#howto_bodycare .howto-head__inner { margin: 0 auto; max-width: 1120px; }

#howto_bodycare .howto-head__title { line-height: 0; margin-bottom: 0; }

#howto_bodycare .howto-head__read-text { font-size: 13px; line-height: 1.76923; margin-bottom: 0; }

@media screen and (max-width: 767px) { #howto_bodycare .howto-head { margin-bottom: 10.9375vw; margin-top: 12.34375vw; }
  #howto_bodycare .howto-head__inner { width: 93.75vw; } }

@media screen and (min-width: 768px) { #howto_bodycare .howto-head { margin-bottom: 92px; margin-top: 79px; }
  #howto_bodycare .howto-head__read-text { font-size: 16px !important; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare .howto-head { margin-bottom: 8.21429vw; margin-top: 7.05357vw; } }

/*
--------------------------------------------------------------
 Links
--------------------------------------------------------------
*/
#howto_bodycare .howto-links { width: 100%; }

#howto_bodycare .howto-links__inner { margin: 0 auto; }

#howto_bodycare .howto-links__list { align-items: center; display: flex; height: 100%; }

#howto_bodycare .howto-links__item { display: flex; }

#howto_bodycare .howto-links__item a { line-height: 1; position: relative; transition-delay: 0s; transition-duration: 400ms; transition-timing-function: ease; }

#howto_bodycare .howto-links__item a:hover { -webkit-transform: translateY(-5%); opacity: 1; transform: translateY(-5%); }

#howto_bodycare .howto-links__item img { line-height: 0; }

@media screen and (max-width: 767px) { #howto_bodycare .howto-links { margin-bottom: 42.96875vw; }
  #howto_bodycare .howto-links__inner { width: 78.125vw; }
  #howto_bodycare .howto-links__list { flex-wrap: wrap; }
  #howto_bodycare .howto-links__item { width: 100%; } }

@media screen and (min-width: 768px) { #howto_bodycare .howto-links { margin-bottom: 290px; }
  #howto_bodycare .howto-links__inner { max-width: 1160px; padding: 0 20px; width: 100%; }
  #howto_bodycare .howto-links__list { justify-content: space-between; }
  #howto_bodycare .howto-links__item { width: 320px; }
  #howto_bodycare .howto-links__item.arrow { width: 80px; }
  #howto_bodycare .howto-links__item a img { height: auto; width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare .howto-links { margin-bottom: 25.89286vw; } }

/*
--------------------------------------------------------------
 Step
--------------------------------------------------------------
*/
#howto_bodycare .howto-step { background-color: #f1f9fd; }

#howto_bodycare .howto-step__head hr { background-image: url(../../images/howto_bodycare/step_sep.png); border: none; height: 7px; margin: 0; }

#howto_bodycare .howto-step__title { -webkit-transform: translateX(-50%); left: 50%; position: absolute; transform: translateX(-50%); }

#howto_bodycare .howto-step__title-step { -webkit-transform: translateX(-50%); left: 50%; position: absolute; transform: translateX(-50%); z-index: 2; }

#howto_bodycare .howto-step__title-txt { text-align: center; }

@media screen and (max-width: 767px) { #howto_bodycare .howto-step { margin-bottom: 42.1875vw; padding-bottom: 15.625vw; }
  #howto_bodycare .howto-step__head { margin-bottom: 7.03125vw; padding-top: 26.09375vw; }
  #howto_bodycare .howto-step__head hr { background-size: auto 1.40625vw; height: 1.40625vw; margin: 0 auto; width: 93.75vw; }
  #howto_bodycare .howto-step__title { left: 50%; margin: 0 auto; margin-bottom: 3.75vw; position: absolute; top: -20.46875vw; width: 81.25vw; }
  #howto_bodycare .howto-step__title-step { line-height: 0; top: -8.90625vw; width: 20vw; }
  #howto_bodycare .howto-step__txt { line-height: 1.76923 !important; margin-bottom: 5.9375vw; } }

@media screen and (min-width: 768px) { #howto_bodycare .howto-step { margin-bottom: 247px; padding-bottom: 100px; }
  #howto_bodycare .howto-step__head { margin: 0 auto; margin-bottom: 60px; max-width: 964px; padding: 0 40px; padding-top: 143px; text-align: center; width: 100%; }
  #howto_bodycare .howto-step__head hr { height: 7px; }
  #howto_bodycare .howto-step__title { -webkit-transform: translateX(-50%); left: 50%; position: absolute; top: -112px; transform: translateX(-50%); }
  #howto_bodycare .howto-step__title-step { top: -54px; }
  #howto_bodycare .howto-step__txt { margin-bottom: 35px; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare .howto-step { margin-top: 7.05357vw; }
  #howto_bodycare .howto-step__head { margin-bottom: 5.35714vw; max-width: 964px; padding-top: 12.76786vw; width: 100%; }
  #howto_bodycare .howto-step__title { top: -10vw; width: 43.21429vw; }
  #howto_bodycare .howto-step__title img { width: 100%; }
  #howto_bodycare .howto-step__title-step { top: -4.82143vw; width: 9.46429vw; } }

#howto_bodycare .howto-step__item-wrap::after { clear: both; content: ""; display: block; }

#howto_bodycare .howto-step__item-imgarea { background-color: #fff; border-radius: 50%; }

#howto_bodycare .howto-step__item-imgarea img { height: auto; width: 100%; }

#howto_bodycare .howto-step__item-txtarea .no { display: block; text-align: center; }

@media screen and (max-width: 767px) { #howto_bodycare .howto-step__item-wrap { box-sizing: border-box; margin: 0 auto; padding: 0 10.9375vw; width: 100%; }
  #howto_bodycare .howto-step__item-imgarea { width: 78.125vw; }
  #howto_bodycare .howto-step__item-imgarea img { height: auto; width: 100%; }
  #howto_bodycare .howto-step__item-txtarea { margin-bottom: 4.6875vw; }
  #howto_bodycare .howto-step__item-txtarea .no { display: flex; height: 12.65625vw; margin: 0 auto 4.6875vw auto; width: 12.65625vw; }
  #howto_bodycare .howto-step__item-txt { font-size: 3.75vw !important; line-height: 1.75 !important; text-align: left; width: 79.6875vw; } }

@media screen and (min-width: 768px) { #howto_bodycare .howto-step__item-wrap { margin: 0 auto; max-width: 964px; padding: 0 40px; width: 100%; }
  #howto_bodycare .howto-step__item { float: left; width: 380px; }
  #howto_bodycare .howto-step__item:nth-child(even) { float: right; }
  #howto_bodycare .howto-step__item-imgarea { max-width: 380px; width: 100%; }
  #howto_bodycare .howto-step__item-txtarea { margin-bottom: 32px; }
  #howto_bodycare .howto-step__item-txtarea .no { margin-bottom: 26px; }
  #howto_bodycare .howto-step__item-txt { text-align: left; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare .howto-step__item { width: 42.98643%; } }

#howto_bodycare .howto-step__item-btn { position: relative; }

#howto_bodycare .howto-step__item-btn a { display: flex; margin: 0 auto; position: relative; width: 100%; }

#howto_bodycare .howto-step__item-btn a span { align-items: center; color: #fff; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; }

#howto_bodycare .howto-step__item-btn a img { width: 100%; }

@media screen and (max-width: 767px) { #howto_bodycare .howto-step__item-btn a { width: 84.375vw; }
  #howto_bodycare .howto-step__item-btn a span { font-size: 4.0625vw; }
  #howto_bodycare .howto-step__item-btn a img { height: 14.0625vw; } }

@media screen and (min-width: 768px) { #howto_bodycare .howto-step__item-btn a { max-width: 397px; } }

@media screen and (max-width: 767px) { #howto_bodycare #washing.howto-step .howto-step__item-imgarea { margin-bottom: 8.59375vw; }
  #howto_bodycare #washing.howto-step .howto-step__item-txt { margin-bottom: 10.46875vw; text-align: left; }
  #howto_bodycare #washing.howto-step .howto-step__item-btn a { margin-left: -3.125vw; } }

@media screen and (min-width: 768px) { #howto_bodycare #washing.howto-step { padding-bottom: 65px; }
  #howto_bodycare #washing.howto-step .howto-step__item { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; }
  #howto_bodycare #washing.howto-step .howto-step__item-txtarea { width: 442px; }
  #howto_bodycare #washing.howto-step .howto-step__item-txt { margin-bottom: 86px; text-align: left; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare #washing.howto-step .howto-step__item { width: 100%; }
  #howto_bodycare #washing.howto-step .howto-step__item-imgarea { width: 42.98643%; }
  #howto_bodycare #washing.howto-step .howto-step__item-txtarea { width: 50%; }
  #howto_bodycare #washing.howto-step .howto-step__item-txt { margin-bottom: 7.46606vw; } }

@media screen and (max-width: 767px) { #howto_bodycare #exfoliating .howto-step__item { margin-bottom: 13.125vw; }
  #howto_bodycare #exfoliating .howto-step__item { position: relative; }
  #howto_bodycare #exfoliating .howto-step__item.flow4 { margin-bottom: 13.75vw; } }

@media screen and (min-width: 768px) { #howto_bodycare #exfoliating .howto-step__item-wrap { margin-bottom: 54px; }
  #howto_bodycare #exfoliating .howto-step__item { position: relative; }
  #howto_bodycare #exfoliating .howto-step__item:after { background-image: url(../../images/howto_bodycare/step_next_arrow.png); background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 50px; position: absolute; vertical-align: middle; width: 79px; }
  #howto_bodycare #exfoliating .howto-step__item.flow1 { margin-bottom: 67px; }
  #howto_bodycare #exfoliating .howto-step__item.flow1:after { right: -96px; top: 140px; }
  #howto_bodycare #exfoliating .howto-step__item.flow2 { margin-bottom: 138px; margin-top: 80px; }
  #howto_bodycare #exfoliating .howto-step__item.flow2:after { background-image: url(../../images/howto_bodycare/step_next_arrow2.png); bottom: 54px; left: -108px; }
  #howto_bodycare #exfoliating .howto-step__item.flow3:after { background-image: url(../../images/howto_bodycare/step_next_arrow.png); right: -96px; top: 149px; }
  #howto_bodycare #exfoliating .howto-step__item.flow4:after { display: none; }
  #howto_bodycare #exfoliating .howto-step__item-txt { margin: 0 auto; width: 365px; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare #exfoliating .howto-step__item { position: relative; }
  #howto_bodycare #exfoliating .howto-step__item:after { content: ""; display: block; height: 4.52899vw; width: 7.1558vw; }
  #howto_bodycare #exfoliating .howto-step__item.flow1 { margin-bottom: 67px; }
  #howto_bodycare #exfoliating .howto-step__item.flow1:after { right: -96px; top: 12.68116vw; }
  #howto_bodycare #exfoliating .howto-step__item.flow2 { margin-bottom: 138px; margin-top: 80px; }
  #howto_bodycare #exfoliating .howto-step__item.flow2:after { bottom: 4.8913vw; left: -108px; }
  #howto_bodycare #exfoliating .howto-step__item.flow3:after { right: -96px; top: 13.49638vw; }
  #howto_bodycare #exfoliating .howto-step__item-txt { width: 100%; } }

@media screen and (max-width: 767px) { #howto_bodycare #moisturizing { margin-bottom: 0; }
  #howto_bodycare #moisturizing .howto-step__item { margin-bottom: 9.53125vw; }
  #howto_bodycare #moisturizing .howto-step__item.flow2 { margin-bottom: 10.15625vw; } }

@media screen and (min-width: 768px) { #howto_bodycare #moisturizing { margin-bottom: 0; }
  #howto_bodycare #moisturizing .howto-step__item { margin-bottom: 65px; position: relative; }
  #howto_bodycare #moisturizing .howto-step__item:after { background-image: url(../../images/howto_bodycare/step_next_arrow.png); background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 50px; position: absolute; vertical-align: middle; width: 79px; }
  #howto_bodycare #moisturizing .howto-step__item.flow1 .howto-step__item-txt { margin-right: -10px; }
  #howto_bodycare #moisturizing .howto-step__item.flow1:after { right: -96px; top: 60px; }
  #howto_bodycare #moisturizing .howto-step__item.flow2 { margin-top: 116px; }
  #howto_bodycare #moisturizing .howto-step__item.flow2 .howto-step__item-txt { margin-left: -30px; }
  #howto_bodycare #moisturizing .howto-step__item.flow2:after { display: none; }
  #howto_bodycare #moisturizing .howto-step__item-txt { width: 410px; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare #moisturizing .howto-step__item { position: relative; }
  #howto_bodycare #moisturizing .howto-step__item:after { content: ""; display: block; height: 4.52899vw; width: 7.1558vw; }
  #howto_bodycare #moisturizing .howto-step__item.flow1 .howto-step__item-txt { margin-right: -10px; }
  #howto_bodycare #moisturizing .howto-step__item.flow1:after { right: -96px; top: 5.43478vw; }
  #howto_bodycare #moisturizing .howto-step__item.flow2 { margin-top: 116px; }
  #howto_bodycare #moisturizing .howto-step__item.flow2 .howto-step__item-txt { margin-left: -30px; }
  #howto_bodycare #moisturizing .howto-step__item.flow2:after { display: none; }
  #howto_bodycare #moisturizing .howto-step__item-txt { width: 100%; } }

#howto_bodycare .massage { background-image: url(../../images/howto_bodycare/massage-bg_sp.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; margin: 0 auto; padding: 6.25vw 4.6875vw; }

#howto_bodycare .massage__inner { background-color: rgba(255, 255, 255, 0.85); border-color: #fff; border-style: solid; border-width: 1.25vw; box-sizing: border-box; }

#howto_bodycare .massage__title { line-height: 0; }

#howto_bodycare .massage__target-name { line-height: 0; }

#howto_bodycare .massage__target-name h3 { line-height: 0; }

@media screen and (max-width: 767px) { #howto_bodycare .massage { margin-bottom: 9.375vw; width: 93.75vw; }
  #howto_bodycare .massage__inner { padding: 0 1.875vw; }
  #howto_bodycare .massage__head { margin-bottom: 8.4375vw; }
  #howto_bodycare .massage__txt { font-size: 3.75vw !important; letter-spacing: -0.02em; line-height: 1.75 !important; text-align: left; }
  #howto_bodycare .massage__target-item { margin-bottom: 11.71875vw; }
  #howto_bodycare .massage__target-item:last-child { margin-bottom: 10.9375vw; }
  #howto_bodycare .massage__target-lists { text-align: left; }
  #howto_bodycare .massage__target-list { font-size: 3.75vw; line-height: 1.5; padding-left: 1em; text-indent: -1em; } }

@media screen and (min-width: 768px) { #howto_bodycare .massage { background-image: url(../../images/howto_bodycare/massage-bg.jpg); margin-bottom: 48px; max-width: 1120px; padding: 40px; width: 100%; }
  #howto_bodycare .massage__inner { border-width: 8px; padding: 45px; padding-bottom: 70px; }
  #howto_bodycare .massage__head { margin-bottom: 40px; }
  #howto_bodycare .massage__target { display: flex; justify-content: space-between; }
  #howto_bodycare .massage__target-item { width: 260px; }
  #howto_bodycare .massage__target-item:nth-child(2) .massage__target-lists { margin-left: -23px; min-width: 295px; }
  #howto_bodycare .massage__target-name { margin-bottom: 18px; }
  #howto_bodycare .massage__target-lists { min-width: 275px; text-align: left; }
  #howto_bodycare .massage__target-list { font-size: 14px; line-height: 1.85714; padding-left: 1em; text-indent: -1em; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare .massage { margin: 0 20px 48px 20px; max-width: 1120px; padding: 3.62319vw; width: calc( 100% - 40px); }
  #howto_bodycare .massage__inner { border-width: 8px; padding: 4.07609vw; padding-bottom: 6.34058vw; }
  #howto_bodycare .massage__target-item { width: 23.55072vw; }
  #howto_bodycare .massage__target-item:nth-child(2) .massage__target-lists { margin-left: 0px; min-width: auto; }
  #howto_bodycare .massage__target-name img { height: auto; width: 100%; }
  #howto_bodycare .massage__target-lists { min-width: auto; } }

/*
--------------------------------------------------------------
 About
--------------------------------------------------------------
*/
#howto_bodycare .about { background-image: url(../../images/howto_bodycare/about-bg_sp.jpg); background-position: center top; background-size: cover; }

@media screen and (max-width: 767px) { #howto_bodycare .about { padding: 19.84375vw 3.125vw 15.9375vw 3.125vw; } }

@media screen and (min-width: 768px) { #howto_bodycare .about { background-image: url(../../images/howto_bodycare/about-bg.jpg); margin-bottom: 65px; padding: 128px 0 98px; } }

#howto_bodycare .about__inner { width: 100%; }

@media screen and (min-width: 768px) { #howto_bodycare .about__inner { margin: 0 auto; max-width: 1160px; padding: 0 20px; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { #howto_bodycare .about__inner { margin: 0 auto; max-width: 1120px; } }

#howto_bodycare .about__box { background-color: rgba(255, 255, 255, 0.8); border-color: #fff; border-style: solid; border-width: 1.25vw; }

@media screen and (max-width: 767px) { #howto_bodycare .about__box-logo { margin-top: -10.625vw; }
  #howto_bodycare .about__box-logo img { height: auto; width: 20.9375vw; }
  #howto_bodycare .about__box-txt { font-size: 4.0625vw !important; line-height: 1.76923 !important; margin-bottom: 11.09375vw; } }

@media screen and (min-width: 768px) { #howto_bodycare .about__box { border-width: 8px; }
  #howto_bodycare .about__box-logo { margin-top: -54px; }
  #howto_bodycare .about__box-logo img { height: auto; width: 92px; }
  #howto_bodycare .about__box-txt { font-size: 16px !important; line-height: 38px !important; margin-bottom: 36px; } }

/*
--------------------------------------------------------------
 Scroll Animation
--------------------------------------------------------------
*/
.js-anim-scroll { opacity: 0; transition-duration: 2000ms; transition-timing-function: ease; visibility: hidden; }

.js-anim-scroll.inview { opacity: 1; visibility: visible; }

.js-anim-scroll[data-anim="b-to-t"] { -webkit-transform: translateY(30px); transform: translateY(30px); transition-duration: 1800ms; }

.js-anim-scroll[data-anim="b-to-t"].inview { -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="t-to-b"] { -webkit-transform: translateY(-30px); transform: translateY(-30px); transition-duration: 1800ms; }

.js-anim-scroll[data-anim="t-to-b"].inview { -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="l-to-r"] { -webkit-transform: translateX(-30px); transform: translateX(-30px); transition-duration: 2000ms; }

.js-anim-scroll[data-anim="l-to-r"].inview { -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll[data-anim="r-to-l"] { -webkit-transform: translateX(30px); transform: translateX(30px); transition-duration: 2000ms; }

.js-anim-scroll[data-anim="r-to-l"].inview { -webkit-transform: translateX(0); transform: translateX(0); }

#howto_bodycare .howto-step.js-anim-scroll { transition-delay: 0s; transition-duration: 0.7s; transition-timing-function: ease; }

#howto_bodycare .howto-step.js-anim-scroll .howto-step__title-step { -webkit-transform: scale(1) translateY(15%) translateX(-50%); opacity: 0; transform: scale(1) translateY(15%) translateX(-50%); transition-delay: 0.1s; transition-duration: 1.4s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .howto-step.js-anim-scroll .howto-step__title-txt { -webkit-transform: scale(1) translateY(5%); display: block; opacity: 0; transform: scale(1) translateY(5%); transition-delay: 0.5s; transition-duration: 1.2s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .howto-step.js-anim-scroll .howto-step__txt { opacity: 0; transition-delay: 1s; transition-duration: 1.2s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .howto-step.js-anim-scroll.inview .howto-step__title-step { -webkit-transform: scale(1) translateY(0) translateX(-50%); opacity: 1; overflow: hidden; transform: scale(1) translateY(0) translateX(-50%); visibility: visible; }

#howto_bodycare .howto-step.js-anim-scroll.inview .howto-step__title-txt { -webkit-transform: scale(1) translateY(0); opacity: 1; transform: scale(1) translateY(0); visibility: visible; }

#howto_bodycare .howto-step.js-anim-scroll.inview .howto-step__txt { opacity: 1; visibility: visible; }

.massage__target.js-anim-scroll { transition-delay: 0s; transition-duration: 1.2s; transition-timing-function: ease; }

@media screen and (max-width: 767px) { .massage__target.js-anim-scroll .massage__target-item { opacity: 0; transition-duration: 1000ms; transition-timing-function: ease; }
  .massage__target.js-anim-scroll .massage__target-item .massage__target-name > img { -webkit-transform: scale(0.8) translateY(0%); opacity: 0; transform: scale(0.8) translateY(0%); transition-duration: 1000ms; transition-timing-function: ease; visibility: hidden; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(1) { transition-delay: 0.7s; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(1) .massage__target-name > img { transition-delay: 0.8s; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(2) { transition-delay: 0.9s; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(2) .massage__target-name > img { transition-delay: 1.1s; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(3) { transition-delay: 1.1s; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(3) .massage__target-name > img { transition-delay: 1.4s; }
  .massage__target.js-anim-scroll.inview .massage__target-item { -webkit-transform: scale(1) translateY(0); opacity: 1; transform: scale(1) translateY(0); }
  .massage__target.js-anim-scroll.inview .massage__target-item .massage__target-name > img { -webkit-transform: scale(1) translateY(0); opacity: 1; transform: scale(1) translateY(0); visibility: visible; } }

@media screen and (min-width: 768px) { .massage__target.js-anim-scroll .massage__target-item { -webkit-transform: scale(1) translateY(-6%); opacity: 0; transform: scale(1) translateY(-6%); transition-duration: 1500ms; transition-timing-function: ease; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(1) { transition-delay: 0.7s; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(2) { transition-delay: 0.9s; }
  .massage__target.js-anim-scroll .massage__target-item:nth-child(3) { transition-delay: 1.1s; }
  .massage__target.js-anim-scroll.inview .massage__target-item { -webkit-transform: scale(1) translateY(0); opacity: 1; transform: scale(1) translateY(0); } }

#howto_bodycare .howto-step__item.js-anim-scroll .howto-step__item-imgarea.js-anim-scroll { -webkit-transform: scale(0.2); opacity: 0; transform: scale(0.2); transition-delay: 0.3s; transition-duration: 1s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .howto-step__item.js-anim-scroll .howto-step__item-imgarea.js-anim-scroll img { -webkit-transform: scale(1.1); opacity: 0; transform: scale(1.1); transition-delay: 1s; transition-duration: 1.2s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .howto-step__item.js-anim-scroll:after { -webkit-transform: translateX(-15%) translateY(-15%); opacity: 0; transform: translateX(-15%) translateY(-15%); transition-delay: 1.4s; transition-duration: 1s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .howto-step__item.js-anim-scroll.flow2:after { -webkit-transform: translateX(15%) translateY(-15%); transform: translateX(15%) translateY(-15%); }

#howto_bodycare .howto-step__item.js-anim-scroll.inview .howto-step__item-imgarea.js-anim-scroll { -webkit-transform: scale(1); opacity: 1; transform: scale(1); visibility: visible; }

#howto_bodycare .howto-step__item.js-anim-scroll.inview .howto-step__item-imgarea.js-anim-scroll img { -webkit-transform: scale(1); opacity: 1; transform: scale(1); visibility: visible; }

#howto_bodycare .howto-step__item.js-anim-scroll.inview:after { -webkit-transform: translateX(0) translateY(0); opacity: 1; transform: translateX(0) translateY(0); visibility: visible; }

#howto_bodycare .howto-type__head.js-anim-scroll { opacity: 1; visibility: visible; }

#howto_bodycare .howto-type__head.js-anim-scroll .howto-type__head-bg { transition-delay: 0; transition-duration: 0.6s; transition-timing-function: ease; }

#howto_bodycare .howto-type__head.js-anim-scroll .howto-type__head-bg img { height: 100%; opacity: 0; transition-delay: 0s; transition-duration: 0.7s; transition-timing-function: ease; width: 1px; }

#howto_bodycare .howto-type__head.js-anim-scroll :hover .howto-type__head-bg img { opacity: 0.6; transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; }

#howto_bodycare .howto-type__head.js-anim-scroll .howto-type__head-title { -webkit-transform: translateY(0%); opacity: 0; transform: translateY(0%); transition-delay: 0.8s; transition-duration: 1.5s; transition-timing-function: ease; }

#howto_bodycare .howto-type__head.js-anim-scroll.inview .howto-type__head-bg img { opacity: 1; width: 100%; }

#howto_bodycare .howto-type__head.js-anim-scroll.inview .howto-type__head-title { -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); }

#howto_bodycare .about.js-anim-scroll { opacity: 0; transition-delay: 0s; transition-duration: 1.8s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .about.js-anim-scroll .about__inner { opacity: 0; transition-delay: 0.6s; transition-duration: 1s; transition-timing-function: linear; visibility: hidden; }

@media screen and (max-width: 767px) { #howto_bodycare .about.js-anim-scroll .about__box { width: 93.75vw; } }

#howto_bodycare .about.js-anim-scroll .about__box-logo { opacity: 0; transition-delay: 1.6s; transition-duration: 1.2s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .about.js-anim-scroll .about__box-txt { -webkit-transform: translateY(5%); opacity: 0; transform: translateY(5%); transition-delay: 2s; transition-duration: 1.2s; transition-timing-function: ease; visibility: hidden; }

#howto_bodycare .about.js-anim-scroll.inview { opacity: 1; visibility: visible; }

#howto_bodycare .about.js-anim-scroll.inview .about__inner { opacity: 1; visibility: visible; }

#howto_bodycare .about.js-anim-scroll.inview .about__box { opacity: 1; visibility: visible; width: 100%; }

#howto_bodycare .about.js-anim-scroll.inview .about__box-logo { opacity: 1; visibility: visible; }

#howto_bodycare .about.js-anim-scroll.inview .about__box-txt { -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; }