@charset "Shift_JIS";
CSS
.horizontal-menu {
display: flex; /* 横並びにするおまじない */
justify-content: center; /* メニューを中央に寄せる（左寄せなら flex-start） */
list-style: none; /* リストの「・」を消す */
padding: 0;
margin: 0;
width: 100%;
}
.list ul li {
margin-top: 0; /* 上の隙間をゼロにする */
margin-bottom: 2px; /* 下の隙間を2pxにする（お好みで調整してください） */
padding-top: 0; /* 上の余白をゼロにする */
padding-bottom: 0; /* 下の余白をゼロにする */
line-height: 1.2; /* 文字自体の高さを少し狭くする */
}
.photo-group {
display: flex; /* 横並びにする指定 */
justify-content: center; /* ★追加：中の要素を常に中央に寄せる */
width: 100%; /* 画面幅いっぱいまで使う */
gap: 10px; /* 写真と写真の間のすき間（お好みで調整） */
}
/* 中にある写真1枚ずつの設定 */
.photo-group img {
width: calc(50% - 5px); /* 画面幅の半分（50%）から、すき間の半分を引く */
height: auto; /* 縦横の比率を崩さない */
}
#main .menu04 + ul {
text-align: left !important; /* menu04の見出しの直後にあるリストだけを左寄せにする */
}
.body {
margin: 0;
padding: 0;
}
/* 1. 外側の箱を「A4サイズ」の比率に固定する設定 */
.pdf-container {
position: relative;
width: 99%;
/* A4の比率（縦÷横＝1.414）をパーセントにしたもの */
padding-top: 140.5%;
/* ほんの少しのはみ出し（スクロールバーの原因）を非表示にする */
overflow: hidden;
}
/* 2. 中のPDF（iframe）を箱にぴったり合わせる設定 */
.pdf-container iframe {
position: absolute;
top: -4px;
left: -5px;
width: 99%;
height: 98%;
border: none; /* 枠線を消す */
zoom:0.99;
transform: scale(0.99);
transform-origin: top left;
/* ▼ 影を隠すための「サイズ」の調整（上下左右に1ミリずつ大きくする） */
width: calc(100% + 1px);
height: calc(100% - 1px);
}