.under-title .bg-area p{position:absolute;bottom:calc(var(--vw100) + 45px);left:55px;display:flex;align-items:flex-end;justify-content:center;width:340px;height:55px;background-color:var(--dark);color:#fff;line-height:1;padding-bottom:12px;font-size:1.8rem}.under-title .bg-area p span{font-size:3rem;padding-left:24px}.block1{background-color:#f9f9f9;margin-top:-1px;padding:var(--vw100) 0}.block1 .mask{clip-path:inset(0 100% 0 0);transition-duration:1s}.block1 .mask.active{clip-path:inset(0)}.block1 h2{width:100%;max-width:670px;color:#fff;font-size:3rem;letter-spacing:.05em;line-height:1.4;background-image:linear-gradient(90deg, rgb(33, 204, 116), rgb(165, 242, 102));padding:20px var(--vw40) 16px;clip-path:polygon(0 0, 100% 0, 90% 100%, 0% 100%);margin-bottom:var(--vw60)}.block1 p+p{margin-top:var(--vw60)}.block2{background-color:#edfcec;margin-top:-1px;position:relative;z-index:1;padding:var(--vw160) 0 var(--vw100)}.block2 .loop_wrap{width:100%;height:auto;overflow:hidden;display:flex;align-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:var(--vw40);left:0;z-index:-1}.block2 .loop_wrap p{font-size:25rem;line-height:1;flex:0 0 auto;white-space:nowrap;color:#caf2d4;font-family:var(--ff-en)}.block2 .loop_wrap p:nth-of-type(odd){animation:loop 160s -80s linear infinite}.block2 .loop_wrap p:nth-of-type(even){animation:loop2 160s linear infinite}.block2 .vplay-btn{width:100%;height:auto;position:relative;z-index:1}.block2 .vplay-btn::before{content:"";width:100%;height:100%;background-color:#000;opacity:.2;position:absolute;top:0;left:0;z-index:2;transition:.4s}.block2 .vplay-btn picture{width:100%;aspect-ratio:1200/704;overflow:hidden}.block2 .vplay-btn picture img{width:100%;height:100%;transition:.4s}.block2 .vplay-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3}.block2 .vplay-btn svg path{transition:.4s}.block2 .vplay-btn:hover::before{opacity:.5}.block2 .vplay-btn:hover picture img{transform:scale(1.05)}.block2 .vplay-btn:hover svg path{fill:var(--main-color)}.block3{background-color:#f9f9f9;margin-top:-1px;position:relative;z-index:1;padding:var(--vw100) 0 var(--vw160);overflow:hidden}.block3 .line-anime{position:absolute;top:-120px;left:-130px;transform:rotate(40deg);z-index:-1}.block3 .w1200{display:grid;grid-template-columns:40% calc(60% - 40px);grid-template-rows:auto 1fr;gap:0 40px}.block3 .w1200 picture{grid-row:1/3;aspect-ratio:480/640;border-radius:10px;overflow:hidden}.block3 .w1200 picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block3 .w1200 .mask{clip-path:inset(0 100% 0 0);transition-duration:1s}.block3 .w1200 .mask.active{clip-path:inset(0)}.block3 .w1200 h2{color:#fff;font-size:2.6rem;letter-spacing:.05em;line-height:1.4;background-image:linear-gradient(90deg, rgb(33, 204, 116), rgb(165, 242, 102));clip-path:polygon(0 0, 100% 0, 90% 100%, 0% 100%);display:flex;align-items:center;padding:20px var(--vw40);height:100%}.block3 .w1200 p{padding-top:var(--vw60)}.block3 .w1200 p strong{display:block;padding-top:var(--vw160);text-align:right;font-weight:normal;font-size:2.2rem}.block3 .w1200 p strong span{font-size:1.6rem;padding-right:16px}@media screen and (max-width: 1024px){.block3 .w1200 h2{padding:15px 20px}}@media screen and (max-width: 768px){section p{line-height:2.2}.under-title .bg-area p{bottom:calc(var(--vw100) + 10px);left:25px;width:200px;height:35px;padding-bottom:8px;font-size:1.4rem}.under-title .bg-area p span{font-size:2rem;padding-left:8px}.block1 .mask{margin-left:-15px}.block1 h2{font-size:2.2rem;clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%);padding-top:16px;padding-bottom:10px}.block2{padding-top:80px}.block2 .loop_wrap{top:40px}.block2 .loop_wrap p{font-size:5.6rem}.block2 .vplay-btn svg{width:64px;height:64px}.block3 .line-anime{bottom:-60px;top:unset;left:-70px;transform:rotate(-30deg)}.block3 .w1200{grid-template-columns:1fr}.block3 .w1200 picture{grid-row:2/3;aspect-ratio:290/260;margin-top:20px}.block3 .w1200 .mask{margin-left:-15px}.block3 .w1200 h2{font-size:2.2rem;clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%)}.block3 .w1200 p strong{padding-top:40px}}/*# sourceMappingURL=message.min.css.map */