.noto-font{font-family:Montserrat,Noto Sans JP,sans-serif}.family-change{font-family:Noto Sans JP,sans-serif}.report-content{padding-top:5rem}.report-content ul,.report-content dl dd{list-style:none;margin:0;padding:0}.report-content .tabs{margin-bottom:20px;display:flex;justify-content:center}.report-content .tab-button{padding:1rem 0 .8rem;cursor:pointer;background-color:var(--accent-gray-color-2);border:none;outline:none;color:var(--sub_text_color);width:54rem;max-width:100%;border-radius:1.6rem 1.6rem 0px 0px;font-size:2rem;font-weight:400}.report-content .tab-pane{display:none}.report-content .tab-button.active{background-color:var(--main-suntory-blue);color:#fff;font-weight:700}.report-content .tab-pane.active{display:block}.report-content .report-individual{display:flex;max-width:1080px}.report-content .report-individual .level-title{display:flex;font-size:1.4rem;gap:.3rem;align-items:center;justify-content:space-between}.report-content .report-individual .action-title{display:flex;font-size:1.4rem;color:var(--main-color);font-weight:700;gap:.3rem;align-items:center}.report-content .report-individual .level-title .level{line-height:1.5;display:flex;align-items:center;color:var(--main-color);font-weight:700}.report-content .report-individual .level-title .estimated-value{color:var(--sub_text_color)}.report-content .report-individual .action-title ul{margin-top:1.6rem}.report-content .report-individual .loop-medal{position:absolute;z-index:100;display:none}.report-content .report-individual .loop-medal span{font-size:11px;font-style:normal;font-weight:400;line-height:20px;text-align:center;position:relative;left:0;top:-68px;display:block;width:20px;height:20px;border-radius:10px}.loop-count-reduced-water{background-color:var(--main-suntory-blue)}.loop-count-reduced-CO2{color:#fff;background-color:var(--main-color)}.report-content .report-individual .report-box ul{width:376px;min-height:240px;overflow:hidden;border:1px solid var(--accent-gray-color-2);border-radius:80px;padding:2rem 0;position:relative;display:flex;align-items:center}.report-content .report-individual .report-box ul li{display:flex;margin-left:calc(50% - 284.5px);gap:1.6rem}.report-content .report-individual .report-box ul li svg{width:180px;height:180px}.report-content .report-individual .report-box .water-male{width:150px!important;height:150px!important}.report-content .report-individual .report-box .co2-female{padding-top:10px;width:150px!important;height:150px!important}.report-content .report-individual .report-box{display:flex;gap:2.4rem;max-width:776px;overflow:hidden;margin-top:3rem;margin-bottom:6.4rem}.report-content .report-individual .report-box dl dt{font-size:1.4rem;text-align:center;color:var(--main-text-color);display:flex;justify-content:center;align-items:flex-end}.report-content .report-individual .report-box dl dd.first-child{text-align:center;line-height:1.2;padding-bottom:1.6rem;display:flex;justify-content:center;align-items:baseline}.report-content .report-individual .report-box dl dd.first-child span:first-child{font-size:2rem;color:var(--main-text-color)}.report-content .report-individual .report-box dl dd.first-child span:last-child{font-size:1.4rem;color:var(--main-text-color);display:flex;justify-content:center;align-items:flex-end}.report-content .report-individual .report-box dl dd.last-child{padding:1.8rem;border-radius:8px;background:var(--color-sub-background-3);color:var(--main-text-color);line-height:1.2;letter-spacing:-.001rem}.report-content .report-individual .report-box dl dd.last-child .green-style-font{font-size:2.4rem;color:var(--main-color);font-weight:700}.report-content .report-individual .report-box dl dd.last-child .green-style-font span{font-size:1.6rem}.report-content .report-individual .donation-box{max-width:777px;padding:2.4rem;background:var(--accent-gray-color-1);border-radius:1.6rem;margin-top:-16px}.report-content .report-user .donation-box{padding:2.4rem 4rem;background:var(--accent-gray-color-1);border-radius:1.6rem;margin:6.4rem 0 0}@media screen and (max-width:749px){.report-content .report-user .donation-box{padding:2.4rem 2rem}}.report-content .report-individual .donation-box-bottom ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem;align-items:stretch}.report-content .report-individual .donation-box-bottom ul:after{content:"";display:block;width:48%;height:0}.report-content .report-user .donation-box-bottom ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem;align-items:stretch}.report-content .report-individual .donation-box-bottom ul li{width:48%;background:#fff;border-radius:1.6rem;display:flex}.report-content .report-user .donation-box-bottom ul:after{content:"";display:block;width:49.2%;height:0}.report-content .report-user .donation-box-bottom ul li,.report-content .report-individual .donation-box-bottom ul li{transition:all .3s ease 0s}.report-content .report-user .donation-box-bottom ul li a,.report-content .report-individual .donation-box-bottom ul li a{text-decoration:none}.report-content .report-user .donation-box-bottom ul li.li-item:hover,.report-content .report-individual .donation-box-bottom ul li.li-item:hover{transform:translateY(-.1875em)}.report-content .report-user .donation-box-bottom ul li{width:49.2%;background:#fff;border-radius:1.6rem;display:flex}.report-content .donation-padding{padding:1.6rem;width:100%}@media screen and (max-width:1220px){.report-content .report-user .donation-box-bottom ul li{width:48.2%}}@media screen and (max-width:1160px){.report-content .report-user .donation-box-bottom ul:after{width:48.2%}}.report-content .report-individual .donation-box-top{margin-bottom:1rem}.report-content .report-individual .donation-box-top,.report-content .report-user .donation-box-top{display:flex;justify-content:space-between;align-items:flex-start}.report-content .report-user .donation-box-top{margin-bottom:2.4rem}.report-content .report-individual .donation-box-top div:first-child{display:flex;font-size:1.4rem;color:var(--main-color);font-weight:700;align-items:flex-start;height:1rem;gap:.3rem}.report-content .report-user .donation-box-top div:first-child{display:flex;align-items:center;font-size:1.4rem;color:var(--main-color);font-weight:700;gap:.3rem}.report-content .report-individual .donation-box-top div:first-child span:last-child{line-height:1.3}.report-content .report-individual .donation-box-top div:last-child{font-size:4rem;font-weight:700;line-height:1;color:var(--main-text-color)}.report-content .report-individual .donation-box-top div:last-child span span,.report-content .report-user .donation-box-top div:last-child span span{font-size:2rem}.donation-box-top div span.individual-span{color:var(--main-text-color);font-size:20px;font-style:normal;font-weight:700;line-height:150%}.donation-box-top div span.user-span{font-size:1.4rem;color:var(--main-color);font-weight:700}.report-content .report-individual .donation-organization,.report-content .report-user .donation-organization{display:flex;font-size:1.2rem;justify-content:space-between}.report-content .report-individual .donation-organization div:first-child,.report-content .report-user .donation-organization div:first-child{color:var(--main-text-color)}.report-content .report-individual .donation-organization .organization-logo,.report-content .report-user .donation-organization .organization-logo{display:block;padding-bottom:.5rem}.report-content .report-individual .donation-organization .organization-logo img,.report-content .report-user .donation-organization .organization-logo img{display:block;width:var(--logo-display-width);max-width:100%;height:auto}.report-content .report-individual .donation-organization div:last-child span,.report-content .report-user .donation-organization div:last-child span{font-weight:700;font-size:2rem;color:var(--main-text-color)}.report-content .report-individual .donation-organization div:last-child span span,.report-content .report-user .donation-organization div:last-child span span{font-size:1.4rem}.report-content .report-individual .organization-text,.report-content .report-user .organization-text{font-size:1.2rem}.report-content .report-individual .organization-text p,.report-content .report-user .organization-text p{padding:0;margin:0;color:var(--sub_text_color)}@media screen and (min-width:1160px){.report-content .report-individual .action-box{width:256px;margin-left:4.8rem}}@media screen and (max-width:1160px){.report-content .report-individual{display:flex;justify-content:center;max-width:1080px}.report-content .report-individual .action-box{max-width:256px;width:100%;margin-left:4.5rem}.report-content .report-individual .report-box{display:flex;gap:2.4rem;overflow:hidden;margin-top:3rem;flex-wrap:wrap;justify-content:center}.report-content .report-individual .action-title{width:256px}}@media screen and (max-width:1080px){.report-content .report-individual .donation-box-bottom ul li{width:100%;background:#fff;border-radius:1.6rem}}@media screen and (max-width:748px){.report-content .report-individual{display:flex;justify-content:center;max-width:1080px;flex-wrap:wrap}.report-content .report-individual .action-box{max-width:777px;width:100%;margin:3rem auto 0}.report-content .tab-button{font-size:1.4rem}.report-content .report-user .donation-box-bottom ul li{width:100%}}.report-content .report-individual .action-box ul{margin-top:1.6rem}.report-content .report-individual .action-box-top{font-size:1.4rem;color:var(--main-text-color)}.report-content .report-individual .action-box ul li{padding:.8rem 0;border-bottom:1px solid var(--accent-gray-color-2);margin-bottom:.8rem}.report-content .report-individual .action-box-bottom{font-size:1.2rem;display:flex;justify-content:space-between;align-items:center}.report-content .report-individual .action-box-bottom .likes-count{font-size:1.1rem;color:#b3b3b3;margin-right:.4rem}.report-content .report-individual .action-box-bottom .published-date{color:#b3b3b3}.report-content .report-individual .action-box-bottom .action-buttons{margin:0;padding:0;display:flex;align-items:center}.action-buttons svg{cursor:pointer}.report-content .report-individual,.report-content .report-user{margin:4rem auto 0}.report-content .report-user .report-user-top{text-align:center;color:var(--main-text-color)}.report-content .report-user .report-user-top p:first-child{font-size:2.4rem;font-weight:700}.report-content .report-user .report-user-top p:last-child{font-size:1.6rem;line-height:1.8}.report-content .report-user .report-user-top p:last-child span{font-size:1.6rem;line-height:1.8;color:var(--sub_text_color)}.report-content .report-user .report-balloon{position:relative;border-radius:40px;padding:.8rem 3.2rem;min-width:260px;display:flex;justify-content:space-between;align-items:center;gap:20px}.report-content .report-user .report-water{background:var(--color-sub-background-3)}.report-content .report-user .report-co2{background:var(--color-sub-background-2)}.report-content .report-user .report-donation{background:var(--color-sub-background-4)}.report-content .report-user .report-co2 div{display:flex;justify-content:center;align-items:flex-end}.report-content .report-user .report-balloon:before{content:"";position:absolute;left:49%;top:-7px;display:block;width:16px;height:16px;border-radius:50%}.report-content .report-user .report-water:before{background-color:var(--color-sub-background-3)}.report-content .report-user .report-co2:before{background-color:var(--color-sub-background-2)}.report-content .report-user .report-donation:before{background-color:var(--color-sub-background-4)}.report-content .report-user .report-user-flex{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-bottom:6.4rem}.report-icon svg{display:none}.report-content .report-user .report-user-flex .report-icon{text-align:center;padding:0 4rem}.total-report-icon{text-align:center;padding:0 3.2rem}.report-content .report-user .report-user-flex .total-report-icon .report-total-data{display:flex;align-items:baseline}.report-content .report-user .report-balloon span:first-child{font-size:1.2rem;display:flex;justify-content:center;align-items:flex-end}.report-content .report-user .report-balloon div span:first-child{font-size:2rem;line-height:1;color:var(--main-text-color)}.report-content .report-user .report-balloon div span:last-child{color:var(--main-text-color);font-size:1.4rem;font-style:normal;line-height:100%;display:flex;justify-content:center;align-items:flex-end}.report-content .report-user .report-balloon span:first-child span{font-size:1.8rem}.eco-action-pagination-prev a,.eco-action-pagination-page a,.eco-action-pagination-next a{cursor:pointer}.report-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem}.eco-action-list-pagination a{text-decoration:none;color:var(--sub_text_color)}.eco-action-pagination-page{display:flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;border-radius:50px;font-size:14px;color:var(--sub_text_color);font-weight:400;line-height:100%}.eco-action-pagination-page.is-active{background:var(--main-suntory-blue);border-radius:50px;width:auto;padding:6px 8px;font-size:1.6rem;color:#fff;font-weight:700;line-height:100%}.eco-action-pagination-prev{margin-right:1rem}.eco-action-pagination-prev.is-disabled{color:#0003;pointer-events:none}.eco-action-pagination-next{margin-left:1rem}.eco-action-pagination-next.is-disabled{color:#0003;pointer-events:none}span.sub{vertical-align:sub}.eco-report-action-text{color:var(--sub_text_color)}.eco-action-button-content{margin-bottom:4rem}.action-box .eco-action-button{background:var(--main-color);font-size:1.6rem;font-weight:600;letter-spacing:0}.action-box .eco-action-button:hover{cursor:pointer!important}.report-illustration-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center}.report-illustration-popup-content{display:flex;flex-direction:column;align-items:center;gap:16px}.report-illustration-popup-content .white-background{background-color:#fff;border-radius:360px;height:344px}.report-illustration-popup-content p{position:absolute;bottom:30px;padding:8px 24px;background-color:#83d3e2;border-radius:240px;font-size:18px;font-style:normal;font-weight:700;line-height:150%;color:#1e374e;text-align:center}.report-illustration-popup-content.penguin p{background-color:#83d3e2;color:#1e374e}.report-illustration-popup-content.bear p{background-color:#0da089;color:#fff}@media screen and (max-width:600px){.report-content .report-individual .level-title{flex-direction:column}.report-content .report-individual .report-box ul{max-width:346px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/eco-report.css.map */