/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2026 | 13:42:13 */
.wpcf7{
    max-width:800px;
    margin:0 auto;
}

.form-row{
    display:flex;
    gap:40px;
    padding:24px 0;
    border-bottom:1px solid #eee;
}

.form-label{
    width:220px;
    margin:0;
    font-weight:700;
    color:#333;
}

.form-input{
    flex:1;
    margin:0;
}

.form-input input,
.form-input textarea,
.form-input select{
    width:100%;
    padding:14px 16px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:16px;
    background:#fff;
    transition:.3s;
    box-sizing:border-box;
}

.form-input input:focus,
.form-input textarea:focus,
.form-input select:focus{
    border-color:#2f7edb;
    outline:none;
}

.form-input textarea{
    min-height:180px;
    resize:vertical;
}

.form-input .wpcf7-list-item{
    margin:0 20px 0 0;
}

.required{
    display:inline-block;
    margin-left:8px;
    padding:2px 8px;
    background:#e60012;
    color:#fff;
    font-size:12px;
    border-radius:3px;
}

.optional{
    display:inline-block;
    margin-left:8px;
    padding:2px 8px;
    background:#888;
    color:#fff;
    font-size:12px;
    border-radius:3px;
}

.form-submit{
    margin-top:40px;
    text-align:center;
}

.form-submit input[type="submit"]{
    min-width:260px;
    padding:16px 40px;
    border:none;
    border-radius:999px;
    background:#2f7edb;
    color:#fff;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.form-submit input[type="submit"]:hover{
    opacity:.85;
}
/* ラジオボタン */
.form-input input[type="radio"]{
    appearance:none;
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background:#fff;
    cursor:pointer;
    position:relative;
    transition:.25s;
    margin:0;
}

/* ホバー */
.form-input input[type="radio"]:hover{
    border-color:#3A7BD5;
}

/* 選択時 */
.form-input input[type="radio"]:checked{
    border-color:#3A7BD5;
    background:#fff;
}

/* 中央の丸 */
.form-input input[type="radio"]:checked::after{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    background:#3A7BD5;
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

/* ラベル */
.form-input .wpcf7-list-item label{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:999px;
    cursor:pointer;
    transition:.3s;
}

/* ラベルホバー */
.form-input .wpcf7-list-item label:hover{
    border-color:#3A7BD5;
    background:#F6FAFF;
}
/*  */
.form-input textarea{
    width:100%;
    height:160px;
    min-height:160px;
    resize:vertical;
}
@media (max-width:768px){

    .form-row{
        display:block;
        padding:20px 0;
    }

    .form-label{
        width:100%;
        margin-bottom:12px;
    }

    .form-submit input[type="submit"]{
        width:100%;
        min-width:auto;
    }

}