/*
Theme Name: helild
Template: hello-elementor
Tags: child-kiyota
*/

/*-------------------- contact -------------------*/
.wpcf7-form {
	max-width: 800px;
	margin: 0 auto;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form select, .wpcf7-form textarea {
	font-size: 120%;
	border: 2px solid #ddd;
	border-radius: 4px;
	padding: 12px;
	background: #f8fafc;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
	height: 5rem;
}
.wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form textarea:focus {
	border: 3px solid #def;
	background: #f9fcff;
}
input[type=checkbox] {
	margin-right: 0.5em;
	transform: scale( 1.6 , 1.6 );
}
input[type="checkbox"], input[type="radio"] {
    width: 13px;
	height: 13px;
}
span.wpcf7-list-item {
	display: inline-block;
    margin: 0 2em 0 1em;
}
span.wpcf7-list-item-label{
	margin-left: 3px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #6EC1E4;
}
.wpcf7 .ajax-loader{
	display: block;
}
.required {
    background: #6BF;
    padding: 2px 6px;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8em;
}
.wpcf7-form-control.wpcf7-select_custom,
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
	font-size: 110%;
    width: 6rem;
    color: #313131;
    border: 2px solid #ddd;
    border-radius: 4px;
    height: 5rem;
    background: #f8fafc;
}
.wpcf7-form-control.wpcf7-total.wpcf7-calculated.ctf7-total{
    width: 12rem;
}
.wpcf7-form-control.wpcf7-select_custom, .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
    width: 30rem;
}
.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
	font-size: 110%;
    color: #313131;
    border: 2px solid #ddd;
    border-radius: 4px;
    height: 5rem;
    background: #f8fafc;
}
/*　ラジオボタン背景色の調整　*/
span.wpcf7-list-item {
    position: relative;
}
span.wpcf7-list-item {
    margin: 1em .5em .7em 0;
}
input[type="radio"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.2em;
}
input:not([name="kakunin[]"]) + span.wpcf7-list-item-label {
    padding: 0.8em 1em 0.7em 2.2em;
    background: #def4ff;
    border-radius: 5px;
    transition: .3s;
}
input:not([name="kakunin[]"]) + .wpcf7-list-item-label:hover {
    background: #bdf;
    cursor: pointer;
}
input[type="radio"]:checked + span.wpcf7-list-item-label {
    background: #bdf;
}

