@font-face{font-family:Noto Sans JP;src:url("../../public/fonts/NotoSansJP-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans JP;src:url("../../public/fonts/NotoSansJP-Bold.ttf") format("truetype");font-weight:700;font-style:normal}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,code,img,small,strong,var,b,i,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,audio,video{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{line-height:1;font-variant-ligatures:none;-webkit-text-size-adjust:none}footer,header,menu,nav,section,aside,figure{display:block}.ul,.ol{list-style:none;list-style-type:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:normal}a{text-decoration:none;word-break:break-all}button,input,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;border:none;border-radius:0;text-align:inherit;text-transform:inherit;outline:none}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}table{border-color:inherit;border-collapse:separate}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}img{width:100%;height:auto;vertical-align:bottom}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}header{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:100%}header hgroup{display:flex;flex-wrap:wrap;justify-content:center}header hgroup h1{position:relative;text-align:center;width:65%;max-width:320px;margin-bottom:16px}header hgroup h1>img{opacity:0}header hgroup h1>img:last-of-type{position:absolute;top:0;left:0}header hgroup>div{display:flex;justify-content:center;width:100%}header hgroup>div>p{color:#8f96a6;font-size:12px;line-height:1.5}.generator .output_box input,.generator .input_box input{backdrop-filter:blur(3px);font-size:16px;color:#333 !important;width:100%;height:48px;padding:0 12px;border:1px solid #8f96a6;border-radius:5px}.generator .output_box input::placeholder,.generator .input_box input::placeholder{color:#8f96a6}.generator .output_box input::-internal-autofill-selected,.generator .input_box input::-internal-autofill-selected{color:#333 !important}.generator .output_box input:hover,.generator .input_box input:hover{background-color:rgba(195,199,203,.1)}@media(prefers-color-scheme: dark){.generator .output_box input,.generator .input_box input{color:#fff !important}.generator .output_box input:hover,.generator .input_box input:hover{background-color:rgba(247,251,255,.1)}}.generator{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;min-height:inherit;padding:10px}.generator .input_box{position:relative;width:100%;max-width:800px}.generator .input_box input{padding-right:60px}.generator .input_box .clear_btn_box{position:absolute;top:0;right:0}.generator .input_box .clear_btn_box button .clear_btn{position:relative;background-color:#8f96a6;width:48px;height:48px;border-top-right-radius:5px;border-bottom-right-radius:5px}.generator .input_box .clear_btn_box button .clear_btn::before,.generator .input_box .clear_btn_box button .clear_btn::after{content:"";display:inline-block;position:absolute;top:50%;left:14px;background-color:#fff;width:20px;height:2px;border-radius:1px}.generator .input_box .clear_btn_box button .clear_btn::before{transform:rotateZ(45deg)}.generator .input_box .clear_btn_box button .clear_btn::after{transform:rotateZ(-45deg)}.generator .submit_box{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:20px;text-align:center;width:inherit;max-width:375px;min-height:48px}.generator .submit_box button{position:absolute;top:0;left:0;width:inherit}.generator .submit_box button .btn{background-color:#19c3e5;width:inherit;padding:16px 12px;border-radius:5px}.generator .submit_box button .btn>*{color:#fff}.generator .submit_box button .btn>* font font{color:#fff}.generator .submit_box button:disabled{pointer-events:none}.generator .submit_box button:disabled .btn{background-color:#ccc}.generator .output_box{position:relative;width:100%;max-width:375px}.generator .output_box .tooltip{position:relative}.generator .output_box .tooltip::before{content:"";display:inline-block;position:absolute;top:10px;left:50%;transform:translateX(-50%);border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-bottom:8px solid #8f96a6}.generator .output_box .tooltip p{display:inline-block;position:absolute;top:18px;left:50%;transform:translateX(-50%);background-color:#8f96a6;color:#fff;font-size:14px;letter-spacing:1.4px;line-height:1.5;white-space:pre;padding:12px 16px;border-radius:5px}.generator .output_box .tooltip p font font{color:#fff}.generator .output_box .tooltip.error:before{border-bottom:8px solid #f06666}.generator .output_box .tooltip.error p{background-color:#f06666}*{font-family:Noto Sans JP;color:#8f96a6}body{position:relative;width:100%;min-height:100vh}body main{width:inherit;min-height:inherit}@media(prefers-color-scheme: dark){body{background-color:#333;color:#fff}}