﻿*, *::before, *::after {margin:0; padding:0;box-sizing:border-box;}
html, body {margin:0; padding:0; width:100%; height:100%; background-color:#fff; font-family:"Gotham SSm A", "Gotham SSm B", sans-serif; letter-spacing:-0.05rem; color:#222; font-size:16px;}
ul, ol, li, dl, dt, dd {list-style:none;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
input, button {outline:none; border:none; color:#222; background:none;}
input::placeholder, textarea::placeholder {color:#aaa; word-break:keep-all;}
button {cursor:pointer; font-family:"Gotham SSm A", "Gotham SSm B", sans-serif;}
input[type=text], input[type=password], input[type=email], input[type=number] {width:240px; border:none; height:36px; line-height:33px; font-size:16px; text-indent:0; vertical-align:top; font-family:"Gotham SSm A", "Gotham SSm B", sans-serif; background-color:#fff; border:1px solid #ddd; border-radius:5px; padding:0 10px;}
input[type=text]:read-only {background-color:#fafafa;}
textarea {display:block; width:100%; border:none; font-size:16px; text-indent:0; font-family:"Gotham SSm A", "Gotham SSm B", sans-serif; outline:none; resize:none; line-height:24px; min-height:100px; background-color:#fff; border:1px solid #ddd; border-radius:5px; padding:10px;box-sizing:border-box;}
textarea:read-only {background-color: #fafafa;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus {-webkit-box-shadow:0 0 5px #f56c81; -moz-box-shadow:0 0 5px #f56c81; box-shadow:0 0 5px #f56c81; border:1px solid #e31837 !important;}
input[type=checkbox], input[type=radio] {width:20px; height:20px; line-height:20px; vertical-align:sub;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=checkbox] {display:none;}
input[type=checkbox] + label {display:inline-block; cursor:pointer;}
input[type=checkbox] + label:before {content:''; display:inline-block; width:20px; height:20px; border:1px solid #ddd; background:white; background-repeat:no-repeat; background-position:center; border-radius:2px; vertical-align:middle; margin-right:3px;}
input[type=checkbox]:checked + label:before {background-image:url('../../../img/common/icon/checkbox.png') ; border:none;}
.notice_chk input[type=checkbox] ~ label {display:inline-block; cursor:pointer;}
.notice_chk input[type=checkbox] ~ label:before {content:''; display:inline-block; width:20px; height:20px; border:1px solid #ddd; background:white; background-repeat:no-repeat; background-position:center; border-radius:2px; vertical-align:middle; margin-right:3px;}
.notice_chk input[type=checkbox]:checked ~ label:before {background-image:url('../../../img/common/icon/checkbox.png') ; border:none;}
input[type=radio] {display:none;}
input[type=radio] + label {display:inline-block; cursor:pointer;}
input[type=radio] + label:before {content:''; display:inline-block; width:20px; height:20px; border:1px solid #666; background:white; background-size:16px; background-repeat:no-repeat; background-position:center; border-radius:2px; vertical-align:middle; margin-right:3px; border-radius:50%;}
input[type=radio]:checked + label:before {background-image:url('../../../img/common/icon/radio.png') ;}
input[type=date] {width:240px; height:36px; line-height:33px; border:1px solid #ddd; padding:0 10px; border-radius:5px; color:#222; font-family:'arial'; font-size:16px; background-image:url('../../../img/common/icon/calendar_icon.png'); background-repeat:no-repeat; background-position:calc(100% - 10px) center; text-align:left;}
input[type="date"]::-webkit-calendar-picker-indicator {background:transparent; z-index:1;}
select {width:240px; height:36px; line-height:33px; padding:0 40px 0 10px; font-size:16px; border:1px solid #ddd; border-radius:5px; vertical-align:top;outline:none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../../../img/common/icon/select.svg') no-repeat right 8px center; background-size:24px auto;}
select::-ms-expand {display:none;}
a, button, span, input, ul, li, div {-webkit-tap-highlight-color:transparent;}
a {text-decoration:none; color:#222; outline:none; transition:0.3s;}
a, span {display:inline-block;}
a, span, p {word-break:break-all;}
table {width:100%; border-spacing:0; table-layout:fixed; border-collapse:collapse;}