.ol-form-confirm-panel[hidden],
.ol-input-actions[hidden],
.ol-confirm-actions[hidden] {
    display: none !important;
}

/*
 * Contact Form 7専用チェックボックス
 * 既存のMW WP Form用CSSには影響させない。
 */

 .wpcf7 input[type="url"],
 .wpcf7 input[type="email"],
 .wpcf7 input[type="tel"] {
     direction: ltr;
     padding: 5px;
     line-height: 1.4em;
     box-sizing: border-box;
     font-size: 95%;
 }
 


#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form table td input[type="checkbox"] {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form .wpcf7-list-item {
    margin: 0 12px 6px 0;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form .wpcf7-list-item label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form .wpcf7-list-item-label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #bebebe;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 3px;
    width: 13px;
    height: 5px;
    margin-top: -6px;
    box-sizing: border-box;
    border-left: 2px solid #2e910f;
    border-bottom: 2px solid #2e910f;
    transform: rotate(-45deg);
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form input[type="checkbox"]:focus-visible + .wpcf7-list-item-label::before {
    outline: 2px solid #1589ac;
    outline-offset: 2px;
}

/*
 * Contact Form 7専用ボタン
 * 確認・修正はtype="button"、送信はtype="submit"。
 */
#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer {
    width: 100%;
    padding: 40px 0;
    text-align: center;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form .ol-input-actions {
    width: 100%;
    text-align: center;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="button"],
#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="submit"] {
    display: inline-block;
    box-sizing: border-box;
    width: 250px;
    height: auto;
    margin: 20px;
    padding: 20px 0;
    cursor: pointer;
    appearance: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(#1589ac, #05799c);
    border-top: 0;
    border-right: 0;
    border-bottom: solid 2px #05597c;
    border-left: 0;
    border-radius: 4px;
    outline: none;
    text-shadow: -1px -1px 1px #05597c, 1px 1px 1px #05597c;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="button"]:hover,
#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="submit"]:hover {
    opacity: 0.7;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="button"]:focus-visible,
#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="submit"]:focus-visible {
    outline: 2px solid #1589ac;
    outline-offset: 3px;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input.ol-back-button {
    background: linear-gradient(#939393, #4f4f4f);
    border-bottom-color: #2b2b2b;
    text-shadow: -1px -1px 1px #2d2d2d, 1px 1px 1px #000;
}

#main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.ol-confirm-heading {
    margin: 0 0 1.5rem;
    text-align: center;
}

/* .ol-form-confirm-panel td {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
} */

.ol-client-error {
    display: block;
}


.ol-confirm-actions .wpcf7-spinner {
    margin: 0;
    width: 0;
    height: 0;
}

@media (max-width: 767px) {
    #main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="button"],
    #main-area #main-area-inner .wpcf7 #contact.ol-inquiry-form #submit-outer input[type="submit"] {
        width: 90%;
        max-width: 250px;
    }
}

/*
 * CF7確認画面専用
 * MW WP Formには影響しません。
 */
 #main-area #main-area-inner
 .wpcf7
 #contact.ol-inquiry-form
 .ol-form-confirm-panel {
   width: 100%;
   margin: 0 auto;
 }
 
 #main-area #main-area-inner
 .wpcf7
 #contact.ol-inquiry-form
 .ol-form-confirm-panel
 .ol-confirm-heading {
   margin: 0 0 30px;
   text-align: center;
 }
 
 /* 確認用テーブル */
 #main-area #main-area-inner
 .wpcf7
 #contact.ol-inquiry-form
 .ol-form-confirm-panel
 .ol-confirm-table {
   width: 100%;
   margin: 0;

 }
