img {
    padding: 0px;
    margin: 0px;
    max-width: 100%;
}
@media (min-width: 1300px) {
    img {
        width: 100%; /* 幅を100%に設定 */
        padding: 0px;
        margin: 0px;
    }
}

body {
    margin-top: 90px; /* ヘッダーの高さに合わせて調整 */
    text-align: center; /* 中央に配置 */
}
@media (max-width: 767px) {
    body {
        margin-top: 70px; /* ヘッダーの高さに合わせて調整 */
    }
}
/* コンテンツエリア */
.content-wrapper1 {
    background-image: url(../img/hanabi.png);
    background-color: #fff5bd;
    background-size: 1200px 1000px; /* 花火のサイズ */
    background-repeat: repeat; /* 繰り返し*/
    background-position: top center; /* 上中央に配置 */
}

.content-wrapper2 {
    background-image: url(../img/kamihubuki.png);
    background-color: #ffd35c;
    background-repeat: no-repeat; /* 繰り返さない（上に1枚だけ） */
    background-position: top center; /* 上中央に配置 */
    background-size: contain; /* 画面幅に応じて自動調整 */
}

.content-wrapper3 {
    background-image: url(../img/kamihubuki.png);
    background-color: #ffb900;
    background-repeat: no-repeat; /* 繰り返さない（上に1枚だけ） */
    background-position: top center; /* 上中央に配置 */
    background-size: contain; /* 画面幅に応じて自動調整 */
}

@media (max-width: 767px) {
    .content-wrapper1 {
        background-size: 800px 600px; /* 花火のサイズ */
    }
}
.nav-icon {
    width: 20px; /* お好みの幅に変更 */
    height: auto; /* 高さは自動でアスペクト比を維持 */
}
.nav-item {
    font-weight: bold;
    font-size: 1.4vw;
    display: flex;
    align-items: center;
}
.nav-lang {
    font-weight: bold;
    font-size: 1.6vw;
}
.nav-lang a {
    margin: 0 2px;
    text-decoration: none;
}
@media (max-width: 767px) {
    .nav-lang,
    .nav-lang a {
        font-size: 20px;
    }
}

/* ナビバーのロゴ */
.logo_pic {
    width: 260px;
}

/* スマホ用調整 */
@media (max-width: 767px) {
    .logo_pic {
        width: 180px;
    }
}
.headimage-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom; /* これで画像下の余白を防げます */
    width: 100%;
}
/* メイン画像 */
.headimage {
    width: 100%;
    display: block;
}

.overlay-content {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
    padding: 1em;
    border-radius: 10px;
    width: 100%; /* ← 追加！親幅を明示的に広げる */
    max-width: 800px; /* ← 必要に応じて最大幅を設定 */
}

/* 以下スタート */
.highlight-black {
    font-weight: bold;
    color: #000;
    font-size: 18px;
}

.highlight-red {
    color: #e60039;
    font-weight: bold;
    font-size: 18px;
}
.special-title {
    font-family: "Kosugi Maru", sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #0050c8;
    display: inline-block;
    margin-bottom: 1rem;
}
.highlight-pink {
    color: #e91e63;
    font-weight: bold;
}

.highlight-black {
    color: #000;
    font-weight: bold;
}

.doll_image {
    width: 100%;
}

@media (max-width: 767px) {
    .doll_image {
        width: 100%; /* スマホは幅を少し小さく */
    }
}
.img-naritachi {
    width: 75%;
}
.week {
    width: 75%;
    margin: 0 auto; /* 中央揃え */
}

/* 事務局 */
.jimukyoku {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    transition: transform 0.3s;
}
.jimukyoku:hover {
    transform: scale(1.05); /* クリック時浮く */
}

.kumiai {
    width: 87%;
    text-align: center;
    margin: 5vh auto;
}

/* スマホ画面 */
@media screen and (max-width: 767px) {
    /* 事務局 */
    .jimukyoku {
        width: 65%;
        text-align: center;
        margin: 10px auto;
    }
}

/* サイドメニュー（ハンバーガボタン） ↓*/
.side-menu {
    position: fixed;
    top: 0;
    right: -270px;
    width: 270px; /* メニュー横調整 */
    height: 100%; /* メニュー高さ調整 */
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    z-index: 100; /* 重ね画像や他の要素よりも前面に表示されるように設定 */
}
.side-menu.show {
    right: 0;
    padding-top: 12vh; /* 上に50vhを追加 */
}
.side-menu ul {
    padding: 1rem;
    list-style: none;
}
.side-menu li {
    margin: 0.3rem 0; /* 上下 文字間隔 */
}
.side-menu a {
    font-size: 1.2rem; /* 文字サイズを調整 */
    color: #333;
}

/* リンクにホバーしたときのスタイル */
.side-menu a {
    text-decoration: none; /* デフォルトの下線を取り除く */
    color: #333; /* リンクのデフォルトカラー */
    position: relative; /* 下線のための相対位置指定 */
    display: inline-block; /* 下線を文字だけに合わせるため */
}

.side-menu a:hover {
    color: #007bff; /* ホバー時のテキストカラー */
}

.side-menu a:hover::after {
    content: ""; /* 擬似要素の内容は空にする */
    /*position: absolute; /* 絶対位置で下線を表示 */
    left: 0;
    bottom: 10px; /* テキストの下に下線を表示する */
    width: 100%; /* テキストの幅に合わせる */
    border-bottom: 1.2px solid #007bff; /* 下線のスタイル */
}

.navbar-toggler {
    position: relative; /* トグルボタンを基準として位置を指定するために relative を設定 */
    border: none; /* ボタンの枠線を削除 */
    background: none; /* ボタンの背景を削除 */
    font-size: 1.5rem; /* ボタン内のフォントサイズを 1.5rem に設定 */
}

.navbar-toggler:focus {
    outline: none; /* デフォルトの外枠を削除 */
    box-shadow: 0 0 0 0px black; /* クリックしたときの外枠の太さと色を設定 */
}

.navbar-toggler .fa-bars,
.navbar-toggler .fa-times {
    color: black; /* アイコンの色を黒に設定 */
    font-size: 1.5rem; /* アイコンのサイズを 1.5rem に設定 */
}

/* 最初はハンバーガーアイコンを表示 */
.navbar-toggler .fa-bars {
    display: block; /* fa-bars アイコンを表示 */
}

.navbar-toggler .fa-times {
    display: none; /* fa-times アイコンを非表示 */
}

/* トグルが閉じている状態ではハンバーガーアイコンを表示 */
.navbar-toggler.collapsed .fa-bars {
    display: block; /* .collapsed クラスが付いているときに fa-bars アイコンを表示 */
}

/* トグルが開いている状態ではハンバーガーアイコンを非表示 */
.navbar-toggler:not(.collapsed) .fa-bars {
    display: none; /* .collapsed クラスがないときに fa-bars アイコンを非表示 */
}

/* トグルが開いている状態では×アイコンを表示 */
.navbar-toggler:not(.collapsed) .fa-times {
    display: block; /* .collapsed クラスがないときに fa-times アイコンを表示 */
}

/* トグルが閉じている状態では×アイコンを非表示 */
.navbar-toggler.collapsed .fa-times {
    display: none; /* .collapsed クラスが付いているときに fa-times アイコンを非表示 */
}
/* 大きな画面ではサイドメニューを表示しない */
@media (min-width: 768px) {
    .side-menu {
        display: none;
    }
}
/* サイドメニュー（ハンバーガボタン） ↑*/

/* 当てようCP 間隔調整 ↓*/
.follow_cp,
.reshito_cp {
    width: 40%;
    display: block;
    padding: 0;
}

/* 左画像は右寄せ */
.follow_cp {
    margin-left: auto;
    margin-right: 0;
}

/* 右画像は左寄せ */
.reshito_cp {
    margin-left: 0;
    margin-right: auto;
}
/* スマホ画面は中央寄せに変更 */
@media (max-width: 767px) {
    .follow_cp,
    .reshito_cp {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }
}
/* 当てようCP 間隔調整 ↑*/

/* 上2つのボタンのコンテナー
イベント登録 小売店の皆さまへのボタン↓ */

.top-buttons {
    position: fixed;
    top: 80px;
    right: 20px;
    z-index: 10000;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.top-buttons a {
    display: block;
    width: 14vw; /* 幅を統一 */
    height: auto;
}

.top-buttons img {
    width: 100%;
    height: auto;
    display: block;
}
.top-buttons a:hover {
    transform: scale(1.05); /* クリック時浮く */
}
/* スマホ用 非表示 */
@media (max-width: 767px) {
    .top-buttons {
        display: none;
    }
}

/* 上2つのボタンのコンテナー
イベント登録 小売店の皆さまへのボタン↑ */

/* 日本酒の日とは？ボタン 茶 ↓*/
.sake-button {
    background-color: #cf8a00; /* 濃いオレンジ色 */
    color: white;
    padding: 10px 30px;
    border: none;
    border-radius: 999px; /* 丸みを強調 */
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    text-decoration: none; /* ← 下線を消す */
    text-align: center; /* 中央に配置 */
}

.sake-button:hover {
    background-color: #a86e00; /* ホバー時に少し濃く */
}
/* 日本酒の日とは？ボタン 茶 ↑*/

.title_21 {
    width: 68%;
    margin: 0 auto; /* 中央揃え */
}

@media (max-width: 767px) {
    .title_21 {
        width: 60%;
    }
}
.sake_origin {
    font-size: 1.8vw;
    line-height: 1.8;
}
.sake_event {
    font-size: 1.8vw;
    line-height: 1.8;
    margin: 0 auto; /* 中央揃え */
}
.sake-text1 {
    font-size: 2vw;
    line-height: 1.8;
    color: rgb(201, 29, 29); /* 赤系文字色 */
    font-weight: bold;
    margin: 0 auto; /* 中央揃え */
}

.sake-text2 {
    font-size: 1.8vw;
    line-height: 1.8;
    margin: 0 auto; /* 中央揃え */
}
@media (max-width: 767px) {
    .sake_origin {
        font-size: 3.6vw;
    }
    .sake_event {
        font-size: 3.6vw;
    }
    .sake-text1 {
        font-size: 4vw;
    }
    .sake-text2 {
        font-size: 3.6vw;
    }
}

/*以下スタート↓*/

/* スクロールボックス上 テキスト */
.text-section {
    font-size: 1.8vw;
    width: 80%;
    margin: 0 auto; /* ブロック要素自体を中央寄せ */
}

/* スクロールボックス */
.scroll-container {
    width: 80%;
    max-height: 260px; /* 高さを指定してスクロールを表示 */
    padding: 10px;
    border: 1px solid #ccc;
    overflow-y: auto; /* 垂直方向のスクロールバーを表示 */
    background-color: #f9f9f9;
    margin: 0 auto;
}
/* スマホ画面 */
@media only screen and (max-width: 767px) {
    /* スクロールバー全体 */
    .scroll-container::-webkit-scrollbar {
        width: 24px; /* スクロールバーの幅 */
    }

    /* スクロールバーのトラック（背景） */
    .scroll-container::-webkit-scrollbar-track {
        background: #cccccc2f;
    }

    /* スクロールバーのつまみ */
    .scroll-container::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 1px; /* つまみの角の丸みを作る */
        border: 1px solid #f9f9f9; /* つまみの内側にスペースを作る */
    }

    /* スクロールバーのつまみ（ホバー時） */
    .scroll-container::-webkit-scrollbar-thumb:hover {
        background-color: #999;
    }
    /* スクロールボックス幅 */
    .scroll-container {
        width: 80%;
    }
    .text-section {
        font-size: 3.6vw;
    }
}
/* 以下スタート↓ */
/* メイン画像 */
/* 親要素: 画像を重ねる基準を設定 */
.headimage {
    position: relative; /* 子要素の絶対配置を基準にする */
    max-width: 100%; /* 必要に応じて幅を指定 */
    height: auto; /* 必要に応じて高さを指定 */
}
/* <a>タグ下の余白削除 */
.headimage a.btn {
    display: block; /* ブロック要素に変更 */
    border: none; /* リンクのボーダーを削除 */
}
.headimage > * {
    margin: 0;
    padding: 0;
}

/* 背景画像 */
.headimage .background-image {
    width: 100%; /* 背景画像を親要素にフィットさせる */
    height: auto;
}

/* 重ねる画像共通設定 */
.headimage .overlay {
    position: absolute; /* 親要素を基準に配置 */
    width: auto; /* 必要に応じてサイズを調整 */
    height: auto;
}

.headimage .overlay-1 {
    top: 67%;
    left: 10%;
    width: 40%; /* サイズを調整 */
    z-index: 100; /* 前面に表示 */
}

.headimage .overlay-1:hover {
    transform: scale(1.01); /* クリック時浮く */
}
.headimage .overlay-2 {
    top: 67%;
    left: 50%;
    width: 40%; /* サイズを調整 */
    z-index: 100; /* 前面に表示 */
}

.headimage .overlay-2:hover {
    transform: scale(1.01); /* クリック時浮く */
}
.headimage .overlay-3 {
    top: 78%;
    left: 39%;
    width: 13%; /* サイズを調整 */
    z-index: 100; /* 前面に表示 */
}

.headimage .overlay-3:hover {
    transform: scale(1.01); /* クリック時浮く */
}
.headimage .overlay-4 {
    top: 78%;
    left: 13%;
    width: 20%; /* サイズを調整 */
    z-index: 100; /* 前面に表示 */
}

.headimage .overlay-4:hover {
    transform: scale(1.01); /* クリック時浮く */
}
.headimage .overlay-5 {
    top: 78%;
    left: 41%;
    width: 20%; /* サイズを調整 */
    z-index: 100; /* 前面に表示 */
}

.headimage .overlay-5:hover {
    transform: scale(1.01); /* クリック時浮く */
}
@media (max-width: 767px) {
    .headimage .overlay-1 {
        top: 53%; /* 上からの位置 */
        left: 24%; /* 左からの位置 */
        width: 55%; /* サイズを調整 */
    }
    .headimage .overlay-2 {
        top: 72%;
        left: 24%;
        width: 55%; /* サイズを調整 */
    }
    .headimage .overlay-3 {
        top: 63%;
        left: 49%;
        width: 23%; /* サイズを調整 */
    }
    .headimage .overlay-4 {
        top: 27%;
        left: 24%;
        width: 40%; /* サイズを調整 */
    }
    .headimage .overlay-5 {
        top: 56%;
        left: 24%;
        width: 40%; /* サイズを調整 */
    }
}
.receipt-container {
    background: #fff;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 30px;
}

.receipt-container h1 {
    text-align: center;
    font-size: 2.2vw;
    font-weight: bold;
    margin-bottom: 30px;
}

.receipt-container .section-title {
    background-color: #d32f2f;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    font-size: 1rem;
    margin-bottom: 20px;
    border-radius: 4px;
}

.receipt-container h2 {
    font-size: 1.8vw;
    font-weight: bold;
    margin-bottom: 20px;
}

.receipt-notes {
    font-size: 1.4vw;
    padding-left: 1em;
    list-style: none;
    margin: 0;
}

.receipt-notes li::before {
    content: "・";
    margin-right: 0.1em;
}

.receipt-notes li {
    margin-bottom: 10px;
    padding-left: 0.5em;
    text-align: left;
}

@media (max-width: 767px) {
    .receipt-container h1 {
        font-size: 4.2vw;
    }

    .receipt-container h2 {
        font-size: 3.6vw;
    }

    .receipt-notes {
        font-size: 2.8vw;
    }
}

.receipt-container .section-title {
    background-color: #d32f2f;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    font-size: 1rem;
    margin-bottom: 20px;
    border-radius: 4px;
}

/* ピンク枠↓ */

/* ピンク,青 画像上部：枠外表示 */
.campaign-head-img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
}

/* 白背景枠：ピンク画像の幅に揃えて中央 */
.campaign-frame {
    max-width: 80%;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 2px solid #ff1694;
    border-right: 2px solid #ff1694;
    border-bottom: 2px solid #ff1694;
}

.campaign-description {
    font-size: 1.8vw; /* メイン説明文サイズ */
    line-height: 1.8;
    margin-top: 20px;
}

/* ▼補足的な注意書き（小さく） */
.campaign-note {
    font-size: 1.6vw;
    line-height: 1.6;
}

/* ▼「抽選で〜プレゼント」の目立たせる文 */
.campaign-present {
    font-size: 1.8vw;
    line-height: 1.8;
}

/* ▼地酒画像の下に出る注意書き */
.campaign-warning {
    font-size: 1.3vw;
}

/* ▼ピンク文字強調用（もし調整したい場合） */
.text-pink {
    font-size: 2.4vw; /* 周囲の文字と同じサイズ。必要あれば 18px などに */
    color: #e6007e;
    font-weight: bold;
}
/* ▼ピンクの破線仕切り */
.campaign-divider {
    border: none;
    border-top: 4px dotted #e6007e; /* ピンクの破線 */
    width: 90%;
    margin: 1.5rem auto; /* 上下に余白、中央寄せ */
}
@media (max-width: 767px) {
    .campaign-description {
        font-size: 3.6vw;
    }
    .campaign-note {
        font-size: 3vw;
    }
    .campaign-present {
        font-size: 3.6vw;
    }
    .campaign-warning {
        font-size: 3.2vw;
    }
    .text-pink {
        font-size: 4.2vw;
    }
}
/* ピンク枠　↑ */

/* 白背景枠：青画像の幅に揃えて中央 */
.campaign-frame2 {
    max-width: 80%;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 2px solid #0083e0;
    border-right: 2px solid #0083e0;
    border-bottom: 2px solid #0083e0;
}

/* ▼青文字強調用（もし調整したい場合） */
.text-blue {
    font-size: 2.4vw; /* 周囲の文字と同じサイズ。必要あれば 18px などに */
    color: #0083e0;
    font-weight: bold;
}
/* ▼青の破線仕切り */
.campaign-divider2 {
    border: none;
    border-top: 4px dotted #0083e0; /* 青の破線 */
    width: 90%;
    margin: 1.5rem auto; /* 上下に余白、中央寄せ */
}
@media (max-width: 767px) {
    .text-blue {
        font-size: 4.2vw;
    }
}
/* 青枠　↑ */

.img-title01,
.img-title02 {
    width: 40%;
}
.img-sanka,
.img-obo {
    width: 80%;
}
@media (max-width: 767px) {
    .img-title01,
    .img-title02 {
        width: 60%;
    }
}
.img-button02 {
    width: 40%;
}

@media (max-width: 767px) {
    .img-button02 {
        width: 50%;
    }
}
/* 以下スタート↓ */
.headimage-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.headimage {
    width: 100%;
    height: auto;
    display: block;
}

.event-button-wrapper {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.event-button {
    border: 3px solid #e60012;
    border-radius: 10px;
    padding: 16px 40px;
    background-color: #fff;
    color: #e60012;
    font-size: 1.6vw;
    font-weight: bold;
    cursor: pointer;
}
.event-button-wrapper a {
    text-decoration: none;
}

.event-button-wrapper a:focus,
.event-button-wrapper a:active {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.arrow {
    width: 0;
    height: 0;
    margin: 10px auto 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #e60012;
}

@media (max-width: 767px) {
    .event-button {
        font-size: 2.8vw;
        padding: 12px 24px;
    }
}

.event-text {
    font-size: 1.8vw;
    line-height: 1.8;
    text-align: left;
}
.event-image img {
    width: 90%;
    border-radius: 20px;
}

.white-box {
    background-color: #fff;
    border-radius: 30px;
    padding: 2rem 2.5rem;
    width: 80%;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .white-box {
        border-radius: 12px;
        padding: 1rem 1rem;
        width: 90%;
    }
}

.white-box h2 {
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}
.white-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.white-box li {
    position: relative;
    padding-left: 2em;
    margin-bottom: 1.5rem;
    font-size: 1.6vw;
    line-height: 1.8;
    text-align: left; /* 追加：左寄せを明示 */
}

.white-box li::before {
    content: "〇";
    position: absolute;
    left: 0;
    top: 0.2em; /* 縦位置を少し調整してより自然に */
    color: #000;
}

.white-box a {
    color: #0000ee;
    text-decoration: underline;
}
.button01 {
    width: 40%;
}
.button01:hover {
    transform: scale(1.01); /* クリック時浮く */
}
@media (max-width: 767px) {
    .button01 {
        width: 60%;
    }
}

.white-box a:hover {
    text-decoration: none;
}
@media (max-width: 767px) {
    .event-text {
        font-size: 3.6vw;
    }
    .white-box h2 {
        font-size: 4vw;
    }
    .white-box li {
        font-size: 3.2vw;
    }
}

/* 以下ダウンロード↓ */

.container-pop {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vw;
    padding: 2vw;
    margin: 0 auto;
    width: 100%;
    max-width: 80%;
}
.custom-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2vw;
    width: 100%;
}
.column {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 30%;
    min-width: 180px;
}
.logo-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1vw;
    flex: 1 1 65%;
}
.logo-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2vw;
    flex-wrap: wrap;
    width: 100%;
}
.logo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 45%;
}
.logo-item img {
    width: 100%;
    height: auto;
}
.logo-horizontal {
    height: 16vw !important;
    width: auto !important;
}
.kampai-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 2vw;
}

.main-img {
    width: 100%;
    height: auto;
}
.text-label {
    font-weight: bold;
    font-size: 1.6vw;
    text-align: center;
    margin-bottom: 0.5vw;
}
.text-label2 {
    font-weight: bold;
    font-size: 1.6vw;
    margin-bottom: 0.5vw;
    align-self: flex-start; /* 左揃え */
    margin-left: 3vw; /* ← 左に少し余白を追加 */
}
.button-row {
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
    width: 100%;
    align-items: center;
    margin-top: 1vw;
}
.button-row img {
    width: 90%;
    transition: transform 0.2s ease;
}
.button-row2 {
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
    width: 100%;
    align-items: center;
    margin-top: 1vw;
    height: 11vw;
}
.button-row2 img {
    width: 90%;
    transition: transform 0.2s ease;
}
@media (max-width: 1200px) {
    .button-row2 img {
        width: 68%;
    }
}
.btn1-pdf:hover,
.btn1-jpeg:hover,
.btn1-ai:hover,
.btn2-pdf:hover,
.btn2-jpeg:hover,
.btn2-ai:hover,
.btn3-pdf:hover,
.btn3-jpeg:hover,
.btn3-ai:hover,
.btn4-pdf:hover,
.btn4-jpeg:hover,
.btn4-ai:hover,
.btn5a-pdf:hover,
.btn5a-jpeg:hover,
.btn5a-ai:hover,
.btn5b-pdf:hover,
.btn5b-jpeg:hover,
.btn5b-ai:hover,
.btn6-pdf:hover,
.btn6-jpeg:hover,
.btn6-ai:hover {
    transform: scale(1.02);
}
@media screen and (max-width: 767px) {
    .text-label {
        font-size: 3.2vw;
    }
    .text-label2 {
        font-size: 3.2vw;
        align-self: center; /* 中央寄せ */
    }
    .column,
    .logo-block {
        width: 90%;
    }
    .logo-row {
        flex-direction: column;
        align-items: center;
    }
    .logo-item {
        width: 70%;
    }
    .button-row img,
    .button-row2 img {
        width: 70%;
    }
    .button-row2 {
        height: auto;
    }
    .logo-horizontal {
        height: auto !important;
        width: 100% !important;
    }

    .main-img {
        width: 70%;
    }
    .custom-row {
        flex-direction: column;
        align-items: center;
    }
    .container-pop {
        max-width: 90%;
    }
}