main{background: #fafafa;padding: 0 0 0 0;}
main article{display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 1em;}
main article header{padding: 0; position: relative; flex: 0 0 100%;}
main article header h1{margin: 0; font: 100 1.2em fantasy; color: #303030; padding: 0.3em 0 0.3em 0; text-align: center;}
main article section{padding: 0 0.5em 0 0.5em;flex: 0 0 30%;}
main article > section h2{margin: 0; font: 100 1.2em fantasy; color: #ff8100; padding: 0 0 0.5em 0; text-align: center;}
main article > section ul{margin: 0;}
main article > section ul li{font: bold 13px/1em sans-serif; color: #0d76e2; padding: 1em 0 0 0;}
main article section samp{display: block; font: bold 13px/1em sans-serif; color: #0d76e2; padding: 1em 0 0 0;}
main article > section + section h2{margin: 0; font: 100 1.2em fantasy; color: #ff8100;  padding: 0 0 0.5em 0;text-align: center;}
main article section form{}
main article section form fieldset{border: 1px solid #8cbcdc; border-radius: 6px; box-shadow: 0.2em 0.2em #efefef; background: #fff;}
main article section form fieldset dl{}
main article section form fieldset dl dt{}
main article section form fieldset dl dt .notify{font: 100 0.85em sans-serif;color: #4a4a4a;}
main article section form fieldset dl dt label{font: 100 16px/1em fantasy; color: #737373;}
main article section form fieldset dl dd{margin: 0.15em 0 0 0.1em;}
main article section form fieldset dl dd input[type="text"]{font: 100 1em fantasy; padding: 0.3em; color: #565656; background-clip: border-box; border: 1px solid #c5c5c5; border-radius: 0.25rem;background: #fdfdfd;letter-spacing: 0.01em;width: 79%;}
main article section form fieldset dl dd input[type="text"]:focus{outline: none;background: #fff;border-color: #80bdff;box-shadow: 0 0 0 0.2rem #dfefff;}
main article section form fieldset dl dd input[type="text"].error{border-color: #f94444;}
main article section form fieldset dl dd input[type="text"]:focus.error{box-shadow: 0 0 0 0.2rem #ffa7a7;}
main article section form fieldset dl dd input[type="password"]{font: 100 1em fantasy; padding: 0.3em; color: #565656; background-clip: border-box; border: 1px solid #c5c5c5; border-radius: 0.25rem;background: #fdfdfd;width: 79%;}
main article section form fieldset dl dd input[type="password"]:focus{outline: none;background: #fff;border-color: #80bdff;box-shadow: 0 0 0 0.2rem #dfefff;}
main article section form fieldset dl dd input[type="password"].error{border-color: #f94444;}
main article section form fieldset dl dd input[type="password"]:focus.error{box-shadow: 0 0 0 0.2rem #ffa7a7;}
main article section form fieldset dl dd label{font: 600 14px/1em sans-serif; color: #464646;}
main article section form fieldset div{}
main article section form fieldset div input[type="button"]{width: 82%; border: 1px solid #15a0dc; padding: 0.5em; background-clip: border-box; background: #7fcee8; border-radius: 0.25rem; font: 100 0.95em fantasy; letter-spacing: 0.02em; cursor: pointer;outline: none;color: #272727;}
main article section form fieldset div input[type="button"]:focus{outline: none; box-shadow: 0 0 0 0.2rem #cbf2fb;}
@media(max-width: 640px){
    main article{flex-direction: column; align-items: center;}
    main article section{flex: none; width: 85%;}
    main article header{flex: none; width: 100%; background: #efefef;}
}