/* ページ全体の基本設定 */
        body {
            margin: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            background-color: #f7f9fa;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }

        /* ご提示いただいたヘッダー（帯）のスタイル */
        header {
            background-color: #000;
            min-height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            width: 100%;
            position: sticky;
            top: 0;
            z-index: 10;
        }
        header h1 {
            color: #fff;
            font-size: 18px;
            text-align: center;
            margin: 0;
            padding: 12px 15px;
        }

        @media only screen and (max-width: 992px) {
            header h1 {
                font-size: 14px;
            }
        }

        /* メインコンテンツエリア */
        .main-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 30px 20px;
            gap: 25px; /* 画像・リンク・ボタンの間の隙間 */
        }

        /* 画像のレスポンシブ＆サイズ制限設定（650px?800pxの間に収める） */
        .responsive-image {
            width: 90%;
            max-width: 750px;
            height: auto;
            display: block;
            border-radius: 12px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
        }

        /* 募集要項PDFリンクのスタイル */
        /* 募集要項 */
.pdf-link-container{
    width:90%;
    max-width:750px;
    margin:0 auto;
}

.pdf-btn{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:18px 20px;
    background:#fff;
    border:2px solid #e6e6e6;
    border-radius: 24px;

    text-decoration:none;
    color:#333;

    transition:.25s;
    box-shadow:0 3px 10px rgba(0,0,0,.06);
}

.pdf-btn:hover{
    transform:translateY(-2px);
    border-color:#d32f2f;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.pdf-icon{
    width:56px;
    height:56px;
    border-radius:12px;

    background:#fff5f5;
    color:#d32f2f;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;
	 margin-right: 20px;
    flex-shrink:0;
}


.pdf-text{
    flex:1;
    text-align:left;
    margin-left:16px;
}

.pdf-text .title{
    display:block;
    font-size:20px;
    font-weight:700;
    line-height:1.2;
}

.pdf-text .sub{
    display:block;
    margin-top:4px;

    font-size:13px;
    color:#777;
}

.arrow{
    font-size:30px;
    color:#bbb;
    transition:.2s;
}

.pdf-btn:hover .arrow{
    color:#d32f2f;
    transform:translateX(4px);
}

        /* PDFアイコン（SVG）の色調整 */
        .pdf-btn svg{
    width:28px;
    height:28px;
    fill:#d32f2f;
    flex-shrink:0;
}

        /* エントリーボタンのスタイル（きらりと光るアクション付き） */
        .entry-container {
            width: 90%;
            max-width: 750px;
            text-align: center;
        }

        .entry-btn {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #ff416c, #ff4b2b); /* 目を惹く鮮やかなグラデーション */
            color: #ffffff;
            text-decoration: none;
            padding: 18px 40px;
            border-radius: 50px; /* 丸みのあるピル型ボタン */
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 0.05em;
            box-shadow: 0 6px 20px rgba(255, 65, 108, 0.4);
            overflow: hidden; /* 光るエフェクトのハミ出し防止 */
            transition: all 0.3s ease;
            width: 100%;
            max-width: 400px;
            box-sizing: border-box;
        }

        /* きらりと光る疑似要素の光アニメーション */
        .entry-btn::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(
                to right,
                rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0.4) 50%,
                rgba(255, 255, 255, 0) 100%
            );
            transform: rotate(30deg) translateY(-100%);
            animation: shine 3s infinite; /* 3秒ごとにきらりと光るアニメーション */
        }

        @keyframes shine {
            0% {
                transform: rotate(30deg) translateY(-100%) translateX(-100%);
            }
            20% {
                transform: rotate(30deg) translateY(100%) translateX(100%);
            }
            100% {
                transform: rotate(30deg) translateY(100%) translateX(100%);
            }
        }

        /* ホバー時のアクション */
        .entry-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(255, 65, 108, 0.6);
            background: linear-gradient(135deg, #ff4b2b, #ff416c);
        }

        .entry-btn:active {
            transform: translateY(0);
        }