@charset "utf-8";

* { box-sizing: border-box; }
/* Reset */
h1,h2,h3,h4,h5,h6 { font: inherit; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html { line-height: 1; -webkit-text-size-adjust:100%; }
html, body{width:100%;}
html{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{min-width:320px; width:100%; background:#fff; word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;color:#444;font-size:13px; font-family:'NotoSans', sans-serif;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout: fixed;}
img,fieldset{border:0;}
address,cite,code,em{font-weight:normal;font-style:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{overflow:hidden;font-size:1px;line-height:0;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#444;text-decoration:none;}
img { max-width: 100%; }

input[type="text"], input[type="search"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Form */
textarea { border:1px solid #cccccc;}
select {padding: 0 1.5rem; width:100%; height:3.5rem; border:none; background: #f6f6f6 url(../../images/common/ico_select_down.png) no-repeat right 1rem center; background-size: 0.5rem 0.35rem; color:#444; vertical-align:middle; font-weight: 400; font-size:0.9rem;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
input[type=checkbox],
input[type=radio] { position: absolute; clip: rect(0,0,0,0); }
input[type=checkbox] + label { margin-right: 1.75rem; }
input[type=checkbox] + label::before {display: inline-block; margin-right: 15px; width: 25px; height: 25px; border: 0; border-radius: 100%; background: #eee url(../../images/common/ico_chkbox.png) no-repeat center;  content:""; vertical-align: middle; cursor: pointer; }
input[type=checkbox] + label span,
input[type=radio] + label span { display: inline-block; padding-left: 10px; height: 22px; vertical-align: middle; line-height: 22px; }
input[type=checkbox]:checked + label::before { background: #ff4800 url(../../images/common/ico_chkbox_active.png) no-repeat center; }
input[type=radio] + label::before {display: inline-block; overflow: hidden; width: 20px; height: 20px; border: 1px solid #666; border-radius: 50%; background: #fff url(../../images/common/ico_chk3.png) no-repeat center;  content:""; vertical-align: middle; }
input[type=radio]:checked + label::before { border: 1px solid #ffd000; background: #ffd000 url(../../images/common/ico_chk3.png) no-repeat center; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date] {padding: 0 1.5rem;width:100%; height:3.5rem; border:none; background:#f6f6f6; color:#444; vertical-align:middle; font-size:0.9rem; }
input::-webkit-input-placeholder{ color:#999; font-size:0.9rem; line-height:100%;}
textarea {padding:1.35rem 1.5rem;  width: 100%; height: 17rem; border:none; background:#f6f6f6; color:#444; vertical-align:middle; font-size:0.9rem; resize: none; }
textarea::-webkit-input-placeholder{ color:#999; font-size:0.9rem; line-height:100%;}
select:focus,
textarea:focus,
input:focus {  }

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{outline: none;  color: #999; font-weight: 400; font-size: 0.9rem; cursor: default; }
textarea[readonly],
textarea[disabled]{  }

.clear {clear:both;}
.clear:after {display:block; clear:both; content:""; }

.hide_txt {overflow: hidden;  text-indent: 100%; white-space: nowrap; }