@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
color
#4CAF50　緑
-----------------------------------------------*/

form {
display:inline-block;
}
select {
padding:0.5em 0.5em;
border:1px solid #CCC;
border-radius:4px;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;
}
input[type=text], textarea {
padding:0.5em 0.5em;
line-height:1.2;
border-radius:2px;
border:1px solid #CCC;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
input[type=text]:focus, textarea:focus {
border:1px solid #4CAF50;
}
input[type=submit] {
float:left;
margin:1em 1em 0 0;
padding:1em 2em;
color:#4CAF50;
background:#FFF;
border:1px solid #4CAF50;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
}
input[type=submit]:hover {
color:#FFF;
background:#4CAF50;
}
input[type=submit].modify {
color:#333;
background:#F5F5F5;
border:1px solid #999;
}
input[type=submit].modify:hover {
color:#FFF;
background:#999;
}

@media screen and (max-width:600px) {
input[type=submit] {
width:100%;
padding:1.2em 0;
}
input[type=submit].modify {
width:100%;
}
}

/*-----------------------------------------------
  form
-----------------------------------------------*/

#form th {
width:10em;
}
#form th span {
font-size:0.75em;
color:#FF0;
}
#form td {
vertical-align:middle;
}
#form td p {
margin:0 0 0.5em 0;
padding-left:1em;
text-indent:-1em;
}
#form td h2 {
margin:1em 0 0.25em 0;
font-weight:bold;
}

#form ul.course {
overflow:hidden;
}
#form ul.course li {
float:left;
width:50%;
vertical-align:middle;
}

#form td .name,
#form td .kana {
width:16em;
}
#form td .birth,
#form td .fax,
#form td .date1,
#form td .date2,
#form td .date3 {
width:12em;
}
#form td .post {
width:6em;
}
#form td .address,
#form td .email,
#form td .hoken_kaisha,
#form td .hoken_meishou,
#form td .message {
width:100%;
box-sizing:border-box;
}
#form ul {
margin:0;
}
#form ul.tel li {
padding:0.25em 0;
}
#form ul.tel input {
width:12em;
}
#form ul.date {
margin-bottom: 0.5em;
}
#form ul.date li {
padding:0.25em 0;
}
#form ul.date input {
width:12em;
}
#form ul.sex {
overflow:hidden;
}
#form ul.sex li {
float:left;
margin-right:1.5em;
vertical-align:middle;
}
#form ul.address li {
padding:0.25em 0;
}

#form ul.contact {
overflow:hidden;
}
#form ul.contact li {
float:left;
margin-right:1.5em;
vertical-align:middle;
}
#form ul.hoken_shurui {
margin-top:0.25em;
overflow:hidden;
}
#form ul.hoken_shurui li {
float:left;
margin-right:1.5em;
vertical-align:middle;
}
#form ul.hoken_gaitousha {
overflow:hidden;
}
#form ul.hoken_gaitousha li {
float:left;
margin-right:1.5em;
vertical-align:middle;
}

#form .error {
margin-top:0.5em;
font-size:0.85em;
font-weight:bold;
color:#F00;
}

#form .note {
margin-top:2em;
padding:1.5em;
color:#E00;
border:1px solid #E00;
}


@media screen and (max-width:600px) {
#form th {
display:block;
width:100%;
padding:0.5em;
border:0;
box-sizing:border-box;
}
#form td {
display:block;
width:100%;
padding:1em 0;
border:0;
box-sizing:border-box;
}
#form ul.course li {
float:none;
width:100%;
}
#form ul.date input {
width:calc(100% - 6.5em);
box-sizing:border-box;
}
#form ul.tel input {
width:calc(100% - 6.5em);
box-sizing:border-box;
}
#form ul.sex li {
width:40%;
box-sizing:border-box;
}
#form td .name,
#form td .kana {
width:100%;
box-sizing:border-box;
}
#form td .birth,
#form td .fax {
width:100%;
box-sizing:border-box;
}
#form td .post {
width:50%;
box-sizing:border-box;
}

}