/* **************************** popup area start ***************************** */
/*reset*/
/* 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, 
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, 
legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video
{margin:0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
*/

p, ul, li, role{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
ol, ul, li {list-style:none;}
.popup{ position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:none;}
body.popup_open .popup{display:block;}
.popup .popup-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;background-color:var(--ttl_wrp);border-radius:10px;z-index:2;max-width:90%;}
.popup .popup-title{padding:15px 20px 15px 20px;border-radius:10px 10px 0 0;border:0;font-size:25px;font-weight:600;}
.popup .popup-content{width:100%;height:auto;padding:40px 40px 30px 40px;box-sizing:border-box;min-width:300px;}
.popup .popup-wrap .popup-content .text-box p{font-size:22px;color:var(--ttl_wrpcont);letter-spacing:-0.02em;font-weight:300;margin-bottom:10px;word-break:keep-all;text-align:center;}
.popup .popup-wrap .popup-content .text-box strong{display:block;color:var(--ttl_txtbx);font-size:21px;font-weight:400;margin-bottom:30px;text-align:left;}
.popup .popup-wrap .popup-content .popup-btn ul{display:flex; justify-content:center;}
.popup .popup-wrap .popup-content .popup-btn ul li{ width:170px;height:auto;margin-right:20px;box-sizing:border-box;}
.popup .popup-wrap .popup-content .popup-btn ul li:last-child{margin-right:0;}
.popup .popup-wrap .popup-content .popup-btn ul li a{display:block;width:100%;padding:8px 0;text-align:center;font-size:1.6rem;letter-spacing:-0.03em;font-weight:600;box-sizing:border-box;border-radius:5px;background-color:var(--ttl_btnbck);color:var(--ttl_btncol);}
.popup .popup-wrap .popup-content .input-box{width:100%;height:auto;margin-bottom:30px;}
.popup .popup-wrap .popup-content input{width:100%;border:1px solid #c8c8c8;border-radius:5px;box-sizing:border-box;font-size:1.2rem;color:var(--ttl_inpcol);}
body.popup_open .dimmed{width:100%;height:100%;position:fixed;left:0;top:0; background:rgba(0,0,0,0.7);overflow:hidden;z-index:1;}
body.popup_open{overflow:hidden}
.ttl_quest {background-color:var(--ttl_qBck);color:var(--ttlCol);}
.ttl_info  {background-color:var(--ttl_iBck);color:var(--ttlCol);}
.ttl_error {background-color:var(--ttl_eBck);color:var(--ttlCol);}
.ttl_warn  {background-color:var(--ttl_wBck);color:var(--ttlCol);}