@charset "UTF-8";
/* CF7確認画面スタイル */
.cf7-confirm-screen {
    /* margin: 30px 0;
    padding: 30px; */
    /* background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px; */
}

.confirm-title {
margin-bottom: clamp(1rem, 0.375rem + 1.67vw, 1.875rem);
    color: var(--imono_yamatai_r-headline1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* 確認内容 */
.confirm-list {
    /* background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px; */
}

.confirm-list dt {
    font-weight: bold;
    margin-bottom: .4rem;
    padding: 0.5rem;
    background: var(--imono_yamatai_r-sub3);
    /* background: #f5f5f5; */
    /* border-left: 4px solid #007cba; */
}

.confirm-list dd {
    margin-inline-start: 0;
    margin-block-end: 1rem;
    padding: 0.6rem 1rem;
    line-height: 1.7;
	white-space: pre-line;
}

/* ボタン */
.confirm-buttons {
    text-align: center;
}

.cf7-back-btn,
.cf7-submit-btn {
    padding: 12px 1rem;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 10px;
    transition: all 0.3s;
}

.cf7-back-btn {
    /* background: #6c757d; */
    /* color: #fff; */
}

.cf7-back-btn:hover {
    /* background: #5a6268; */
}

.confirm-buttons button.cf7-back-btn {
    width: 100%;
    display: block;
    border-radius: 100px;
    font-weight: 600;
    border: 1px solid var(--imono_yamatai_r-headline1);
    background: #fff;
}

.confirm-buttons button.cf7-back-btn:hover {
    border-color:#d77515;
    background: var(--imono_yamatai_r-base);
    color:#777
}
.wpcf7-response-output[aria-hidden="true"]{
border-color: transparent;
}

/* エラー表示 */
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 10px;
    display: block;
    /* margin-top: 5px; */
}

.wpcf7-not-valid {
    border-color: #dc3232;
}



/* レスポンシブ */
@media (max-width: 768px) {
    .cf7-confirm-screen {
/*         padding: 20px; */
    }
    
    .confirm-list {
        padding: 15px;
    }
    
    .cf7-back-btn,
    .cf7-submit-btn {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
}

/* ページ別スタイル */
/* 一般フォーム */
.page-contact .confirm-title {
    /* color: #007cba; */
}

/* 募集フォーム */
.page-recruit .confirm-title {
    /* color: #28a745; */
}

.page-recruit .confirm-list dt {
    /* border-left-color: #28a745; */
}