html, body { height: 100%; font-size: 100%; margin: 0 auto; padding: 0; text-align: center; line-break: anywhere; font-family: sans-serif; }
a { display: inline-block; text-decoration: none; zoom: 1; }
img, object, embed, picture { display: block; max-width: 100%; height: auto; width : auto; vertical-align: bottom; border: 0; margin: 0; padding: 0; }

, { display: none; }


header { position: relative; height: auto; width: 100%; margin: 0 auto; padding-bottom: 0.2em; background-color: #fff100; }
h1 { position: relative; font-size: 0.8em; font-weight: normal; margin: 0 auto; padding-top: 0.5em; }
.headlogo { position: relative; width: 60%; left: 8%; }


main { position: relative; height: auto; width: 100%; margin: 0 auto; padding-bottom: 2em; background-color: #98fb98; }
.content001 { position: relative; height: auto; width: 100%; margin: 0 auto; padding-bottom: 8em; background-image: url("../images/tsumiki.webp"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; }
.renewaltext { position: relative; height: auto; width: 96%; margin: 0 auto; font-size: 1em; font-weight: normal; text-align: left; }


.visit { position: relative; height: auto; width: 95%; margin: 0 auto; }
.required { font-size: 0.8em; color: #ff0000; padding: 0 1em; }
.contact-table { width: 100%; margin: 0 auto; }
.contact-item, .contact-body, .contact-body_chance { padding: 0.5em; border: 1px solid #ccc; }
.contact-item { font-size: 0.9em; margin: 0 auto; line-height: 1; width: 36%; background-color: #ffffe0; font-weight: normal; }
.contact-body { font-size: 0.9em; width: 64%; background-color: #ffffff; }
.form-text { width: 93%; font-size: 0.9em; padding: 0.5em; margin: 0.5em 0; border-radius: 5px; border: 1px solid #ccc; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.form-select { width: 96%; font-size: 0.9em; padding: 0.2em 0; border: 1px solid #ccc; border-radius: 5px; }

.submit-box { display: flex; width: 80%; margin: 0 auto; padding-top: 0.5em; }
.contact-submit { width: 40%; background-color: #fff100; color: #000000; display: block; margin: 0 auto; font-size: 1em; padding: 0.5em; border-radius: 100vh; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
.note { width: 95%; margin: 0 auto; padding-top: 0.5em; font-size: 0.8em; text-align: left; color: #ff0000; }


footer { position: fixed; height: 2em; width: 100%; bottom: 0; margin: 0 auto; background-color: #fff100; }
footer a { color: #000000; }
.copyright { position: absolute; text-align: center; height: auto; width: 100%; bottom: 0; margin: 0; padding: 0.5em 0; font-size: 0.8em; }
.sns { display: inline-block; height: auto; width: 15%; max-width: 45px; padding: 10px; }



/* PC */
@media screen and (min-width:768px) {
.brsmt { display: none; }
.brpc { display: inline-block; }

h1 { font-size: 1em; right: 25%; }
.headlogo { width: 20%; left: 10%; }

main { padding-bottom: 2em; }

.content001 { padding-bottom: 8em; }

.renewaltext { width: 80%; margin: 0 auto; font-size: 1.2em; font-weight: normal; text-align: left; }



.visit { width: 80%; }
.required { font-size: 0.8em; color: #ff0000; }
.contact-table { width: 80%; }
.contact-item { font-size: 1.2em; width: 30%; }
.contact-body { font-size: 1.2em; width: 70%; }
.form-select { font-size: 1em; }

.submit-box { width: 50%; padding-top: 2em; }
.contact-submit { font-size: 1.2em; }
.note { width: 80%; margin: 0 auto; font-size: 1.2em; padding-top: 1em; }






.copyright { font-size: 1em; }



}