@charset "UTF-8";
.bnr-70th {
    width: 100%;
    text-align: center;
    margin: 70px auto 30px;
}

.bnr-70th img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* スムーズな変化 */
}

.bnr-70th img:hover {
    transform: scale(1.05); /* 5%拡大 */
    box-shadow: 0 8px 20px rgba(0,0,0,0.3); /* 影を追加 */
    cursor: pointer; /* カーソル変更 */
}

@media screen and (max-width: 768px) {
    .bnr-70th img {
        width: 90%;   /* 画面幅の80% */
    }
}

/* 70周年セクション全体 */
.page-title-container._70th_anniversary {
  background-image: url(../images/page_mainvisual_70th.jpg);
}

.n70th_box {
    width: 100%;
    text-align: center;         /* 中央揃え */
    margin: 80px 0;             /* 上下50px */
    box-sizing: border-box;
}

/* テキスト部分 */
.n70th_box_text p {
    line-height: 1.6;
}
.n70_box_text_30{
	margin-bottom: 30px;
}
/* パンフレット画像部分 */
.n70th_box_pnf {
    display: inline-block;      /* 中央に寄せる */
}

/* 画像自体 */
.n70th_box_pnf img {
    max-width: 100%;            /* 画面幅に応じて縮小 */
    height: auto;
    display: block;
    margin: 0 auto;             /* 中央寄せ */
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.n70th_box_pnf img:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* ダウンロードボタン */
.n70th_box_pnf div {
    width: 400px;
    max-width: 80%;             /* 小さい画面では横幅調整 */
    height: 60px;
    line-height: 60px;          /* 縦中央揃え */
    background-color: #003b81;
    color: #fff;
    margin: 26px auto 0;        /* 上26px、中央寄せ */
    border-radius: 50px;        /* 角丸50px */
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* ボタンhover時 */
.n70th_box_pnf div:hover {
    background-color: #002a60; /* 少し濃いめに */
    transform: translateY(-2px);
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
	.n70th_box {
		margin: 30px 0 80px;
	}
    .n70th_box_text p {
        text-align: left;     /* スマホでは左揃え */
		font-size: 16px;
		padding: 0 20px;
    }

    .n70th_box_pnf div {
        width: 80%;           /* ボタン横幅を80%に縮小 */
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .n70th_box_pnf img {
        width: 90%;           /* 画像も小さく */
    }
}