@charset "UTF-8";

.contact__title {
    margin-top: 4.29vw; /* 60px */
    text-align: center;
    font-size: 1.79vw; /* 25px */
    font-weight: 700;
}

.contact__content__inner {
    max-width: 60.43vw; /* 846px */
    width: 100%;
    margin: 4.29vw auto; /* 60px auto */
}

.contact__note {
    font-size: 1vw; /* 14px */
}

.contact__list__li {
    display: flex;
    padding: 2.14vw 0; /* 30px 0 */
    border-bottom: 0.07vw solid #e8e8e8; /* 1px */
}

.contact__list__li:last-child {
    border-bottom: none;
}

.contact__list__li label {
    width: 21.43vw; /* 300px */
    display: flex;
    align-items: center;
}

.contact__list__li span {
    width: calc(100% - 21.43vw); /* 300px */
}

.contact__list__li span input {
    height: 2.86vw; /* 40px */
    border-radius: 0.36vw; /* 5px */
    border: 0.07vw solid #98999A; /* 1px */
    padding-left: 1.43vw; /* 20px */
}

.contact__list__li span input::placeholder {
    color: #98999A;
    opacity: 0.8;
    font-size: 0.86vw;
}

.contact__list__li.textarea span textarea {
    width: 100%;
    border-radius: 0.36vw; /* 5px */
    border: 0.07vw solid #98999A; /* 1px */
}

.wpcf7-spinner {
    display: none;
}

.contact__submit {
    display: flex;
    justify-content: center;
    margin-top: 2.86vw; /* 40px */
}

.contact__submit input {
    width: 15.71vw; /* 220px */
    height: 3.57vw; /* 50px */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.5vw; /* 35px */
    position: relative;
    background: #FD9905;
    color: #fff;
    font-size: 1.14vw; /* 1rem = 16px */
    font-weight: 700;
    border: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    text-align: center;
	display:none;
}

.wpcf7-submit {
	cursor:pointer;
}

.wpcf7-response-success {
    line-height: 1.5;
    font-size: 1.2vw;
    text-align: center;
    margin-top: 20px;
}

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

    .contact__title {
        margin-top: 14.29vw;
        text-align: center;
        font-size: 5.79vw;
        font-weight: 700;
    }

    .contact__note {
        font-size: 3vw;
        margin-bottom: 3vw;
    }
    .contact__list__li {
        flex-direction: column;
        row-gap: 4vw; /* 15px */
        padding: 4.14vw 0;
    }

    .contact__list__li label {
        width: 100%;
    }

    .contact__list__li span input {
        height: 8.86vw;
    }

    .contact__list__li span input::placeholder {
        font-size: 0.86vw;
        font-size: 3.2vw;
    }

    .contact__content__inner {
        padding: 0 8vw;
        max-width: none;
    }

    .contact__list__li span {
        width: 100%;
    }

    .contact__submit input {
        width: 38.71vw;
        height: 8.57vw;
        border-radius: 4.5vw;
        font-size: 3.14vw;
    }
	
	.wpcf7-response-success {
    	font-size: 2.6vw;
	}
}