@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

body {
    font-family: 'Noto Sans JP', sans-serif;
}

/* =========================================
   共通パーツ
   ========================================= */

.logo-text-style {
    color: #0080CC/*#003399*/;
    font-weight: 900;
    font-style: italic;
    text-shadow: 
        2px 2px 0px #ffffff, 
        3px 3px 0px rgba(0, 0, 0, 0.1);
    letter-spacing: -0.05em;
    line-height: 1;
}

.logo-img-style {
    filter: drop-shadow(2px 2px 0px #ffffff) drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.1));
}

.badge-required {
    background-color: #ef4444;
    color: white;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
    vertical-align: middle;
}

.badge-optional {
    background-color: #9ca3af;
    color: white;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
    vertical-align: middle;
}

/* =========================================
   ページ固有デザイン
   ========================================= */

.hero-bg {
    /* 【サーバーアップ時の書き換え用】 */
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/top-bg.avif'); */
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/top/top-bg.avif');
    background-size: cover;
    background-position: center;
}

.drone-bg {
    /* 【サーバーアップ時の書き換え用】 */
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/drone-bg.avif'); */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/top/drone-bg.avif');
    background-size: cover;
    background-position: center;
}

/* =========================================
   PDFモーダル / その他
   ========================================= */

#pdf-modal.active {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

/* 修正: Flexboxをやめてブロック表示＋中央寄せに変更 */
#pdf-render-container {
    overflow: auto;
    text-align: center; /* Canvasを中央に */
    background-color: #525659;
    /* スクロールバーのデザイン（Webkit系） */
    scrollbar-width: thin;
    scrollbar-color: #888 #525659;
}

/* 追加: Canvas自体もインラインブロックにして中央寄せを効かせる */
#the-canvas {
    display: inline-block;
    vertical-align: middle;
}

#pdf-render-container::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#pdf-render-container::-webkit-scrollbar-track {
    background: #525659;
}

#pdf-render-container::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
    border: 2px solid #525659;
}

.hidden-field {
    display: none;
}