@charset "UTF-8";

header#globalHeader dl { display: block; text-align: center; }
nav#globalNavi { display: none !important; }
section#contents { padding: 50px 0; }
section#contents div.section { margin: 0 auto; }
section#contents div.section p { margin-bottom: 1em; text-align: center; }
section#contents div.section form { margin: 0 auto; width: 300px; text-align: center; }
section#contents div.section input[type="text"] { margin: 0 0 1em; font-size: 0.2em 0.5em; width: 100%; font-size: 100%; box-sizing: border-box; }
div#Login { margin: 0 auto; width: 300px; text-align: center; }
div#Login h1 { margin-bottom: 2em; }
div#Login input[type="text"], div#Login input[type="password"] { margin: 0 0 1em; padding: 0.2em 0.5em; width: 100%; font-size: 100%; box-sizing: border-box; }
div#Login div.submit { margin-bottom: 2em; text-align: center; }
div#Login span.bca-checkbox { margin: 1em 0; display: block; }
div#Login span.bca-checkbox input { margin-right: 0.2em; }
input[type="submit"] { padding: 8px 24px; background: #00997a; border: none; color: #fff; font-size: 100%; }
input[type="submit"]:hover { pointer: cursor; }

@media screen and (max-width: 767px) {
section#contents div.section input[type="text"] { padding: 0.5em; }
div#Login input[type="text"], div#Login input[type="password"] { padding: 0.5em; }
a#sp { display: none !important; }
}