.fold-part{position:absolute;left:0;top:0;width:2rem;height:2rem;--tw-bg-opacity: 1;background-color:rgb(83 71 65 / var(--tw-bg-opacity, 1));mix-blend-mode:multiply;clip-path:polygon(100% 0,0% 100%,100% 100%)}.sticky-note{clip-path:polygon(2rem 0,100% 0,100% 100%,0 100%,0 2rem)}.month-block .date{font-size:.875rem;line-height:1.25rem;font-weight:300}.month-block:hover .text-container{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(221 64 67 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.month-block:hover .month-num,.month-block:hover .month-en,.month-block:hover .month-year{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.month-block:hover .img-block_mask,.month-block:hover .img-block_mask_text{opacity:1}.img-block .img-block_mask{background-color:#dd404380;opacity:0;mix-blend-mode:multiply;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.img-block .img-block_mask_text{opacity:0;transition:opacity .4s}.percentage-text{font-size:3rem;letter-spacing:.05em}@media (min-width: 640px){.percentage-text{font-size:2.75rem}}@media (min-width: 768px){.percentage-text{font-size:3rem}}@media (min-width: 1024px){.percentage-text{font-size:1.5rem}}@media (min-width: 1280px){.percentage-text{font-size:1.75rem}}@media (min-width: 1920px){.percentage-text{font-size:2rem}}@media (min-width: 2560px){.percentage-text{font-size:2.5rem}}
