@charset "UTF-8";
input:focus, textarea:focus, select:focus { outline: none; border: 1px solid #00533E; }
input[type="checkbox"]:focus { outline: 1px solid #00533E; }
input[type="radio"]:focus { outline: 1px solid #00533E; }
.aform-header { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.aform { background-color: #fff; box-shadow: 0px 0px 7px 0px rgba(110, 110, 110, 0.25); border-radius: 0.625em; }
.aform-content dl { border-bottom: 1px solid #CECECE; padding-bottom: 1.8em; margin-bottom: 1.8em; }
.aform-content dt { margin-bottom: 0.8em; font-size: 1.2em; }
.aform-content input.aform-text, .aform-content input.aform-name, .aform-content input.aform-kana, .aform-content input.aform-tel, .aform-content input.aform-email, .aform-content input.aform-zipcode, .aform-content textarea.aform-textarea, .aform-content select.aform-prefecture, .aform-content select.aform-select { padding: 0.8em 1em; border: 1px solid #c6c6c6; border-radius: 0.625em; background-color: #f2f2f2; }
.aform-content input.aform-upload { padding: 0.5em 1em; border: 1px solid #c6c6c6; border-radius: 0.625em; background-color: #f2f2f2; font-size: 0.8em; margin-right: 0.5em; }
.aform-content input.clear_upload { padding: 0.3em 0.8em; border: 1px solid #c6c6c6; border-radius: 0.625em; background-color: #000; color: #fff; font-size: 0.8em; }
.aform-content input.aform-checkbox { position: relative; width: 1.5em; height: 1.5em; appearance: none; background: #f2f2f2; border: solid 1px #c6c6c6; border-radius: 0.25em; box-shadow: 0 0 0 0 transparent; }
.aform-content input.aform-checkbox::before { position: absolute; inset: 0; display: block; width: 100%; height: 100%; content: ""; opacity: 0; mask-image: url("/assets/img/ic-check.svg"); mask-repeat: no-repeat; mask-size: contain; background-color: #FFFFFF; transition: all .3s; }
.aform-content input.aform-checkbox:checked::before { opacity: 1; background-color: #00533E; }
.aform-checkbox-ul li { display: flex; justify-content: flex-start; align-items: center; gap: 0.5em }
.aform-checkbox-ul li input { flex: 0 0 auto; }
.aform-checkbox-ul li label { flex: 1; min-width: 0; }
.aform-button-area { display: flex; justify-content: center; align-items: center; gap: 1em; }
.aform-button-area input { background-color: #000; color: #fff; box-shadow: 0px 0px 7px 0px rgba(110, 110, 110, 0.25); border-radius: 0.625em; padding: 0.8em 2em; border: none; transition: all .3s; }
.aform-label { font-weight: 600; }
.aform-input-example { font-size: 0.8em; margin-bottom: 0.2em; color: #5b5b5b }
.aform-validation { font-size: 0.8em; color: #5b5b5b }
.aform-required { border-radius: 0.4em; color: #fff; padding: 0.2em 0.4em; background-color: #00533E; margin-left: 1em; font-size: 0.6em; font-weight: 400; }
.aform-name-ul li label, .aform-kana-ul li label { margin-right: 0.5em; }
.aform-twice-note { display: block; margin: 1em 0 0.5em; }
.validation-advice { background-color: #db0000; color: #fff; padding: 0.5em 1em; border-radius: 0.625em; font-size: 0.8em; display: inline-block; margin-top: 0.313em }
select, select option { font-size: 1em; }
@media screen and (min-width:768px) {
    .aform { padding: 2em; }
    .aform-content input.aform-text, .aform-content textarea.aform-textarea { width: 100%; }
    .aform-name-ul, .aform-kana-ul { display: flex; justify-content: flex-start; align-items: justify-content; gap: 1.5em }
    .aform-button-area input:hover { background-color: #666; }
}
@media screen and (min-width:768px) and (max-width:1120px) { }
@media screen and (max-width:767px) {
    .aform { padding: 1em; }
    .aform-content input.aform-text, .aform-content input.aform-name, .aform-content input.aform-tel, .aform-content input.aform-email, .aform-content input.aform-zipcode, .aform-content textarea.aform-textarea { width: 100%; }
    .aform-content input.aform-zipcode { width: 8em; }
    .aform-content input.aform-tel { width: 13em }
    .aform-content input.clear_upload { margin-top: 1em; }
    .aform-name-ul li { margin-bottom: 0.313em }
    .aform-textarea { min-height: 20em; }
}