.mail_contact{display:block;width:95%;margin:auto;text-align:center}.mail_contact h1{font-family:Stint Ultra Expanded,Noto Sans SC,Noto Sans KR,Noto Naskh Arabic,sans-serif;margin:1em 0;font-size:1.7em;font-weight:700;padding:.5em 0 .5em 1em;background:#f5f5f5;cursor:pointer;box-shadow:10px 10px 30px 5px #555;display:flex;align-items:center;justify-content:center;border:1px solid #e3dac9}.mail_contact h1:before{content:"";display:inline-block;width:1.5em;height:1.5em;background-size:contain;background-repeat:no-repeat;margin-right:1em;background-image:url(/build/assets/mail-ee7af92d.png)}.mail_contact h2{font-size:1.5em;margin:1em 0;padding:0;background:#000;color:#fff;width:100%}.mail_contact aside{float:left;width:50%;text-align:left}.mail_contact aside .aside{margin-right:1em}.mail_contact main{float:left;width:50%;text-align:left}.mail_contact main .main{margin-left:1em}.mail_contact label{display:block;margin:0 0 .3em 1em;font-size:1.5em}.mail_contact .mail_name,.mail_contact .mail_from{display:block;height:3em;width:33em;max-width:100%;margin:0 0 1em;padding:1em;background:inherit;border:1px solid #e3dac9}.mail_contact .captcha_row{display:flex;align-items:center;gap:.5em;margin:0 0 1em}.mail_contact img.captcha_img{height:2.5em;width:auto;flex-shrink:0;border:1px solid #e3dac9}.mail_contact .mail_captcha{display:block;height:2.5em;width:18em;margin:0;padding:.5em;background:inherit;border:1px solid #e3dac9}.mail_contact .mail_content{display:block;width:44em;max-width:100%;height:28em;padding:1em;background:inherit;border:1px solid #e3dac9}.mail_contact .mail_submit{display:block;margin:2em 0 1em 2em;padding:.5em;font-size:1.5em;background:inherit;border-radius:25%;border:1px solid #e3dac9;cursor:pointer}.mail_contact .mail_submit:hover{border:1px solid #000;filter:blur(2px);-webkit-filter:blur(2px)}.mail_contact .mail_name:focus-visible,.mail_contact .mail_from:focus-visible,.mail_contact .mail_captcha:focus-visible,.mail_contact .mail_content:focus-visible{outline:2px solid #353839;border-color:#353839}.mail_contact span{display:inline;color:#f55247;font-size:1.5em;margin:0 0 0 1em}.mail_contact label[data-state=invalid]{color:#f55247}.mail_contact .alert_success,.mail_contact .alert_fail{background:#000;color:#fff;font-size:1.5em}.close{clear:both;height:25em}#container .mail_contact h3,#container .mail_contact h4,#container .mail_contact h5,#container .mail_contact h6{display:none}#container .mail_contact aside{background:transparent;border:none;box-shadow:none;color:#000;font-family:Raleway,Noto Sans SC,Noto Sans KR,Noto Naskh Arabic,sans-serif;width:50%}#container .mail_contact main{color:#000;width:50%}@media (min-width: 1024px){#container .mail_contact aside{width:50%}#container .mail_contact main{width:50%}}@media (max-width: 767px){.mail_contact{padding:0 1em}#container .mail_contact aside,#container .mail_contact main{float:none;width:100%}.mail_contact aside .aside,.mail_contact main .main{margin:0}.mail_contact main .main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:0 1em}.mail_contact main .main .label_name{grid-column:1;grid-row:1}.mail_contact main .main .label_from{grid-column:2;grid-row:1}.mail_contact main .main .mail_name{grid-column:1;grid-row:2}.mail_contact main .main .mail_from{grid-column:2;grid-row:2}.mail_contact main .main .label_captcha,.mail_contact main .main .captcha_row,.mail_contact main .main .mail_submit{grid-column:1 / -1}.mail_contact label{margin-left:0}.mail_contact .mail_name,.mail_contact .mail_from,.mail_contact .mail_captcha,.mail_contact .mail_content{width:100%;max-width:100%}.mail_contact .mail_submit{margin-left:0}.close{height:3em}}@media (max-width: 479px){.mail_contact{padding:0 .5em}.mail_contact h1{font-size:1.3em;margin:.5em 0;padding:.5em}.mail_contact h2,.mail_contact label{font-size:1.2em}.mail_contact .mail_name,.mail_contact .mail_from{height:3em;font-size:1em}.mail_contact .mail_captcha{height:3em;font-size:1em;flex:1;min-width:0}.mail_contact .mail_content{height:20em;font-size:1em}.mail_contact .mail_submit{font-size:1.2em;width:100%}.mail_contact .captcha_row{flex-wrap:nowrap}}.mail_contact .mail_trampa{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}[dir=rtl] .mail_contact aside .aside,[dir=rtl] .mail_contact main .main{direction:ltr}[dir=rtl] .mail_contact label,[dir=rtl] .mail_contact input,[dir=rtl] .mail_contact textarea{direction:rtl}[dir=rtl] .mail_contact .mail_trampa{left:auto;right:-9999px}