@charset "utf-8";

/*
 * プレスリリース 140 本（`/press-release-{番号}/`）の見た目
 * （Task #7022・ユーザー決定 D347）
 *
 * 写し元は移行元のページ別 CSS `legacy/www.p-a.jp/public/css/page_company.css` の
 * `#press …`。器は `inc/press-release.php` が本文の外に足す
 * （`section#press > div.press_inner > div.press_body`）。
 *
 * 🚨 **当たり先が在る規則だけを写す。**移行元は `#press` の下に
 * `.press_date` `.press_title` `.press_copy` `.press_img` `.link_back`
 * `.ttl_relation` `.list_relation` も持つが、**投入した本文にその類名は 1 つも無い**
 * （2026-09-17 に 140 本の本文のタグと類名を全部数えた。類名は `Apple-tab-span` が
 * 1 件あるだけだった）。当たり先の無い宣言を並べても、見た目は 1px も動かず、
 * 「写した」という記録だけが残って後から読む人を惑わせる。
 *
 * 🚨 **`main.css` へ足さない。**あちらは複数の作業が同時に触る唯一の共有ファイルで、
 * CSS の節を交互に混ぜても構文が壊れないため、自動マージが通っても内容だけが壊れる
 * （`support-band.css` / `form-frame.css` と同じ切り出し方）。
 *
 * 🚨 **寸法は幅 750px 以上だけに当てる。**移行元にプレスリリースの携帯版は無く
 * （`legacy/www.p-a.jp/public/sp/company/news/` にこの型紙が無い）、
 * `width: 1100px` や `width: 800px` を携帯幅へそのまま当てると右へはみ出す。
 * **字の大きさと行送りは幅を問わず当てる**（D347 の「16px でそろえる」がこれに当たる）。
 */

/* 移行元 `#press .press_body`（`page_company.css`）。**この 1 本が D347 の本体である。**
   移行元は `font-size: 16px`・`line-height: 150%`・`text-align: left`・
   `letter-spacing: 0.1em` を当てている。行内の飾り（`font-size` 4,811 個・
   `<font face>` 1,340 個）は**再現しない**（D347・メディア掲載と同じ扱い）. */
.page-content__body #press .press_body {
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	letter-spacing: 0.1em;
}

/* 幅 750px 以上（移行元にはパソコン版しか無い）. */
@media (min-width: 750px) {
	/* 移行元 `#press`。**`width: 1100px` は写さない。**dev の本文の器
	   （`.page-content__body`）が既に幅を決めており、内側で 1100px を宣言すると
	   器より広い回に右へはみ出す。中央ぞろえと上下の内余白だけを写す. */
	.page-content__body #press {
		margin: 0 auto;
		padding: 65px 0 30px;
		text-align: center;
	}

	/* 移行元 `#press .press_inner`. */
	.page-content__body #press .press_inner {
		margin-bottom: 25px;
		padding: 30px 0;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}

	/* 移行元 `#press .press_body` の寸法。字の大きさは上の幅を問わない規則が持つ。
	   🚨 **`width: 800px` は `max-width` で写す。**器が 800px より狭い回に
	   はみ出させないためである. */
	.page-content__body #press .press_body {
		margin: 0 auto 30px;
		max-width: 800px;
	}
}