@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css";.modal_overlay{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:none;cursor:pointer}.modal_overlay.active{display:block;top:0;left:0;position:fixed;z-index:3;-webkit-animation-name:modal_open_back;animation-name:modal_open_back;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-direction:normal;animation-direction:normal}@-webkit-keyframes modal_open_back{0%{opacity:0}100%{opacity:1}}@keyframes modal_open_back{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes mp4_anime{0%{opacity:0}100%{opacity:1}}@keyframes mp4_anime{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes batsu_anime{0%{-webkit-transform:scale(1);transform:scale(1);background-color:#e60020}20%{-webkit-transform:scale(0.9);transform:scale(0.9);background-color:#a90018}40%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#d60020}60%{-webkit-transform:scale(0.8);transform:scale(0.8);background-color:#e60020}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes batsu_anime{0%{-webkit-transform:scale(1);transform:scale(1);background-color:#e60020}20%{-webkit-transform:scale(0.9);transform:scale(0.9);background-color:#a90018}40%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#d60020}60%{-webkit-transform:scale(0.8);transform:scale(0.8);background-color:#e60020}100%{-webkit-transform:scale(1);transform:scale(1)}}.modal_mp4{display:none;opacity:0;width:80vw;height:80vh}@media only screen and (max-width: 600px){.modal_mp4{width:97vw}}.modal_mp4.active{display:block;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:4;-webkit-animation-name:mp4_anime;animation-name:mp4_anime;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-direction:normal;animation-direction:normal}.modal_mp4 video{display:block;width:100%;height:100%}.close_btn{cursor:pointer}.close_btn.mp4{position:absolute;top:-50px;right:-70px;padding:10px;padding:10px}@media only screen and (max-width: 960px){.close_btn.mp4{top:0;left:50%;right:inherit;-webkit-transform:translate(-50%);transform:translate(-50%)}}.close_btn .batsu{position:relative;display:block;width:40px;height:40px;border-radius:100%;background-color:#fff}.close_btn .batsu:hover{-webkit-animation-name:batsu_anime;animation-name:batsu_anime;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-direction:normal;animation-direction:normal}@media only screen and (max-width: 600px){.close_btn .batsu{width:28px;height:28px}}.close_btn .batsu::before,.close_btn .batsu::after{position:absolute;content:"";background-color:#000;width:2px;height:15px;left:50%;top:50%}@media only screen and (max-width: 600px){.close_btn .batsu::before,.close_btn .batsu::after{height:12px}}.close_btn .batsu::before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.close_btn .batsu::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}