@charset "utf-8";
/*-----------------------------------------------------------------------------
|
|■┓全体共通のclass
|┗┛
-----------------------------------------------------------------------------*/
/* カラー設定 */
.red {
	color: #f00 !important;
}
/* フォントウェイト */
.bold {
	font-weight: bold !important;
}
/* フォントサイズ */
.fs_xxs {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}
.fs_xs {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}
.fs_s {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}
.fs_m {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}
.fs_l {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}
.fs_xl {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}
.fs_xxl {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}
.fs10 {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}
.fs11 {
	font-size: 11px !important;
	font-size: 1.1rem !important;
}
.fs12 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}
.fs13 {
	font-size: 13px !important;
	font-size: 1.3rem !important;
}
.fs14 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}
.fs15 {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}
.fs16 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}
.fs17 {
	font-size: 17px !important;
	font-size: 1.7rem !important;
}
.fs18 {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}
.fs19 {
	font-size: 19px !important;
	font-size: 1.9rem !important;
}
.fs20 {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}
.fs22 {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}
.fs28 {
	font-size: 28px !important;
	font-size: 2.8rem !important;
}
.fs32 {
	font-size: 32px !important;
	font-size: 3.2rem !important;
}
/* ボックス関係（margin padding width 設定） */
.first {
	margin-top: 0 !important;
}
.mt0 {
	margin-top:0 !important;
}
.mr0 {
	margin-right:0 !important;
}
.mb0 {
	margin-bottom:0 !important;
}
.ml0 {
	margin-left:0 !important;
}
.mt1em {
	margin-top:1em !important;
}
.mr1em {
	margin-right:1em !important;
}
.mb1em {
	margin-bottom:1em !important;
}
.ml1em {
	margin-left:1em !important;
}
.mt2em {
	margin-top:2em !important;
}
.mr2em {
	margin-right:2em !important;
}
.mb2em {
	margin-bottom:2em !important;
}
.ml2em {
	margin-left:2em !important;
}
.mt3em {
	margin-top: 3em !important;
}
.mr3em {
	margin-right: 3em !important;
}
.mb3em {
	margin-bottom: 3em !important;
}
.ml3em {
	margin-left: 3em !important;
}
.mt4em {
	margin-top: 4em !important;
}
.mr4em {
	margin-right: 4em !important;
}
.mb4em {
	margin-bottom: 4em !important;
}
.ml4em {
	margin-left: 4em !important;
}
.mt5px {
	margin-top: 5px !important;
}
.mr5px {
	margin-right: 5px !important;
}
.mb5px {
	margin-bottom: 5px !important;
}
.ml5px {
	margin-left: 5px !important;
}
.mt10px {
	margin-top: 10px !important;
}
.mr10px {
	margin-right: 10px !important;
}
.mb10px {
	margin-bottom: 10px !important;
}
.ml10px {
	margin-left: 10px !important;
}
.mt20px {
	margin-top:20px !important;
}
.mr20px {
	margin-right:20px !important;
}
.mb20px {
	margin-bottom:20px !important;
}
.ml20px {
	margin-left:20px !important;
}
.mb100px {
	margin-bottom:100px !important;
}
.mb200px {
	margin-bottom:200px !important;
}
.mb300px {
	margin-bottom:300px !important;
}
.mb400px {
	margin-bottom:400px !important;
}
.mb500px {
	margin-bottom:500px !important;
}
.pt0 {
	padding-top:0 !important;
}
.pr0 {
	padding-right:0 !important;
}
.pb0 {
	padding-bottom:0 !important;
}
.pl0 {
	padding-left:0 !important;
}
.pt1em {
	padding-top:1em !important;
}
.pr1em {
	padding-right:1em !important;
}
.pb1em {
	padding-bottom:1em !important;
}
.pl1em {
	padding-left:1em !important;
}
.pt2em {
	padding-top:2em !important;
}
.pr2em {
	padding-right:2em !important;
}
.pb2em {
	padding-bottom:2em !important;
}
.pl2em {
	padding-left:2em !important;
}
.pt10px {
	padding-top:10px !important;
}
.pr10px {
	padding-right:10px !important;
}
.pb10px {
	padding-bottom:10px !important;
}
.pl10px {
	padding-left:10px !important;
}
.pt20px {
	padding-top:20px !important;
}
.pr20px {
	padding-right:20px !important;
}
.pb20px {
	padding-bottom:20px !important;
}
.pl20px {
	padding-left:20px !important;
}
.width_auto {
	width: auto !important;
}
.width_10per {
	width: 10% !important;
}
.width_20per {
	width: 20% !important;
}
.width_30per {
	width: 30% !important;
}
.width_40per {
	width: 40% !important;
}
.width_50per {
	width: 50% !important;
}
.width_60per {
	width: 60% !important;
}
.width_70per {
	width: 70% !important;
}
.width_80per {
	width: 80% !important;
}
.width_90per {
	width: 90% !important;
}
.width_100per {
	width: 100% !important;
}
.max_width_100per {
	max-width: 100% !important;
}
.max_width_100px {
	max-width: 100px !important;
}
.max_width_150px {
	max-width: 150px !important;
}
.max_width_200px {
	max-width: 200px !important;
}
.max_width_250px {
	max-width: 250px !important;
}
.max_width_300px {
	max-width: 300px !important;
}
.min_width_100px {
	min-width: 100px !important;
}
.min_width_150px {
	min-width: 150px !important;
}
.min_width_200px {
	min-width: 200px !important;
}
.min_width_250px {
	min-width: 250px !important;
}
.min_width_300px {
	min-width: 300px !important;
}
/* 位置調整 */
img.auto {
	height: auto;
	max-width: 100% !important;
}
.clearfix::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.text_left {
	text-align:left !important;
}
.text_right {
	text-align:right !important;
}
.text_center {
	text-align:center !important;
}
.text_top {
	vertical-align:top !important;
}
.text_middle {
	vertical-align:middle !important;
}
.float_l {
	float: left !important;
}
.float_r {
	float: right !important;
}
.block_center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/* ※印インデント調整 */
.kome {
	text-indent: -1em !important;
	padding-left: 1em !important;
}
.kome2 {
	text-indent: -2.0em !important;
	padding-left: 2.0em !important;
}
.text_indent {
	text-indent: 1em !important;
}
/* リンク、その他 */
.under_line {
	text-decoration: underline !important;
}
.disnon {
	display: none !important;
}
.invisible {
	visibility : hidden !important;
}
.disblock {
	display: block !important;
}
.cursor_pointer {
	cursor: pointer !important;
}
.nowrap {
	white-space: nowrap !important;
}
/* リストスタイル */
ul.list_square li {
	list-style: square;
	margin-left: 1.5em;
}
ul.list_decimal li {
	list-style: decimal;
	margin-left: 1.5em;
}
ul.list_disc > li,
ul.list_nakaguro > li {
	display: block;
	margin-bottom: 0.5em;
	padding-left: 1em;
	position: relative;
}
ul.list_disc > li::before,
ul.list_nakaguro > li::before {
	content: "\f111"; /* フォントの「YakuHanJP」使用時ずれないようにFontAwesomeを使用 */
	font-family: FontAwesome;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1;
	position: absolute;
		top: 9px;
		left: 2px;
	transform: scale(0.5); /* Chromeでフォントサイズが10px以下にならないので、その対応 */
}
ul.list_lower_latin > li {
	list-style: lower-latin;
	margin-left: 1.5em;
}




/*-----------------------------------------------------------------------------
|
|■┓デバイス別の表示スタイル
|┗┛
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
デバイス別のdisplay:block;表示
-------------------------------------------------------------------------------*/
.display_pad,
.display_sp {
	display: none !important;
}
.display_pc {
	display: block !important;
}
/*-----------------------------------------------------------------------------
デバイス別のdisplay:inline;表示
-------------------------------------------------------------------------------*/
.display_inline_pad,
.display_inline_sp {
	display: none !important;
}
.display_inline_pc {
	display: inline !important;
}
/*-----------------------------------------------------------------------------
デバイス別の改行スタイル
-------------------------------------------------------------------------------*/
.br_pad,
.br_sp {
	display: none !important;
}
.br_pc {
	display: block !important;
}/*-----------------------------------------------------------------------------
■┓印刷用スタイル
┗┛
-------------------------------------------------------------------------------*/
@media print {
	body {
		overflow: visible !important;
	}
}