form p {
    margin: 0 !important;
    padding: 20px 0;
	text-align: center;
}
form div label {
	cursor: pointer;
}
form input {
    margin: 0 !important;
}
form label,
form div p{
    display: block;
    gap: 30px;
    width: 100%;
    align-items: center;
}
form label span{
    display: flex;
    position: relative;
    align-items: center;
	font-weight: 600;
	margin-top: 5px;
}
form .wpcf7-form-control-wrap{
    width: 75%;
	display: flex;
	align-items: center;
}
form .wpcf7-list-item,
form .wpcf7-list-item{
    margin: 0;
}
form label span:first-child,
form div span.title{
    color: #000 !important;
    width: 25%;
    min-width: 250px;
	text-align: left;
	position: relative;
}
form label span:last-child {
    width: 75%;
}
form .required::after {
    content: "必須";
    font-size: .7em;
    color: #c00;
    padding: 0em .8em;
    margin-left: 1em;
    right: 0;
}
div.button-input {
	text-align: center;
}
div.button-input p{
	display: inline-block !important;
	position: relative;
}
.button-input input{
	background-color: #006fb9;
	display: block;
	color: #fff !important;
	border: 2px solid #006fb9;
	border-radius: 6px;
	text-decoration: none;
	padding: .8em;
	text-align: center;
	box-sizing: border-box;
	width: 300px;
	font-size: 1.2em;
	font-weight: 600;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #006fb9 !important;
}
.button-input input:hover {
	background-color: #fff !important;
	color: #006fb9 !important;
	text-decoration: none !important;
}
.button-input:hover {
	background-color: #fff;
}
.button-input .wpcf7-spinner {
	position: absolute;
	right: calc(50% - 225px);
	top: calc(50% - 12px);
}
span.wpcf7-not-valid-tip {
	font-weight: bold;
	width: 75%;
}
span.wpcf7-not-valid-tip::before{
	content: "\f071";
	font: normal 1.3em FontAwesome;
	margin-right: .5em;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #c00;
	background:rgb(204 0 0 / 10%);
}
@media screen and (max-width: 780px) {
	form label,
	form div p{
	    display: block;
	}
	form div p{
		text-align: left;
	}
	form label span{
	    display: block;
		width: 100%;
	}
	form label span:last-child {
	    width: 100%;
	    margin-top: 10px;
	}
	form label span:first-child,
	form div span.title{
	    width: 100%;
	}
	form div span.title {
		display: flex;
		align-items: center;
	}
	form .wpcf7-form-control-wrap{
	    width: 100%;
		display: block;
	}
	form .wpcf7-radio,
	form .wpcf7-checkbox{
		gap: .2em;
		margin-top: 10px;
	}
	form .wpcf7-radio .wpcf7-list-item label,
	form .wpcf7-checkbox .wpcf7-list-item label{
	    display: flex;
		gap: 1em;
	}
	form .wpcf7-list-item-label {
		margin: 0 !important;
	}
	.wpcf7-checkbox + span.wpcf7-not-valid-tip {
		margin-top: 10px;
	}
	span.wpcf7-not-valid-tip{
		text-align: left !important;
	}
	.button-input{
	    position: relative;
	}		
	.button-input input{
		width: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        display: block;
	}
	div.button-input p{
		text-align: center;
	}
	.button-input .wpcf7-spinner {
		right: calc(50% - 175px);
	}
}