@charset "utf-8";

/*------------------------------*/
追加スタイル
/*------------------------------*/
html,body {
	font-family: 'Hiragino UD Sans F W3 JIS2004','UD Shin Go Light','ヒラギノ角ゴ Pro W2', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin:0px;
	padding:0px;
	word-break:break-all;
	font-size:13px;
}

/*------------------------------*/
h1,h2,h3 {
	font-size:15px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
/*------------------------------*/
/* ボタンのフォーマット (クロスブラウザ対策 明示的に指定) */
input[type="submit"],button {
	font-family: 'ヒラギノ角ゴ Pro W2', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:16px;
	cursor:pointer;
}
/*------------------------------*/
/* コンテンツの要素 (common.js) */
#header,#main_contents,#footer {
	box-sizing:border-box;
}
/*------------------------------*/
/* 隙間調整 */
*,*::before,*::after {
	box-sizing:border-box;
}
/*------------------------------*/
@-ms-viewport {
	width:device-width;
}
/*------------------------------*/
/* ロード後に表示 */
.js_load_visibility {
	visibility:hidden;
}
/*------------------------------*/
/* 選択不可能にする */
.user_select_none {
	-webkit-touch-callout: none; /* Android and iOS*/
	-webkit-user-select: none; /* Chrome or Safari */
	-moz-user-select: none; /* FireFox */
	-ms-user-select: none; /* IE */
	-o-user-select: none; /* Opera */
	user-select: none;
}
/*------------------------------*/
/* テキストの隙間調整 */
p {
	margin:10px 0px 0px 0px;
}
/*------------------------------*/
/* 画像 */
img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}
/*------------------------------*/
/* Aリンク */
a {
	color:#000000;
	text-decoration:none;
}
/*------------------------------*/
/* アンダーラインリンク */
.underline {
	text-decoration:underline;
}
.hover_underline {
	text-decoration:none;
}
.hover_underline:hover {
	text-decoration:underline;
}
.underline_on {
	text-decoration: underline;
}
/*------------------------------*/
/* アンダーラインリンク */
.underline {
	text-decoration:underline;
}
.hover_underline {
	text-decoration:none;
}
.hover_underline:hover {
	text-decoration:underline;
}
.underline_on {
	text-decoration: underline;
}
/*------------------------------*/
/* 画像リンク */
.a_hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
/*------------------------------*/
/* 改行しない */
.white_space_nowrap {
	white-space:nowrap;
}
/* ------------------------------ */
/* テーブル */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* ------------------------------ */
/* ラベル */
label {
	cursor:pointer;
}
/*------------------------------*/
/* 回り込み解除 */
.clearfix:after {
	content:"";
	clear:both;
	display:block;
}
/* ------------------------------ */
/* 回り込み設定 */
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clear_both {
	clear:both;
}
/*------------------------------*/
/* 位置揃え */
.text_align_center {
	text-align:center;
}
.text_align_left {
	text-align:left;
}
.text_align_right {
	text-align:right;
}
/*------------------------------*/
/* フラットテキスト */
.font_weight_bold,strong,b {
	font-weight:bold;
}
.font_weight_normal {
	font-weight:normal;
}
/*------------------------------*/
/* 印刷所外 */
@media print {
	.print_none {
		display: none;
	}
}
/*------------------------------*/
/* margin調整 */
.margin_all_01 {
	margin:1px;
}
.margin_all_05 {
	margin:5px;
}
.margin_all_10 {
	margin:10px;
}
.margin_top_01 {
	margin-top:1px;
}
.margin_top_02 {
	margin-top:2px;
}
.margin_top_05 {
	margin-top:5px;
}
.margin_top_10 {
	margin-top:10px;
}
.margin_top_20 {
	margin-top:20px;
}
.margin_top_30 {
	margin-top:30px;
}
.margin_top_40 {
	margin-top:40px;
}
.margin_top_50 {
	margin-top:50px;
}
.margin_top_60 {
	margin-top:60px;
}
.margin_top_70 {
	margin-top:70px;
}
.margin_top_80 {
	margin-top:80px;
}
.margin_top_90 {
	margin-top:90px;
}
.margin_top_100 {
	margin-top:100px;
}
.margin_top_150 {
	margin-top:150px;
}
.margin_top_200 {
	margin-top:200px;
}
.margin_top_300 {
	margin-top:300px;
}
.margin_up_02 {
	margin-top:2px;
	margin-bottom:2px;
}
.margin_up_05 {
	margin-top:5px;
	margin-bottom:5px;
}
.margin_up_10 {
	margin-top:10px;
	margin-bottom:10px;
}
.margin_up_20 {
	margin-top:20px;
	margin-bottom:20px;
}
.margin_up_30 {
	margin-top:30px;
	margin-bottom:30px;
}
.margin_up_40 {
	margin-top:40px;
	margin-bottom:40px;
}
.margin_up_50 {
	margin-top:50px;
	margin-bottom:50px;
}
.margin_lr_05 {
	margin-right:5px;
	margin-left:5px;
}
.margin_bottom_01 {
	margin-bottom:1px;
}
.margin_bottom_05 {
	margin-bottom:5px;
}
.margin_bottom_10 {
	margin-bottom:10px;
}
.margin_bottom_20 {
	margin-bottom:20px;
}
.margin_bottom_30 {
	margin-bottom:30px;
}
.margin_bottom_40 {
	margin-bottom:40px;
}
.margin_bottom_50 {
	margin-bottom:50px;
}
.margin_bottom_100 {
	margin-bottom:100px;
}

/*------------------------------*/
/* 隙間を調整するスタイル */
.padding_left_05 {
	padding-left:5px;
}
.padding_left_10 {
	padding-left:10px;
}
.padding_left_20 {
	padding-left:20px;
}
.padding_right_05 {
	padding-right:5px;
}
.padding_right_10 {
	padding-right:10px;
}
.padding_right_20 {
	padding-right:20px;
}

.padding_all_01 {
	padding:1px;
}
.padding_all_02 {
	padding:2px;
}
.padding_all_05 {
	padding:5px;
}
.padding_all_10 {
	padding:10px;
}
.padding_all_20 {
	padding:20px;
}
.padding_all_30 {
	padding:30px;
}
.padding_up_05 {
	padding-top:5px;
	padding-bottom:5px;
}
.padding_up_10 {
	padding-top:10px;
	padding-bottom:10px;
}
.padding_up_20 {
	padding-top:20px;
	padding-bottom:20px;
}
.padding_up_30 {
	padding-top:30px;
	padding-bottom:30px;
}
.padding_up_50 {
	padding-top:50px;
	padding-bottom:50px;
}
.padding_up_60 {
	padding-top:60px;
	padding-bottom:60px;
}
.padding_side_02 {
	padding-right:2px;
	padding-left:2px;
}
.padding_side_05 {
	padding-right:5px;
	padding-left:5px;
}
.padding_side_10 {
	padding-right:10px;
	padding-left:10px;
}
.padding_side_20 {
	padding-right:20px;
	padding-left:20px;
}
.padding_side_30 {
	padding-right:30px;
	padding-left:30px;
}
.padding_side_40 {
	padding-right:40px;
	padding-left:40px;
}
.padding_side_50 {
	padding-right:50px;
	padding-left:50px;
}
.padding_side_90 {
	padding-right:90px;
	padding-left:90px;
}

.padding_top_10 {
	padding-top:10px;
}
.padding_top_20 {
	padding-top:20px;
}
.padding_top_30 {
	padding-top:30px;
}
.padding_top_40 {
	padding-top:40px;
}
.padding_top_50 {
	padding-top:50px;
}

.padding_bottom_10 {
	padding-bottom:10px;
}
.padding_bottom_20 {
	padding-bottom:20px;
}
.padding_bottom_30 {
	padding-bottom:30px;
}
.padding_bottom_40 {
	padding-bottom:40px;
}
.padding_bottom_50 {
	padding-bottom:50px;
}

/*------------------------------*/
/* 隠し要素 */
.display_none {
	display:none;
}
.display_block {
	display:block;
}
/*------------------------------*/
/* paddingとborderを含める */
.box_sizing {
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
/*------------------------------*/
/* 枠の幅 */
.width_10 {
	width:10%;
}
.width_20 {
	width:20%;
}
.width_30 {
	width:30%;
}
.width_40 {
	width:40%;
}
.width_50 {
	width:50%;
}
.width_60 {
	width:60%;
}
.width_70 {
	width:70%;
}
.width_80 {
	width:80%;
}
.width_90 {
	width:90%;
}
.width_100 {
	width:100%;
}
.max_width_100 {
	max-width:100px;
}
.max_width_200 {
	max-width:200px;
}
.max_width_300 {
	max-width:300px;
}
.max_width_400 {
	max-width:400px;
}
.max_width_500 {
	max-width:500px;
}
.max_width_600 {
	max-width:600px;
}
.max_width_700 {
	max-width:700px;
}
.max_width_800 {
	max-width:800px;
}
.max_width_900 {
	max-width:900px;
}
/*------------------------------*/
/* フォントサイズ */
.font_size_09 {
	font-size:9px;
}
.font_size_10 {
	font-size:10px;
}
.font_size_11 {
	font-size:11px;
}
.font_size_12 {
	font-size:12px;
}
.font_size_13 {
	font-size:13px;
}
.font_size_14 {
	font-size:14px;
}
.font_size_15 {
	font-size:15px;
}
.font_size_16 {
	font-size:16px;
}
.font_size_18 {
	font-size:18px;
}
.font_size_20 {
	font-size:20px;
}
.font_size_22 {
	font-size:22px;
}
.font_size_25 {
	font-size:25px;
}
.font_size_30 {
	font-size:30px;
}
.font_size_35 {
	font-size:35px;
}
.font_size_40 {
	font-size:40px;
}
.font_size_45 {
	font-size:45px;
}
.font_size_50 {
	font-size:50px;
}
.font_size_55 {
	font-size:55px;
}
.font_size_60 {
	font-size:60px;
}
.font_size_70 {
	font-size:70px;
}

/*------------------------------*/
/* 文字の高さを調整 */
.line_height_09 {
	line-height:9px;
}
.line_height_10 {
	line-height:10px;
}
.line_height_11 {
	line-height:11px;
}
.line_height_12 {
	line-height:12px;
}
.line_height_13 {
	line-height:13px;
}
.line_height_14 {
	line-height:14px;
}
.line_height_15 {
	line-height:15px;
}
.line_height_16 {
	line-height:16px;
}
.line_height_18 {
	line-height:18px;
}
.line_height_20 {
	line-height:20px;
}
.line_height_25 {
	line-height:25px;
}
.line_height_30 {
	line-height:30px;
}

/*------------------------------*/
/* フォント同期サイズ */
.size_09 {
	width:9px;
	height:auto;
}
.size_10 {
	width:10px;
	height:auto;
}
.size_11 {
	width:11px;
	height:auto;
}
.size_12 {
	width:12px;
	height:auto;
}
.size_13 {
	width:13px;
	height:auto;
}
.size_14 {
	width:14px;
	height:auto;
}
.size_15 {
	width:15px;
	height:auto;
}
.size_16 {
	width:16px;
	height:auto;
}
.size_18 {
	width:18px;
	height:auto;
}
.size_20 {
	width:20px;
	height:auto;
}
.size_22 {
	width:22px;
	height:auto;
}
.size_25 {
	width:25px;
	height:auto;
}
.size_30 {
	width:30px;
	height:auto;
}
.size_35 {
	width:35px;
	height:auto;
}
.size_40 {
	width:40px;
	height:auto;
}
.size_45 {
	width:45px;
	height:auto;
}
.size_50 {
	width:50px;
	height:auto;
}
.size_55 {
	width:55px;
	height:auto;
}
.size_60 {
	width:60px;
	height:auto;
}
/*------------------------------*/
/* 角丸 */
.border_radius_02 {
	border-radius:2px;
}
.border_radius_05 {
	border-radius:5px;
}
.border_radius_07 {
	border-radius:7px;
}
.border_radius_10 {
	border-radius:10px;
}
.border_radius_20 {
	border-radius:20px;
}
.border_radius_50 {
	border-radius:50px;
}
/*------------------------------*/
/* ★★★★★★★★★★★★★★★★★★削除対象★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 上下中央に配置 (親要素に「heigt」が必須 + safari 注意) */
.position_middle {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
}

/* 上下中央に配置 (親要素に「 position_relative 」か「position_absolute」が必須 / センタリングは「 width_100 」か「 margin_center 」) */
.vertical_middle_absolute {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
}
/* 上下中央に配置 (親要素に「 position 」や「高さ」がなくてもよい / センタリングは「 width_100 」か「 margin_center 」) */
.vertical_middle_relative {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
}

/* 上下中央に配置 */
.vertical_middle {
	vertical-align: middle;
}
/* 下付け (親要素に「position_relative」が必須) */
.vposition_bottom {
	position:absolute;
	bottom:0px;
}
/* 左右中央配置 */
.margin_center {
	margin-left:auto;
	margin-right:auto;
}
/* スクエア枠 (縦横比を統一) */
.square_box {
	width: 100%;
	height:0;
	padding-bottom: 100%;
}
/*------------------------------*/
/* フレックスボックス-縦並[1/2] */
.flex_column {
	display:flex;
	flex-direction: column;
	height:100%;
}
/* フレックス-上下中央配置[2/2] */
.flex_vertical_middle {
	margin-top: auto;
	margin-bottom: auto;
}
/* フレックス-下付け[2/2] */
.flex_vertical_bottom {
	margin-top: auto;
}
/*------------------------------*/
/* 縦書きフォント */
.vertical_rl {
	writing-mode: vertical-rl;
}
/*------------------------------*/
/* 均等割付 */
.text_justify_auto {
	text-align-last: justify; /* Chrome・Firefox */
	text-justify: inter-ideograph; /* IE・Edge */
	/* safari 不可 */
	text-align: justify;
	text-justify: inter-ideograph;
}
/*------------------------------*/
/* はみ出る要素の処理 */
.overflow_auto {
	overflow:auto;
}
.overflow_hidden {
	overflow:hidden;
}
/*------------------------------*/
/* 開閉ボックス */
.js_hidden_box {
	display:none;
}
.js_hidden_button:hover {
	cursor:pointer;
}
/*------------------------------*/
/* カーソルの種類 */
.cursor_pointer {
	cursor:pointer;
}
.cursor_move {
	cursor:move;
}
.cursor_move:hover {
	background-color:#ffdcec;
}
.cursor_all_scroll {
	cursor:all-scroll;
}
.cursor_double_tap_icon {
	cursor: url('../image/double_tap_icon.gif'),auto;	
}
/*------------------------------*/
/* ポジション */
.position_relative {
	position:relative;
}
.position_absolute {
	position:absolute;
}
/*------------------------------*/
/* プレースホルダのスタイル */
::-webkit-input-placeholder {
	color:#d6d6d6;
}
::-moz-placeholder {
	color:#d6d6d6;
	opacity:1;
}
:-ms-input-placeholder {
	color:#d6d6d6;
}
/* ------------------------------ */
/* テーブルのスタイル (flexbox) */
.col {
	display:flex; 
	flex-wrap:wrap;
	margin-left: 1px;
}
.pc_24{margin-top: -1px; margin-left: -1px; width: calc(100% + 1px);}.pc_23{margin-top: -1px; margin-left: -1px; width: calc(95.8333333% + 1px);}.pc_22{margin-top: -1px; margin-left: -1px; width: calc(91.6666666% + 1px);}.pc_21{margin-top: -1px; margin-left: -1px; width: calc(87.4999999% + 1px);}.pc_20{margin-top: -1px; margin-left: -1px; width: calc(83.3333333% + 1px);}.pc_19{margin-top: -1px; margin-left: -1px; width: calc(79.1666666% + 1px);}
.pc_18{margin-top: -1px; margin-left: -1px; width: calc(74.9999999% + 1px);}.pc_17{margin-top: -1px; margin-left: -1px; width: calc(70.8333333% + 1px);}.pc_16{margin-top: -1px; margin-left: -1px; width: calc(66.6666666% + 1px);}.pc_15{margin-top: -1px; margin-left: -1px; width: calc(62.4999999% + 1px);}.pc_14{margin-top: -1px; margin-left: -1px; width: calc(58.3333333% + 1px);}.pc_13{margin-top: -1px; margin-left: -1px; width: calc(54.1666666% + 1px);}
.pc_12{margin-top: -1px; margin-left: -1px; width: calc(49.9999999% + 1px);}.pc_11{margin-top: -1px; margin-left: -1px; width: calc(45.8333333% + 1px);}.pc_10{margin-top: -1px; margin-left: -1px; width: calc(41.6666666% + 1px);}.pc_9{margin-top: -1px; margin-left: -1px; width: calc(37.4999999% + 1px);}.pc_8{margin-top: -1px; margin-left: -1px; width: calc(33.3333333% + 1px);}.pc_7{margin-top: -1px; margin-left: -1px; width: calc(29.1666666% + 1px);}
.pc_6{margin-top: -1px; margin-left: -1px; width: calc(24.9999999% + 1px);}.pc_5{margin-top: -1px; margin-left: -1px; width: calc(20.8333333% + 1px);}.pc_4{margin-top: -1px; margin-left: -1px; width: calc(16.6666666% + 1px);}.pc_3{margin-top: -1px; margin-left: -1px; width: calc(12.4999999% + 1px);}.pc_2{margin-top: -1px; margin-left: -1px; width: calc(8.3333333% + 1px);}.pc_1{margin-top: -1px; margin-left: -1px; width: calc(4.1666666% + 1px);}
.split_5{margin-top: -1px; margin-left: -1px; width: calc(20% + 1px);}.split_7{margin-top: -1px; margin-left: -1px; width: calc(14.2857142% + 1px);}.split_8{margin-top: -1px; margin-left: -1px; width: calc(12.5% + 1px);}
.tb_block { display:none; } .sp_block { display:none; }
.tb_visible { visibility: visible; } .sp_visible { visibility: visible; }

/* タブレット */
@media only screen and (max-width:1024px) {
	.tb_24{margin-top: -1px; margin-left: -1px; width: calc(100% + 1px);}.tb_23{margin-top: -1px; margin-left: -1px; width: calc(95.8333333% + 1px);}.tb_22{margin-top: -1px; margin-left: -1px; width: calc(91.6666666% + 1px);}.tb_21{margin-top: -1px; margin-left: -1px; width: calc(87.4999999% + 1px);}.tb_20{margin-top: -1px; margin-left: -1px; width: calc(83.3333333% + 1px);}.tb_19{margin-top: -1px; margin-left: -1px; width: calc(79.1666666% + 1px);}
	.tb_18{margin-top: -1px; margin-left: -1px; width: calc(74.9999999% + 1px);}.tb_17{margin-top: -1px; margin-left: -1px; width: calc(70.8333333% + 1px);}.tb_16{margin-top: -1px; margin-left: -1px; width: calc(66.6666666% + 1px);}.tb_15{margin-top: -1px; margin-left: -1px; width: calc(62.4999999% + 1px);}.tb_14{margin-top: -1px; margin-left: -1px; width: calc(58.3333333% + 1px);}.tb_13{margin-top: -1px; margin-left: -1px; width: calc(54.1666666% + 1px);}
	.tb_12{margin-top: -1px; margin-left: -1px; width: calc(49.9999999% + 1px);}.tb_11{margin-top: -1px; margin-left: -1px; width: calc(45.8333333% + 1px);}.tb_10{margin-top: -1px; margin-left: -1px; width: calc(41.6666666% + 1px);}.tb_9{margin-top: -1px; margin-left: -1px; width: calc(37.4999999% + 1px);}.tb_8{margin-top: -1px; margin-left: -1px; width: calc(33.3333333% + 1px);}.tb_7{margin-top: -1px; margin-left: -1px; width: calc(29.1666666% + 1px);}
	.tb_6{margin-top: -1px; margin-left: -1px; width: calc(24.9999999% + 1px);}.tb_5{margin-top: -1px; margin-left: -1px; width: calc(20.8333333% + 1px);}.tb_4{margin-top: -1px; margin-left: -1px; width: calc(16.6666666% + 1px);}.tb_3{margin-top: -1px; margin-left: -1px; width: calc(12.4999999% + 1px);}.tb_2{margin-top: -1px; margin-left: -1px; width: calc(8.3333333% + 1px);}.tb_1{margin-top: -1px; margin-left: -1px; width: calc(4.1666666% + 1px);}
	.tb_none { display:none; } .tb_block { display:block; } .tb_left { text-align:left; } .tb_right { text-align:right; } .tb_center { text-align:center; } .tb_float_left { float:left; } .tb_float_right { float:right; } .tb_float_none { float:none; }
	.tb_hidden { visibility:hidden; } .tb_visible { visibility: visible; }
	.tb_font_size_09 { font-size:9px; } .tb_font_size_10 { font-size:10px; } .tb_font_size_11 { font-size:11px; } .tb_font_size_12 { font-size:12px; } .tb_font_size_13 { font-size:13px; } .tb_font_size_14 { font-size:14px; } .tb_font_size_15 { font-size:15px; } .tb_font_size_16 { font-size:16px; } .tb_font_size_18 { font-size:18px; } .tb_font_size_20 { font-size:20px; } .tb_font_size_22 { font-size:22px; } .tb_font_size_23 { font-size:23px; } .tb_font_size_25 { font-size:25px; } .tb_font_size_30 { font-size:30px; } .tb_font_size_35 { font-size:35px; } .tb_font_size_40 { font-size:40px; } .tb_font_size_45 { font-size:45px; } .tb_font_size_50 { font-size:50px; }
	.tb_margin_top_0 { margin-top:0px; } .tb_margin_top_10 { margin-top:10px; } .tb_margin_top_20 { margin-top:20px; } .tb_margin_top_30 { margin-top:30px; } .tb_margin_top_40 { margin-top:40px; } .tb_margin_top_50 { margin-top:50px; }
	.tb_margin_bottom_0 { margin-bottom:0px; } .tb_margin_bottom_10 { margin-bottom:10px; } .tb_margin_bottom_20 { margin-bottom:20px; } .tb_margin_bottom_30 { margin-bottom:30px; } .tb_margin_bottom_40 { margin-bottom:40px; } .tb_margin_bottom_50 { margin-bottom:50px; }
	.tb_padding_all_10 { padding:10px; } .tb_padding_all_05 { padding:5px; } .tb_padding_all_02 { padding:2px; } .tb_padding_all_01 { padding:1px; } .tb_padding_none { padding:0px; }
	.tb_width_10 { width:10% } .tb_width_20 { width:20% } .tb_width_30 { width:30% } .tb_width_40 { width:40% } .tb_width_50 { width:50% } .tb_width_60 { width:60% } .tb_width_70 { width:70% } .tb_width_80 { width:80% } .tb_width_90 { width:90% } .tb_width_100 { width:100% }
	.tb_text_justify_none { text-align-last: auto; text-justify:none; } /* 均等割解除 */
	.tb_flex_reverse { flex-flow: column-reverse nowrap; } /* フレックスボックス 逆順・縦・一行) */
	.tb_flex_wrap_reverse { flex-flow: column wrap-reverse; } /* フレックスボックス 逆順・縦・複数行) */
}

/* スマホ */
@media only screen and (max-width:599px) {
	.sp_24{margin-top: -1px; margin-left: -1px; width: calc(100% + 1px);}.sp_23{margin-top: -1px; margin-left: -1px; width: calc(95.8333333% + 1px);}.sp_22{margin-top: -1px; margin-left: -1px; width: calc(91.6666666% + 1px);}.sp_21{margin-top: -1px; margin-left: -1px; width: calc(87.4999999% + 1px);}.sp_20{margin-top: -1px; margin-left: -1px; width: calc(83.3333333% + 1px);}.sp_19{margin-top: -1px; margin-left: -1px; width: calc(79.1666666% + 1px);}
	.sp_18{margin-top: -1px; margin-left: -1px; width: calc(74.9999999% + 1px);}.sp_17{margin-top: -1px; margin-left: -1px; width: calc(70.8333333% + 1px);}.sp_16{margin-top: -1px; margin-left: -1px; width: calc(66.6666666% + 1px);}.sp_15{margin-top: -1px; margin-left: -1px; width: calc(62.4999999% + 1px);}.sp_14{margin-top: -1px; margin-left: -1px; width: calc(58.3333333% + 1px);}.sp_13{margin-top: -1px; margin-left: -1px; width: calc(54.1666666% + 1px);}
	.sp_12{margin-top: -1px; margin-left: -1px; width: calc(49.9999999% + 1px);}.sp_11{margin-top: -1px; margin-left: -1px; width: calc(45.8333333% + 1px);}.sp_10{margin-top: -1px; margin-left: -1px; width: calc(41.6666666% + 1px);}.sp_9{margin-top: -1px; margin-left: -1px; width: calc(37.4999999% + 1px);}.sp_8{margin-top: -1px; margin-left: -1px; width: calc(33.3333333% + 1px);}.sp_7{margin-top: -1px; margin-left: -1px; width: calc(29.1666666% + 1px);}
	.sp_6{margin-top: -1px; margin-left: -1px; width: calc(24.9999999% + 1px);}.sp_5{margin-top: -1px; margin-left: -1px; width: calc(20.8333333% + 1px);}.sp_4{margin-top: -1px; margin-left: -1px; width: calc(16.6666666% + 1px);}.sp_3{margin-top: -1px; margin-left: -1px; width: calc(12.4999999% + 1px);}.sp_2{margin-top: -1px; margin-left: -1px; width: calc(8.3333333% + 1px);}.sp_1{margin-top: -1px; margin-left: -1px; width: calc(4.1666666% + 1px);}
	.sp_none { display:none; } .sp_block { display:block; } .sp_left { text-align:left; } .sp_right { text-align:right; } .sp_center { text-align:center; } .sp_float_left { float:left; } .sp_float_right { float:right; } .sp_float_none { float:none; }
	.sp_hidden { visibility:hidden; } .sp_visible { visibility: visible; }
	.sp_font_size_09 { font-size:9px; } .sp_font_size_10 { font-size:10px; } .sp_font_size_11 { font-size:11px; } .sp_font_size_12 { font-size:12px; } .sp_font_size_13 { font-size:13px; } .sp_font_size_14 { font-size:14px; } .sp_font_size_15 { font-size:15px; } .sp_font_size_16 { font-size:16px; } .sp_font_size_18 { font-size:18px; } .sp_font_size_20 { font-size:20px; } .sp_font_size_22 { font-size:22px; } .sp_font_size_23 { font-size:23px; } .sp_font_size_25 { font-size:25px; } .sp_font_size_30 { font-size:30px; } .sp_font_size_35 { font-size:35px; } .sp_font_size_40 { font-size:40px; }
	.sp_margin_top_0 { margin-top:0px; } .sp_margin_top_10 { margin-top:10px; } .sp_margin_top_20 { margin-top:20px; } .sp_margin_top_30 { margin-top:30px; } .sp_margin_top_40 { margin-top:40px; } .sp_margin_top_50 { margin-top:50px; }
	.sp_margin_bottom_0 { margin-bottom:0px; } .sp_margin_bottom_10 { margin-bottom:10px; } .sp_margin_bottom_20 { margin-bottom:20px; } .sp_margin_bottom_30 { margin-bottom:30px; } .sp_margin_bottom_40 { margin-bottom:40px; } .sp_margin_bottom_50 { margin-bottom:50px; }
	.sp_padding_all_10 { padding:10px; } .sp_padding_all_05 { padding:5px; } .sp_padding_all_02 { padding:2px; } .sp_padding_all_01 { padding:1px; } .sp_padding_none { padding:0px; }
	.sp_width_10 { width:10% } .sp_width_20 { width:20% } .sp_width_30 { width:30% } .sp_width_40 { width:40% } .sp_width_50 { width:50% } .sp_width_60 { width:60% } .sp_width_70 { width:70% } .sp_width_80 { width:80% } .sp_width_90 { width:90% } .sp_width_100 { width:100% }
	.sp_text_justify_none { text-align-last: auto; text-justify:none; } /* 均等割解除 */
	.sp_flex_reverse { flex-flow: column-reverse nowrap; } /* フレックスボックス 逆順・縦・一行) */
	.sp_flex_wrap_reverse { flex-flow: column wrap-reverse; } /* フレックスボックス 逆順・縦・複数行) */
}

/*------------------------------*/
/* スクロール中のhoverを無効化 */
.disable_hover {
	pointer-events: none;
}

/*------------------------------*/
/* アニメーション文字 (「.animation_words」がトリガー) */
/* 開始前のスタイル */
.aw_character {
	position: relative;
	top: 20px;
	opacity: 0;

	/* アニメーション設定 */
	--property: top, opacity;/* アニメーションに使用するプロパティ */
	--duration: 70ms;/* アニメーションタイム時間(AT) */
	--delay: -40ms;/* 遅延時間(DT) AT-DT=SP*/

	transition-property: var(--property);
	transition-timing-function: steps(20,end);
	transition-duration: var(--duration);
	transition-delay: calc( ( var(--duration) + var(--delay) ) * var(--index,0) + var(--delay) );

}
/* 終了時のスタイル */
.aw_visible .aw_character {
	top: 0;
	opacity: 1;
	will-change: var(--property); /* 処理軽減 */
}

/*------------------------------*/
/* 背景色 (デフォルト) */
.background_color_000000 {
	background-color:#000000;
}
.background_color_ffffff {
	background-color:#ffffff;
}
.background_color_cccccc {
	background-color:#cccccc;
}
.background_color_ff0000 {
	background-color:#ff0000;
}
.background_color_f0f0f0 {
	background-color:#f0f0f0;
}
.background_color_ffff00 {
	background-color:#ffff00;
}

/*------------------------------*/
/* フォントカラー (デフォルト) */
.color_ffffff {
	color:#ffffff;
}
.color_000000 {
	color:#000000;
}
.color_ff0000 {
	color:#ff0000;
}
.color_cccccc {
	color:#cccccc;
}
.color_00223c {
	color:#00223c;
}

/*------------------------------*/
/* レイアウト */
.in_box_1000 {
	max-width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding-left:5px;
	padding-right:5px;
}
.in_box_900 {
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	padding-left:5px;
	padding-right:5px;
}
.in_box_800 {
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
	padding-left:5px;
	padding-right:5px;
}
.in_box_700 {
	max-width:700px;
	margin-right:auto;
	margin-left:auto;
	padding-left:5px;
	padding-right:5px;
}
.in_box_600 {
	max-width:600px;
	margin-right:auto;
	margin-left:auto;
	padding-left:5px;
	padding-right:5px;
}
.in_box_500 {
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
	padding-left:5px;
	padding-right:5px;
}
/* タブレット */
@media only screen and (max-width:1000px) {
	.in_box_1000,.in_box_900,.in_box_800,.in_box_700,.in_box_600,.in_box_500 {
		padding-left:10px;
		padding-right:10px;
	}
}