:root{--header_height: 87px}@media(max-width: 767px){:root{--header_height: 79px}}.popup{position:fixed;z-index:9999;bottom:0;left:0;right:0;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .6s ease-out,visibility .6s ease-out,transform .6s ease-out}.popup.is-visible{pointer-events:auto;opacity:1;visibility:visible;transform:translateY(0)}@media(min-width: 768px){.popup{left:auto;right:24px;bottom:24px;width:240px;transform:translateY(20px)}.popup.is-visible{transform:translateY(0)}}@media(max-width: 767px){.popup--pc-only{display:none !important}}@media(min-width: 768px){.popup--sp-only{display:none !important}}.popup__inner{position:relative;margin:16px;background:#fff;box-shadow:0 4px 20px rgba(34,34,34,.15);overflow:hidden}@media(min-width: 768px){.popup__inner{margin:0;overflow:visible}}.popup__content{display:block;overflow:hidden;transition:opacity .2s ease}.popup__content:hover{opacity:.9}.popup__close{position:absolute;top:4px;right:4px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#1a5dc0;color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}.popup__close:hover{opacity:.8}.popup__close:focus{outline:2px solid #1a5dc0;outline-offset:2px}@media(min-width: 768px){.popup__close{top:-20px;right:-20px}}.popup__link{display:block;text-decoration:none;color:inherit}.popup__picture,.popup__img{display:block;width:100%;height:auto;vertical-align:top}