.pera1-editable {
    color :#000 !important;
}

.theme-custom .p-premium-faq__icon--a {
    color :#000 !important;
}
/* Hero section styles */
.dazn-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* Hero image styles */
.dazn-hero-image {
    width: 100%; /* Image scales with the width of the viewport */
    height: auto; /* Maintain aspect ratio */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /* Place the image behind the content */
}

/* Hero content styles */
.dazn-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #fff;
}

.dazn-hero-content h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* Button styling */
.dazn-btn {
    display: inline-block;
    padding: 10px 24px;
    font-size: 1rem;
    font-weight: bold;
    background-color: #ffc107; /* Yellow color */
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;

}

.dazn-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dazn-hero-content h1 {
        font-size: 2rem;
    }
    .dazn-btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .dazn-hero-content h1 {
        font-size: 1.5rem;
    }
    .dazn-btn {
        padding: 8px 16px;
        font-size: 0.8rem;
    }
}
<style>
/* 【ペライチ用】フォームタイトルの背景を黄色に変更 */
h3.p-form__title {
    background-color: #000000 !important;
    color: #000000 !important; /* 文字色は黒のまま */
    padding: 15px !important;   /* 見栄えを調整するための余白 */
}

/* ===== ここから追加 ===== */
/* 【ペライチ用】フォームの項目名（ラベル）を黒文字に変更 */
.p-form__label {
    color: #000000 !important;
}
/* ===== ここまで追加 ===== */

/* 【ペライチ用】送信ボタンの背景を黒、文字を白に変更 */
.p-form__submit-btn {
    background-color: #000000 !important;
    color: #000000 !important;
}

/* 【ペライチ用】マウスを乗せた時の送信ボタンの色を少し明るい黒に変更 */
.p-form__submit-btn:hover {
    background-color: #000000 !important;
}
</style>
/* ▼ ① 全体の行間・ブロック余白を縮める */
.c-inner--vertical > * {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.u-mbmd { margin-bottom: 10px !important; }
.u-mbsm { margin-bottom: 5px !important; }
.u-mblg { margin-bottom: 15px !important; }

.pera1-editable p {
    line-height: 1.4 !important;
}
/* ▼ ペライチ全体のコンテンツ最大幅を統一する */
.c-inner,
.p-heading__inner,
.c-wrapper,
.p-section__inner {
    max-width: 1100px !important; /* お好みで調整（例：900px, 1000px, 1200px） */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ▼ 狭く設定されている“見出しブロック”専用の調整 */
.p-heading__inner {
    width: 100% !important;
}

/* ▼ セクション内の text-block（見出し＋テキスト＋ボタン）を広くする */
.p-section,
.pera1-section .c-inner {
    max-width: 1100px !important;
}

/* ▼ 追加：中に勝手に max-width を持つ要素を広げる */
.pera1-editable,
.p-text,
.c-text,
.p-heading,
.c-heading {
    max-width: 100% !important;
}