@charset "UTF-8";
/************************************************************
 * ※スタイル設定する前に！
 * 親IDを任意のカテゴリエリアに変更すること。
 *
 * - カテゴリエリア内　リセット
 * - レイアウト適応クラス
 * - カスタムCSS
 *
 *	backgroundに画像パスを指定する場合は、相対パスで指定する
 *	例：background: url(../../../sc_image/inc/p_osa0040022_009/2-F01BC0200/background.jpg)
 *
 *	指定カテゴリエリア　リセット
 */




/* COMMON CSS */
.fair_content_block * {
	box-sizing: border-box;
}

.fair_content_block {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	background: transparent;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width: 100%;
	height: auto;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-feature-settings: 'palt' 1;
    font-size: 16px;
	line-height: 160%;
}
.fair_content_block table,
.fair_content_block th,
.fair_content_block td {
	border-collapse: collapse;
	mso-table-lspace: 0;
	mso-table-rspace: 0;
}
.fair_content_block a {
	text-decoration: none;
	color: #333;
}
.fair_content_block img {
	border: 0 none;
	height: auto;
	line-height: 1;
	outline: none;
	text-decoration: none;
}
.fair_content_block a img:hover {
	opacity: 0.7 ;
}
.fair_content_block .clearfix:after {
    content:" ";
    display:block;
    clear:both;
    zoom: 1;
}
.fair_content_block {
	max-width: 980px;
	margin: 0 auto;
}
.fair_content_block h2 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	color: #000000;
	text-shadow: none;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	margin-bottom: 3%;
}
.fair_content_block h3,
.fair_content_block h4,
.fair_content_block h5 {
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	margin-bottom: 3%;
}
.fair_content_block #mainVisual {
	margin-top:0;
	display:block;
	height:auto;
	width:100%;
	text-align: center;
	background-size:contain;
	margin-bottom: 5%;
}
.fair_content_block img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
.fair_content_block img.full {
	width: 100%;
	height: auto;
	max-width: auto;
}



/************************************************************
 *	指定カテゴリエリア　レイアウト設定
 *
 *	レイアウト適応クラス
 *	.table_block 子要素がtable-cell適応で横並びレイアウト
 *	.float_block 子要素がfloat:left適応で横並びレイアウト
 *	.flex_block 子要素がflex-boxで横並びレイアウト
 *	.img_block 1カラム画像のブロックに使用
 */

/* display: table 仕様 */
.fair_content_block .table_block {
	display: table;
	width: 100%;
	margin-bottom: 5%;
}
.fair_content_block .table_block > .item_box {
	display: table-cell;
	vertical-align: top;
	padding: 1%;
}
.fair_content_block .table_block.cell2 > .item_box {
	width: calc(100% / 2 - 5px);
}
.fair_content_block .table_block.cell3 > .item_box {
	width: calc(100% / 3 - 5px);
}
.fair_content_block .table_block.cell4 > .item_box {
	width: calc(100% / 4 - 5px);
}


/* float: left 仕様 */
.fair_content_block .float_block {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5%;
}
.fair_content_block .float_block > .item_box {
	float: left;
	margin-bottom: 20px;
}
.fair_content_block .float_block.cell1 > .item_box {
	width: 100%;
}
.fair_content_block .float_block.cell2 > .item_box {
	width: 480px;
	margin-left: 20px;
}
.fair_content_block .float_block.cell3 > .item_box {
	width: 310px;
	margin-left: 25px;
}
.fair_content_block .float_block.cell4 > .item_box {
	width: 230px;
	margin-left: 20px;
}

/* 行の先頭はmargin-left:0 */
.fair_content_block .float_block.cell1 > .item_box:nth-child(1n),
.fair_content_block .float_block.cell2 > .item_box:nth-child(2n+1),
.fair_content_block .float_block.cell3 > .item_box:nth-child(3n+1),
.fair_content_block .float_block.cell4 > .item_box:nth-child(4n+1) {
	margin-left: 0;
}

.fair_content_block .float_block.cell1 > .item_box:first-child,
.fair_content_block .float_block.cell2 > .item_box:first-child,
.fair_content_block .float_block.cell3 > .item_box:first-child,
.fair_content_block .float_block.cell4 > .item_box:first-child {
	margin-left: 0;
}


/* インラインブロック　中央寄せ仕様 */
.fair_content_block .inline_block {
	text-align: center;
	letter-spacing: -.4em;
	width: 100%;
	margin-bottom: 5%;
}
.fair_content_block .inline_block > .item_box {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin: 0 1% 20px;
}
.fair_content_block .inline_block.cell1 > .item_box {
	width: 100%;
}
.fair_content_block .inline_block.cell2 > .item_box {
	width: 480px;
}
.fair_content_block .inline_block.cell3 > .item_box {
	width: 310px;
}
.fair_content_block .inline_block.cell4 > .item_box {
	width: 230px;
}

.fair_content_block .inline_block.cell1 > .item_box:nth-child(1n),
.fair_content_block .inline_block.cell2 > .item_box:nth-child(2n+1),
.fair_content_block .inline_block.cell3 > .item_box:nth-child(3n+1),
.fair_content_block .inline_block.cell4 > .item_box:nth-child(4n+1) {
	margin-left: 0;
}

.fair_content_block .inline_block.cell1 > .item_box:nth-child(1n),
.fair_content_block .inline_block.cell2 > .item_box:nth-child(2n),
.fair_content_block .inline_block.cell3 > .item_box:nth-child(3n),
.fair_content_block .inline_block.cell4 > .item_box:nth-child(4n) {
	margin-right: 0;
}


/* 1ブロック　イメージ仕様 */
.fair_content_block .img_block {
	margin-bottom: 5%;
}


/* リスト　スタイル黒丸仕様 */
.fair_content_block .list_block {
	margin-bottom: 5%;
}
.fair_content_block .list_block ul {
	margin-left: 0;
}
.fair_content_block .list_block ul li {
	margin-bottom: 1%;
	list-style: disc;
	list-style-position: inside;
}
.fair_content_block .list_block ul.inline li {
	float: left;
	margin-right: 20px;
}


/* 1ブロック　リンクボタン仕様 */
.fair_content_block .more_block {
	margin-bottom: 5%;
	text-align: center;
	position: relative;
}


/* 文章仕様 */
.fair_content_block .text_block {
	margin-bottom: 5%;
}
.fair_content_block .text_block p {
	line-height: 160%;
}
.fair_content_block .text_block.message_block {
	border: 5px solid #CFCFCF;
	border-radius: 10px;
	padding: 2%;
	box-sizing: border-box;
	font-size: 25px;
	font-weight: bold;
	color: #999999;
}
.fair_content_block .text_block.message_block.message_success {
	border-color: #64B1D6;
	color: #64B1D6;
}
.fair_content_block .text_block.message_block.message_warning {
	border-color: #EFB358;
	color: #EFB358;
}
.fair_content_block .text_block.message_block.message_error {
	border-color: #DE585B;
	color: #DE585B;
}



/************************************************************
 * 小解像度モニター用
 */
@media print, screen and (max-width: 1540px){
	/* float: left 仕様 */

	/* フルサイズのリセット（px指定からパーセント指定に変更） */
	/* 最少サイズにも適用 */
	.fair_content_block .float_block.cell2 > .item_box {
		width: calc(100% / 2 - 1%);
		margin-left: 2%;
	}
	.fair_content_block .float_block.cell3 > .item_box {
		width: calc(100% / 3 - 1.7%);
		margin-left: 2.5%;
	}
	.fair_content_block .float_block.cell4 > .item_box {
		width: calc(100% / 4 - 1.51%);
		margin-left: 2%;
	}

	/* 1540px以下からセット */
	.fair_content_block .float_block.cell2.s_cell1 > .item_box,
	.fair_content_block .float_block.cell3.s_cell1 > .item_box,
	.fair_content_block .float_block.cell4.s_cell1 > .item_box {
		width: 100%;
	}
	.fair_content_block .float_block.cell3.s_cell2 > .item_box,
	.fair_content_block .float_block.cell4.s_cell2 > .item_box {
		width: calc(100% / 2 - 1%);
		margin-left: 2%;
	}
	.fair_content_block .float_block.cell4.s_cell3 > .item_box {
		width: calc(100% / 3 - 1.7%);
		margin-left: 2.5%;
	}

	/* 行の先頭はmargin-left:0 */
	.fair_content_block .float_block.s_cell1 > .item_box:nth-child(1n),
	.fair_content_block .float_block.s_cell2 > .item_box:nth-child(2n+1),
	.fair_content_block .float_block.s_cell3 > .item_box:nth-child(3n+1),
	.fair_content_block .float_block.s_cell4 > .item_box:nth-child(4n+1) {
		margin-left: 0;
	}

	.fair_content_block .float_block.s_cell1 > .item_box:first-child,
	.fair_content_block .float_block.s_cell2 > .item_box:first-child,
	.fair_content_block .float_block.s_cell3 > .item_box:first-child,
	.fair_content_block .float_block.s_cell4 > .item_box:first-child {
		margin-left: 0;
	}

	/* display: inline 仕様 */
	/* フルサイズのリセット（px指定からパーセント指定に変更） */
	.fair_content_block .inline_block > .item_box {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 20px;
	}
	.fair_content_block .inline_block.cell2 > .item_box {
		width: calc(100% / 2 - 1%);
		margin-left: 2%;
	}
	.fair_content_block .inline_block.cell3 > .item_box {
		width: calc(100% / 3 - 1.7%);
		margin-left: 2.5%;
	}
	.fair_content_block .inline_block.cell4 > .item_box {
		width: calc(100% / 4 - 1.51%);
		margin-left: 2%;
	}

	/* 1540px以下からセット */
	.fair_content_block .inline_block.cell2.s_cell1 > .item_box,
	.fair_content_block .inline_block.cell3.s_cell1 > .item_box,
	.fair_content_block .inline_block.cell4.s_cell1 > .item_box {
		width: 100%;
	}
	.fair_content_block .inline_block.cell3.s_cell2 > .item_box,
	.fair_content_block .inline_block.cell4.s_cell2 > .item_box {
		width: calc(100% / 2 - 1%);
		margin-left: 2%;
	}
	.fair_content_block .inline_block.cell4.s_cell3 > .item_box {
		width: calc(100% / 3 - 1.7%);
		margin-left: 2.5%;
	}

	/* 行の先頭はmargin-left:0 */
	.fair_content_block .inline_block.s_cell1 > .item_box:nth-child(1n),
	.fair_content_block .inline_block.s_cell2 > .item_box:nth-child(2n+1),
	.fair_content_block .inline_block.s_cell3 > .item_box:nth-child(3n+1),
	.fair_content_block .inline_block.s_cell4 > .item_box:nth-child(4n+1) {
		margin-left: 0;
	}

	.fair_content_block .inline_block.s_cell1 > .item_box:first-child,
	.fair_content_block .inline_block.s_cell2 > .item_box:first-child,
	.fair_content_block .inline_block.s_cell3 > .item_box:first-child,
	.fair_content_block .inline_block.s_cell4 > .item_box:first-child {
		margin-left: 0;
	}

	.fair_content_block .inline_block.s_cell1 > .item_box:nth-child(1n),
	.fair_content_block .inline_block.s_cell2 > .item_box:nth-child(2n),
	.fair_content_block .inline_block.s_cell3 > .item_box:nth-child(3n),
	.fair_content_block .inline_block.s_cell4 > .item_box:nth-child(4n) {
		margin-right: 0;
	}

	.fair_content_block .text_block.message_block {
		font-size: 22px;
	}
}


@media print, screen and (max-width: 1000px){
	/* 最少サイズ用のセット */
	.fair_content_block .float_block.cell2.ss_cell1 > .item_box,
	.fair_content_block .float_block.cell3.ss_cell1 > .item_box,
	.fair_content_block .float_block.cell4.ss_cell1 > .item_box {
		width: 100%;
	}
	.fair_content_block .float_block.cell3.ss_cell2 > .item_box,
	.fair_content_block .float_block.cell4.ss_cell2 > .item_box {
		width: calc(100% / 2 - 1%);
		margin-left: 2%;
		/*width: calc(100% / 2 - 0.5%);
		margin-left: 1%;*/
	}
	.fair_content_block .float_block.cell4.ss_cell3 > .item_box {
		width: calc(100% / 3 - 1.7%);
		margin-left: 2.5%;
	}

	/* 行の先頭はmargin-left:0 */
    .fair_content_block .float_block.ss_cell1 > .item_box:nth-child(1n),
	.fair_content_block .float_block.ss_cell2 > .item_box:nth-child(2n+1),
	.fair_content_block .float_block.ss_cell3 > .item_box:nth-child(3n+1),
	.fair_content_block .float_block.ss_cell4 > .item_box:nth-child(4n+1) {
		margin-left: 0;
	}

	.fair_content_block .float_block.ss_cell1 > .item_box:first-child,
	.fair_content_block .float_block.ss_cell2 > .item_box:first-child,
	.fair_content_block .float_block.ss_cell3 > .item_box:first-child,
	.fair_content_block .float_block.ss_cell4 > .item_box:first-child {
		margin-left: 0;
	}

	.fair_content_block .inline_block.cell2.ss_cell1 > .item_box,
	.fair_content_block .inline_block.cell3.ss_cell1 > .item_box,
	.fair_content_block .inline_block.cell4.ss_cell1 > .item_box {
		width: 100%;
	}
	.fair_content_block .inline_block.cell3.ss_cell2 > .item_box,
	.fair_content_block .inline_block.cell4.ss_cell2 > .item_box {
		width: calc(100% / 2 - 1%);
		margin-left: 2%;
		/*width: calc(100% / 2 - 0.5%);
		margin-left: 1%;*/
	}
	.fair_content_block .inline_block.cell4.ss_cell3 > .item_box {
		width: calc(100% / 3 - 1.7%);
		margin-left: 2.5%;
	}

	/* 行の先頭はmargin-left:0 */
    .fair_content_block .inline_block.ss_cell1 > .item_box:nth-child(1n),
	.fair_content_block .inline_block.ss_cell2 > .item_box:nth-child(2n+1),
	.fair_content_block .inline_block.ss_cell3 > .item_box:nth-child(3n+1),
	.fair_content_block .inline_block.ss_cell4 > .item_box:nth-child(4n+1) {
		margin-left: 0;
	}

	.fair_content_block .inline_block.ss_cell1 > .item_box:first-child,
	.fair_content_block .inline_block.ss_cell2 > .item_box:first-child,
	.fair_content_block .inline_block.ss_cell3 > .item_box:first-child,
	.fair_content_block .inline_block.ss_cell4 > .item_box:first-child {
		margin-left: 0;
	}


	.fair_content_block .text_block.message_block {
		font-size: 20px;
	}
}

/***********************************************************
 * 付加クラスタ
 * 必要に応じて追加
 */

/* margin */
.fair_content_block .m1 {margin: 1%;}
.fair_content_block .m2 {margin: 2%;}
.fair_content_block .m3 {margin: 3%;}
.fair_content_block .m4 {margin: 4%;}
.fair_content_block .m5 {margin: 5%;}
/* margin-top */
.fair_content_block .mt1 {margin-top: 0;}
.fair_content_block .mt1 {margin-top: 1%;}
.fair_content_block .mt2 {margin-top: 2%;}
.fair_content_block .mt3 {margin-top: 3%;}
.fair_content_block .mt4 {margin-top: 4%;}
.fair_content_block .mt5 {margin-top: 5%;}
/* margin-bottom */
.fair_content_block .mb0 {margin-bottom: 0;}
.fair_content_block .mb1 {margin-bottom: 1%;}
.fair_content_block .mb2 {margin-bottom: 2%;}
.fair_content_block .mb3 {margin-bottom: 3%;}
.fair_content_block .mb4 {margin-bottom: 4%;}
.fair_content_block .mb5 {margin-bottom: 5%;}

/* padding */
.fair_content_block .p1 {padding: 1%;}
.fair_content_block .p2 {padding: 2%;}
.fair_content_block .p3 {padding: 3%;}
.fair_content_block .p4 {padding: 4%;}
.fair_content_block .p5 {padding: 5%;}
/* padding-top */
.fair_content_block .pt0 {padding-top: 0;}
.fair_content_block .pt1 {padding-top: 1%;}
.fair_content_block .pt2 {padding-top: 2%;}
.fair_content_block .pt3 {padding-top: 3%;}
.fair_content_block .pt4 {padding-top: 4%;}
.fair_content_block .pt5 {padding-top: 5%;}
/* padding-bottom */
.fair_content_block .pb0 {padding-bottom: 0;}
.fair_content_block .pb1 {padding-bottom: 1%;}
.fair_content_block .pb2 {padding-bottom: 2%;}
.fair_content_block .pb3 {padding-bottom: 3%;}
.fair_content_block .pb4 {padding-bottom: 4%;}
.fair_content_block .pb5 {padding-bottom: 5%;}

/* position,align */
.fair_content_block .float_l{float:left;}
.fair_content_block .float_r{float:right;}
.fair_content_block .relative{position:relative;}
.fair_content_block .absolute{position:absolute;}
.fair_content_block .fixed{position:fixed;}
.fair_content_block .ta_left{text-align:left;}
.fair_content_block .ta_right{text-align:right;}
.fair_content_block .ta_center{text-align:center;}
.fair_content_block .va_top{vartical-align:top;}
.fair_content_block .va_bottom{vartical-align:bottom;}
.fair_content_block .va_middle{vartical-align:middle;}

/* display */
.fair_content_block .d_none{display:none;}
.fair_content_block .d_block{display:block;}
.fair_content_block .d_inline{display:inline;}
.fair_content_block .d_inlineblock{display:inline-block;}

/* font */
.fair_content_block .fs12{font-size:12px;}
.fair_content_block .fs13{font-size:13px;}
.fair_content_block .fs14{font-size:14px;}
.fair_content_block .fs15{font-size:15px;}
.fair_content_block .fs16{font-size:16px;}
.fair_content_block .fs17{font-size:17px;}
.fair_content_block .fs18{font-size:18px;}
.fair_content_block .fs19{font-size:19px;}
.fair_content_block .fs20{font-size:20px;}
.fair_content_block .fsxxs{font-size:xx-small;}
.fair_content_block .fsxs{font-size:x-small;}
.fair_content_block .fss{font-size:small;}
.fair_content_block .fsm{font-size:medium;}
.fair_content_block .fsl{font-size:large;}
.fair_content_block .fsxl{font-size:x-large;}
.fair_content_block .fsxxl{font-size:xx-large;}

/*追加*/
.fair_content_block p.catch_text{
  font-size: 18px;
    font-weight: 500;
    display: inline-block;
    text-align: left;
    color: #020268;
    max-width: 78%;
}