form.wpcf7-form {
	background-color:#fff;
	border-radius:30px;
	padding:50px;
}

/* #kyodo_contact.outside {
	background-color:#fff;
	border-radius:30px;
	padding:50px;
} */

#kyodo_contact.outside h3 {
	font-family: "Noto Sans JP", Sans-serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--e-global-color-primary);
	background-image: url(/kyodo-site/wp-content/uploads/2025/10/contact_icon.svg);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
	margin-bottom:30px;
}

#kyodo_contact.outside .name_section {
	display:flex;
	justify-content:space-between;
	gap:18px;
}

#kyodo_contact.outside .name_section p {
	flex-grow:1;
}

#kyodo_contact.outside p {
	margin-bottom:20px;
}

#kyodo_contact.outside p label {
	font-family: "Noto Sans JP", Sans-serif;
    font-size: 15px;
    font-weight: 400;
	color: var(--e-global-color-primary);
	width:100%;
}

#kyodo_contact.outside p label input, #kyodo_contact.outside p label textarea{
	font-family: "Noto Sans JP", Sans-serif;
    font-weight: 400;
	color: var(--e-global-color-primary);
	background-color: #F1F5F9;
	border-radius: 14px;
	margin-top:10px;
}

#kyodo_contact.outside p label textarea {
	height:200px;
}

#kyodo_contact.outside p label span.select2 {
	width:90% !important;
	max-width:400px !important;
}

#kyodo_contact.outside p label span.select2-selection__rendered {
	font-family: "Noto Sans JP", Sans-serif;
	color: var(--e-global-color-primary);
	font-size:16px;
	font-weight:500;
}

#kyodo_contact.outside p label span.select2-selection--single {
	padding:10px;
	margin-top:10px;
}

#kyodo_contact.outside p label span.select2-selection {
	background-color: #F1F5F9;
	border-radius: 14px;
}

input[type="color"], input[type="date"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea {
	font-size: 16px !important;
	font-weight:500 !important;
}

#kyodo_contact.outside p label span.select2-selection__arrow {
	width:50px;
	height:50px;
	top: 10px;
}

#kyodo_contact.outside p label span.select2-selection__arrow b:before {
	content:url(/kyodo-site/wp-content/uploads/2025/10/dwn_arrow.svg);
}

#kyodo_contact.outside .select2.select2-container--open .selection .select2-selection__arrow b {
	transform-origin: 50% 47%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--e-global-color-primary) !important;
}

#kyodo_contact.outside .submit_btn p input[type="submit"] {
	font-family: "Noto Sans JP", Sans-serif;
    font-weight: 500;
	color: #fff;
	background-color: var(--e-global-color-primary);
	font-size:15px;
	padding:20px 50px;
	border-radius:29px;
}

#kyodo_contact.outside .submit_btn {
	display:flex;
	justify-content:center;
}

#kyodo_contact.outside .submit_btn p span {
	display:none;
}

.contact_call_btn a {
	background-image:url(/kyodo-site/wp-content/uploads/2025/10/call_white.svg);
	background-repeat:no-repeat;
	background-position:35px 50%;
}

.contact_call_btn.top_contact a {
	background-image:url(/kyodo-site/wp-content/uploads/2025/10/call_blue.svg);
	background-repeat:no-repeat;
	background-position:35px 50%;
}

.wpcf7 form .wpcf7-response-output {
	margin-top: 0 !important;
    border-radius: 14px;
    color: #fff;
	padding: 0.5em 1em;
	font-family: "Noto Sans JP", Sans-serif;
    font-weight: 500;
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #69c200 !important;
    border-color: #69c200 !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background-color: #ff6000;
    border-color: #ff6000 !important;
}


.wpcf7 form.spam .wpcf7-response-output {
    background-color: #ff6000;
    border-color: #ff6000 !important;
}


.wpcf7-not-valid-tip {
	background-color: #ff6000;
    display: inline-block;
    padding: 0 10px;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
}

#kyodo_contact .all_button:active {
	transform:scale(1) !important;
	transition:none !important;
}

#kyodo_contact.outside p label span.select2-selection__arrow:active {
	top:0 !important
}