@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap');

body {
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

#unitFaq01 .textQ em { background-image: url(../../img/question/common/num_q01.png); }
#unitFaq02 .textQ em { background-image: url(../../img/question/common/num_q02.png); }
#unitFaq03 .textQ em { background-image: url(../../img/question/common/num_q03.png); }
#unitFaq04 .textQ em { background-image: url(../../img/question/common/num_q04.png); }
#unitFaq05 .textQ em { background-image: url(../../img/question/common/num_q05.png); }
#unitFaq06 .textQ em { background-image: url(../../img/question/common/num_q06.png); }
#unitFaq07 .textQ em { background-image: url(../../img/question/common/num_q07.png); }
#unitFaq08 .textQ em { background-image: url(../../img/question/common/num_q08.png); }
#unitFaq09 .textQ em { background-image: url(../../img/question/common/num_q09.png); }
#unitFaq10 .textQ em { background-image: url(../../img/question/common/num_q10.png); }

#unitFaq01 .textA em { background-image: url(../../img/question/common/num_a01.png); }
#unitFaq02 .textA em { background-image: url(../../img/question/common/num_a02.png); }
#unitFaq03 .textA em { background-image: url(../../img/question/common/num_a03.png); }
#unitFaq04 .textA em { background-image: url(../../img/question/common/num_a04.png); }
#unitFaq05 .textA em { background-image: url(../../img/question/common/num_a05.png); }
#unitFaq06 .textA em { background-image: url(../../img/question/common/num_a06.png); }
#unitFaq07 .textA em { background-image: url(../../img/question/common/num_a07.png); }
#unitFaq08 .textA em { background-image: url(../../img/question/common/num_a08.png); }
#unitFaq09 .textA em { background-image: url(../../img/question/common/num_a09.png); }
#unitFaq10 .textA em { background-image: url(../../img/question/common/num_a10.png); }

@keyframes heartMotion {
    0%   { transform: scale(1.0,1.0) translate(0,-5px); }
    100%   { transform: scale(-1.0,1.0) translate(0,5px); }
}
@keyframes step1parts1Motion {
    0%   { transform: rotate(5deg) translate(0,-4px); }
    33%   { transform: rotate(-5deg) translate(0,-2px); }
    66%   { transform: rotate(5deg) translate(0,2px); }
    100%   { transform: rotate(-5deg) translate(0,4px); }
}
@keyframes step1parts2Motion {
    0%   { transform: rotate(0deg) translate(0,0); }
    100%   { transform: rotate(10deg) translate(5px,10px); }
}
@keyframes step2parts1Motion {
    0%   { transform: scale(1.0,1.0) translate(0,-4px); }
    100%   { transform: scale(-1.0,1.0) translate(0,4px); }
}
@keyframes step3parts1Motion {
    0%   { transform: translate(0,-2px); }
    100%   { transform: translate(0,2px); }
}
@keyframes step3parts2Motion {
    0%   { transform: rotate(-5deg); }
    100%   { transform: rotate(5deg); }
}