@charset "utf-8";
/*dialog*/
.dialog-body, .dialog-body .close-icon, .dialog-body .dialog-btn, .dialog-body .dialog-logo .logo, .dialog-body .dialog-btn:before { background-repeat: no-repeat; background-color: transparent; background-image: url(/company/img/dialog-bg.png); background-image: -webkit-image-set(url(/company/img/dialog-bg.png) 1x, url(/company/img/dialog-bg-2x.png) 2x); }
.dialog-mask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=80); opacity: 0.8 }
.dialog-body { display: none; position: fixed; top: 50%; left: 50%; margin: -209px 0 0 -372px; width: 744px; height: 419px; color: #84370d; font-size: 2.1rem; line-height: 1.3; background: #000 }
.dialog-body .close-icon { position: absolute; top: 0; right: -32px; width: 32px; height: 32px; background-color: #3773db; cursor: pointer }
.dialog-body .close-icon:hover { background-color: #0f82f9 }
.dialog-body .dialog-btn { display: block; position: absolute; bottom: -14px; left: 50%; margin-left: -61px; border: none; padding: 0; width: 122px; height: 43px; background-position: -50px -230px }
 @-webkit-keyframes dialogAnimation {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
}
}
@keyframes dialogAnimation {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
}
}
.dialog-animation { -webkit-animation: dialogAnimation .75s; animation: dialogAnimation .75s }