@charset "UTF-8";
  .form_item,
.confirm_item {
display: flex;
align-items: center;
gap: 15px;
padding: 30px 0;
border-top: 1px solid #eee;
max-width: 860px;
margin: auto;
}
.confirm_item {
padding: 15px 0;
}
.form_title,
.confirm_title {
width: 35%;
font-weight: bold;
}
.form_content,
.confirm_content {
width: calc(65% - 15px);
}
span.required {
font-weight: normal;
padding: 2px 6px;
margin-left: 10px;
background: #ff0000;
color: #fff;
}
.form_content span.wpcf7-form-control-wrap {
display: inline-block;
margin: 4px auto;
width: 100%;
}
.form_content span.zip_wrap span.wpcf7-form-control-wrap {
width: -moz-fit-content;
width: fit-content;
}
.form_content input[type=text]:not(.normal),
.form_content input[type=tel]:not(.normal),
.form_content input[type=email]:not(.normal),
.form_content select:not(.normal),
.form_content textarea:not(.normal) {
width: 100%;
}
span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {
margin-left: 0;
}
span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item label {
position: relative;
}
span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item label input {
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item label span.wpcf7-list-item-label {
padding-left: 1.6em;
display: inline-block;
}
.form_btn_wrap {
display: flex;
justify-content: center;
gap: 15px;
}
span.wpcf7-spinner {
display: none;
}
input#form_submit {
display: none;
}
.form_content .error_message {
margin-top: 0.5em;
margin-bottom: 0;
}
.form_item.has_error .wpcf7-validates-as-required {
background: #ffeaea;
}
@media only screen and (max-width: 580px) {
.form_item,
.confirm_item {
flex-wrap: wrap;
gap: 5px;
padding: 10px 0;
}
.form_title,
.form_content,
.confirm_title,
.confirm_content {
width: 100%;
}
} .modal_comfirm {
width: 90%;
max-width: 680px;
margin: 0;
border: 2px solid #aaa;
background: #fff;
position: fixed;
display: none;
z-index: 100;
}
.modal_box {
margin: 0 auto;
padding: 10px 20px;
width: 100%;
max-height: 98vh;
overflow: auto;
}
.modal_box p {
text-align: center;
margin: 0;
}
.modal_box p.confirm_midashi {
font-size: 18px;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0.5em;
color: #080d4e;
text-align: center;
}
#modal-overlay {
z-index: 99;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0, 0, 0, 0.75);
}
input.form_btn_submit {
color: #fff;
background-color: #ff8c00;
}
input.form_btn_submit:hover {
background-color: #ffa500;
}