.modal-container{position:fixed;top:0;left:0;width:100%;height:100vh;text-align:center;background:hsla(0,0%,100%,.85);padding:40px 20px;overflow:auto;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:999}.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%}.modal-container.active{opacity:1;visibility:visible}.modal-body{position:relative;display:inline-block;vertical-align:middle;max-width:900px;width:90%;height:100%;max-height:500px}@media screen and (max-width: 800px){.modal-body{height:auto;max-height:initial;width:calc(100% - 40px);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.modal-close{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;top:-40px;right:-40px;width:80px;height:80px;color:#0076d8;background:#fff;cursor:pointer;border:5px solid #0076d8;border-radius:60px}@media screen and (max-width: 800px){.modal-close{width:60px;height:60px;right:-15px;top:-20px}}.modal-close img{display:block}@media screen and (max-width: 800px){.modal-close img{width:22px;height:22px}}.modal-content{background:#fff url(../modal.jpg) top left -40px no-repeat;background-size:cover;text-align:left;padding:30px;border-radius:20px;border:10px solid #fff;-webkit-box-shadow:0px 10px 10px 0px rgba(0,0,0,.16);box-shadow:0px 10px 10px 0px rgba(0,0,0,.16);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-webkit-justify-content:right;-ms-flex-pack:right;justify-content:right;height:100%}@media screen and (max-width: 800px){.modal-content{background:#fff url(../modal.jpg) top center no-repeat;background-size:110%;padding:30px 40px}}@media screen and (max-width: 612px){.modal-content{background:#fff url(../modal.jpg) top left -150px no-repeat;background-size:cover;padding:30px 40px}}.modal-content .modal_wrap{padding-bottom:0px}.modal-content p{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:500;font-size:18px;line-height:32px;text-align:left;color:#fff;text-shadow:0px 3px 3px rgba(0,0,0,.16)}@media screen and (max-width: 800px){.modal-content p{font-size:16px}.modal-content p br{display:none}}.modal-content .modal_ttl{font-size:30px;line-height:42px;margin-bottom:40px;margin-top:40px}.modal-content .modal_ttl br{display:none}@media screen and (max-width: 800px){.modal-content .modal_ttl br{display:inline}}.modal-content .modal_ttl span{font-size:24px;line-height:32px}@media screen and (max-width: 800px){.modal-content .modal_ttl{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:60px auto 40px 0px}}@media screen and (max-width: 612px){.modal-content .modal_ttl{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:60px auto 40px auto}}/*# sourceMappingURL=modal.css.map */