@charset "utf-8";

/*------------------------------------------------
メイン
------------------------------------------------*/

.contact {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 1em;
    align-items: center;
}

.cat {
    width: 25%;
    font-weight: 700;
    background: #d7e5e3;
    margin-right: 1em;
    padding: 1em;
}

.input {
    width: 75%;
}

.input input[type="text"],
.input input[type="tel"],
.input input[type="email"] {
    width: 70%;
    padding: 0.5em;
    border-radius: 0.25em;
    border: 1pt solid #999999;
}

.input.short {
	display: flex;
	flex-wrap: nowrap;
}

.input.short input[type="number"] {
    width: 80%;
    margin-right: 2em;
    padding: 0.5em;
    border-radius: 0.25em;
    border: 1pt solid #999999;

}

.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

wpcf7-list-item {
    width: 100%;
}

.wpcf7-radio {
    display: flex;
    flex-direction: column;
}

textarea.wpcf7-textarea {
    width: 80%;
    height: 10em;
}

input[type="submit"] {
    padding: 1em 7em;
    margin: 2em 0;
    background: #009f8a;
    color: #ffffff;
    font-weight: 700;
    border: none;
    border-radius: 0.25em;
}

input[type="button"] {
    padding: 1em 7em;
    margin: 2em 3em 2em 0;
    background: #cecece;
    color: #202020;
    font-weight: 700;
    border: none;
    border-radius: 0.25em;
}

.confirm-wrap {
	display: none;
}

input[type="button"].confirm_button {
    background: #009f8a;
    color: #ffffff;
}

.confirm_area,
.thanks_area {
        display: none;
}

.wpcf7-response-output{
        display: none;
}


@media screen and (max-width: 740px) {

.contact {
    align-items: flex-start;
    flex-direction: column;
}

.cat {
    width: 100%;
    margin-bottom: 1em;
}

.input {
    width: 100%;
}

.input input[type="text"], .input input[type="tel"], .input input[type="email"] {
    width: 100%;
}
textarea.wpcf7-textarea {
    width: 100%;
}
}