/*
 * 移行元のページ専用のスタイルの写し（はじめての方へ よくある質問 /visitor/questions/）。
 *
 * 写し元: legacy/www.p-a.jp/public/visitor/questions/css/style.css
 * このファイルは手で書かない。写し元を
 * scripts/pa-cms/transform-legacy-page-css.py に通して作り直す。
 *
 * 写し元をそのまま置けない理由が 2 つある。
 *
 *   1. 写し元は 1 枚で完結した静的ページ用で、根の要素（html / body / *）へ
 *      余白の初期化と文字の指定を当てている。テーマのヘッダー・フッターへ
 *      その初期化が波及すると崩れるため、すべてのセレクタの前に
 *      `body .pa-page--visitor .page-content__body` を足して本文の中へ閉じ込めている。
 *   2. 写し元は根の文字（`html { font-size }`）を触らない。移行元でも
 *      ブラウザ既定の 16px で読まれており、このテーマの根の文字も 16px
 *      固定である。**両側の基準が同じなので、rem は換算せずそのまま
 *      書き出している。**換算すると、移行元より寸法が小さくなる。
 */
body .pa-page--visitor .page-content__body #qa {
	margin: 0 auto;
	padding:65px 0 30px;
	width: 1100px;
	text-align:center;
	font-size:16px;
	line-height:200%;
}
body .pa-page--visitor .page-content__body #qa h4 {
	margin:0 0 36px;
}
body .pa-page--visitor .page-content__body #qa .title {
	margin-bottom:35px;
}
body .pa-page--visitor .page-content__body #qa .main_copy {
	margin-bottom:15px;
	font-size:24px;
	line-height:100%;
}
body .pa-page--visitor .page-content__body #qa .main_read {
	margin-bottom:60px;
	font-size:16px;
	line-height:160%;
}
body .pa-page--visitor .page-content__body #qa .list_category {
	margin-bottom:40px;
	text-align:center;
	letter-spacing: -.40em;
}
body .pa-page--visitor .page-content__body #qa .list_category li {
	display:inline-block;
	color:#e1200f;
	font-size:14px;
	line-height:100%;
	letter-spacing:normal;
}
body .pa-page--visitor .page-content__body #qa .list_category li a {
	color:#cccccc;
	font-size:14px;
	text-decoration:none;
}
body .pa-page--visitor .page-content__body #qa .list_category li a:hover {
	color:#e1200f;
}
body .pa-page--visitor .page-content__body #qa .list_category li span {
	display:inline-block;
	padding:0 14px;
	color:#111111;
}
body .pa-page--visitor .page-content__body #qa .list_archives {
	margin-bottom:60px;
	text-align:center;
	letter-spacing: -.40em;
	clear:both;
}
body .pa-page--visitor .page-content__body #qa .list_archives li {
	display:inline-block;
	margin:0 28px 30px;
	width:302px;
	line-height:100%;
	letter-spacing:normal;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl {
	margin:0 0 40px;
	padding:0 0 40px;
	border-bottom:1px solid #ccc;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl dt, body .pa-page--visitor .page-content__body #qa .qa_box dl dd {
	text-align:left;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl dt {
	background:url(../images/q01.gif?ver=8f994cde9e37) no-repeat 0px 0px;
	font-size:24px;
	padding:0 0 0 55px;
	margin:0 0 14px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa01 dt {
	background:url(../images/q01.gif?ver=8f994cde9e37) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa02 dt {
	background:url(../images/q02.gif?ver=e9b96ef7c4b0) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa03 dt {
	background:url(../images/q03.gif?ver=7edc9f8a6c86) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa04 dt {
	background:url(../images/q04.gif?ver=d6292884f622) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa05 dt {
	background:url(../images/q05.gif?ver=a2ce25b6c08c) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa06 dt {
	background:url(../images/q06.gif?ver=dde8027faddc) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa07 dt {
	background:url(../images/q07.gif?ver=8976ae113500) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa08 dt {
	background:url(../images/q08.gif?ver=f87ade5edcf3) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa09 dt {
	background:url(../images/q09.gif?ver=ece6711c2787) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa10 dt {
	background:url(../images/q10.gif?ver=2aff25936a84) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa11 dt {
	background:url(../images/q11.gif?ver=ccbb078f91a1) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa12 dt {
	background:url(../images/q12.gif?ver=046d24218c0e) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa13 dt {
	background:url(../images/q13.gif?ver=4f7595a58758) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa14 dt {
	background:url(../images/q14.gif?ver=9c48986a65fe) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa15 dt {
	background:url(../images/q15.gif?ver=7baf8c350e16) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa16 dt {
	background:url(../images/q16.gif?ver=6156edb7758e) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa17 dt {
	background:url(../images/q17.gif?ver=692c3b4ef47f) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa18 dt {
	background:url(../images/q18.gif?ver=f18b22294354) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa19 dt {
	background:url(../images/q19.gif?ver=47eb67995a7f) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa20 dt {
	background:url(../images/q20.gif?ver=18a4062d2eaf) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa21 dt {
	background:url(../images/q21.gif?ver=05457920078a) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa22 dt {
	background:url(../images/q22.gif?ver=0dce56d61331) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa23 dt {
	background:url(../images/q23.gif?ver=c1cfe902ad36) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl.qa24 dt {
	background:url(../images/q24.gif?ver=a771c92747b0) no-repeat 0px 0px;
}
body .pa-page--visitor .page-content__body #qa .qa_box dl dd {
	font-size:16px;
	background:url(../images/a.gif?ver=7d4e4a705d49) no-repeat 0px 0px;
	padding:0 0 0 55px;
}
body .pa-page--visitor .page-content__body #qa section {
	margin:0 0 60px;
}
body .pa-page--visitor .page-content__body .contact_box a img {
	margin:0 10px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}

/* --------------------------------------------------------------
   Q&A（/visitor/questions/）の絵だけの見出しの行の高さ（Task #3257）

   質問の見出し（`ttl01〜05.gif`）は中身が絵 1 枚だが、**絵は行の中に置かれる**ので
   行の高さがそのまま見出しの高さになる。移行元は共通 CSS の `h1〜h6 { font-size: 100% }`
   で親から受け継ぐが、テーマは段ごとの値（`--pa-article-h4-size` = 18px）を**直に**
   当てるため受け継げず、1 か所あたり 3px 低くなる。

   | 測るもの | 移行元 | dev（直す前） |
   |---|---|---|
   | `section.qa_box > h4` ×5 | **96px** | 93px（各 −3px） |
   | 同 字 / 行送り / 字間 | 16px / 32px / normal | 18px / 27px / 0.9px |
   | 節の題 `h3.title` | 16px / 32px / normal / #000 | 22px / 33px / 1.1px / 金 |
   | 区画 `section.clearfix` | **5,999.2px** | 5,983.2px（−16px） |

   🚨 **行送りだけでは 1px 足りない。**字の大きさも移行元にそろえて初めて 96px になる
   （親御さまへで実測。95px で止まった）。
   🚨 **字間は絵だけの見出しでは高さも幅も変えない**が、移行元にそろえる原則に従って
   normal を書く（当てた場合と当てない場合の両方で測り、どちらも同じ値だった）。
   🚨 **`#qa h4` のように広く書かない。**答えの中の見出しまで巻き込む。質問の見出しは
   `section.qa_box` の直下にしかないので、子の直下だけに当てる.
   -------------------------------------------------------------- */

body.pa-visitor--questions .page-content__body :is(h3.title, section.qa_box > h4) {
	color: #000;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 32px;
}