@charset "utf-8";
/* CSS Document */

body.modal{width: 100%; height: 100vh; height: 100svh; overflow: hidden; background: #fff;}
body.modal #page{opacity: 0.2; pointer-events: none;}
body.modal #smartmenu{opacity: 0.1; pointer-events: none;}

body.modal #menu{opacity: 0;}

.wrap-modalwindow,#modalwindow{display: none;}

body.modal .wrap-modalwindow{position: fixed; top:0; left: 0; display: flex; justify-content: center; align-items: center;}
body.modal #modalwindow{display:flex; flex-direction: column; justify-content: center; align-items: center;}

.wrap-modalwindow{z-index: 100; width: 100%; height: 100vh; height:100svh; background: rgba(30,160,246,0.2);}
#modalwindow{background: #fff; width:90%; max-width: 800px; border-radius: 10px;}

#modalwindow .innr{padding: 30px 2% 5px 2%; width: 96%;}
#modalwindow .innr .logo{max-width: 200px; margin: 0 auto; margin-bottom: 30px;}
#modalwindow .modalwindow_title{margin-bottom: 30px;}
#modalwindow .modalwindow_title p{font-weight: bold; font-feature-settings: "palt"; font-size: 0.8rem; line-height: 100%; margin-bottom: 10px;}
#modalwindow .modalwindow_title h3{width: 200px; margin: 0 auto;}

#modalwindow .leadtext{padding-bottom: 20px; font-size: 0.8rem; line-height: 160%;}

#modalwindow h4{margin-bottom: 20px; font-size: 1rem; line-height: 100%;}
#modalwindow .not_dental_health_worker h4{margin-bottom: 0;}

.dental_health_worker{width: 90%; max-width: 414px; margin:0 auto; text-align: left; padding-bottom:30px;}

.wrap-buttonlist ul{ padding-bottom:0; }
.wrap-buttonlist ul li{font-size: 18px; line-height: 100%; margin-bottom: 20px;}
.wrap-buttonlist ul a{display: flex; justify-content: center; align-items: center; height: 54px; border-radius: 2px;}

.wrap-buttonlist ul .register a{background-color: #1ea0f6; color: #fff;}
.wrap-buttonlist ul .login a{ background: #333; color: #fff;}
.wrap-buttonlist ul .view a{ background: #fff; border:#333 solid 1px;}
.wrap-buttonlist ul .leave a{background: #fff; border:#333 solid 1px;}

.dental_health_worker p{line-height: 100%;}
.dental_health_worker p a{text-decoration: underline; font-size: 0.8rem; line-height: 160%;}

#modalwindow address{border-top: #dcdcdc solid 1px; padding: 10px 0; line-height: 100%;}