@charset "UTF-8";

/* **************************************** *
 * common
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
  margin:0; padding:0;
  font-family:'Poppins', 'sans-serif'; font-style:inherit;
  border:0; outline:none !important;
  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
html{font-size:10px; scroll-behavior:smooth}
a{text-decoration:none}
ol,ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption,legend{display:none}
caption,th,
td{text-align:left; font-weight:normal}
figure,article,header,footer,nav,hgroup,video,audio,aside,
main{display:block}
a{color:#202020; text-decoration:none}
button{outline:none !important}

/* reset mobile default style */
html{height:100%; -ms-text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none}
body,textarea:focus,input:focus,a:focus{-webkit-tap-highlight-color:rgba(0, 0, 0, .08)}
body{height:100%; color:#202020; font-size:1.6rem; -webkit-touch-callout:none; overflow-x:hidden; overflow-y:auto}

/* selection */
::-moz-selection{background:#202020; color:#fff}
::selection{background:#202020; color:#fff}
::-moz-selection{background:#202020; color:#fff}


/* **************************************** *
* input
* **************************************** */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
textarea{font-family:'Poppins', 'sans-serif'; border-radius:0; box-sizing:border-box; -webkit-appearance:none}
input[type=submit],
input[type=button],
button{font-family:'Poppins', 'sans-serif'; border-radius:0; box-sizing:border-box; -webkit-appearance:none}
input[type=radio]{border-radius:100%}


/* **************************************** *
* placeholder
* **************************************** */
::-webkit-input-placeholder{font-family:'Poppins', 'sans-serif'; font-size:1.6rem; color:#a4a4a4}
::-moz-placeholder{font-family:'Poppins', 'sans-serif'; font-size:1.6rem; color:#a4a4a4}
:-ms-input-placeholder{font-family:'Poppins', 'sans-serif'; font-size:1.6rem; color:#a4a4a4}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:transparent}

/* reset some shadow dom */
/* clears the 'X' from Internet Explorer Chrome */
input::-ms-clear{display:none; width:0; height:0}
input::-ms-reveal{display:none; width:0; height:0}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}


/* **************************************** *
* focus
* **************************************** */
*:focus {
	outline:0.2rem solid rgba(0,0,0,1);
  outline-offset:0
}