/*
 * 移行元のページ専用のスタイルの写し（記事シリーズ Quality Of Life /qol/）。
 *
 * 写し元: legacy/www.p-a.jp/public/qol/css/module.css
 * このファイルは手で書かない。写し元を
 * scripts/pa-cms/transform-legacy-page-css.py に通して作り直す。
 *
 * 写し元をそのまま置けない理由が 2 つある。
 *
 *   1. 写し元は 1 枚で完結した静的ページ用で、根の要素（html / body / *）へ
 *      余白の初期化と文字の指定を当てている。テーマのヘッダー・フッターへ
 *      その初期化が波及すると崩れるため、すべてのセレクタの前に
 *      `.pa-page--qol .page-content__body` を足して本文の中へ閉じ込めている。
 *   2. 写し元は根の文字を幅によらず 10px に固定している
 *      （`font-size: 62.5%` の書き方）。寸法は rem で書かれているが、
 *      このテーマの根の文字は 16px 固定で、他のすべてのページに関わるため
 *      変えられない。そこで **どの幅でも同じ 1rem = 10px で実寸へ換算した。**
 *      幅で 2 通りに書き分けていないのは、写し元の基準が幅で変わらない
 *      ためである。**写し元の基準そのもの（`font-size`）は書き出していない。**
 *      換算で用済みだからである。
 */
.pa-page--qol .page-content__body .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.pa-page--qol .page-content__body .clearfix {
	min-height: 1px;
}
.pa-page--qol .page-content__body * html .clearfix {
	height: 1px;
}
.pa-page--qol .page-content__body .mb0 {
	margin-bottom: 0px !important;
}
.pa-page--qol .page-content__body .mb5 {
	margin-bottom: 5px !important;
}
.pa-page--qol .page-content__body .mb10 {
	margin-bottom: 10px !important;
}
.pa-page--qol .page-content__body .mb15 {
	margin-bottom: 15px !important;
}
.pa-page--qol .page-content__body .mb20 {
	margin-bottom: 20px !important;
}
.pa-page--qol .page-content__body .mb25 {
	margin-bottom: 25px !important;
}
.pa-page--qol .page-content__body .mb30 {
	margin-bottom: 30px !important;
}
.pa-page--qol .page-content__body .mb35 {
	margin-bottom: 35px !important;
}
.pa-page--qol .page-content__body .mb40 {
	margin-bottom: 40px !important;
}
.pa-page--qol .page-content__body .mb45 {
	margin-bottom: 45px !important;
}
.pa-page--qol .page-content__body .mb50 {
	margin-bottom: 50px !important;
}
.pa-page--qol .page-content__body .mt0 {
	margin-top: 0px !important;
}
.pa-page--qol .page-content__body .mt5 {
	margin-top: 5px !important;
}
.pa-page--qol .page-content__body .mt10 {
	margin-top: 10px !important;
}
.pa-page--qol .page-content__body .mt15 {
	margin-top: 15px !important;
}
.pa-page--qol .page-content__body .mt20 {
	margin-top: 20px !important;
}
.pa-page--qol .page-content__body .mt25 {
	margin-top: 25px !important;
}
.pa-page--qol .page-content__body .mt30 {
	margin-top: 30px !important;
}
.pa-page--qol .page-content__body .mt35 {
	margin-top: 35px !important;
}
.pa-page--qol .page-content__body .mt40 {
	margin-top: 40px !important;
}
.pa-page--qol .page-content__body .mt45 {
	margin-top: 45px !important;
}
.pa-page--qol .page-content__body .mt50 {
	margin-top: 50px !important;
}
.pa-page--qol .page-content__body .ml0 {
	margin-left: 0px !important;
}
.pa-page--qol .page-content__body .ml5 {
	margin-left: 5px !important;
}
.pa-page--qol .page-content__body .ml10 {
	margin-left: 10px !important;
}
.pa-page--qol .page-content__body .ml15 {
	margin-left: 15px !important;
}
.pa-page--qol .page-content__body .ml20 {
	margin-left: 20px !important;
}
.pa-page--qol .page-content__body .ml25 {
	margin-left: 25px !important;
}
.pa-page--qol .page-content__body .ml30 {
	margin-left: 30px !important;
}
.pa-page--qol .page-content__body .ml35 {
	margin-left: 35px !important;
}
.pa-page--qol .page-content__body .ml40 {
	margin-left: 40px !important;
}
.pa-page--qol .page-content__body .ml45 {
	margin-left: 45px !important;
}
.pa-page--qol .page-content__body .ml50 {
	margin-left: 50px !important;
}
.pa-page--qol .page-content__body .mr0 {
	margin-right: 0px !important;
}
.pa-page--qol .page-content__body .mr5 {
	margin-right: 5px !important;
}
.pa-page--qol .page-content__body .mr10 {
	margin-right: 10px !important;
}
.pa-page--qol .page-content__body .mr15 {
	margin-right: 15px !important;
}
.pa-page--qol .page-content__body .mr20 {
	margin-right: 20px !important;
}
.pa-page--qol .page-content__body .mr25 {
	margin-right: 25px !important;
}
.pa-page--qol .page-content__body .mr30 {
	margin-right: 30px !important;
}
.pa-page--qol .page-content__body .mr35 {
	margin-right: 35px !important;
}
.pa-page--qol .page-content__body .mr40 {
	margin-right: 40px !important;
}
.pa-page--qol .page-content__body .mr45 {
	margin-right: 45px !important;
}
.pa-page--qol .page-content__body .mr50 {
	margin-right: 50px !important;
}
@media screen and (min-width:760px) {
	.pa-page--qol .page-content__body .mt95 {
		margin-top: 95px;
	}
	.pa-page--qol .page-content__body .mt140 {
		margin-top: 140px;
	}
}
.pa-page--qol .page-content__body .figL {
	float: left;
}
.pa-page--qol .page-content__body .figR {
	float: right;
}
.pa-page--qol .page-content__body .clear {
	clear: both;
}
.pa-page--qol .page-content__body .layoutC {
	text-align: center !important;
}
.pa-page--qol .page-content__body .layoutR {
	text-align: right !important;
}
.pa-page--qol .page-content__body .layoutL {
	text-align: left !important;
}
.pa-page--qol .page-content__body .only-sp {
	display: none !important;
}
@media screen and (max-width: 768px) {
	.pa-page--qol .page-content__body .only-pc {
		display: none !important;
	}
	.pa-page--qol .page-content__body .only-sp {
		display: block !important;
	}
}
.pa-page--qol .page-content__body strong {
	font-weight: bold !important;
	font-size: 115% !important;
}