/*
 * 移行元のページ専用のスタイルの写し（婚活アンケートのページ群 /introduce/survey/）。
 *
 * 写し元: legacy/www.p-a.jp/public/introduce/survey/css/style.css
 * このファイルは手で書かない。写し元を
 * scripts/pa-cms/transform-legacy-page-css.py に通して作り直す。
 *
 * 写し元をそのまま置けない理由が 2 つある。
 *
 *   1. 写し元は 1 枚で完結した静的ページ用で、根の要素（html / body / *）へ
 *      余白の初期化と文字の指定を当てている。テーマのヘッダー・フッターへ
 *      その初期化が波及すると崩れるため、すべてのセレクタの前に
 *      `.page-content .page-content__body` を足して本文の中へ閉じ込めている。
 *   2. 写し元は根の文字を幅で切り替え（750px 以上 = 10px / 749px 以下 =
 *      2.66666vw）、寸法をすべて rem で書いている。このテーマの根の文字は
 *      16px 固定で、他のすべてのページに関わるため変えられない。そこで
 *      rem を実寸へ換算した（1rem = 10px / 1rem = 2.66666vw）。しあわせ
 *      レポートの一覧を移したときと同じ考え方である（main.css の
 *      「文字と余白を画面幅に連動させる理由」の節）。**写し元の
 *      `html { font-size }` そのものは書き出していない。**rem の基準を
 *      決めるためだけの指定で、換算で用済みだからである（本文が受け継ぐ
 *      文字の大きさは、そのページを読み込むテーマ側の CSS が決める）。
 *
 * 幅の指定が無い規則に rem があったものは、換算値が 2 通り必要なので
 * 750px 以上と 749px 以下の 2 つのメディアクエリへ書き分けてある。
 */
.page-content .page-content__body .wd_1100 {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 1100px;
}
.page-content .page-content__body #story {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 1100px;
	text-align: left;
	line-height:1.7;
}
.page-content .page-content__body #story .main_copy {
	margin-top: 35px;
	text-align: center;
}
.page-content .page-content__body a.seo {
	text-decoration: none;
}
.page-content .page-content__body .copy {
	margin-bottom: 15px;
	font-size: 24px;
	letter-spacing: 0.05em;
	text-align: center;
}
.page-content .page-content__body .read {
	margin-bottom: 35px;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0.1em;
	text-align: center;
}
.page-content .page-content__body .text_alignR {
	text-align: right;
}
.page-content .page-content__body .paddingb10 {
	padding-bottom: 10px;
}
.page-content .page-content__body .marginl20 {
	margin-left: 20px;
}
.page-content .page-content__body .marginb16 {
	margin-bottom: 16px;
}
.page-content .page-content__body .paddingb30 {
	padding-bottom: 30px!important;
}
.page-content .page-content__body .minH4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.page-content .page-content__body .title_style05 {
	background: #E3D6BF;
	margin-bottom: 25px;
	padding: 12px 16px;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0.05em;
	clear: both;
}
.page-content .page-content__body .survey_table {
	display:table;
	width:100%;
	margin:40px 0 0 0;
	padding-bottom:40px;
}
.page-content .page-content__body .survey_q, .page-content .page-content__body .survey_g {
	display:table-cell;
	vertical-align:top;
}
.page-content .page-content__body .survey_g {
	width:200px;
}
.page-content .page-content__body .survey_table .listAnswer dt {
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0.1em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.page-content .page-content__body .survey_table .listAnswer em {
	background: url(../images/bg_num.gif?ver=5107ffb4b7d5) repeat;
	display: inline-block;
	margin: 0 10px 5px 0;
	padding: 6px 5px;
	color: #ffffff;
	font-size: 20px;
	line-height: 100%;
}
.page-content .page-content__body .survey_table .listAnswer dd {
	color: #1A1A1A;
	font-size:14px;
}