@charset "utf-8";
/* contact.html専用CSS */
#contactTable {
    border-collapse: collapse;
    margin: 10px auto;
    border-color: #f29438;
}

#contactTable th {
    padding: 10px;
}

#contactTable td {
    text-align: left;
    padding: 10px;
}

#contactTable input[type="text"],
#contactTable input[type="email"] {
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
}

#contactTable .tel input[type="text"] {
    width: calc(100% / 3 - 24px);
}

#contactTable input[type="date"] {
    width: calc(100% / 2);
}

#contactTable input[type="radio"] {
    margin-right: 0.3em;
}

label {
    margin-right: 2em;
}

#contactTable textarea {
    width: 100%;
    height: 5em;
    padding: 2px;
    box-sizing: border-box;
}

input[type="submit"],
input[type="reset"] {
    min-width: 70px;
    height: 2.5em;
    margin: 10px;
}

input[type="submit"] {
    border: none;
    background: #f29438;
    color: #fff;
}

span.star {
    color: red;
}

@media screen and (min-width: 768px) {
    #contactTable .tel input[type="text"] {
        width: calc(100% / 4 - 36px);
    }
}