h1 { margin:20px 0 0 5px; padding:0; }
.sptitle { margin:10px 0 10px 5px; font-size:15pt; }

#form1 { box-sizing:border-box; width:95%; max-width:560px; margin:30px auto; padding:0; text-align:center; font-size:14pt; }
#form1 .xlabel { display:inline-block; box-sizing:border-box; width:100px; padding:10px 2px 10px 2px; vertical-align:top; text-align:right; color:var(--text2); }
#form1 .xinput { display:inline-block; box-sizing:border-box; width:calc(100% - 120px); padding:10px 2px 10px 2px; vertical-align:top; text-align:left; }
#form1 input[type=text] { box-sizing:border-box; width:100%; height:40px; padding:5px 2px; font-size:12pt; }
#form1 select { box-sizing:border-box; width:100%; height:40px; padding:5px 2px; font-size:12pt; }
#form1 textarea { box-sizing:border-box; width:100%; height:160px; padding:5px 2px; font-size:12pt; }
#form1 .xprinote { font-size:12pt; color:var(--textred); }
#form1 .xbar { padding:20px 0; }
#form1 input[type="submit"] { width:180px; }
#form1 .xnotebar { display:inline-block; max-width:300px; padding:5px 2px; text-align:left; font-size:12pt; }
#form1 .xnotebar b { font-size:12pt; color:var(--textgreen); }

#title_other_div { width:100%; padding:5px 0 0 0; vertical-align:top; }

.spinfo { box-sizing:border-box; width:95%; max-width:500px; margin:30px auto; padding:0 20px 30px 0; vertical-align:top; text-align:center; font-size:12pt; }
.spinfo .xmap { width:40%; vertical-align:top; }
.spinfo .xtext { display:inline-block; box-sizing:border-box; width:55%; padding:10px 0 0 10px; vertical-align:top; text-align:left; }

@media(max-width:500px) {
	#form1 .xlabel { display:block; width:100%; text-align:left; }
	#form1 .xinput { display:block; width:100%; text-align:left; }
}