.form_item,.confirm_item {
display: flex;
align-items: center;
gap: 15px;
padding: 30px 0;
border-top: 1px solid #eee;
}
.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 input[type="text"], .form_content input[type="email"], .form_content select, .form_content textarea {
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;
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: .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: var(--fs18px);
font-weight: bold;
margin-top: 1em;
margin-bottom:.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;
}