/* ========================================
   共通スタイル（全ページ共有）
   ======================================== */

body {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    background-color: #f9f9f9;
    color: #1a1a1a;
    scroll-behavior: smooth;
}

@media (max-width: 1023px) {
    header .container {
        max-width: 100%;
    }
}

/* フォント */
.font-serif {
    font-family: "Noto Serif JP", serif !important;
}

/* ハウディグリーン (#50a69f) */
.bg-haudi {
    background-color: #50a69f;
}

.text-haudi {
    color: #50a69f;
}

.border-haudi {
    border-color: #50a69f;
}

.focus-border-haudi:focus {
    border-color: #50a69f;
}

.hover-bg-haudi:hover {
    background-color: #3d8b85;
}

/* ロゴスタイル */
@media (min-width: 768px) {
    .logo-large {
        width: 14rem !important;
    }
}


/* フォームのフォーカススタイル */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #50a69f;
    box-shadow: 0 0 0 1px #50a69f;
}

/* セクション区切りの余白調整 */
.section-divider {
    border-top: 1px solid #eee;
    margin-top: 5rem;
    padding-top: 5rem;
}



/* SNSシェアボタン色 */
.share_x {
    border: 1px solid #000000;
    padding: 4px;
    width: 100px;
    display: inline-block;
    text-align: center;
}

.share_facebook {
    border: 1px solid #1877f2;
    padding: 4px;
    width: 100px;
    display: inline-block;
    text-align: center;
}

.share_line {
    border: 1px solid #00c300;
    padding: 4px;
    width: 100px;
    display: inline-block;
    text-align: center;
}