/* 全般設定 */
    span.wpcf7-spinner { display: none; }

/* select設定 */
    select {
        width: 100%;
        box-sizing: border-box;
    }
    .wpcf7-form-control-wrap[data-name="contact"],
    .wpcf7-form-control-wrap[data-name="business_type"],
    .wpcf7-form-control-wrap[data-name="service"]  {
        width: 100%;
    }

/* checkbox設定 */
    /* 1. 元のcheckboxを非表示 */
    input[type="checkbox"] { display: none; }

    /* 2. before + after要素でデザインを作成 */
    .wpcf7-list-item {
        margin: 0 !important;
    }
    .wpcf7-list-item label {
        margin-right: 3em !important;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 10px 0 10px 25px;
    }
    .wpcf7-list-item-label::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #C9C9C9;
        border-radius: 2px;
        box-sizing: border-box;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        bottom: -2px;
        margin: auto;
        transition: 0.3s all;
    }
    .wpcf7-list-item-label::after {
        opacity: 0;
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        transform: rotate(40deg);
        border-bottom: 3px solid #fff;
        border-right: 3px solid #fff;
        position: absolute;
        top: 10px;
        bottom: 12px;
        left: 5px;
        margin: auto;
        transition: 0.3s all;
    }

    /* 3. checked時のスタイル */
    input:checked + .wpcf7-list-item-label::before {
        background-color: #EB6100;
        border: 1px solid #EB6100;
    }
    input:checked + .wpcf7-list-item-label::after {
        opacity: 1;
    }
    input:checked + span {
        color: #EB6100;
    }
    /* 4. 同意項目部分のcheckbox設定 */
    .agree__box label {
        padding: 0 0 0 35px;
    }

/* その他input設定 */
    input {
        font-size: 1.6rem;
        line-height: 1.6;
        padding: 5px;
        border: 1px solid #C9C9C9;
    }
    input.w--100per {
        width: 100%;
        box-sizing: border-box;
    }

/* common_parts.css互換: CF7のDOM差分を補正 */
    .content__box .content__box__inner .contact__form dl dd .post__add + .post__add {
        padding-left: 26px;
        position: relative;
        display: flex;
    }
    .content__box .content__box__inner .contact__form dl dd .post__add + .post__add::before {
        content: "";
        width: 10px;
        height: 1px;
        background: #C9C9C9;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 8px;
        margin: auto;
    }
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="text"],
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="email"],
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="tel"]{
        font-size: 1.6rem;
        line-height: 1.6;
        padding: 5px;
        border: 1px solid #C9C9C9;
    }
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap textarea {
        font-size: 1.6rem;
        line-height: 1.1;
        padding: 5px;
        border: 1px solid #C9C9C9;
    }
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="text"]:hover,
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="text"]:focus,
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="email"]:hover,
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="email"]:focus,
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="tel"]:hover,
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap input[type="tel"]:focus,
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap textarea:hover,
    .content__box .content__box__inner .contact__form dl dd .wpcf7-form-control-wrap textarea:focus {
        background: #fff1b1;
    }
    .content__box .content__box__inner .submit__box .wpcf7-submit {
        width: 190px;
        height: 45px;
        margin: 0 auto;
        box-sizing: border-box;
        border: 1px solid #EB6100;
        background: #EB6100;
        border-radius: 10px;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1;
        padding: 10px;
        transition: 0.3s all;
        cursor: pointer;
        display: block;
    }
    .content__box .content__box__inner .submit__box .wpcf7-submit[disabled] {
        opacity: 1;
    }
    @media print, screen and (min-width: 768px) {
        .content__box .content__box__inner .submit__box .wpcf7-submit:hover {
            background: #fff;
            color: #EB6100;
        }
    }