#content .topComment { padding-bottom: 4rem; text-align: center; }

@media screen and (max-width: 767px) { #content .topComment { text-align: left; } }

#content .errorMessage { width: 800px; margin: 0 auto 4rem; padding: 3rem 0; color: #c99; text-align: center; border: 2px solid #c99; }

@media screen and (max-width: 767px) { #content .errorMessage { width: 100%; } }

#content .must { color: #c99; }

#content .attention { color: #f99; }

#content .registInputs { width: 800px; margin: auto; overflow: hidden; background-color: #666; }

@media screen and (max-width: 767px) { #content .registInputs { width: 100%; } }

#content .registInputs dt, #content .registInputs dd { padding: 3rem 4rem; border-top: 1px solid #000; }

#content .registInputs dt:first-of-type, #content .registInputs dd:first-of-type { border-top-width: 0; }

@media screen and (max-width: 767px) { #content .registInputs dt, #content .registInputs dd { padding: 1.5rem 1.5rem; } }

#content .registInputs dt { clear: left; float: left; width: 25rem; padding: 3.2rem; }

@media screen and (max-width: 767px) { #content .registInputs dt { float: none; width: 100%; padding: 1.5rem 1.5rem 0; } }

#content .registInputs dd { margin-left: 25rem; border-left: 1px solid #000; }

@media screen and (max-width: 767px) { #content .registInputs dd { margin-left: 0%; border-top-width: 0; border-left-width: 0; } }

#content .registInputs .inText, #content .registInputs .inNumber { padding: 0.3em; font-size: 1.6rem; }

#content .registInputs .inText { width: 100%; }

#content .registInputs .termsText { height: 12em; margin-bottom: 15px; padding: 5px 10px; font-size: 1.3rem; overflow-y: scroll; border: 1px solid #fff; }

#content .registInputs input[name="forminput_accept"] { display: none; }

#content .registInputs .forminput_accept_label { cursor: pointer; display: inline-block; padding: 5px 24px; position: relative; width: auto; }

#content .registInputs .forminput_accept_label::before { content: ""; position: absolute; display: block; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -7px; background: #fff; border: 1px solid #ccc; border-radius: 3px; }

#content .registInputs .forminput_accept_label::after { content: ""; position: absolute; display: block; top: 50%; left: 4px; width: 12px; height: 20px; margin-top: -15px; border-right: 6px solid #009c74; border-bottom: 4px solid #009c74; opacity: 0; transform: rotate(45deg); transition: 0.3s; }

#content .registInputs #forminput_accept:checked + .forminput_accept_label::before { border-color: #666; }

#content .registInputs #forminput_accept:checked + .forminput_accept_label::after { opacity: 1; }

#content .submitButtons { padding-top: 5rem; text-align: center; }

#content .registButton { padding: 0.5em 3em; font-size: 1.6rem; }

#content .registformEndMessage { padding: 3em 0; font-size: 3rem; text-align: center; }

@media screen and (max-width: 767px) { #content .registformEndMessage { font-size: 2rem; } }