@charset "utf-8";
/*
Theme Name: Medrock AutoReply Theme
*/

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.scrolling-wrapper {
    display: flex;
    width: calc(250px * 10);
    animation: scroll 40s linear infinite;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 5)); }
}
.tonal-shift-surface { background-color: rgba(251, 249, 248, 0.8); }
.active-nav-border { border-bottom: 2px solid #005c55; }

/* ==========================================
   WPForms Hero Style Override
   ========================================== */
.wpforms-hero-wrapper .wpforms-container {
    margin: 0 !important;
    padding: 0 !important;
}
.wpforms-hero-wrapper .wpforms-form {
    margin: 0 !important;
    padding: 0 !important;
}
/* ラベル */
.wpforms-hero-wrapper .wpforms-field-label {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #3e4947 !important;
    margin-bottom: 0.25rem !important;
    margin-left: 0.25rem !important;
}
/* インプット */
.wpforms-hero-wrapper .wpforms-field input[type="text"],
.wpforms-hero-wrapper .wpforms-field input[type="email"],
.wpforms-hero-wrapper .wpforms-field input[type="tel"],
.wpforms-hero-wrapper .wpforms-field textarea,
.wpforms-hero-wrapper .wpforms-field select {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.5rem !important;
    border: none !important;
    background-color: #f6f3f2 !important;
    font-size: 0.875rem !important;
    transition: all 0.2s !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
/* WPFormsが付けるinput系のデフォルト幅を全上書き */
.wpforms-hero-wrapper input,
.wpforms-hero-wrapper textarea,
.wpforms-hero-wrapper select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.wpforms-hero-wrapper .wpforms-field input:focus,
.wpforms-hero-wrapper .wpforms-field textarea:focus,
.wpforms-hero-wrapper .wpforms-field select:focus {
    outline: none !important;
    ring: 2px !important;
    box-shadow: 0 0 0 2px #005c55 !important;
}
/* フィールド間のスペース */
.wpforms-hero-wrapper .wpforms-field {
    margin-bottom: 1rem !important;
    padding: 0 !important;
}
/* 送信ボタン */
.wpforms-hero-wrapper .wpforms-submit-container {
    margin-top: 1.5rem !important;
    padding-top: 0.5rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    text-align: center !important;
}
.wpforms-hero-wrapper button[type="submit"],
.wpforms-hero-wrapper .wpforms-submit {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    height: 3.5rem !important;
    line-height: 3.5rem !important;
    background: linear-gradient(to right, #9d4300, #fd761a) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    border: none !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    box-shadow: 0 10px 15px -3px rgba(157, 67, 0, 0.3) !important;
    transition: transform 0.15s !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    vertical-align: middle !important;
}
/* フォーム全体のbox-sizing統一 */
.wpforms-hero-wrapper *,
.wpforms-hero-wrapper *::before,
.wpforms-hero-wrapper *::after {
    box-sizing: border-box !important;
}
/* WPFormsのデフォルトmax-widthを解除 */
.wpforms-hero-wrapper .wpforms-container,
.wpforms-hero-wrapper .wpforms-form,
.wpforms-hero-wrapper .wpforms-field,
.wpforms-hero-wrapper .wpforms-submit-container {
    max-width: 100% !important;
    width: 100% !important;
}
.wpforms-hero-wrapper button[type="submit"]:hover,
.wpforms-hero-wrapper .wpforms-submit:hover {
    transform: scale(0.98) !important;
}
/* 不要な要素を非表示 */
.wpforms-hero-wrapper .wpforms-head-container,
.wpforms-hero-wrapper .wpforms-title,
.wpforms-hero-wrapper .wpforms-description {
    display: none !important;
}
/* サブラベル非表示（必要に応じて） */
.wpforms-hero-wrapper .wpforms-field-sublabel {
    display: none !important;
}
/* 必須マーク */
.wpforms-hero-wrapper .wpforms-required-label {
    color: #ba1a1a !important;
}

/* ==========================================
   TimeRex Calendar Style
   ========================================== */
#timerex_calendar {
    width: 100%;
    height: 800px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 0.75rem;
}
#timerex_calendar iframe {
    width: 100% !important;
    height: 1200px !important;
    border: none !important;
}