@charset "UTF-8";

html {
    scroll-behavior: smooth !important;
    scroll-padding-top: 8.333333333333333vw
}

#body_2407 {
    background-color: #f7f9e4;
    font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    animation: fadein 1s forwards;
    color: #333
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.floating-banner {
    position: fixed;
    z-index: 99999;
    bottom: 2%;
    right: 13%;
    width: 7.791666666666666vw;
    opacity: 0;
    transition: opacity .5s;
    display: none
}

.floating-banner__image {
    max-width: 100%
}

.floating-banner.show {
    opacity: 1;
    display: block
}

.details_2407 {
    cursor: pointer
}

.summary_2407 {
    list-style: none
}

.summary_2407::-webkit-details-marker {
    display: none
}

.chance_2407 {
    width: 64.5vw;
    margin: auto;
    position: relative;
    padding-top: 3vw
}

.chance_2407 .chance_btn2407:after {
    content: "＋";
    position: absolute;
    font-size: 2.333333333333333vw;
    top: 74%;
    right: 20%;
    font-weight: 600
}

.chance_2407[open] .chance_btn2407:after {
    content: "－";
    top: 25.5%
}

.chance_2407 .chance_open2407 {
    padding: 6% 3% 5%;
    border: .4vw solid #555555;
    margin-top: -3%;
    border-radius: 0 0 15px 15px
}

.webform_btn_2407 {
    width: 61vw;
    margin: auto;
    margin-bottom: 4.5vw
}

.arrange_btns_2407 {
    width: 61vw;
    margin: auto;
    text-align: center
}

.arrange_here_2407 {
    margin-bottom: 1vw;
    width: 57.333333333333333vw
}

.note01_2407,
.note02_2407 {
    padding-top: 2.5vw;
    padding-bottom: 2.5vw
}

.note_2407 {
    width: 61vw;
    margin: auto;
    margin-bottom: 3vw;
    margin-top: 6vw
}

.note_2407 .bold_2407 {
    font-weight: 600;
    margin-top: 3vw
}

.note_2407 .bold2_2407 {
    font-weight: 600
}

.web_note_btn2407,
.post_note_btn2407 {
    text-align: center;
    position: relative
}

.web_howto_2407 .note_2407 .summary_2407:after {
    content: "＋";
    position: absolute;
    font-size: 2.333333333333333vw;
    top: 27%;
    right: 6%;
    font-weight: 600
}

.post_howto_2407 .note_2407 .summary_2407:after {
    content: "＋";
    position: absolute;
    font-size: 2.333333333333333vw;
    top: 27%;
    right: 6%;
    font-weight: 600
}

.note_2407[open] .summary_2407:after {
    content: "－"
}

#fv_2407 {
    background: #ffffff;
    position: relative
}

.header_2407 {
    overflow: hidden;
    width: 100%;
    background-color: #e6ea99
}

.header_ul_2407 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 70.9vw;
    margin: auto;
    text-align: center;
    list-style: none;
    padding-top: .9%
}

.header-wrapper_2407 {
    position: absolute;
    top: 89%;
    width: 100%
}

.fixed_2407 {
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 99
}

#arrangement_recipe_ktounyu {
    background-color: #fffcef;
    padding-bottom: 3vw
}

#arrangement_recipe_ktounyu .inner_2407 {
    padding-top: 4vw;
    text-align: center
}

#arrangement_recipe_ktounyu .arrange_title {
    max-width: 39vw;
    margin: auto
}

#arrangement_recipe_ktounyu .recipe_inline {
    padding-top: 2.083333333333333%;
    width: 71vw;
    margin: auto
}

#arrangement_recipe_ktounyu .recipe_inline div {
    display: inline-block;
    max-width: 21.666666666666667vw;
    margin-bottom: 2.5%;
    transition: transform .6s ease
}

#arrangement_recipe_ktounyu .recipe_inline div:hover {
    transform: scale(1.1)
}

#arrangement_recipe_ktounyu .recipe_inline div:nth-child(1),
#arrangement_recipe_ktounyu .recipe_inline div:nth-child(2),
#arrangement_recipe_ktounyu .recipe_inline div:nth-child(4) {
    margin-right: 2%
}

#arrangement_recipe_ktounyu .recipe_inline div:nth-child(2),
#arrangement_recipe_ktounyu .recipe_inline div:nth-child(3),
#arrangement_recipe_ktounyu .recipe_inline div:nth-child(5) {
    margin-left: .777777777777778%
}

#product_2407 {
    text-align: center
}

.product_ttl_2407 {
    width: 43.333333333333333vw;
    margin: auto
}

#howtoenter_2407 {
    padding: 6.5vw 15vw 5vw;
    background-color: #fffcef
}

.web_howto_2407 {
    margin-top: 5%;
    background-color: #90e9ff;
    border-radius: 20px;
    margin-bottom: 9.5%
}

.web_btn2407 {
    text-align: center;
    padding-top: 1.25vw;
    padding-bottom: .2vw
}

.web_btn2407 .web_btn_img2407 {
    width: 31.458333333333333vw;
    margin: auto
}

.web_howto_2407 .web_howto_close2407 {
    background-color: #fff;
    border: .8vw solid #90e9ff;
    border-radius: 0 0 20px 20px;
    padding: 4vw 0;
    text-align: center
}

.web_step1_2407,
.web_step2_2407 {
    width: 58.083333333333333vw;
    margin: auto
}

.web_step2_2407 {
    margin-top: 2.5vw;
    margin-bottom: 1vw
}

.post_howto_2407 {
    background-color: #ffaf9f;
    border-radius: 20px
}

.post_btn2407 {
    text-align: center;
    padding-top: 1.25vw;
    padding-bottom: .4vw
}

.post_btn2407 .post_btn_img2407 {
    width: 28vw;
    margin: auto
}

.post_howto_2407 .post_howto_close2407 {
    background-color: #fff;
    border: .8vw solid #ffaf9f;
    border-radius: 0 0 20px 20px;
    padding: 4vw 0;
    text-align: center
}

.post_step1 {
    width: 60.75vw;
    margin: auto
}

.post_step2 {
    width: 60.75vw;
    margin: 5.5vw auto 1vw
}

.post_download_2407 {
    margin: 3.5vw auto 1vw;
    width: 61vw
}

.pdb3_2407 {
    margin-bottom: 3.5vw
}

.post_note_2407 {
    margin: 8vw auto 0;
    width: 61.125vw
}

.post_note_2407 .note_img2 {
    margin-top: 5vw
}

#explanation_2407 {
    background-image: url(/cp/dn2024/details/assets/images/explanation_2407_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 8vw;
    padding-bottom: 7vw
}

#campaign_2407 {
    width: 70vw;
    margin: auto
}

#explanation_2407 .campaign_detail_2407 {
    margin-top: 3.5vw
}

#explanation_2407 .campaign_detail_2407 .details_2407 {
    border-top: .25vw solid #fcdbb6;
    width: 70vw;
    padding: 2.7vw 0
}

#explanation_2407 .campaign_detail_2407 .details_2407:nth-child(3) {
    border-bottom: .25vw solid #fcdbb6
}

#explanation_2407 .campaign_detail_2407 .summary_2407 {
    position: relative;
    font-size: 2vw;
    font-weight: 500
}

#explanation_2407 .campaign_detail_2407 .summary_2407:after {
    content: "＋";
    position: absolute;
    font-size: 1.666666666666667vw;
    top: 0%;
    right: 2%
}

#explanation_2407 .campaign_detail_2407 .details_2407[open] .summary_2407:after {
    content: "－"
}

#explanation_2407 .campaign_detail_2407 .summary_div_2407 {
    padding-top: 3.125vw;
    font-size: 1.5vw
}

#explanation_2407 .campaign_detail_2407 .summary_div_2407 .summary_div_ul_2407 {
    padding-bottom: 2vw;
    font-weight: 500
}

#fag_2407 {
    padding-top: 7vw
}

.fag_ttl_2407 {
    width: 31.416666666666667vw;
    margin: auto;
    margin-bottom: 6vw
}

#faq01_2407,
#faq02_2407,
#faq03_2407,
#faq04_2407,
#faq05_2407,
#faq06_2407,
#faq07_2407,
#faq08_2407,
#faq09_2407,
#faq10_2407 {
    font-family: Noto Sans JP, sans-serif;
    cursor: pointer;
    width: 70vw;
    margin: 3% auto auto;
    background-color: #fff;
    border-radius: 15px;
    background-color: #e6ea99;
    border: 6px solid #e6ea99
}

.faq_list_title_2407 {
    font-size: 2vw;
    font-weight: 500;
    padding: 2.5% 7%;
    position: relative
}

.faq_list_title_2407:after {
    position: absolute;
    content: "+";
    font-size: 3vw;
    right: 3%;
    top: 15%
}

.expanded:after {
    content: "−"
}

.faq_list_title_2407:before {
    content: "";
    background: url(data:image/webp;base64,UklGRtICAABXRUJQVlA4WAoAAAAwAAAADAAALAAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIgAAAAA2AYtvW8uaGmZkjoxh0HDM6juJ4mkFShnF0CNWoqphbxcz4+bqImAD81Gqvtj7wa2Ygh4g7M34BMDICgLbtTNyjIsbvvmyDMcTfhRUvCKlhPQnMNCIh/iHf7ngk5+t2CsHawUbsr6NVdHuK397qwF5p0fLjogYAm3mrX3u9vAQAVlA4IFwAAABwAwCdASoNAC0APm0skkYkIqGhKqwAgA2JYgCzjBNwMWxLKIAA/vIBl8w+7/5iC7Nrdc/8TQU61zSAD/3+9lfyMSQ8pln10+Rv5yUE7/l+fH/MY/v2GQ7DARAAAA==) no-repeat center top;
    background-size: 100%;
    position: absolute;
    width: 1vw;
    height: 3.666666666666667vw;
    top: 25%;
    left: 4%
}

.faq_list_title_2407 span {
    margin-left: 3%;
    font-size: 1.5vw
}

.faq_list_2407 {
    background-color: #fff;
    border-radius: 0 0 10px 10px
}

.faq_list_h1_2407 {
    padding: 3%;
    position: relative
}

.faq_list_h1_2407 p {
    text-align: center;
    width: 62.333333333333333vw;
    margin: auto;
    padding: 1%;
    background-color: #c9e4ce;
    border-radius: 30px;
    font-size: 2vw;
    font-weight: 500
}

.faq_list_h1_2407:after {
    content: "";
    background: url(data:image/webp;base64,UklGRrwDAABXRUJQVlA4WAoAAAAwAAAAHwAAHwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBICQEAAA2Am23bsef6Y9sLJJ1Ls+b3/f8ksZ1MYrZm5+6bILZZfXqeDSJiAvCZkMrjG9J5obqyOEj9ONqcuRDI76/AOauszjgYtnxE9LbgOdzsXB3+85Iyh++ojirj0S15BcmqwaZnp/B5ZAsHjH+HfqRrK4ZsBU1idKxaQD/yUZ3DkFuugHF4QRDNiNZZGlVoWKdEp/Q4PkEn6z0N5XTUH9KU7t/fslVu4KRE5RjWG1Q2YKYtQuFvAS4PDIV5gOGuSLHfCZu10ik2ieNQZY3Qzq7Tf9tgocj5AK7PTYNVAruDeHw0qtujfPxM7+D5b2itywj38D8/iW9r6NBoKM0Ebo/X5xG9mFk//kzjAZ8AVlA4ILwAAABQBQCdASogACAAPmksj0WkIqEYBgBABoSzgAHwgec/rczW8Xda2PInFcXWu11pVXeC+CAA/v7NbEZmZ5RGVCuXQPVhh/b+d+5GfaOsBP7xHuJvbEyF/aFLUeo/5//uM/XO7bb9t7U5wwOJ05Rq3ri7BuugnbybXkY7Ki8o7zz//6HXpiF/344PP1v/8jfx79P9ouoB8jb9yH6kHSAfGArrFaGb3Gy8l+8v+NeaJMt8k3tkjYOkfqqt2gAAAA==) no-repeat center center;
    background-size: 100%;
    position: absolute;
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
    top: 32%;
    right: 12%
}

.a_2407,
.faq_list_2407 {
    max-height: 0;
    overflow: hidden
}

.show {
    max-height: 100%
}

.faq_list01_2407 {
    width: 62.333333333333333vw;
    margin: auto
}

.faq_list01_2407 li {
    border-bottom: 2px solid #e6ea99
}

.q_2407 {
    margin-top: 3%;
    padding: 0 0 2% 8%;
    background: url(data:image/webp;base64,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) no-repeat left top;
    background-size: 5.5%;
    font-size: 2vw;
    font-weight: 500
}

.a_2407 {
    padding: 0 0 1.5% 8%;
    background: url(data:image/webp;base64,UklGRroFAABXRUJQVlA4WAoAAAAwAAAANQAANQAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIzQEAAA2QK9u2aVvj2rZt38y277ONzLbt9NrMnm1Etm3b7x2fs9acPxAREwCRJolp8RF+Lrb4+u7JrSunLv4DQaOM0RXQaeviFxGX7r+z5aRCkvmYOTDcuXq098bm3xKMxi6E4JA5+aubFKJCGyHRd3nYuLtiBs6D3PTt6/oEGK8PgGz7+kdz/xti0gSKsxLG/NPPqAE0hxWMU+i1BlRHRi3QZ1AwGcx70KMrdC4I1264q82oFpTtN09SaBkG2tk+HRpWy4hh/bIfAMaDundJA2A0hRymbVcgE/RDfE5gFAOMajUq51C5MxYcXb2yWSA7mUdSKI9QXx4+rjzsbXnYgelXWxZf3rryeOrL4undUBZ3LySxuHAsm8XxK16uDN4+V+ysZLADaB3FoBU44RNC7v5TQLF9GrltANBQ4k3s+R6NH8vWE5sLrR0+2aSOP9WmmLzJntDnmdB5Z2MtocnQs+fBPDLroPeC6BFEOq7ppxhbNJRE1z4Y+G900kwCW8/B4P9zHtfbS/o8AUL71m1Pl3JqKgTfHR+6wkfYsyV3Ifx/8+r8ucFC7q8/BKm/Wjb6jKl0NuD9juZnkP7/ZPPuoJSEcD9n2z9fP7y4fensA4gEAFZQOCD2AQAA8AoAnQEqNgA2AD5tLJJGpCIhoTASDACADYlsALmQR80XwHIkwX89mNX1Z7YDzAebzppe8o/5ssQPfVDQvjwVeuoH0FtbUemC3VqdXYDy9HjKCNi1Pi1SLMw1lxE+K4cAAOJTQAFJhLoC+hJfBB/4kuzR3MDnVHmjAw2ivN3GCHxvASFt4WNRMT4iyLMGMB/Bnca/2DtjdrHM29tgOZSvleST3iACIgv1X2ukF1XHhSZ3w+4fwOXW5uo/6Jf//+tekAU715VTqLlMFgJxMtwRKRAbd7yNSxYROyBlBCJ3qUuUjkyPRf7w5qi+kQjGwRj3XEk8MRcUDxoYsTPePjNSWO99Ze+ZFSEv3nPpT7HFqduUdGe4O0BsIHWbTl7t8tigTdAllIlIofuAy66cvz4+Q4KYomlMYQG6H63g/oS2Fffsl49LILMjUAxB/GtkdAFBIpCxZ6KIhcAy/E/Mvzc9DyyH1pOVdBUKXfNk/fmDp7B2wDa1QSaX75LdX0ibSEX3PCGLNYK4ggmNqAAck9VWxU03vj/bUQBB2UmQ5PBo9nwLw5IReCpj+C4K6b/mJAtknztW5YWokz1th7umaHvWIDTvY/7l///rWjO7edf0ObOF48D79IiSUoi7RJZTNfgshftH3N/tesQGJ9g77O0yf/jwAAAAAA==) no-repeat;
    background-position: left 0% top 3px;
    background-size: 5.5%;
    font-size: 1.5vw;
    margin-bottom: 1%
}

.a_2407 p {
    margin: 2% 0
}

.a_2407 a:link {
    color: #21a7c4;
    text-decoration: underline;
    font-weight: 500
}

.a_2407 a:visited {
    color: #21a7c4;
    text-decoration: underline
}

.a_2407 a:hover {
    color: #17768c
}

.a_2407 a:active {
    color: red;
    text-decoration: underline
}

.q_2407+.a_2407 {
    max-height: none;
    overflow: visible
}

#faq01_2407 li:nth-child(4) {
    border-bottom: 0px
}

#faq02_2407 li:nth-child(12) {
    border-bottom: 0px
}

#faq03_2407 li:nth-child(6) {
    border-bottom: 0px
}

#faq04_2407 li:nth-child(3) {
    border-bottom: 0px
}

#faq05_2407 li:nth-child(6) {
    border-bottom: 0px
}

#faq06_2407 li:nth-child(6) {
    border-bottom: 0px
}

#faq07_2407 li:nth-child(4) {
    border-bottom: 0px
}

#faq08_2407 li:nth-child(3) {
    border-bottom: 0px
}

#faq09_2407 li:nth-child(4) {
    border-bottom: 0px
}

#faq10_2407 li:nth-child(1) {
    border-bottom: 0px
}

.sp_2407 {
    display: none
}

.soybody_2407 {
    margin-top: 3vw
}

.point1-2_product_2407 {
    margin-top: 4vw
}

#point1_product_2407,
#point2_product_2407 {
    width: 70vw;
    margin: auto
}

#point1_product_2407 {
    margin-top: 6vw
}

#product_2407 {
    font-family: Noto Sans JP, sans-serif;
    padding-top: 7.666666666666667vw;
    padding-left: 14.583333333333333vw;
    padding-right: 14.583333333333333vw
}

.product_list_2407 {
    margin-top: 5%
}

.product_h1_2407 {
    width: 70vw;
    height: 8.333333333333333vw;
    margin: auto;
    text-align: center;
    background-color: #ff7979;
    border: .3vw solid #555555;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    padding: .5% 0;
    position: relative;
    cursor: pointer
}

.product_h1_2407 img {
    width: 25vw;
    margin: 1.7vw auto 0
}

.product_h1_2407:after {
    position: absolute;
    content: "+";
    font-size: 4vw;
    right: 4%;
    top: 10%
}

.product_line_2407 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.product_item_2407 {
    text-align: center;
    width: 16.75vw;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 1px #e3f0d9;
    margin-bottom: 4%
}

.product_item_2407 {
    padding: 10% 3%
}

.product_item_2407 .item_title_2407 {
    font-size: 1.5vw;
    font-weight: 600;
    width: 15.700833333333333vw;
    display: grid;
    place-items: center;
    height: 6vw
}

.product_item_2407 .item_detail_2407 {
    background-color: #f7f7f7;
    border-radius: 15px;
    padding: 10% 0;
    font-size: 1.166666666666667vw
}

.product_item_2407 .item_detail_2407 span {
    display: block;
    padding-top: 2%;
    letter-spacing: -.04vw
}

.product_item_2407 img {
    width: auto;
    height: 28.2vw;
    -o-object-fit: cover;
    object-fit: cover;
    margin: auto
}

.product_list_2407 {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.product_list_2407.show {
    opacity: 1;
    height: auto
}

.minus:after {
    content: "−"
}

.orange_2407 {
    background-color: #ff9141 !important
}

.mgb5_2407 {
    margin-bottom: 5%
}

.lespa1 {
    letter-spacing: .7px
}

#contact_2407 {
    text-align: center;
    padding-top: 9vw;
    padding-bottom: 10vw;
    background-color: #fff
}

#contact_2407 .store_btn_area {
    width: 56vw;
    margin: auto;
    position: relative
}

#contact_2407 .store_btn01 {
    position: absolute;
    bottom: 14%;
    right: 8%;
    width: 25vw;
    transition: transform .6s ease
}

#contact_2407 .store_btn01:hover {
    transform: scale(1.1)
}

#contact_2407 .contact_img01 {
    width: 47.541666666666667vw;
    padding-top: 5vw;
    margin: auto
}

@media (min-width: 751px) {
    .lespa02_pc {
        letter-spacing: -.016666666666667vw
    }

    .lespa04_pc {
        letter-spacing: -.033333333333333vw
    }

    .lespa07_pc {
        letter-spacing: -.058333333333333vw
    }

    .lespa09_pc {
        letter-spacing: -.075vw
    }

    .lespa15_pc {
        letter-spacing: -.125vw
    }

    .lespa6_pc {
        letter-spacing: -.5vw
    }
}

@media (max-width: 750px) {
    html {
        scroll-padding-top: 18.4vw
    }

    .floating-banner {
        bottom: 0;
        right: 2%;
        width: 22vw
    }

    .chance_2407 {
        width: 78.666666666666667vw;
        margin-top: 4vw;
        margin-bottom: 8vw
    }

    .chance_2407 .chance_open2407 {
        padding: 8% 3% 3%;
        border: .55vw solid #555555;
        margin-top: -3%;
        border-radius: 0 0 15px 15px
    }

    .note_2407 {
        width: 78.666666666666667vw;
        margin-bottom: 3vw;
        font-size: 3.2vw
    }

    .note01_2407,
    .note02_2407 {
        padding-top: 5vw;
        padding-bottom: 5vw
    }

    .webform_btn_2407 {
        width: 78.666666666666667vw;
        margin: 7vw auto
    }

    .arrange_btns_2407 {
        width: 78.666666666666667vw;
        margin-top: 5vw
    }

    .arrange_here_2407 {
        margin-bottom: 3vw;
        width: 76.4vw
    }

    .post_note_2407 {
        width: 79.733333333333333vw;
        margin: 3vw auto
    }

    .post_note_2407 .note_img2 {
        margin-top: 6vw
    }

    #fv_2407 {
        background: #fffcef;
        padding-bottom: 5vw
    }

    .header_ul_2407 {
        width: 90vw;
        padding-top: 2%
    }

    #arrangement_recipe_ktounyu .inner_2407 {
        padding-top: 13vw
    }

    #arrangement_recipe_ktounyu .arrange_title {
        max-width: 77.066666666666667vw
    }

    #arrangement_recipe_ktounyu {
        padding-bottom: 10vw
    }

    #arrangement_recipe_ktounyu .recipe_inline {
        width: 91vw;
        padding-top: 3.5%
    }

    #arrangement_recipe_ktounyu .recipe_inline div {
        max-width: 43.066666666666667vw
    }

    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(1),
    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(2) {
        margin-bottom: 4.5%
    }

    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(1),
    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(3) {
        margin-right: 3%;
        margin-left: 0
    }

    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(2),
    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(4) {
        margin-left: 0;
        margin-right: 0
    }

    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(3),
    #arrangement_recipe_ktounyu .recipe_inline div:nth-child(4) {
        margin-bottom: 4.5%
    }

    .product_ttl_2407 {
        width: 78.8vw;
        padding-bottom: 2vw
    }

    #howtoenter_2407 {
        padding: 10vw 5vw 7vw;
        background-color: #fffcef
    }

    .howtoenter_title_2407 {
        width: 91vw
    }

    .web_howto_2407 {
        margin-top: 7%;
        margin-bottom: 9%;
        border-radius: 15px
    }

    .post_step2 {
        margin-top: 5vw
    }

    .web_howto_2407 .note_2407 .summary_2407:after {
        font-size: 5vw;
        top: 25%;
        right: 7.5%
    }

    .post_howto_2407 .note_2407 .summary_2407:after {
        font-size: 5vw;
        top: 24%;
        right: 7.5%
    }

    .chance_2407[open] .chance_btn2407:after {
        top: 14%
    }

    .chance_2407 .chance_btn2407:after {
        font-size: 4vw;
        top: 71%;
        right: 10%
    }

    .web_btn2407 {
        padding-top: 3vw;
        padding-bottom: 1vw
    }

    .web_btn2407 .web_btn_img2407 {
        width: 50.666666666666667vw
    }

    .web_step2_2407 {
        padding-top: 6vw
    }

    .web_step1_2407,
    .web_step2_2407 {
        width: 76.133333333333333vw
    }

    .post_howto_2407 {
        border-radius: 15px
    }

    .post_btn2407 {
        text-align: center;
        padding-top: 3vw;
        padding-bottom: 1vw
    }

    .post_btn2407 .post_btn_img2407 {
        width: 44.8vw
    }

    .post_step1,
    .post_step2,
    .post_download_2407 {
        width: 78.666666666666667vw
    }

    .pdb3_2407 {
        margin-bottom: 7vw
    }

    #explanation_2407 {
        padding-top: 13vw
    }

    #campaign_2407 {
        width: 89.333333333333333vw
    }

    #explanation_2407 .campaign_detail_2407 .details_2407 {
        border-top: .6vw solid #fcdbb6;
        width: 89.333333333333333vw;
        padding: 3vw 0
    }

    #explanation_2407 .campaign_detail_2407 .details_2407:nth-child(3) {
        border-bottom: .6vw solid #fcdbb6
    }

    #explanation_2407 .campaign_detail_2407 .summary_2407:after {
        font-size: 4.666666666666667vw;
        top: 0%;
        right: 8%
    }

    #explanation_2407 .campaign_detail_2407 .summary_2407 {
        font-size: 4.666666666666667vw;
        padding-left: 4vw
    }

    #explanation_2407 .campaign_detail_2407 .summary_div_2407 {
        font-size: 3.2vw;
        padding-bottom: 4vw
    }

    #explanation_2407 .campaign_detail_2407 {
        margin-top: 4vw
    }

    .fag_ttl_2407 {
        width: 78.4vw
    }

    .pc_2407 {
        display: none
    }

    .point1-2_product_2407 {
        margin-top: 6vw
    }

    #fag_2407 {
        padding-top: 10vw
    }

    .sp_2407 {
        display: block
    }

    .mgl0_2407 {
        margin-left: 0 !important
    }

    #faq01_2407,
    #faq02_2407,
    #faq03_2407,
    #faq04_2407,
    #faq05_2407,
    #faq06_2407,
    #faq07_2407,
    #faq08_2407,
    #faq09_2407,
    #faq10_2407 {
        width: 89.333333333333333vw;
        margin-top: 3%;
        border-radius: 10px
    }

    .faq_list_title_2407 {
        font-size: 4.266666666666667vw;
        height: 15vw;
        font-weight: 500;
        padding: 6% 7%;
        line-height: 4.8vw
    }

    .faq_list_title_2407:after {
        font-size: 6vw;
        right: 3%;
        top: 30%
    }

    .faq_list_title_2407 span {
        margin-left: 3%;
        font-size: 3.466666666666667vw
    }

    .faq_list_title_2407:before {
        width: 2.4vw;
        height: 8.533333333333333vw;
        top: 22%;
        left: 2.5%
    }

    .top2407 {
        padding: 3% 7% !important
    }

    .faq_list_2407 {
        border-radius: 0 0 10px 10px
    }

    .faq_list_h1_2407 p {
        width: 81.333333333333333vw;
        padding: 2%;
        background-color: #c9e4ce;
        font-size: 3.466666666666667vw
    }

    .faq_list_h1_2407:after {
        width: 4vw;
        height: 4vw;
        top: 36%;
        right: 8%
    }

    .arrow-up:after {
        transform: rotate(180deg);
        top: 36%
    }

    .faq_list01_2407 {
        width: 81.333333333333333vw
    }

    .q_2407 {
        margin-top: 3%;
        padding: 2% 0 4% 15%;
        background: url(data:image/webp;base64,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) no-repeat;
        background-position: left 0% top 8px;
        background-size: 10%;
        font-size: 3.466666666666667vw;
        font-weight: 600
    }

    .q_2407_line1 {
        background-position: left 0% top 2px !important
    }

    .q_2407 .control_2407 {
        font-size: 92%
    }

    .a_2407 {
        padding: 0 0 2% 15%;
        background: url(data:image/webp;base64,UklGRroFAABXRUJQVlA4WAoAAAAwAAAANQAANQAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIzQEAAA2QK9u2aVvj2rZt38y277ONzLbt9NrMnm1Etm3b7x2fs9acPxAREwCRJolp8RF+Lrb4+u7JrSunLv4DQaOM0RXQaeviFxGX7r+z5aRCkvmYOTDcuXq098bm3xKMxi6E4JA5+aubFKJCGyHRd3nYuLtiBs6D3PTt6/oEGK8PgGz7+kdz/xti0gSKsxLG/NPPqAE0hxWMU+i1BlRHRi3QZ1AwGcx70KMrdC4I1264q82oFpTtN09SaBkG2tk+HRpWy4hh/bIfAMaDundJA2A0hRymbVcgE/RDfE5gFAOMajUq51C5MxYcXb2yWSA7mUdSKI9QXx4+rjzsbXnYgelXWxZf3rryeOrL4undUBZ3LySxuHAsm8XxK16uDN4+V+ysZLADaB3FoBU44RNC7v5TQLF9GrltANBQ4k3s+R6NH8vWE5sLrR0+2aSOP9WmmLzJntDnmdB5Z2MtocnQs+fBPDLroPeC6BFEOq7ppxhbNJRE1z4Y+G900kwCW8/B4P9zHtfbS/o8AUL71m1Pl3JqKgTfHR+6wkfYsyV3Ifx/8+r8ucFC7q8/BKm/Wjb6jKl0NuD9juZnkP7/ZPPuoJSEcD9n2z9fP7y4fensA4gEAFZQOCD2AQAA8AoAnQEqNgA2AD5tLJJGpCIhoTASDACADYlsALmQR80XwHIkwX89mNX1Z7YDzAebzppe8o/5ssQPfVDQvjwVeuoH0FtbUemC3VqdXYDy9HjKCNi1Pi1SLMw1lxE+K4cAAOJTQAFJhLoC+hJfBB/4kuzR3MDnVHmjAw2ivN3GCHxvASFt4WNRMT4iyLMGMB/Bnca/2DtjdrHM29tgOZSvleST3iACIgv1X2ukF1XHhSZ3w+4fwOXW5uo/6Jf//+tekAU715VTqLlMFgJxMtwRKRAbd7yNSxYROyBlBCJ3qUuUjkyPRf7w5qi+kQjGwRj3XEk8MRcUDxoYsTPePjNSWO99Ze+ZFSEv3nPpT7HFqduUdGe4O0BsIHWbTl7t8tigTdAllIlIofuAy66cvz4+Q4KYomlMYQG6H63g/oS2Fffsl49LILMjUAxB/GtkdAFBIpCxZ6KIhcAy/E/Mvzc9DyyH1pOVdBUKXfNk/fmDp7B2wDa1QSaX75LdX0ibSEX3PCGLNYK4ggmNqAAck9VWxU03vj/bUQBB2UmQ5PBo9nwLw5IReCpj+C4K6b/mJAtknztW5YWokz1th7umaHvWIDTvY/7l///rWjO7edf0ObOF48D79IiSUoi7RJZTNfgshftH3N/tesQGJ9g77O0yf/jwAAAAAA==) no-repeat;
        background-position: left 0% top 0px;
        background-size: 10%;
        font-size: 3.2vw;
        margin-bottom: 2%
    }

    .a_2407 p {
        margin: 5% 0
    }

    .faq_list01_2407 li {
        border-bottom: 3px solid #e6ea99
    }

    #product_2407 {
        padding: 8vw 5.333333333333334vw 7vw
    }

    #point1_product_2407 {
        margin-top: 7vw !important
    }

    #point1_product_2407,
    #point2_product_2407 {
        width: 89.333333333333333vw;
        margin: auto
    }

    .product_h1_2407 {
        width: 89.333333333333333vw;
        height: 16vw;
        border: .6vw solid #555555;
        padding: 2.5% 0
    }

    .product_h1_2407 img {
        width: 50vw;
        margin-top: 1.5vw
    }

    .product_h1_2407:after {
        font-size: 7vw;
        right: 5%;
        top: 15%
    }

    .product_line_2407 {
        grid-template-columns: 1fr 1fr;
        gap: 2vw
    }

    .product_item_2407 {
        width: 42.933333333333333vw;
        padding: 10% 3%
    }

    .product_item_2407 img {
        height: 60.266666666666667vw
    }

    .product_item_2407 .item_title_2407 {
        font-size: 2.933333333333333vw;
        width: 40.254666666666667vw;
        height: 12vw
    }

    .product_item_2407 .item_detail_2407 {
        padding: 6% 0;
        font-size: 2.933333333333333vw
    }

    .product_item_2407 .item_detail_2407 span {
        padding-top: 0
    }

    .lespa0_sp {
        letter-spacing: 0px
    }

    .lespa02_sp {
        letter-spacing: -.2px
    }

    .lespa05_sp {
        letter-spacing: -.5px
    }

    .lespa07_sp {
        letter-spacing: -.7px
    }

    #contact_2407 .store_btn_area {
        width: 89.866666666666667vw
    }

    #contact_2407 .store_btn01 {
        width: 40vw
    }

    #contact_2407 .contact_img01 {
        padding-top: 10vw;
        width: 78.4vw;
        padding-bottom: 8vw
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: 1.5;
    font-size: 16px
}

li {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit
}

a:visited,
a:active {
    color: inherit
}

img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

button {
    border: none;
    font-family: inherit;
    background: inherit;
    cursor: pointer
}

table,
tbody,
thead,
tr,
td,
th {
    border: none;
    border-collapse: collapse;
    border-spacing: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pc-only {
    display: block
}

.sp-only {
    display: none
}

body #pankuzu {
    background-color: #f7f4ee;
    margin: 0;
    padding: 8px 0;
    width: 100%;
    z-index: 1
}

body #pankuzu li {
    background: #fff;
    border-radius: 2px;
    color: #6c5b52;
    float: left;
    font-size: 11px;
    line-height: 1;
    margin-right: 40px;
    padding: 5px 10px;
    position: relative;
    text-align: center
}

body #pankuzu li.link {
    background: #669219;
    border-radius: 2px
}

body #pankuzu li a {
    color: #fff;
    display: block;
    padding: 0;
    text-decoration: none;
    width: 100%
}

body #pankuzu li:after {
    border-color: transparent transparent #669219 #669219;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 7px;
    margin: auto;
    position: absolute;
    right: -22px;
    top: 0;
    transform: rotate(225deg);
    width: 7px
}

body #pankuzu li:last-child:after {
    content: none
}

.campaign_ends {
position: relative;
}
.campaign_ends::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .6);
}

.campaign_ends .txt {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2.8vw;
    font-weight: 700;
    color: #fff;
}

@media (max-width: 768px) {
    img {
        width: 100%
    }

    .pc-only {
        display: none
    }

    .sp-only {
        display: block
    }

    body #pankuzu li:last-child {
        padding: 5px 10px
    }
    .campaign_ends .txt {
    font-size: 4vw;}
}