@charset "utf-8";
*, :before, :after{min-width:0;box-sizing:border-box;-webkit-text-size-adjust:none;line-height: 100%;word-break: break-word;-webkit-print-color-adjust:exact}
*:focus-visible{outline:2px dotted var(--primary);outline-offset: 3px}
html, body{margin:0;font-size:100%}
html{overflow-x: auto;overflow-y: scroll;font-size: 16px;}
body, h1, h2, h3, h4, h5, h6, div, p, input, textarea, select, button, :before, :after, figure, figcaption, small, dl, dd, dt{padding:0;margin:0;line-height: 110%;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-weight: 400;font-size: 1rem;color:#444}
main, section, article, aside{display: block}
ul, ol{margin:0;padding:0;list-style:none}
strong, b{font-weight: 600;}
address, i, em{font-style:normal}
canvas{display:block;width:100%;height:100%}
a{display:inline-block;text-decoration:none;transition:box-shadow 100ms ease-out, background 100ms ease-out, border 100ms ease-out, color 100ms ease-out;}
a span{transition: border 100ms ease-out}
a:link,a:active, a:visited{color: #555555;}
a:hover{color:var(--primary)}
svg{display:block}
form{display:block}
label{display:inline-block;cursor:pointer;position: relative;}
label:hover{color:var(--primary)}
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], select, textarea{display:block;min-width: auto;border: 1px solid #c5c9d6;}
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], select{width: 100%;height: 46px;padding: 0px 10px;}
input[type="radio"], input[type="checkbox"]{position: absolute;top: 1px;left: 1px;padding: 10px;width: 18px;height: 18px;}
input[type="radio"]+span, input[type="checkbox"]+span{position: absolute;top: 0px;left: 0;display: block;width: 20px;height: 20px;padding: 5px;margin-right: 5px;background-color: #fff;border: 1px solid #d1d4de;border-radius: 3px;vertical-align: -4px;}
input[type="radio"]+span:before, input[type="checkbox"]+span:before{content:'';display:block;height:100%;background-color: #d5d7dc;}
input[type="radio"]+span, input[type="radio"]+span:before{border-radius:100%}
input[type="radio"]:checked+span, input[type="checkbox"]:checked+span{border-color: var(--primary);background-color: var(--primary);}
input[type="checkbox"]:checked+span:before, input[type="radio"]:checked+span:before{content:'';display:block;width:100%;height:100%;background-color: #fff;}
input[maxlength="8"]{width:200px}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
:root [readonly], :root [disabled]{background-color:#f7f7f7;}
:root [readonly] ~ span, :root [disabled] ~ span{background-color:#f7f7f7}
textarea{width:100%;line-height:140%;padding: 10px;resize:vertical}
textarea:disabled{background-color:transparent}
input:focus-visible, select:focus-visible, textarea:focus-visible{outline-color:var(--primary)}
input[type="radio"]:focus-visible, input[type="checkbox"]:focus-visible{outline-color:var(--primary)}
input::-ms-clear,
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}
select{line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
select::-ms-expand{display:none}
button{font-size:inherit;border:0;line-height: 0;background-color:transparent;cursor:pointer;transition:box-shadow 100ms ease-out, background 100ms ease-out, border 100ms ease-out, color 100ms ease-out}
button:hover{color:var(--primary)}
caption, figcaption{position:fixed;top:-1px;left:-1px;height:0;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}
img{border:0 none;max-width:100%;width:auto;line-height: 0;height:auto;}
small{display: block;}
header,footer,main,section,article,aside,figure,figcaption,caption,div{line-height: 1;}

::placeholder{font-weight:400;color:#8a949e}


/* skip Navi */
#skipContents{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#skipContents a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#skipContents a:link{color:#333}
#skipContents a:focus{margin-top:0;text-decoration:underline;color:#fff}

.none{display:none}
.hide,.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}	


div{line-height: 0;}