@charset "utf-8";
body{background:#fefeff;color:#111;font-size:10px;margin:0;padding:1vh 0;}
header,article,form,#wrapper{max-width:640px;margin:0 auto;}
header,form{padding:1vw;}
article{padding:0 1vw;}
h1{padding:0.6em 0 0.4em 0;margin:0;background:#d3e3fe;border:solid 1px #2064d5;border-radius:3px;box-shadow:1px 1px 3px #114;color:#0b3272;font:bold 1.8em/1.8em san-serif;text-shadow:1px 1px 1px #eef;text-align:center;}
p{margin:0.4em 0;padding:0.4em;color:#114;font:1.4em/1.8em san-serif;}
p.sml{font:1.2em/1.6em san-serif;}
form{border:dotted 1px #2064d5;border-radius: 3px;}
h2{padding:0.6em 1% 0.4em 1%;margin:0;border-left:solid 2px #0b3272;border-radius:2px;background:linear-gradient(to right,#d3e3fe,#fefeff);color:#0b3272;font:bold 1.6em/1.6em san-serif;text-shadow:1px 1px 1px #eef;}
h3{padding:0.6em 1% 0.4em 1%;margin:0;color:#0b3272;font:bold 1.4em/1.4em san-serif;text-shadow:1px 1px 1px #eef;}
input{border-radius:3px;padding:0.2em;}
input[type="checkbox"]{margin-right:0.5em;}
select{border-radius:3px;margin:0 1%;}
textarea{border-radius:3px;padding:0.2em;}
label{display:inline-block;}
input[type="submit"],input[type="reset"]{width:14em;text-align:center;}
input[type="submit"]{margin:1em 1em 1em calc(49% - 15em);}
input[type="reset"]{margin:1em calc(49% - 15em) 1em 1em;}
@media screen and (min-width:640px){
.sp{display:none;}
h2,input[type="text"],textarea,select,label{width:48%;}
}
@media screen and (max-width:639px){
.pc{display:none;}
h2,input[type="text"],textarea,select,label{width:98%;}
}
table{
 margin:auto;
 border-collapse:collapse;
 width:95%;}
th,td{
 font:normal 1.6em/1.6em san-serif;
 padding:0.5em;
 border:solid 1px #0b3272;}
th{text-align:center;background-color: #d3e3fe;}
td{text-align:left;}
.msg{color:crimson;}