/* 全体の枠組み */
.2026ny_inner {
    width: 100%;
    max-width: 1000px; /* 必要に応じて調整してください */
    margin: 0 auto;    /* 画面中央に配置 */
    padding: 20px;     /* 全体の余白 */
    text-align: center; /* 中身を中央揃えにする */
}

/* 動画エリア */
.video-wrapper {
    width: 100%;
    margin-bottom: 40px; /* 下のロゴとの間隔 */
    display: flex;
    justify-content: center; /* 動画を確実に中央へ */
}

.video-wrapper video {
    width: 100%;
    max-width: 800px; /* PCでの動画の最大幅 */
    height: auto;
    display: block;
}

/* 会社ロゴエリア */
.company_wrap {
    margin-top: 20px;
    text-align: center;
}

/* グループ会社ロゴの横並び調整 */
.companyGroup_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* スマホで折り返すように */
    gap: 20px;       /* ロゴ同士の間隔 */
    margin-top: 20px;
}

.companyGroup_wrap div img {
    max-width: 100%;
    height: auto;
}
/* ボタンを囲むエリア（上下の余白と中央寄せ） */
.btn-area {
    width: 100%;
    text-align: center;   /* ボタンを中央に */
    margin-top: 40px;     /* 動画との間隔 */
    margin-bottom: 40px;  /* 下の要素（フッターなど）との間隔 */
}

/* 青色グラデーションボタンのスタイル */
.btn-blue-gradient {
    display: inline-block;
    background: linear-gradient(90deg, #0056b3, #00a0e9); /* 濃い青から明るい青へのグラデーション */
    color: #ffffff !important; /* 文字色は白 */
    font-size: 16px;       /* 文字の大きさ */
    font-weight: bold;     /* 文字を太く */
    text-decoration: none; /* 下線を消す */
    padding: 15px 60px;    /* ボタンの大きさ調整（上下15px、左右60px） */
    border-radius: 10px;   /* 角丸10px */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ほんのり影をつける */
    transition: all 0.3s ease; /* ホバー時の動きを滑らかに */
}

/* ホバー時（マウスを乗せた時）の動き */
.btn-blue-gradient:hover {
    opacity: 0.9;          /* 少し透明にする */
    transform: translateY(-2px); /* 少し浮き上がる演出 */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* 影を少し濃く */
}
/* スマホ用調整 */
@media screen and (max-width: 768px) {
    .video-wrapper video {
        max-width: 100%; /* スマホなら横幅いっぱい */
    }
    
    .companyGroup_wrap {
        gap: 10px; /* スマホなら間隔を少し狭く */
    }
}