@charset "utf-8";

/*
 * PA KNOWLEDGE の 2 ページ（`/knowledge/` と `/knowledge/market/`）の見た目
 * （Task #7080）。
 *
 * 写し元は移行元のページ専用 CSS
 * `legacy/www.p-a.jp/public/knowledge/css/style.css`（25,764 バイト・規則 153 本）。
 * 器の印 `#knowledge`（詳細は `#knowledge.market`）は
 * `page-templates/knowledge-frame.php` が本文を包んで出す。印の理由は
 * `inc/knowledge-frame.php` の説明を読むこと。
 *
 * ## 153 本のうち何を写したか
 *
 *   95 本 … `#knowledge`（一覧と詳細の両方に効く）  → 写した（footer1 の 14 本を除く）
 *   20 本 … `#knowledge.market`（詳細だけ）          → 写した
 *   37 本 … `#knowledge.contact`（`/knowledge/contact/`） → 写さない（Bug #6941 の範囲外）
 *    1 本 … `html > body`                            → 印で囲んで写した
 *
 * 写した規則は 102 本である。
 *
 * 🚨 **`footer1` の 14 本は写さない。**取材の帯は投入から枠として落とし、テーマの
 * 部品として出す（ユーザー決定 D182）。その 14 本は
 * `assets/css/knowledge-contact-bar.css` が既に持っている（Task #6174）。
 * ここへ書くと同じ宣言が 2 か所になる。
 *
 * 🚨 **当たり先が実在する規則だけを写した。**投入が取り込む本文（移行元の
 * `#wrapper` から枠を落としたもの）を 2 ページぶん作り、規則ごとに当たり先の
 * 類名と id が在るかを全数で数えた（2026-09-18）。当たり先が無かったのは
 * `footer1` の 14 本だけだった。
 *
 * 🚨 **幅 750px 以上にだけ当てる。**写し元は移行元のパソコン版である。移行元は
 * 携帯版に別の HTML と別の CSS（`sp/knowledge/css/sp_style.css`・規則 103 本）を
 * 配っており、`width: 1100px` をそのまま携帯幅へ当てると右へはみ出す。
 * **携帯幅（749px 以下）へは、この写しで 1 本も当てていない。**携帯幅の姿は
 * 別の Task で決める（移行元の携帯版の markup と dev の markup が違うため、
 * どの規則が当たるかを先に数える必要がある）。
 *
 * 🚨 **ベンダー接頭辞（-webkit- / -ms-）は写さない。**いま配るブラウザでは要らず、
 * 写すと読みにくくなる（`knowledge-contact-bar.css` と同じ判断）。
 *
 * 🚨 **`main.css` へ足さない。**あちらは複数の作業が同時に触る唯一の共有ファイルで、
 * 節を交互に混ぜても構文が壊れないため、自動マージが通っても内容だけが壊れる。
 *
 * 背景の絵 2 枚（`mainvisual_img01.png` と `mainvisual_img02.png`）は
 * `assets/knowledge/` へ写した。CSS からは `url(../knowledge/…)` で引く。
 * **`mainvisual_img03.png` は写さない。**あれを使うのは `#knowledge.contact .mainVisual`
 * （移行元 567 行）だけで、`/knowledge/contact/` は Bug #6941 の範囲外である。
 */

@media (min-width: 750px) {
	/* 🚨 移行元 2 行の `html > body`。**当たり先が全サイトの `body` なので、
	   そのまま写すと全ページの書体が変わる。**器の印 `#knowledge` で囲んで、
	   この 2 ページの中だけに閉じ込める（Task #7080 の受入基準）. */
	#knowledge {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	}

	/* 移行元 5 行 `#knowledge h2, #knowledge h3, #knowledge h4, #knowledge p`. */
	#knowledge h2, #knowledge h3, #knowledge h4, #knowledge p {
		font-size: 14px;
	}

	/* 移行元 8 行 `#knowledge a:hover`. */
	#knowledge a:hover {
		opacity: 0.7;
	}

	/* 移行元 11 行 `#knowledge sup`. */
	#knowledge sup {
		font-size: 12px;
	}

	/* 移行元 14 行 `#knowledge .min`. */
	#knowledge .min {
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}

	/* 移行元 17 行 `#knowledge .gloNavi a`. */
	#knowledge .gloNavi a {
		color: #fff;
		text-decoration: none;
	}

	/* 移行元 21 行 `#knowledge .gloNavi-list`. */
	#knowledge .gloNavi-list {
		display: flex;
		width: 1100px;
		margin: 0 auto;
	}

	/* 移行元 27 行 `#knowledge .gloNavi-list__top`. */
	#knowledge .gloNavi-list__top {
		background: #a3762b;
		border-bottom: 1px solid #fff;
	}

	/* 移行元 30 行 `#knowledge .gloNavi-list__top li`. */
	#knowledge .gloNavi-list__top li {
		width: 25%;
	}

	/* 移行元 32 行 `#knowledge .gloNavi-list__top .gloNavi-list-item-image`. */
	#knowledge .gloNavi-list__top .gloNavi-list-item-image {
		background: #835f24;
	}

	/* 移行元 34 行 `#knowledge .gloNavi-list__bottom`. */
	#knowledge .gloNavi-list__bottom {
		background: #835f24;
		border-bottom: 1px solid #fff;
	}

	/* 移行元 37 行 `#knowledge .gloNavi-list__bottom li`. */
	#knowledge .gloNavi-list__bottom li {
		width: 33%;
	}

	/* 移行元 39 行 `#knowledge .gloNavi-list__bottom .gloNavi-list-item-image`. */
	#knowledge .gloNavi-list__bottom .gloNavi-list-item-image {
		background: #a3762b;
	}

	/* 移行元 41 行 `#knowledge .gloNavi-list-item`. */
	#knowledge .gloNavi-list-item {
		border-right: 1px solid #fff;
	}

	/* 移行元 43 行 `#knowledge .gloNavi-list-item a`. */
	#knowledge .gloNavi-list-item a {
		position: relative;
		display: block;
		position: relative;
	}

	/* 移行元 47 行 `#knowledge .gloNavi-list-item a:after`. */
	#knowledge .gloNavi-list-item a:after {
		position: absolute;
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #FFF;
		border-right: 2px solid #FFF;
		transform: rotate(45deg);
		right: 20px;
		top: 50%;
		margin-top: -7px;
	}

	/* 移行元 61 行 `#knowledge .gloNavi-list-item a[target="_blank"]:before`. */
	#knowledge .gloNavi-list-item a[target="_blank"]:before {
		position: absolute;
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		right: 16px;
		top: 50%;
		margin-top: -7px;
	}

	/* 移行元 72 行 `#knowledge .gloNavi-list-item a[target="_blank"]:after`. */
	#knowledge .gloNavi-list-item a[target="_blank"]:after {
		transform: rotate(0);
		border: 1px solid #FFF;
		width: 7px;
		height: 7px;
		margin-top: -4px;
	}

	/* 移行元 80 行 `#knowledge .gloNavi-list-item:last-child`. */
	#knowledge .gloNavi-list-item:last-child {
		border-right: none;
	}

	/* 移行元 82 行 `#knowledge .gloNavi-list-item-image`. */
	#knowledge .gloNavi-list-item-image {
		display: inline-block;
		position: relative;
		margin: 25px 15px 25px 20px;
		border-radius: 80px;
		width: 80px;
		height: 80px;
		vertical-align: top;
	}

	/* 移行元 90 行 `#knowledge .gloNavi-list-item-image img`. */
	#knowledge .gloNavi-list-item-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* 移行元 98 行 `#knowledge .gloNavi-list-item-text`. */
	#knowledge .gloNavi-list-item-text {
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 20px;
		font-weight: bold;
		vertical-align: top;
	}

	/* 移行元 109 行 `#knowledge .mainVisual`. */
	#knowledge .mainVisual {
		position: relative;
		background-image: url(../knowledge/mainvisual_img01.png?ver=0986f082277e);
		background-size: cover;
	}

	/* 移行元 113 行 `#knowledge .mainVisual-inner`. */
	#knowledge .mainVisual-inner {
		height: 700px;
	}

	/* 移行元 115 行 `#knowledge .mainVisual-logo img`. */
	#knowledge .mainVisual-logo img {
		margin: 15px;
	}

	/* 移行元 117 行 `#knowledge .mainVisual .to-top`. */
	#knowledge .mainVisual .to-top {
		position: absolute;
		right: 20px;
		top: 5px;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 20px;
		text-decoration: none;
		color: #835f24;
	}

	/* 移行元 126 行 `#knowledge .mainVisual .to-top[target="_blank"]:before`. */
	#knowledge .mainVisual .to-top[target="_blank"]:before {
		position: absolute;
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-top: 1px solid #48320d;
		border-right: 1px solid #48320d;
		right: 0;
		top: 13px;
	}

	/* 移行元 136 行 `#knowledge .mainVisual .to-top[target="_blank"]:after`. */
	#knowledge .mainVisual .to-top[target="_blank"]:after {
		position: absolute;
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border: 1px solid #48320d;
		right: 3px;
		top: 16px;
	}

	/* 移行元 145 行 `#knowledge .mainVisual-main`. */
	#knowledge .mainVisual-main {
		width: 720px;
		margin: 40px auto 0;
	}

	/* 移行元 148 行 `#knowledge .mainVisual-main-title`. */
	#knowledge .mainVisual-main-title {
		margin-bottom: 12px;
		font-size: 80px;
		font-weight: 600;
		text-align: center;
		line-height: 1.2;
	}

	/* 移行元 154 行 `#knowledge .mainVisual-main-copy`. */
	#knowledge .mainVisual-main-copy {
		margin-bottom: 21px;
		padding: 18px 0 15px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		font-size: 22px;
		font-weight: 600;
		text-align: center;
	}

	/* 移行元 162 行 `#knowledge .mainVisual-main-text`. */
	#knowledge .mainVisual-main-text {
		font-weight: bold;
		text-align: center;
		line-height: 1.7;
	}

	/* 移行元 166 行 `#knowledge .mainVisual .gloNavi`. */
	#knowledge .mainVisual .gloNavi {
		position: absolute;
		top: 507px;
		left: 50%;
		transform: translateX(-50%);
	}

	/* 移行元 174 行 `#knowledge #container`. */
	#knowledge #container {
		width: 1100px;
		margin: 0 auto;
	}

	/* 移行元 177 行 `#knowledge #container .contents`. */
	#knowledge #container .contents {
		margin-top: 147px;
	}

	/* 移行元 179 行 `#knowledge #container .contents-area`. */
	#knowledge #container .contents-area {
		margin-bottom: 115px;
	}

	/* 移行元 181 行 `#knowledge #container .contents-area#Party`. */
	#knowledge #container .contents-area#Party {
		margin-bottom: 130px;
	}

	/* 移行元 183 行 `#knowledge #container .contents-area#Autonomy, #knowledge #container .contents-area #Market`. */
	#knowledge #container .contents-area#Autonomy, #knowledge #container .contents-area #Market {
		margin-bottom: 120px;
	}

	/* 移行元 185 行 `#knowledge #container .contents-titleBlock`. */
	#knowledge #container .contents-titleBlock {
		position: relative;
		margin-bottom: 43px;
	}

	/* 移行元 188 行 `#knowledge #container .contents-titleBlock-icon`. */
	#knowledge #container .contents-titleBlock-icon {
		position: absolute;
	}

	/* 移行元 190 行 `#knowledge #container .contents-titleBlock-icon-inner`. */
	#knowledge #container .contents-titleBlock-icon-inner {
		display: inline-block;
		position: relative;
		border-radius: 80px;
		width: 80px;
		height: 80px;
		margin-right: 15px;
		vertical-align: top;
		background: #a3762b;
	}

	/* 移行元 199 行 `#knowledge #container .contents-titleBlock-icon-inner img`. */
	#knowledge #container .contents-titleBlock-icon-inner img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* 移行元 207 行 `#knowledge #container .contents-titleBlock-title`. */
	#knowledge #container .contents-titleBlock-title {
		display: inline-block;
		margin: 10px 0 10px 100px;
		color: #a3762b;
	}

	/* 移行元 211 行 `#knowledge #container .contents-titleBlock-copy`. */
	#knowledge #container .contents-titleBlock-copy {
		padding: 27px 0 30px 90px;
		border-top: 1px solid #a3762b;
		border-bottom: 1px solid #a3762b;
		color: #48320d;
		font-size: 32px;
		font-weight: 600;
	}

	/* 移行元 218 行 `#knowledge #container .contents-introBlock`. */
	#knowledge #container .contents-introBlock {
		clear: both;
		overflow: hidden;
		margin-bottom: 50px;
	}

	/* 移行元 222 行 `#knowledge #container .contents-introBlock-imageBox`. */
	#knowledge #container .contents-introBlock-imageBox {
		float: left;
		width: 540px;
		margin: 7px 0 0 0;
	}

	/* 移行元 226 行 `#knowledge #container .contents-introBlock-imageBox figcaption`. */
	#knowledge #container .contents-introBlock-imageBox figcaption {
		font-size: 10px;
	}

	/* 移行元 228 行 `#knowledge #container .contents-introBlock-textBox`. */
	#knowledge #container .contents-introBlock-textBox {
		float: right;
		margin-right: 12px;
		width: 496px;
	}

	/* 移行元 232 行 `#knowledge #container .contents-introBlock-textBox p`. */
	#knowledge #container .contents-introBlock-textBox p {
		font-size: 16px;
		line-height: 2;
		margin-top: 20px;
	}

	/* 移行元 236 行 `#knowledge #container .contents-introBlock-textBox p:first-child`. */
	#knowledge #container .contents-introBlock-textBox p:first-child {
		margin-top: 0;
	}

	/* 移行元 238 行 `#knowledge #container .contents-introBlock-textBox-btn`. */
	#knowledge #container .contents-introBlock-textBox-btn {
		margin-top: 5px;
		width: 240px;
		border: 1px solid #dcdcdc;
	}

	/* 移行元 242 行 `#knowledge #container .contents-introBlock-textBox-btn a`. */
	#knowledge #container .contents-introBlock-textBox-btn a {
		position: relative;
		display: block;
	}

	/* 移行元 245 行 `#knowledge #container .contents-introBlock-textBox-btn a img`. */
	#knowledge #container .contents-introBlock-textBox-btn a img {
		padding: 12px 19px 8px;
	}

	/* 移行元 247 行 `#knowledge #container .contents-introBlock-textBox-btn a[target="_blank"]:before`. */
	#knowledge #container .contents-introBlock-textBox-btn a[target="_blank"]:before {
		position: absolute;
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 1px solid #48320d;
		border-right: 1px solid #48320d;
		right: 5px;
		top: 5px;
	}

	/* 移行元 257 行 `#knowledge #container .contents-introBlock-textBox-btn a[target="_blank"]:after`. */
	#knowledge #container .contents-introBlock-textBox-btn a[target="_blank"]:after {
		position: absolute;
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border: 1px solid #48320d;
		right: 8px;
		top: 8px;
	}

	/* 移行元 266 行 `#knowledge #container .contents-introBlock-textBox-detailBtn`. */
	#knowledge #container .contents-introBlock-textBox-detailBtn {
		margin-top: 20px;
		width: 320px;
		background: #a3762b;
	}

	/* 移行元 270 行 `#knowledge #container .contents-introBlock-textBox-detailBtn a`. */
	#knowledge #container .contents-introBlock-textBox-detailBtn a {
		display: block;
		position: relative;
		padding: 16px 0 14px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}

	/* 移行元 279 行 `#knowledge #container .contents-introBlock-textBox-detailBtn a:before`. */
	#knowledge #container .contents-introBlock-textBox-detailBtn a:before {
		content: '';
		position: absolute;
		top: 22px;
		right: 15px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
	}

	/* 移行元 291 行 `#knowledge #container .contents-naviBlock`. */
	#knowledge #container .contents-naviBlock {
		clear: both;
		margin-bottom: 28px;
		background: #f7f7f5;
	}

	/* 移行元 295 行 `#knowledge #container .contents-naviBlock-inner`. */
	#knowledge #container .contents-naviBlock-inner {
		padding: 38px 42px;
	}

	/* 移行元 297 行 `#knowledge #container .contents-naviBlock-title`. */
	#knowledge #container .contents-naviBlock-title {
		margin-bottom: 20px;
		color: #48320d;
		text-align: center;
	}

	/* 移行元 301 行 `#knowledge #container .contents-naviBlock-text`. */
	#knowledge #container .contents-naviBlock-text {
		margin-bottom: 8px;
		line-height: 2;
	}

	/* 移行元 304 行 `#knowledge #container .contents-naviBlock-linkList`. */
	#knowledge #container .contents-naviBlock-linkList {
		display: flex;
		justify-content: center;
	}

	/* 移行元 311 行 `#knowledge #container .contents-naviBlock-linkList li`. */
	#knowledge #container .contents-naviBlock-linkList li {
		width: 260px;
		margin-right: 20px;
		background: #48320d;
		border-radius: 30px;
	}

	/* 移行元 316 行 `#knowledge #container .contents-naviBlock-linkList li:last-child`. */
	#knowledge #container .contents-naviBlock-linkList li:last-child {
		margin-right: 0;
	}

	/* 移行元 318 行 `#knowledge #container .contents-naviBlock-linkList li a`. */
	#knowledge #container .contents-naviBlock-linkList li a {
		display: block;
		position: relative;
		margin: 0 auto;
		padding: 10px 0;
		color: #fff;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		letter-spacing: 2.2px;
		font-size: 14px;
	}

	/* 移行元 329 行 `#knowledge #container .contents-naviBlock-linkList li a:before`. */
	#knowledge #container .contents-naviBlock-linkList li a:before {
		content: '';
		position: absolute;
		top: 18px;
		right: 15px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
	}

	/* 移行元 341 行 `#knowledge #container .contents .contents-comment`. */
	#knowledge #container .contents .contents-comment {
		font-size: 12px;
	}

	/* 移行元 343 行 `#knowledge #container #Party .contents-introBlock`. */
	#knowledge #container #Party .contents-introBlock {
		margin-bottom: 48px;
	}

	/* 移行元 345 行 `#knowledge #container #Party .contents-introBlock-textBox-btn a img`. */
	#knowledge #container #Party .contents-introBlock-textBox-btn a img {
		padding: 11px 53px 7px;
	}

	/* 移行元 347 行 `#knowledge #container #Party .contents-naviBlock-inner`. */
	#knowledge #container #Party .contents-naviBlock-inner {
		padding: 36px 42px;
	}

	/* 移行元 349 行 `#knowledge #container #Party .contents-naviBlock-text`. */
	#knowledge #container #Party .contents-naviBlock-text {
		margin-bottom: 15px;
	}

	/* 移行元 351 行 `#knowledge #container #Autonomy .contents-introBlock`. */
	#knowledge #container #Autonomy .contents-introBlock {
		margin-bottom: 48px;
	}

	/* 移行元 353 行 `#knowledge #container #Autonomy .contents-naviBlock-inner`. */
	#knowledge #container #Autonomy .contents-naviBlock-inner {
		padding: 36px 42px;
	}

	/* 移行元 355 行 `#knowledge #container #Autonomy .contents-naviBlock-text`. */
	#knowledge #container #Autonomy .contents-naviBlock-text {
		margin-bottom: 17px;
	}

	/* 移行元 357 行 `#knowledge #container #Market .contents-introBlock`. */
	#knowledge #container #Market .contents-introBlock {
		margin-bottom: 0;
		padding-bottom: 50px;
		border-bottom: 1px solid #dcdcdc;
	}

	/* 移行元 361 行 `#knowledge #container #Market .contents-introBlock-imageBox`. */
	#knowledge #container #Market .contents-introBlock-imageBox {
		width: 300px;
	}

	/* 移行元 363 行 `#knowledge #container #Market .contents-introBlock-imageBox img`. */
	#knowledge #container #Market .contents-introBlock-imageBox img {
		width: 100%;
	}

	/* 移行元 365 行 `#knowledge #container #Market .contents-introBlock-textBox`. */
	#knowledge #container #Market .contents-introBlock-textBox {
		width: 730px;
	}

	/* 移行元 367 行 `#knowledge #container #Market .contents-introBlock-textBox p`. */
	#knowledge #container #Market .contents-introBlock-textBox p {
		font-size: 14px;
	}

	/* 移行元 369 行 `#knowledge #container #Market .contents-naviBlock-inner`. */
	#knowledge #container #Market .contents-naviBlock-inner {
		padding: 38px 42px;
	}

	/* 移行元 458 行 `#knowledge .page_topArea .page_top`. */
	#knowledge .page_topArea .page_top {
		padding-top: 0;
	}

	/* 移行元 462 行 `#knowledge.market figcaption`. */
	#knowledge.market figcaption {
		font-size: 10px;
	}

	/* 移行元 465 行 `#knowledge.market .mainVisual`. */
	#knowledge.market .mainVisual {
		background-image: url(../knowledge/mainvisual_img02.png?ver=0df45069c868);
	}

	/* 移行元 467 行 `#knowledge.market .mainVisual-inner`. */
	#knowledge.market .mainVisual-inner {
		height: 300px;
	}

	/* 移行元 469 行 `#knowledge.market .mainVisual-main`. */
	#knowledge.market .mainVisual-main {
		margin: 5px auto 0;
	}

	/* 移行元 471 行 `#knowledge.market .mainVisual-main-circle`. */
	#knowledge.market .mainVisual-main-circle {
		display: block;
		position: relative;
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 80px;
		background: #a3762b;
	}

	/* 移行元 479 行 `#knowledge.market .mainVisual-main-circle img`. */
	#knowledge.market .mainVisual-main-circle img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* 移行元 487 行 `#knowledge.market .mainVisual-main-title`. */
	#knowledge.market .mainVisual-main-title {
		margin-top: 15px;
		font-size: 42px;
	}

	/* 移行元 491 行 `#knowledge.market #container .contents`. */
	#knowledge.market #container .contents {
		margin-top: 80px;
		margin-bottom: 80px;
	}

	/* 移行元 494 行 `#knowledge.market #container .contents-area`. */
	#knowledge.market #container .contents-area {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin-bottom: 50px;
		padding-bottom: 25px;
		border-bottom: 1px solid #dcdcdc;
	}

	/* 移行元 508 行 `#knowledge.market #container .contents-area-textBox`. */
	#knowledge.market #container .contents-area-textBox {
		width: 506px;
	}

	/* 移行元 510 行 `#knowledge.market #container .contents-area-textBox h2`. */
	#knowledge.market #container .contents-area-textBox h2 {
		position: relative;
		margin-left: 17px;
		margin-bottom: 20px;
		color: #48320d;
		font-size: 22px;
		font-weight: bold;
	}

	/* 移行元 517 行 `#knowledge.market #container .contents-area-textBox h2:before`. */
	#knowledge.market #container .contents-area-textBox h2:before {
		content: '';
		position: absolute;
		top: 4px;
		left: -17px;
		height: 24px;
		border-left: 4px solid #48320d;
	}

	/* 移行元 524 行 `#knowledge.market #container .contents-area-textBox p`. */
	#knowledge.market #container .contents-area-textBox p {
		line-height: 2;
	}

	/* 移行元 526 行 `#knowledge.market #container .contents-area-imageBox`. */
	#knowledge.market #container .contents-area-imageBox {
		margin: 7px 0 0 0;
	}

	/* 移行元 529 行 `#knowledge.market #container .gloNavi`. */
	#knowledge.market #container .gloNavi {
		margin-bottom: 80px;
	}

	/* 移行元 531 行 `#knowledge.market #container .gloNavi-list-item a:after`. */
	#knowledge.market #container .gloNavi-list-item a:after {
		transform: rotate(-45deg);
	}

	/* 移行元 535 行 `#knowledge.market #container .gloNavi-list-item a[target="_blank"]:after`. */
	#knowledge.market #container .gloNavi-list-item a[target="_blank"]:after {
		transform: rotate(0);
		margin-top: -4px;
	}

	/* 移行元 540 行 `#knowledge.market #container .gloNavi-list-item-image`. */
	#knowledge.market #container .gloNavi-list-item-image {
		display: inline-block;
		position: relative;
		margin: 15px;
		border-radius: 80px;
		width: 50px;
		height: 50px;
		vertical-align: top;
	}

	/* 移行元 548 行 `#knowledge.market #container .gloNavi-list-item-image img`. */
	#knowledge.market #container .gloNavi-list-item-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		max-width: 28px;
		max-height: 28px;
	}

	/* 移行元 559 行 `#knowledge.market #container .gloNavi-list-item-text`. */
	#knowledge.market #container .gloNavi-list-item-text {
		font-size: 16px;
	}
}

/*
 * ------------------------------------------------------------------
 * 携帯幅（749px 以下）… 移行元スマートフォン版の CSS のうち、dev の markup に
 * 当たり先が実在する 71 本（Task #7147）
 * ------------------------------------------------------------------
 *
 * 写し元は `legacy/www.p-a.jp/public/sp/knowledge/css/sp_style.css`（13,354 字・規則 103 本）。
 * 上の `@media (min-width: 750px)` はパソコン版の写し（Task #7080）で、こちらとは
 * **写し元のファイルが違う。**移行元は 2 つの版に別の HTML と別の CSS を配っている。
 *
 * 🚨 **103 本を丸ごとは写せない。**dev の本文は**移行元パソコン版の markup** なので
 * （投入は `public/knowledge/` の `#wrapper` を取り込む）、スマートフォン版だけが持つ
 * 当たり先を指す規則は 1 つも当たらない。**当たり先が実在するかを全数で数えてから写した。**
 *
 * | 判定 | セレクタの片 |
 * |---|---:|
 * | 写す（この節に入れた） | **84** |
 * | 写さない（3 ページ目 `/knowledge/contact/`・スコープ外） | 27 |
 * | 写さない（本文の器の外＝移行元のフッター） | 4 |
 * | 写さない（当たり先が無い＝`p.more`。スマートフォン版だけの「もっと見る」の札） | 1 |
 *
 * 数は**セレクタの片**（`,` で分けた 1 つ）で数えている。規則の本数では 71 本になる。
 * 表は `pa-verify-assets/D7/7147-当たり先の表-0919/当たり先の表-実物.tsv`
 * （sha256 `acbd2ac74f324ba116496d6f55e3cf2001c8a91c8d7d2e9f3e11ec23ab94dd62`）。
 *
 * 🚨 **当たり先は dev の実物で数えた。**2026-09-19 09:18:55 の走行で `/knowledge/` と
 * `/knowledge/market/` を実ブラウザで開き、本文に在る類名（一覧 232 種・詳細 220 種）と
 * 突き合わせている。移行元パソコン版の HTML で数えた推定と 1 件も違わなかった。
 */
@media (max-width: 749px) {
	/* 移行元 1 行 `#knowledge .mainVisual`. */
	#knowledge .mainVisual {
		background: none;
	}

	/*
	 * 移行元 2 行 `#knowledge .mainVisual-inner`.
	 * 🚨 **絵の道すじは移行元のまま写さない（Bug #7954）。**移行元の `url(/sp/knowledge/images/…)` は
	 * dev に無い道すじで、2 ページとも 404 だった。移行元スマートフォン版の絵（750x820・md5 01335e8b）を
	 * `assets/knowledge/sp/` へ置いて引く。パソコン版の `assets/knowledge/mainvisual_img01.png` とは別の絵である.
	 */
	#knowledge .mainVisual-inner {
		height: auto;
		background-image: url(../knowledge/sp/mainvisual_img01.png?ver=17bfb786f418);
		background-size: cover;
	}

	/* 移行元 6 行 `#knowledge .mainVisual-logo img`. */
	#knowledge .mainVisual-logo img {
		width: 100px;
		display: block;
		margin: 0;
		padding: 10px;
	}

	/* 移行元 11 行 `#knowledge .mainVisual .to-top`. */
	#knowledge .mainVisual .to-top {
		top: 0;
		right: 10px;
		font-size: 10px;
	}

	/* 移行元 15 行 `#knowledge .mainVisual .to-top[target="_blank"]:before`. */
	#knowledge .mainVisual .to-top[target="_blank"]:before {
		width: 6px;
		height: 6px;
		right: 0;
		top: 11px;
	}

	/* 移行元 20 行 `#knowledge .mainVisual .to-top[target="_blank"]:after`. */
	#knowledge .mainVisual .to-top[target="_blank"]:after {
		width: 6px;
		height: 6px;
		right: 3px;
		top: 14px;
	}

	/* 移行元 25 行 `#knowledge .mainVisual-main`. */
	#knowledge .mainVisual-main {
		width: 84%;
		margin: 10px auto 0;
		padding-bottom: 40px;
	}

	/* 移行元 29 行 `#knowledge .mainVisual-main-title`. */
	#knowledge .mainVisual-main-title {
		margin-bottom: 20px;
		font-size: 40px;
	}

	/* 移行元 32 行 `#knowledge .mainVisual-main-copy`. */
	#knowledge .mainVisual-main-copy {
		font-size: 16px;
		font-weight: 600;
	}

	/* 移行元 35 行 `#knowledge .mainVisual-main-text`. */
	#knowledge .mainVisual-main-text {
		font-size: 12px;
		font-weight: normal;
	}

	/* 移行元 38 行 `#knowledge .mainVisual .gloNavi`. */
	#knowledge .mainVisual .gloNavi,
	#knowledge .gloNavi {
		position: static;
		width: 100%;
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
	}

	/* 移行元 46 行 `#knowledge .mainVisual .gloNavi-list`. */
	#knowledge .mainVisual .gloNavi-list,
	#knowledge .gloNavi-list {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* 移行元 54 行 `#knowledge .mainVisual .gloNavi-list__top li`. */
	#knowledge .mainVisual .gloNavi-list__top li,
	#knowledge .gloNavi-list__top li {
		width: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-top: 1px solid #FFF;
	}

	/* 移行元 60 行 `#knowledge .mainVisual .gloNavi-list__top li:nth-child(even)`. */
	#knowledge .mainVisual .gloNavi-list__top li:nth-child(even),
	#knowledge .gloNavi-list__top li:nth-child(even) {
		border-right: none;
	}

	/* 移行元 63 行 `#knowledge .mainVisual .gloNavi-list__bottom .gloNavi-list-item a`. */
	#knowledge .mainVisual .gloNavi-list__bottom .gloNavi-list-item a,
	#knowledge .gloNavi-list__bottom .gloNavi-list-item a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* 移行元 71 行 `#knowledge .mainVisual .gloNavi-list__bottom .gloNavi-list-item-image`. */
	#knowledge .mainVisual .gloNavi-list__bottom .gloNavi-list-item-image,
	#knowledge .gloNavi-list__bottom .gloNavi-list-item-image {
		display: none !important;
	}

	/* 移行元 74 行 `#knowledge .mainVisual .gloNavi-list__bottom .gloNavi-list-item-text`. */
	#knowledge .mainVisual .gloNavi-list__bottom .gloNavi-list-item-text,
	#knowledge .gloNavi-list__bottom .gloNavi-list-item-text {
		display: block;
		position: relative;
		top: auto;
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
		font-size: 13px !important;
		margin: 15px;
	}

	/* 移行元 84 行 `#knowledge .mainVisual .gloNavi-list-item a`. */
	#knowledge .mainVisual .gloNavi-list-item a,
	#knowledge .gloNavi-list-item a {
		display: block;
		height: 100%;
	}

	/* 移行元 88 行 `#knowledge .mainVisual .gloNavi-list-item a:after`. */
	#knowledge .mainVisual .gloNavi-list-item a:after,
	#knowledge .gloNavi-list-item a:after {
		border-width: 1px;
	}

	/* 移行元 91 行 `#knowledge .mainVisual .gloNavi-list-item-image`. */
	#knowledge .mainVisual .gloNavi-list-item-image,
	#knowledge .gloNavi-list-item-image {
		width: 40px !important;
		height: 40px !important;
		margin: 12px 8px 12px 12px !important;
	}

	/* 移行元 96 行 `#knowledge .mainVisual .gloNavi-list-item-image img`. */
	#knowledge .mainVisual .gloNavi-list-item-image img,
	#knowledge .gloNavi-list-item-image img {
		max-height: 20px;
		width: auto;
	}

	/* 移行元 100 行 `#knowledge .mainVisual .gloNavi-list-item-text`. */
	#knowledge .mainVisual .gloNavi-list-item-text,
	#knowledge .gloNavi-list-item-text {
		font-size: 16px;
		line-height: 1.4;
	}

	/* 移行元 104 行 `#knowledge .mainVisual .gloNavi-list-item:first-child img`. */
	#knowledge .mainVisual .gloNavi-list-item:first-child img,
	#knowledge .gloNavi-list-item:first-child img {
		width: 22px;
		height: auto;
	}

	/* 移行元 108 行 `#knowledge #container`. */
	#knowledge #container {
		width: 100%;
	}

	/* 移行元 111 行 `#knowledge #container .contents`. */
	#knowledge #container .contents {
		margin-top: 25px;
	}

	/* 移行元 113 行 `#knowledge #container .contents-area`. */
	#knowledge #container .contents-area {
		margin: 0 2.7% 60px !important;
	}

	/* 移行元 115 行 `#knowledge #container .contents-area#Agency .contents-titleBlock-icon-inner img`. */
	#knowledge #container .contents-area#Agency .contents-titleBlock-icon-inner img {
		width: 22px;
	}

	/* 移行元 117 行 `#knowledge #container .contents-area#Party .contents-introBlock-textBox-btn img`. */
	#knowledge #container .contents-area#Party .contents-introBlock-textBox-btn img {
		width: 132px;
	}

	/* 移行元 119 行 `#knowledge #container .contents-area#Autonomy .contents-introBlock`. */
	#knowledge #container .contents-area#Autonomy .contents-introBlock {
		margin-bottom: 30px;
	}

	/* 移行元 121 行 `#knowledge #container .contents-area#Autonomy .contents-introBlock-textBox`. */
	#knowledge #container .contents-area#Autonomy .contents-introBlock-textBox {
		margin-bottom: 0;
	}

	/* 移行元 123 行 `#knowledge #container .contents-area#Market .contents-introBlock`. */
	#knowledge #container .contents-area#Market .contents-introBlock {
		border-bottom: none;
		padding-bottom: 0;
	}

	/* 移行元 126 行 `#knowledge #container .contents-area#Market .contents-introBlock-imageBox`. */
	#knowledge #container .contents-area#Market .contents-introBlock-imageBox {
		width: 100%;
	}

	/* 移行元 128 行 `#knowledge #container .contents-area#Market .contents-introBlock-textBox`. */
	#knowledge #container .contents-area#Market .contents-introBlock-textBox {
		width: 100%;
	}

	/* 移行元 130 行 `#knowledge #container .contents-titleBlock`. */
	#knowledge #container .contents-titleBlock {
		margin-bottom: 25px;
	}

	/* 移行元 132 行 `#knowledge #container .contents-titleBlock-title`. */
	#knowledge #container .contents-titleBlock-title {
		display: block;
		margin: 0 0 26px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
	}

	/* 移行元 138 行 `#knowledge #container .contents-titleBlock-icon`. */
	#knowledge #container .contents-titleBlock-icon {
		top: 25px;
		left: 50%;
		margin-left: -20px;
	}

	/* 移行元 142 行 `#knowledge #container .contents-titleBlock-icon-inner`. */
	#knowledge #container .contents-titleBlock-icon-inner {
		width: 40px;
		height: 40px;
		margin: 0;
	}

	/* 移行元 146 行 `#knowledge #container .contents-titleBlock-icon-inner img`. */
	#knowledge #container .contents-titleBlock-icon-inner img {
		width: 20px;
	}

	/* 移行元 148 行 `#knowledge #container .contents-titleBlock-copy`. */
	#knowledge #container .contents-titleBlock-copy {
		padding: 35px 0 22px;
		text-align: center;
		font-size: 18px;
	}

	/* 移行元 152 行 `#knowledge #container .contents-titleBlock-copy sup`. */
	#knowledge #container .contents-titleBlock-copy sup {
		font-size: 8px;
		vertical-align: 7px;
	}

	/* 移行元 155 行 `#knowledge #container .contents-introBlock`. */
	#knowledge #container .contents-introBlock {
		margin-bottom: 35px;
	}

	/* 移行元 157 行 `#knowledge #container .contents-introBlock-imageBox`. */
	#knowledge #container .contents-introBlock-imageBox {
		float: none;
		width: 100%;
		margin: 0;
	}

	/* 移行元 161 行 `#knowledge #container .contents-introBlock-imageBox figcaption`. */
	#knowledge #container .contents-introBlock-imageBox figcaption {
		margin: 10px 0 0;
	}

	/* 移行元 163 行 `#knowledge #container .contents-introBlock-textBox`. */
	#knowledge #container .contents-introBlock-textBox {
		float: none;
		margin: 15px 0 0;
		width: auto;
	}

	/* 移行元 167 行 `#knowledge #container .contents-introBlock-textBox p strong`. */
	#knowledge #container .contents-introBlock-textBox p strong {
		font-weight: bold;
		font-size: 16px;
	}

	/* 移行元 174 行 `#knowledge #container .contents-introBlock-textBox-btn`. */
	#knowledge #container .contents-introBlock-textBox-btn {
		margin: 0 auto;
	}

	/* 移行元 176 行 `#knowledge #container .contents-introBlock-textBox-btn img`. */
	#knowledge #container .contents-introBlock-textBox-btn img {
		width: 200px;
		margin: 0 auto;
	}

	/* 移行元 179 行 `#knowledge #container .contents-introBlock-textBox-detailBtn`. */
	#knowledge #container .contents-introBlock-textBox-detailBtn {
		width: 84%;
		margin: 20px auto 0;
	}

	/* 移行元 182 行 `#knowledge #container .contents-naviBlock`. */
	#knowledge #container .contents-naviBlock {
		margin-bottom: 10px;
	}

	/* 移行元 184 行 `#knowledge #container .contents-naviBlock-inner`. */
	#knowledge #container .contents-naviBlock-inner {
		padding: 25px 20px !important;
	}

	/* 移行元 186 行 `#knowledge #container .contents-naviBlock-title`. */
	#knowledge #container .contents-naviBlock-title {
		margin-bottom: 15px;
		font-size: 14px;
		font-weight: bold;
	}

	/* 移行元 190 行 `#knowledge #container .contents-naviBlock-text`. */
	#knowledge #container .contents-naviBlock-text {
		margin-bottom: 15px;
	}

	/* 移行元 192 行 `#knowledge #container .contents-naviBlock-linkList`. */
	#knowledge #container .contents-naviBlock-linkList {
		display: block;
	}

	/* 移行元 194 行 `#knowledge #container .contents-naviBlock-linkList li`. */
	#knowledge #container .contents-naviBlock-linkList li {
		width: 100%;
		margin: 10px 0 0;
	}

	/* 移行元 200 行 `#knowledge .footer1-inner`. */
	#knowledge .footer1-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		padding: 3px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	/* 移行元 212 行 `#knowledge .footer1-mainArea-item`. */
	#knowledge .footer1-mainArea-item {
		display: block;
		width: calc(33.3% - 2px);
		text-align: center;
		padding: 12px 13px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* 移行元 228 行 `#knowledge .footer1-mainArea-item:after`. */
	#knowledge .footer1-mainArea-item:after {
		width: 7px;
		height: 7px;
		margin-top: -4px;
		right: 8px;
		border-width: 1px;
	}

	/* 移行元 236 行 `#knowledge.market .mainVisual`. 絵は上の `.mainVisual-inner` と同じ理由でテーマから引く（750x300・md5 5b2ea1de）. */
	#knowledge.market .mainVisual {
		background-image: url(../knowledge/sp/mainvisual_img02.png?ver=ddae04a6fe56);
		background-size: cover;
		max-height: 150px;
	}

	/* 移行元 241 行 `#knowledge.market .mainVisual-inner`. */
	#knowledge.market .mainVisual-inner {
		height: 150px;
		background-image: none;
	}

	/* 移行元 244 行 `#knowledge.market .mainVisual-main`. */
	#knowledge.market .mainVisual-main {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	/* 移行元 248 行 `#knowledge.market .mainVisual-main-circle`. */
	#knowledge.market .mainVisual-main-circle {
		width: 40px;
		height: 40px;
	}

	/* 移行元 251 行 `#knowledge.market .mainVisual-main-circle img`. */
	#knowledge.market .mainVisual-main-circle img {
		width: 20px;
	}

	/* 移行元 253 行 `#knowledge.market .mainVisual-main-title`. */
	#knowledge.market .mainVisual-main-title {
		margin: 10px 0 0;
		font-size: 30px;
		line-height: 1;
	}

	/* 移行元 257 行 `#knowledge.market #container .contents`. */
	#knowledge.market #container .contents {
		margin: 35px 0 0;
	}

	/* 移行元 260 行 `#knowledge.market #container .contents-area`. */
	#knowledge.market #container .contents-area {
		display: block;
		margin-bottom: 40px !important;
		padding-bottom: 40px;
	}

	/* 移行元 264 行 `#knowledge.market #container .contents-area:last-child`. */
	#knowledge.market #container .contents-area:last-child {
		border-bottom: none;
		margin-bottom: 0 !important;
	}

	/* 移行元 267 行 `#knowledge.market #container .contents-area-textBox`. */
	#knowledge.market #container .contents-area-textBox {
		width: auto;
	}

	/* 移行元 269 行 `#knowledge.market #container .contents-area-textBox h2`. */
	#knowledge.market #container .contents-area-textBox h2 {
		margin-bottom: 15px;
		font-size: 20px;
	}

	/* 移行元 272 行 `#knowledge.market #container .contents-area-imageBox`. */
	#knowledge.market #container .contents-area-imageBox {
		margin: 15px 0 0;
	}

	/* 移行元 274 行 `#knowledge.market #container .contents-area figcaption`. */
	#knowledge.market #container .contents-area figcaption {
		margin-top: 10px;
	}

	/* 移行元 276 行 `#knowledge.market #container .gloNavi`. */
	#knowledge.market #container .gloNavi {
		margin-bottom: 25px;
	}

	/*
	 * ------------------------------------------------------------------
	 * 移行元スマートフォン版でも勝っている、パソコン版の規則と箱の数え方（Bug #7954）
	 * ------------------------------------------------------------------
	 *
	 * 🚨 **移行元スマートフォン版は、パソコン版の CSS も読む。**`sp/knowledge/index.html` は
	 * `/knowledge/css/style.css`（`media="all"`）を読み、そのあとに `sp_style.css` を読む。だから
	 * スマートフォン版の規則が書かない値は、パソコン版の規則が決める。この節の上の写し（Task #7147）は
	 * `sp_style.css` だけを写したので、パソコン版の規則が 1 本も当たっていなかった。
	 *
	 * 🚨 **箱の数え方も違う。**移行元は `content-box`、テーマは `*, *::before, *::after` に
	 * `border-box` を当てる。`width` と `padding` の両方を持つ絵は、テーマのままだと padding の分だけ小さくなる。
	 *
	 * 2026-09-28 の直す前の読み（`pa-verify-assets/B/7954-直す前-0928/`・CDP の当たった規則）で、
	 * 絵 6 か所の大きさの出どころを両側で確かめた。ここへ写したのは、その 6 か所と主役の区画の高さに効く規則だけである。
	 * 値は移行元 `knowledge/css/style.css` のまま（ベンダー接頭辞は写さない）.
	 */

	/*
	 * ページ全体の書体（Bug #8653）. 移行元はパソコン版 2 行 `html > body` の書体（ヒラギノ角ゴ）がページ全体に効き、
	 * 14 行 `#knowledge .min` の付いた字（主役の区画の題とコピーなど）は明朝になる. 上のパソコン版の写し（750px 以上）と同じ宣言を、
	 * 携帯幅にも `#knowledge` で囲んで当てる（全サイトの `body` の書体は変えない）.
	 */
	#knowledge {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
	}

	#knowledge .min {
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}

	/* 上の logo（2 ページ）: `width: 100px` と `padding: 10px` は上の写しに在る。移行元は content-box で 120 x 36.5. */
	#knowledge .mainVisual-logo img {
		box-sizing: content-box;
	}

	/* 移行元 109 行 `#knowledge .mainVisual`（`position` だけ）. 下の `.to-top` の位置の基準になる. */
	#knowledge .mainVisual {
		position: relative;
	}

	/*
	 * 移行元 117 行 `#knowledge .mainVisual .to-top`（`right`・`top`・`font-size` は上の写しが持つので除いた）.
	 * dev は `position` が当たらず、流れの中で 1 行を占めていた（主役の区画の高さの差のうち 31.48px）.
	 */
	#knowledge .mainVisual .to-top {
		position: absolute;
		font-weight: bold;
		padding: 10px 20px;
		text-decoration: none;
		color: #835f24;
	}

	/* 移行元 126 行と 136 行の矢印（大きさと位置は上の写しが持つので除いた）. */
	#knowledge .mainVisual .to-top[target="_blank"]:before {
		position: absolute;
		content: "";
		display: block;
		border-top: 1px solid #48320d;
		border-right: 1px solid #48320d;
	}

	#knowledge .mainVisual .to-top[target="_blank"]:after {
		position: absolute;
		content: "";
		display: block;
		border: 1px solid #48320d;
	}

	/*
	 * 主役の区画の中身（題・コピー・本文）. 2026-09-28 の中身の読み（`pa-verify-assets/B/7954-主役の中身-0928/`）で、
	 * 移行元の `.mainVisual-main` 369.17 = 題 96 + 20 + コピー 131 + 21 + 本文 61.17 + 40 と読んだ. 字の大きさは両側で同じで、
	 * 差は行送り・余白・padding・罫・書体から来ていた. dev はパソコン版の規則の代わりに、テーマの見出しと段落の規則
	 * （行送り 1.5 と 1.8・h1 と p の外余白）が当たっていた.
	 *
	 * 書体は上の「ページ全体の書体」が受け持つ（Bug #8653）.
	 * 本文は、パソコン版の `font-weight: bold` をスマートフォン版が `normal` に戻しているので、太さは写さない.
	 */

	/* 移行元 148 行 `#knowledge .mainVisual-main-title`（字の大きさと下の余白 20px は上の写しが持つ）. 上の余白 0 は移行元 `sp/css/basic.css` の打ち消し. */
	#knowledge .mainVisual-main-title {
		margin-top: 0;
		font-weight: 600;
		text-align: center;
		line-height: 1.2;
	}

	/* 移行元 154 行 `#knowledge .mainVisual-main-copy`（字の大きさと太さは上の写しが持つ）. 上下の黒い罫が区切りになる. */
	#knowledge .mainVisual-main-copy {
		margin: 0 0 21px;
		padding: 18px 0 15px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		text-align: center;
	}

	/* 移行元 162 行 `#knowledge .mainVisual-main-text`（太さは上の写しの `normal`）. 外余白 0 は移行元 `sp/css/basic.css` の打ち消し. */
	#knowledge .mainVisual-main-text {
		margin: 0;
		text-align: center;
		line-height: 1.7;
	}

	/*
	 * 押しボタンの絵（`/knowledge/` の logo と otocon）: 移行元 245 行と 345 行の `padding`・移行元 `sp/css/common.css` の
	 * `img { display: block }`（`margin: 0 auto` で真ん中に寄る）・content-box. 移行元は 238 x 53 と 238 x 55.
	 */
	#knowledge #container .contents-introBlock-textBox-btn a img {
		display: block;
		box-sizing: content-box;
		padding: 12px 19px 8px;
	}

	#knowledge #container #Party .contents-introBlock-textBox-btn a img {
		padding: 11px 53px 7px;
	}

	/*
	 * 押しボタンの枠と矢印（Bug #8653）. 移行元 238 行・242 行・247 行・257 行（`margin` はスマートフォン版の写しの `0 auto` が勝つので写さない）.
	 * 移行元は content-box なので、器は 240 ＋ 枠 2 = 242 幅、矢印は 7 ＋ 枠で描く.
	 */
	#knowledge #container .contents-introBlock-textBox-btn {
		box-sizing: content-box;
		width: 240px;
		border: 1px solid #dcdcdc;
	}

	#knowledge #container .contents-introBlock-textBox-btn a {
		position: relative;
		display: block;
	}

	#knowledge #container .contents-introBlock-textBox-btn a[target="_blank"]:before {
		box-sizing: content-box;
		position: absolute;
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 1px solid #48320d;
		border-right: 1px solid #48320d;
		right: 5px;
		top: 5px;
	}

	#knowledge #container .contents-introBlock-textBox-btn a[target="_blank"]:after {
		box-sizing: content-box;
		position: absolute;
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border: 1px solid #48320d;
		right: 8px;
		top: 8px;
	}

	/*
	 * 移行元 363 行 `#knowledge #container #Market .contents-introBlock-imageBox img`（`/knowledge/` の市場環境の絵）.
	 * 絵そのものは `inc/sp-image-swap.php` が携帯幅だけ `market_img02.png` へ替える. 移行元は 354.75 x 199.7.
	 */
	#knowledge #container #Market .contents-introBlock-imageBox img {
		display: block;
		width: 100%;
	}

	/*
	 * 移行元 548 行 `#knowledge.market #container .gloNavi-list-item-image img`（`/knowledge/market/` の下の gloNavi）.
	 * ID 2 つを持つので、上の写しの `max-height: 20px` と `:first-child img { width: 22px }` に勝つ. 移行元は 27.98 x 19.47 ほか.
	 * 器の `position: relative` は移行元 82 行 `#knowledge .gloNavi-list-item-image` から、この区画の器だけに写した
	 * （上の gloNavi は両側とも 20 x 20 で合っているので触らない）.
	 */
	#knowledge.market #container .gloNavi-list-item-image {
		position: relative;
	}

	#knowledge.market #container .gloNavi-list-item-image img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		max-width: 28px;
		max-height: 28px;
	}
}

/**
 * PA KNOWLEDGE の 2 ページの字の大きさと行送りを、移行元にそろえる（Bug #7847）。
 *
 * 【何が起きていたか】移行元は `<body id="knowledge">` が **12px・行送り `normal`** で、
 * 本文の器（`#contents`）を持たない（`knowledge/index.html` に `id="contents"` は 0 個）。
 * dev はテーマの `--pa-content-font-size: 13px` と `--pa-line-height-base: 1.5` が
 * `main.site-main` に当たるので、`#knowledge` の中が **13px・19.5px** になっていた。
 *
 * 幅 1440 の実測（2026-09-20 08:4x・実ブラウザ・両側を並べた値）:
 *
 *   | 器                                | 移行元        | 直す前の dev  |
 *   |-----------------------------------|---------------|---------------|
 *   | `#knowledge`                      | 12px / normal | 13px / 19.5px |
 *   | `.mainVisual` `-inner` `-main`    | 12px / normal | 13px / 19.5px |
 *   | `.mainVisual-main-copy`           | 22px / normal | 22px / 39.6px |
 *   | `.footer1-mainArea` `-item`       | 12px / normal | 12px / 18px   |
 *   | `.mainVisual-main-title`（対照）  | 80px / 96px   | 80px / 96px   |
 *   | `.mainVisual-main-text`（対照）   | 14px / 23.8px | 14px / 23.8px |
 *
 * いちばん大きく出ていたのは `.mainVisual-main-copy` の高さで、行送りが `normal` と
 * `39.6px`（22px × 1.8）で違うため **101.00 → 114.19（13.19px）**ずれていた。
 *
 * 🚨 **`#knowledge` で絞る。**この目印は PA KNOWLEDGE の 2 ページにしか無い。
 * テーマ共通の `--pa-content-font-size` と `--pa-line-height-base` は変えない
 * （全ページの本文が動く）。
 *
 * 🚨 **行送りは受け継ぎだけでは戻らない。**`.mainVisual-main-copy` は `<p>` で、
 * テーマの段落の規則（1.8）が受け継ぎに勝つ。取材の帯の 2 つも同じ理由で、
 * 当たり先を名指しして `normal` に戻す。
 *
 * 🚨 **字の大きさを明に持つ器は動かない。**`.mainVisual-main-title`（80px）・
 * `.mainVisual-main-text`（14px）・`.footer1-mainArea-item-textArea-title`（20px）・
 * `-supple`（14px）はこのファイルの上の節が値を持っており、受け継ぎを使っていない。
 *
 * 【この Issue で直らない差】取材の帯の `-textArea` の幅が **293.31 → 292.47**
 * （0.84px）違う。字の大きさでも行送りでもなく、出どころを読めていない。
 * 取り込み後の再測定で残っていれば別の Bug として起こす。
 *
 * 【検査】足さない（2026-09-18 のユーザー決定 D413）。
 */
#knowledge {
	font-size: 12px;
	line-height: normal;
}

#knowledge .mainVisual-main-copy,
#knowledge .footer1-mainArea,
#knowledge .footer1-mainArea-item {
	line-height: normal;
}

/* ------------------------------------------------------------------
 * 携帯幅の「先頭へ戻る」（Bug #10028）
 * ------------------------------------------------------------------
 *
 * 移行元の携帯版は 2 ページとも本文の末尾に `p.page_top > a > img[src="/sp/images/page_top.gif"]` を持ち、
 * 375 で 44.53 × 50.39・左端 165.23（中央寄せ）・下の外余白 30px で出す（幅は `div#container` 375px の 11.875%）。
 * dev はパソコン版の本文（`div.page_topArea > p.page_top`）のままで、携帯幅でもパソコン版の絵
 * `pagetop_off.png`（50 × 63）を左端に出していた（2026-10-10 05:20 の実測・
 * `pa-verify-assets/A2/10028-KNOWLEDGEの先頭へ戻る-1010/読み1-下見/`）.
 *
 * 🚨 **main.css の共通の規則は届かない。**携帯幅の共通の規則
 * （`:is(.entry-content, .page-content__body) p.page_top` と `img`）は本文の器で絞られているが、
 * KNOWLEDGE の外枠（`page-templates/knowledge-frame.php`）は本文を `#knowledge` だけで包む。
 * 値は共通の規則と同じにして、当て先だけ `#knowledge` にする.
 *
 * 🚨 **幅は `vw` で書く。**移行元の 11.875% は画面幅いっぱいの器が基準で、dev の親
 * （`div.page_topArea`）も 375px だが、共通の規則と同じ書き方にそろえる.
 *
 * 絵はテーマの `assets/images/pagetop_sp.gif`（76 × 86。移行元 `/sp/images/page_top.gif` と
 * SHA-256 が一致する。main.css の共通の規則の注釈）。パソコン幅は触らない（携帯幅の囲みの中だけ）.
 * 指を乗せたときの差し替え（main.css の `.page_top a:hover img.imgover`）は本文の器で絞られており、
 * `#knowledge` には届かないので、打ち消しは書かない.
 */
@media (max-width: 749px) {
	#knowledge p.page_top {
		float: none;
		width: 11.875vw;
		margin: 0 auto 30px;
		padding: 0;
		text-align: center;
	}

	#knowledge p.page_top img {
		content: url("../images/pagetop_sp.gif?ver=bb8683872ea0");
		display: block;
		width: 100%;
		height: auto;
	}
}