/*
 * 移行元のページ専用のスタイルの写し（入会案内の部品 /guidance/）。
 *
 * 写し元: legacy/www.p-a.jp/public/guidance/common/css/module.css
 * このファイルは手で書かない。写し元を
 * scripts/pa-cms/transform-legacy-page-css.py に通して作り直す。
 *
 * 写し元をそのまま置けない理由が 2 つある。
 *
 *   1. 写し元は 1 枚で完結した静的ページ用で、根の要素（html / body / *）へ
 *      余白の初期化と文字の指定を当てている。テーマのヘッダー・フッターへ
 *      その初期化が波及すると崩れるため、すべてのセレクタの前に
 *      `body .pa-page--guidance .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 つのメディアクエリへ書き分けてある。
 */
body .pa-page--guidance .page-content__body .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
body .pa-page--guidance .page-content__body .clearfix {
	min-height: 1px;
}
body .pa-page--guidance .page-content__body * html .clearfix {
	height: 1px;
}
body .pa-page--guidance .page-content__body .bgBox01 {
	padding: 30px 25px 20px 25px;
	background: url(../images/bg_box01_top.png?ver=8288c24cd104) no-repeat 0 0 #fff5e6;
}
body .pa-page--guidance .page-content__body .bgBox01 img {
	margin: 0 2px 5px;
}
body .pa-page--guidance .page-content__body .bgBox02 {
	padding: 20px;
	background: #e1f0f7;
	overflow: hidden;
	margin: 30px 0 0;
}
body .pa-page--guidance .page-content__body .bgBox02 img {
	float: left;
}
body .pa-page--guidance .page-content__body .bgBox02 p {
	float: left;
	padding: 15px 20px;
	background: #fff;
	width: 763px;
}
body .pa-page--guidance .page-content__body .bgBox03 {
	padding: 20px;
	background: #f3f3f3;
	overflow: hidden;
	margin: 30px 0 0;
}
body .pa-page--guidance .page-content__body .corWrap {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
body .pa-page--guidance .page-content__body .corWrap .col6 {
	width: 50%;
	float: left;
	padding: 0 15px 0 0;
}
body .pa-page--guidance .page-content__body .corWrap .col6:last-child {
	padding: 0 0 0 15px;
}
@media screen and (min-width: 750px) {
	body .pa-page--guidance .page-content__body .indentList01 {
		font-size: 12px;
	}
}
@media screen and (max-width: 749px) {
	body .pa-page--guidance .page-content__body .indentList01 {
		font-size: 3.19999vw;
	}
}
body .pa-page--guidance .page-content__body .indentList01 li {
	list-style-position: outside;
	text-indent: -1em;
	margin:0 0 0 1em;
}
body .pa-page--guidance .page-content__body .indentList02 li {
	list-style-position: outside;
	padding: 0 0 0 16px;
	background:url(../images/icon_disc_02.png?ver=5db7cfd39610) no-repeat 0 0.55em;
	margin-bottom: 10px;
}
body .pa-page--guidance .page-content__body .indentList02 li:last-child {
	margin-bottom: 0;
}
body .pa-page--guidance .page-content__body .contactList01 {
	margin: 15px 0 0 0;
}
@media screen and (min-width: 750px) {
	body .pa-page--guidance .page-content__body .contactList01 li {
		display: inline-block;
		padding: 0 40px 0 45px;
		font-size: 12px;
		line-height: 1.4;
	}
}
@media screen and (max-width: 749px) {
	body .pa-page--guidance .page-content__body .contactList01 li {
		display: inline-block;
		padding: 0 40px 0 45px;
		font-size: 3.19999vw;
		line-height: 1.4;
	}
}
body .pa-page--guidance .page-content__body .contactList01 li.time {
	background: url(../images/icon_time.png?ver=8aa0db1d54b3) no-repeat 0 0;
}
body .pa-page--guidance .page-content__body .contactList01 li.free {
	background: url(../images/icon_free.png?ver=a962917bd31d) no-repeat 0 0;
}
body .pa-page--guidance .page-content__body .contactList01 li.mail {
	background: url(../images/icon_mail.png?ver=28c4603e734e) no-repeat 0 0;
}
body .pa-page--guidance .page-content__body .contactList01 li a {
	color:#00aff8;
}
body .pa-page--guidance .page-content__body .scheduleList01 {
	margin: 20px 0 0;
	overflow: hidden;
}
body .pa-page--guidance .page-content__body .scheduleList01 li {
	float: left;
}
@media screen and (min-width: 750px) {
	body .pa-page--guidance .page-content__body .fs12 {
		font-size: 12px !important;
	}
}
@media screen and (max-width: 749px) {
	body .pa-page--guidance .page-content__body .fs12 {
		font-size: 3.19999vw !important;
	}
}
@media screen and (min-width: 750px) {
	body .pa-page--guidance .page-content__body .fs14 {
		font-size: 14px !important;
	}
}
@media screen and (max-width: 749px) {
	body .pa-page--guidance .page-content__body .fs14 {
		font-size: 3.73332vw !important;
	}
}
@media screen and (min-width: 750px) {
	body .pa-page--guidance .page-content__body .fs16 {
		font-size: 16px !important;
	}
}
@media screen and (max-width: 749px) {
	body .pa-page--guidance .page-content__body .fs16 {
		font-size: 4.26666vw !important;
	}
}
@media screen and (min-width: 750px) {
	body .pa-page--guidance .page-content__body .fs18 {
		font-size: 18px !important;
	}
}
@media screen and (max-width: 749px) {
	body .pa-page--guidance .page-content__body .fs18 {
		font-size: 4.79999vw !important;
	}
}
body .pa-page--guidance .page-content__body .tcR {
	color: #e1200f;
}
@media screen and (min-width: 750px) {
	body .pa-page--guidance .page-content__body .r18 {
		font-size: 18px !important;
		color: #e1200f;
		font-weight: bold;
	}
}
@media screen and (max-width: 749px) {
	body .pa-page--guidance .page-content__body .r18 {
		font-size: 4.79999vw !important;
		color: #e1200f;
		font-weight: bold;
	}
}
body .pa-page--guidance .page-content__body .textB {
	font-weight: bold;
}
body .pa-page--guidance .page-content__body .mb0 {
	margin-bottom: 0px !important;
}
body .pa-page--guidance .page-content__body .mb5 {
	margin-bottom: 5px !important;
}
body .pa-page--guidance .page-content__body .mb10 {
	margin-bottom: 10px !important;
}
body .pa-page--guidance .page-content__body .mb15 {
	margin-bottom: 15px !important;
}
body .pa-page--guidance .page-content__body .mb20 {
	margin-bottom: 20px !important;
}
body .pa-page--guidance .page-content__body .mb25 {
	margin-bottom: 25px !important;
}
body .pa-page--guidance .page-content__body .mb30 {
	margin-bottom: 30px !important;
}
body .pa-page--guidance .page-content__body .mb35 {
	margin-bottom: 35px !important;
}
body .pa-page--guidance .page-content__body .mb40 {
	margin-bottom: 40px !important;
}
body .pa-page--guidance .page-content__body .mb45 {
	margin-bottom: 45px !important;
}
body .pa-page--guidance .page-content__body .mb50 {
	margin-bottom: 50px !important;
}
body .pa-page--guidance .page-content__body .mt0 {
	margin-top: 0px !important;
}
body .pa-page--guidance .page-content__body .mt5 {
	margin-top: 5px !important;
}
body .pa-page--guidance .page-content__body .mt10 {
	margin-top: 10px !important;
}
body .pa-page--guidance .page-content__body .mt15 {
	margin-top: 15px !important;
}
body .pa-page--guidance .page-content__body .mt20 {
	margin-top: 20px !important;
}
body .pa-page--guidance .page-content__body .mt25 {
	margin-top: 25px !important;
}
body .pa-page--guidance .page-content__body .mt30 {
	margin-top: 30px !important;
}
body .pa-page--guidance .page-content__body .mt35 {
	margin-top: 35px !important;
}
body .pa-page--guidance .page-content__body .mt40 {
	margin-top: 40px !important;
}
body .pa-page--guidance .page-content__body .mt45 {
	margin-top: 45px !important;
}
body .pa-page--guidance .page-content__body .mt50 {
	margin-top: 50px !important;
}
body .pa-page--guidance .page-content__body .ml0 {
	margin-left: 0px !important;
}
body .pa-page--guidance .page-content__body .ml5 {
	margin-left: 5px !important;
}
body .pa-page--guidance .page-content__body .ml10 {
	margin-left: 10px !important;
}
body .pa-page--guidance .page-content__body .ml15 {
	margin-left: 15px !important;
}
body .pa-page--guidance .page-content__body .ml20 {
	margin-left: 20px !important;
}
body .pa-page--guidance .page-content__body .ml25 {
	margin-left: 25px !important;
}
body .pa-page--guidance .page-content__body .ml30 {
	margin-left: 30px !important;
}
body .pa-page--guidance .page-content__body .ml35 {
	margin-left: 35px !important;
}
body .pa-page--guidance .page-content__body .ml40 {
	margin-left: 40px !important;
}
body .pa-page--guidance .page-content__body .ml45 {
	margin-left: 45px !important;
}
body .pa-page--guidance .page-content__body .ml50 {
	margin-left: 50px !important;
}
body .pa-page--guidance .page-content__body .mr0 {
	margin-right: 0px !important;
}
body .pa-page--guidance .page-content__body .mr5 {
	margin-right: 5px !important;
}
body .pa-page--guidance .page-content__body .mr10 {
	margin-right: 10px !important;
}
body .pa-page--guidance .page-content__body .mr15 {
	margin-right: 15px !important;
}
body .pa-page--guidance .page-content__body .mr20 {
	margin-right: 20px !important;
}
body .pa-page--guidance .page-content__body .mr25 {
	margin-right: 25px !important;
}
body .pa-page--guidance .page-content__body .mr30 {
	margin-right: 30px !important;
}
body .pa-page--guidance .page-content__body .mr35 {
	margin-right: 35px !important;
}
body .pa-page--guidance .page-content__body .mr40 {
	margin-right: 40px !important;
}
body .pa-page--guidance .page-content__body .mr45 {
	margin-right: 45px !important;
}
body .pa-page--guidance .page-content__body .mr50 {
	margin-right: 50px !important;
}
body .pa-page--guidance .page-content__body .figL {
	float:left;
}
body .pa-page--guidance .page-content__body .figR {
	float:right;
}
body .pa-page--guidance .page-content__body .clear {
	clear:both;
}
body .pa-page--guidance .page-content__body .layoutC {
	text-align:center !important;
}
body .pa-page--guidance .page-content__body .layoutR {
	text-align:right !important;
}
body .pa-page--guidance .page-content__body .layoutL {
	text-align:left !important;
}