@charset "utf-8";

.page-id-8 .container {
    padding: 144px 16px 0;
}

.page-id-8 form p {
    margin: 0 0 40px;
}

.page-id-8 form p:nth-child(3) {
    margin: 0 0 -24px;
}

.page-id-8 form label {
	font-weight: 500;
}

.page-id-8 form p input,
.page-id-8 form p textarea {
    width: 100%;
    margin: 8px 0 0;
    padding: 10px;
    font-weight: 400;
    border: 0.5px solid var(--color-black);
    background-color: var(--color-white);
    border-radius: 8px;
}

.page-id-8 form p input:focus-visible {
    outline: 2px auto var(--color-blue);
}

.page-id-8 form p textarea:focus-visible {
    outline: 2px auto var(--color-blue);
}

.wpcf7-acceptance .wpcf7-list-item {
    width: auto;
    margin: 0;
}

span.wpcf7-list-item {
    position: relative;
}

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    /*既存のチェックボックスを見えなくする*/
}

.wpcf7-list-item-label:before {
    /*チェックボックスの枠*/
    content: '';
    border: 0.5px solid #404040;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: -3px;
    margin-right: 8px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
}

input[type="checkbox"]:checked+.wpcf7-list-item-label:after {
    /*チェックアイコン*/
    content: "";
    display: block;
    position: absolute;
    top: 3.5px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: url("../img/check.svg") no-repeat center;
    background-size: contain;
}

input[type="checkbox"]:checked+.wpcf7-list-item-label::before {
    /* チェックしたボックスの背景色を設定 */
    background-color: var(--color-blue);
    border: none;
}

.page-id-8 .wpcf7-submit {
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px;
    font-size: var(--font-sm);
    color: var(--color-white);
    text-align: center;
    background-color: var(--color-blue);
    border: none;
    cursor: pointer;
}

input:disabled {
    background: var(--color-gray) !important;
}

.wpcf7-not-valid-tip {
    display: inline;
    margin: 4px 0 0 0;
}

.wpcf7 form.invalid .wpcf7-response-output {
    margin: 0 0 72px;
    padding: 0;
    color: #F33131;
    text-align: center;
    border-color: inherit;
    border: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    margin: 16px 0 0;
    padding: 0;
    text-align: center;
    border-color: inherit;
    border: none;
}

.grecaptcha-badge {
    bottom: 40px !important;
}