/* 共通ここから --------- */
header {
    margin-bottom: -36px;
}
img {
    display: block;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.pr {
    position: relative;
}
li {
    list-style-type: none;
}
.cont01,.cont02,.cont03,.cont04,.cont05,.cont06,.cont07,.cont08 {overflow: hidden;}
.br_bottom {
    border-bottom: 2px solid #e3191a; 
    padding-left: 0;
}
.follow_btn_box {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
    z-index: 99;
    display: none;
}
video {
    width: 100%;
    vertical-align: top;
}
/* 共通ここまで --------- */

/* ファーストビューここから --------- */
.fv_movie_box {
    position: relative;
    overflow: hidden;
}
.fv_slide_box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100%;
}
.fv_slide_box video {
    width: 100%;
}
.fv_medal_box {
    position: relative;
}
.fv_medal_box .fv_medal {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
    justify-content: space-between;
}
.fv_medal_box .fv_medal li {
    width: 33%;
}
/* ファーストビューここまで --------- */

/* cont01ここから --------- */
.cont01_point_box {
    position: relative;
}
.cont01_point {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -38%);
    width: calc(100% - 60px);
}
/* cont01ここまで --------- */

/* cont02ここから --------- */
.cont02_first_box {
    position: relative;
}
.cont02_first {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 60px);
}
/* cont02ここまで --------- */

/* cont03ここから --------- */
.worries_ttl01 {
    position: absolute;
    top: 0;
    left: 0;
}
/* cont03ここまで --------- */

/* cont04ここから --------- */
.cont04_choose_box {
    position: relative;
}
.all_one {
    position: absolute;
    top: 18%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
}
.choose_point li:nth-child(1) {
    position: absolute;
    top: 28%;
    left: 7%;
}
.choose_point li:nth-child(2) {
    position: absolute;
    top: 28%;
    right: 7%;
}
.choose_point li:nth-child(3) {
    position: absolute;
    bottom: 37%;
    left: 7%;
}
.choose_point li:nth-child(4) {
    position: absolute;
    bottom: 37%;
    right: 7%;
}
.choose_point li img {
    width: 120px;
}
.choose_point li:nth-child(2) img {
    width: 135px;
}
.choose_care_box {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 30px);
    transform: translateX(-50%);
}
.choose_care {
    justify-content: space-between;
}
.choose_care li {
    width: 33%;
}
.comparable {
    position: relative;
}
.comparable .comparable_txt {
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 170px);
    z-index: 2;
}
.comparable .comparable_marker {
    position: absolute;
    top: 37%;
    left: 36%;
    transform: translateX(-50%);
    z-index: 1;
    width: 200px;
}
.change_box {
    position: relative;
}
.change_txt {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: calc(100% - 90px);
}
.p-video1-box {
    position: relative;
    overflow: hidden;
}
.p-video1-box video {
    width: 52%;
    height: 102.5%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -11%;
    left: 48%;
    -o-object-position: 39%;
    object-position: 39%;
    z-index: -1;
}
.expansion_img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
}
.change_slide {
    padding: 0 14px;
}
.change_slide .slick-prev:before, .change_slide .slick-next:before {
    content: '';
    background-size: cover;
    width: 60px;
    height: 60px;
    display: block;
    opacity: 1;
    transition: .3s;
}
.change_slide .slick-prev:hover:before, 
.change_slide .slick-next:hover:before {
    opacity: 0.7;
}
.change_slide .slick-prev:before {
    background-image: url(../img/arrow03.png);
}
.change_slide .slick-next:before {
    background-image: url(../img/arrow04.png);
}
.change_slide .slick-prev, .slick-next {
    z-index: 1;
    width: 60px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.change_slide .slick-prev {
    left: 1%;
}
.change_slide .slick-next {
    right: 3%;
}
/* cont04ここまで --------- */

/* cont05ここから --------- */
.cont05_fuwa_box {
    position: relative;
}
.fuwa_mochi {
    position: absolute;
    bottom: 0;
    display: flex;
}
.fuwa {
    width: 200px;
}
.mochi  {
    width: 200px;
    margin-left: -33px;
}
.hair_movie_box {
    position: relative;
}
.hair_movie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 60px);
}
.bubble_box {
    position: relative;
}
.bubble_secret {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 100px);
    z-index: 1;
}
.bubble01 {
    position: absolute;
    top: 30%;
    right: -1%;
    width: 20%;
}
.bubble_trouble {
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
}
.bubble02 {
    position: absolute;
    bottom: 18%;
    left: 19%;
    z-index: 1;
    width: 40%;
}
.dif_item {
    position: absolute;
    top: 0;
    left: 0;
}
/* cont05ここまで --------- */

/* cont06ここから --------- */
.component_box {
    position: relative;
}
.component_txt01 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
}
.component_txt02 {
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
}
.bu_movie_box {
    overflow: hidden;
}
.p-feature__video1 {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 51%;
    max-height: 100%;
    top: 0;
    left: 0;
}
.p-feature__video2 {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 49.3%;
    top: 0;
    right: 0;
    max-height: 100%;
}
.fruits_box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
/* cont06ここまで --------- */

/* cont07ここから --------- */
.effect_box {
    position: relative;
}
.effect_movie_box {
    position: relative;
}
.effect_movie {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(84% - 60px);
}
.effect_movie_mp4 {
    width: 100%;
    aspect-ratio: 16/12;
    overflow: hidden;
    position: relative;
}
.effect_movie_mp4 video {
    position: absolute;
    top: -8%;
    left: 50%;
    width: 120%; 
    height: 120%;
    object-fit: cover;
    object-position: center;
    transform: translateX(-50%);
    display: block;
}
.natural_txt {
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 1;
}
.natural_txt .natural_txt01 {
    width: 60px;
    margin: 30px 10px 0 0;
}
.natural_txt .natural_txt02 {
    width: 50px;
}
.healthy_txt01 {
    position: absolute;
    top: 3%;
    right: 0;
    width: 75%;
}
.healthy_txt02 {
    position: absolute;
    bottom: 34%;
    right: 0;
    width: 75%;
}
.effect_3times {
    width: 70px;
    position: absolute;
    bottom: 60%;
    left: 16%;
}
.effect_arrow {
    width: 110px;
    position: absolute;
    bottom: 50%;
    left: 21%;
}
.good_point {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
}
.good_point ul {
    justify-content: space-evenly;
}
.good_point ul li {
    width: 24%;
}
.effect_change_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 100px);
}
.testimonials_img01 {
    position: absolute;
    top: -10%;
    right: 3%;
    width: 50%;
}
.testimonials_txt01 {
    position: absolute;
    top: 12%;
    left: 6%;
}
.testimonials_txt01 p {
    margin-bottom: 5px;
}
.testimonials_txt01 p:nth-child(1) img {
    width: 120px;
}
.testimonials_txt01 p:nth-child(2) img {
    width: 180px;
}
.testimonials_txt01 p:nth-child(3) img {
    width: 300px;
}
.testimonials_img02 {
    position: absolute;
    top: -13%;
    left: 3%;
    width: 50%
}
.testimonials_txt02 {
    position: absolute;
    top: 6%;
    right: 6%;
}
.testimonials_txt02 p {
    margin-bottom: 5px;
}
.testimonials_txt02 p:nth-child(1) img {
    width: 120px;
}
.testimonials_txt02 p:nth-child(2) img {
    width: 220px;
}
.testimonials_txt02 p:nth-child(3) img {
    width: 150px;
}
.testimonials_txt02 p:nth-child(4) img {
    width: 200px;
}
/* cont07ここまで --------- */

/* cont08ここから --------- */
.foundation_txt01 {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
}
.foundation_txt02 {
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 180px);
}
.foundation_txt03 {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 240px);
    z-index: 1;
}
.foundation_txt04 {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 240px);
}
.foundation_txt05 {
    position: absolute;
    bottom: 30%;
    right: 12%;
    width: 48%;
}
.foundation_txt06 {
    position: absolute;
    top: 9%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
}
.foundation_box .good_point {
    top: inherit;
    bottom: 25%;
}
.foundation_txt07 {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
}
.foundation_txt08 {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 200px);
}
.extract_box li {
    width: 173px;
}
.extract_box li:nth-child(1) {
    position: absolute;
    top: 6%;
    left: 0;
}
.extract_box li:nth-child(2) {
    position: absolute;
    top: 2%;
    left: 33%;
}
.extract_box li:nth-child(3) {
    position: absolute;
    top: 10%;
    right: 0%;
}
.extract_box li:nth-child(4) {
    position: absolute;
    top: 37%;
    right: 0;
}
.extract_box li:nth-child(5) {
    position: absolute;
    bottom: 18%;
    right: 4%;
}
.extract_box li:nth-child(6) {
    position: absolute;
    bottom: 1%;
    left: 38%;
}
.extract_box li:nth-child(7) {
    position: absolute;
    bottom: 8%;
    left: 0;
}
.benefits {
    position: absolute;
    left: 10%;
    width: 50px;
}
.benefits.b_txt01 {
    top: 30%;
}
.benefits.b_txt02 {
    top: 44%;
}
.benefits.b_txt03 {
    top: 57%;
}
.benefits.b_txt04 {
    bottom: 22%;
}
.benefits.b_txt05 {
    bottom: 8%;
}
/* cont08ここまで --------- */

/* cont09ここから --------- */
.question_box {
    background: #e5ded9;
}
.question_box_slide {
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 30px 0;
}
.question_box .slick-prev:before, .question_box .slick-next:before {
    content: '';
    background-size: cover;
    width: 50px;
    height: 50px;
    display: block;
    opacity: 1;
    transition: .3s;
}
.question_box .slick-prev:hover:before, 
.question_box .slick-next:hover:before {
    opacity: 0.7;
}
.question_box .slick-prev:before {
    background-image: url(../img/arrow01.png);
}
.question_box .slick-next:before {
    background-image: url(../img/arrow02.png);
}
.question_box .slick-prev, .slick-next {
    z-index: 1;
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.question_box .slick-prev {
    left: -8%;
}
.question_box .slick-next {
    right: -8%;
}
.qa_box {
    background-color: #fff;
    padding: 40px;
    font-size: 1.6rem;
    height: 100%;
}
.p-faq_question,.p-faq_answer {
    flex-wrap: nowrap;
    align-items: flex-start;
}
.p-faq_question {
    margin-bottom: 20px;
}
.p-faq_question-icon,.p-faq_answer-icon {
    margin-right: 10px;
    font-family: "Noto Serif JP", serif;
    font-size: 2.5rem;
    display: flex;
    line-height: 1;
}
.p-faq_question-text {
    font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.4;
    display: flex;
    text-align: justify;
}
.p-faq_answer-text {
    margin-bottom: 20px;
    font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.7rem;
    text-align: justify;
}
.p-faq_answer-text:last-child {
    margin-bottom: 0;
}
.p-faq_answer-text small {
    font-size: 1.2rem;
    display: block;
}
.p-faq_answer-text span {
    display: block;
}
.indent-1 {
    text-indent: -1em;
    padding-left: 1em;
}
.p-faq_answer-text strong {
    font-weight: normal;
}
/* cont09ここまで --------- */

/* CTAここから --------- */
.cv_box .btn_single {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 50px);
}
.cv_box .btn_3set {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 50px);
}
/* CTAここまで --------- */

/* アニメーションここから --------- */
/* フェードイン */
.js-fade-in {
    opacity: 0;
    transition: opacity;
}
.js-fade-in.show {
	animation: anmshow1 1s .3s forwards cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes anmshow1 {
	0% {transform: translateY(-50px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
.component_txt02 img.show {
    animation-delay: .5s !important;
}
.worries_ttl01.wt03 img.show {
    animation-delay: .5s !important;
}
/* 左からカットイン */
.js-cut-left {
    opacity: 0;
    transition: opacity;
}
.js-cut-left.show {
    animation: anmshow2 1s .3s forwards cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes anmshow2 {
	0% {transform: translateX(-50px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
.wr_pn05 img.show {
    animation-delay: .5s !important;
}
.choose_point li:nth-child(2) img.show {
    animation-delay: .5s !important;
}
.choose_point li:nth-child(3) img.show {
    animation-delay: .7s !important;
}
.choose_point li:nth-child(4) img.show {
    animation-delay: .9s !important;
}
.natural_txt .natural_txt01 img.show {
    animation-delay: .5s !important;
}
.testimonials_txt01 p:nth-child(2) img.show{
    animation-delay: .5s !important;
}
.testimonials_txt01 p:nth-child(3) img.show{
    animation-delay: .7s !important;
}
.testimonials_txt02 p:nth-child(2) img.show{
    animation-delay: .5s !important;
}
.testimonials_txt02 p:nth-child(3) img.show{
    animation-delay: .7s !important;
}
.testimonials_txt02 p:nth-child(4) img.show{
    animation-delay: .9s !important;
}
.testimonials_txt02 p:nth-child(5) img.show{
    animation-delay: .7s !important;
}
.benefits.b_txt02 img.show {
    animation-delay: .3s !important;
}
.benefits.b_txt03 img.show {
    animation-delay: .5s !important;
}
.benefits.b_txt04 img.show {
    animation-delay: .7s !important;
}
.benefits.b_txt05 img.show {
    animation-delay: .9s !important;
}
/* 右からカットイン */
.js-cut-right {
    opacity: 0;
    transition: opacity;
}
.js-cut-right.show {
    animation: anmshow3 1s .3s forwards cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes anmshow3 {
	0% {transform: translateX(50px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}
.wr_pn03 img.show {
    animation-delay: .5s !important;
}
/* フェードアップ */
.js-fade-up {
    opacity: 0;
    transition: opacity;
}
.js-fade-up.show {
    animation: anmshow4 1s forwards cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.fruits_box img.show {
    animation: anmshow4 2s 1s forwards ease-out !important;
}
@keyframes anmshow4 {
	0% {transform: translateY(50px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
.effect_arrow img.show {
    animation-delay: .4s !important;
}
.effect_3times img.show {
    animation-delay: .8s !important;
}
.extract_box li:nth-child(3) img,
.extract_box li:nth-child(4) img {
    animation-delay: .3s !important;
}
.extract_box li:nth-child(5) img,
.extract_box li:nth-child(6) img,
.extract_box li:nth-child(7) img {
    animation-delay: .6s !important;
}
/* 左右に揺らす */
.js-shake.show {
    animation: anmshow5 1.2s forwards cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}
@keyframes anmshow5 {
    0% { transform: translateX(0); }
    10%  { transform: translateX(-5px); }
    20%  { transform: translateX(5px); }
    30%  { transform: translateX(-5px); }
    40%  { transform: translateX(5px); }
    50%  { transform: translateX(-4px); }
    60%  { transform: translateX(4px); }
    70%  { transform: translateX(-2px); }
    80%  { transform: translateX(2px); }
    90%  { transform: translateX(-1px); }
    100% { transform: translateX(0); }
}
/* 左右にゆっくり揺らす */
.js-shake-slow {
    animation: anmshow6 2s infinite ease-in-out;
    transform-origin: center center; /* 回転の中心を設定 */
}
@keyframes anmshow6 {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(-3deg); }
    50%  { transform: rotate(3deg); }
    75%  { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
}
/* じわっと出てくる */
.js-fade-op {
    opacity: 0;
}
.js-fade-op.show {
    animation: anmshow7 1.8s forwards ease-out !important;
}
@keyframes anmshow7 {
    0% {opacity: 0;}
    100% {opacity: 1}
}
/* ふわふわ揺れる */
.js-fuwa {
    transform: translateY(0);
    will-change: transform;
}
.js-fuwa.show {
    animation: anmshow8 1.6s ease-in-out alternate infinite;
}
@keyframes anmshow8 {
    0% {transform: translateY(-10px);}
    100% {transform: translateY(10px);}
}
.mochi img.show {
    animation-delay: .3s !important;
}
/* 回転 */
.js-rotate {
    opacity: 0;
    transform: rotateY(-90deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
}
.js-rotate.show {
    animation: anmshow9 .8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@keyframes anmshow9 {
    0% {opacity: 0; transform: rotateY(-90deg);}
    100% {opacity: 1; transform: rotateY(0deg);}
}
.fv_medal_box .fv_medal li:nth-child(2) img {
    animation-delay: .5s !important;
}
.fv_medal_box .fv_medal li:nth-child(3) img {
    animation-delay: .8s !important;
}
/* 右から左へclip-path */
.js-clip {
    clip-path: inset(0 100% 0 0); /* 初期状態：全部隠す */
}
.js-clip.show {
    width: 100%;
    height: auto;
    clip-path: inset(0 100% 0 0); /* 最初は右を全部切る（見えない） */
    animation: anmshow10 1s ease-out forwards;
}
@keyframes anmshow10 {
    0% {clip-path: inset(0 100% 0 0); /* 全部隠す */}
    100% {clip-path: inset(0 0% 0 0);   /* 全部表示（右側切り取り0%） */}
}
.comparable .comparable_marker img.show {
    animation-delay: .5s !important;
}
.foundation_txt04 img.show {
    animation-delay: .5s !important;
}
/* アニメーションここまで --------- */


@media screen and (max-width: 768px){
    .comparable .comparable_marker {top: 44%; left: 35%; width: 43%;}
    .extract_box li:nth-child(1) {top: 10%; left: 4%;}
    .extract_box li:nth-child(2) {top: 7%; left: 34%;}
    .extract_box li:nth-child(3) {top: 15%; right: 9%;}
    .extract_box li:nth-child(5) {bottom: 18%; right: 14%;}
    .extract_box li:nth-child(6) {bottom: 4%; left: 43%;}
    .extract_box li:nth-child(7) {bottom: 13%; left: 6%;}
}
@media screen and (max-width: 600px){
    .extract_box li {width: 150px;}
    .benefits_box ul {width: 17%;}
}
@media screen and (max-width: 500px){
    .wr_pn01 {width: 190px;}
    .wr_pn02 {top: 31%; left: 3%; width: 130px;}
    .wr_pn03 {width: 200px;}
    .wr_pn04 {width: 160px;}
    .wr_pn05 {width: 230px;}
    .choose_point li img {width: 95px;}
    .choose_point li:nth-child(2) img {width: 110px;}
    .comparable .comparable_txt {width: calc(100% - 130px); top: 20%;}
    .comparable .comparable_marker {top: 36%; left: 36%; width: 42%;}
    .natural_txt .natural_txt01 {width: 50px;}
    .natural_txt .natural_txt02 {width: 40px;}
    .effect_3times {width: 70px;}
    .effect_arrow {width: 100px;}
    .testimonials_txt01 {top: 10%;}
    .testimonials_txt01 p:nth-child(1) img {width: 110px;}
    .testimonials_txt01 p:nth-child(2) img {width: 170px;}
    .testimonials_txt01 p:nth-child(3) img {width: 280px;}
    .testimonials_txt02 p:nth-child(1) img {width: 100px;}
    .testimonials_txt02 p:nth-child(2) img {width: 200px;}
    .testimonials_txt02 p:nth-child(3) img {width: 145px;}
    .testimonials_txt02 p:nth-child(4) img {width: 170px;}
    .foundation_txt03 {top: 32%; width: calc(100% - 180px);}
    .foundation_txt04 {width: calc(100% - 180px);}
    .extract_box li {width: 125px;}
    .extract_box li:nth-child(5) {bottom: 22%;}
    .benefits {width: 40px; left: 11%;}
    .fuwa {width: 170px;}
    .mochi {width: 180px;}
    .qa_box {padding: 30px;}
    .fv_medal_box .fv_medal {top: 15px;}
    .top_effect_box .testimonials_txt01 {top: 13%;}
}
@media screen and (max-width: 400px){ 
    .comparable .comparable_txt {width: calc(100% - 110px)}
    .effect_3times {width: 60px;}
    .effect_arrow {width: 90px;}
    .foundation_txt02 {width: calc(100% - 160px);}
    .foundation_txt03 {top: 30%; width: calc(100% - 150px);}
    .foundation_txt04 {top: 42%;}
    .extract_box li {width: 110px;}
    .benefits {width: 35px; left: 11%;}
    .fuwa {width: 150px;}
    .mochi {width: 160px;}
}