@charset utf-8;
/*************************************************
CSS
/cmn_jp_v1/css/ex_component.css

16.08.25
update:16.10.20
*************************************************/

/*column*/
.clm_c .clm {
	width: 75%;
	margin: 0 auto;
	float: none;
}

.clm3 .jp_clm_x2 {
	width: 66.666% !important;
}

.clm4 .jp_clm_x2 {
	width: 50% !important;
}

.clm5 .jp_clm_x2 {
	width: 40% !important;
}

.clm6 .jp_clm_x2 {
	width: 33.333% !important;
}

.clm4 .jp_clm_x3 {
	width: 75% !important;
}

.clm5 .jp_clm_x3 {
	width: 60% !important;
}

.clm6 .jp_clm_x3 {
	width: 50% !important;
}

@media (max-width: 640px) {
	.clm_c .clm {
		width: 100% !important;
	}

	.rsp_break_clm1 .jp_clm_x2 {
		width: 100% !important;
	}

	.rsp_break_clm1 .jp_clm_x3 {
		width: 100% !important;
	}
}



/* option */
.jp_pt20 {
	padding-top: 20px;
}

.jp_pb20 {
	padding-bottom: 20px;
}

.jp_mb20 {
	margin-bottom: 20px;
}

.jp_bg_e9f2 {
	background-color: #e9f2f4 !important;
}

.jp_bg_f2f3 {
	background-color: #f2f3e2 !important;
}

.jp_bg_fdf3 {
	background-color: #fdf3dc !important;
}

.jp_bg_f2f5 {
	background-color: #f2f5fb !important;
}

.jp_bg_fbeb {
	background-color: #fbebea !important;
}

.jp_bg_2178 {
	background-color: #217892 !important;
}

.jp_bg_536b {
	background-color: #536b3d !important;
}

.jp_bg_a575 {
	background-color: #a57503 !important;
}

.jp_bg_5270 {
	background-color: #527083 !important;
}

.jp_bg_b045 {
	background-color: #b04537 !important;
}

.jp_fc_2179 {
	color: #217892 !important;
}

.jp_fc_536b {
	color: #536b3d !important;
}

.jp_fc_a575 {
	color: #a57503 !important;
}

.jp_fc_5270 {
	color: #527083 !important;
}

.jp_fc_b045 {
	color: #b04537 !important;
}


/* common */
img {
	vertical-align: bottom;
}


/* compornents */
.sct_bg01.jp_theme_01 {
	background-color: #e9f2f4;
	padding:20px 0;
}

.sct_bg01.jp_theme_02 {
	background-color: #f2f3e2;
	padding:20px 0;
}

.sct_bg01.jp_theme_03 {
	background-color: #fdf3dc;
	padding:20px 0;
}

.sct_bg01.jp_theme_04 {
	background-color: #f2f5fb;
	padding:20px 0;
}

.sct_bg01.jp_theme_05 {
	background-color: #fbebea;
	padding:20px 0;
}

.jp_point_area {
	background-clip: content-box;
	background-color: #f3f3f3;
}

.jp_theme_01 .jp_point_area,.jp_theme_01 .jp_step_ul li,.jp_psbox_solving.jp_theme_01,.jp_psbox_probrem.jp_theme_01 {
	background-color: #e9f2f4;
}

.jp_theme_02 .jp_point_area,.jp_theme_02 .jp_step_ul li,.jp_psbox_solving.jp_theme_02,.jp_psbox_probrem.jp_theme_02 {
	background-color: #f2f3e2;
}

.jp_theme_03 .jp_point_area,.jp_theme_03 .jp_step_ul li,.jp_psbox_solving.jp_theme_03,.jp_psbox_probrem.jp_theme_03 {
	background-color: #fdf3dc;
}

.jp_theme_04 .jp_point_area,.jp_theme_04 .jp_step_ul li,.jp_psbox_solving.jp_theme_04,.jp_psbox_probrem.jp_theme_04 {
	background-color: #f2f5fb;
}

.jp_theme_05 .jp_point_area,.jp_theme_05 .jp_step_ul li,.jp_psbox_solving.jp_theme_05,.jp_psbox_probrem.jp_theme_05 {
	background-color: #fbebea;
}

.sct_bg01.jp_theme_01 .jp_point_area,
.sct_bg01.jp_theme_02 .jp_point_area,
.sct_bg01.jp_theme_03 .jp_point_area,
.sct_bg01.jp_theme_04 .jp_point_area,
.sct_bg01.jp_theme_05 .jp_point_area,
.jp_probsolvbox .jp_point_area{
	background-color: #fff;
}

.jp_theme_01 .jp_pt_ttl {
	color: #217892;
}

.jp_theme_02 .jp_pt_ttl {
	color: #536b3d;
}

.jp_theme_03 .jp_pt_ttl {
	color: #a57503;
}

.jp_theme_04 .jp_pt_ttl {
	color: #527083;
}

.jp_theme_05 .jp_pt_ttl {
	color: #b04537;
}

.jp_theme_01 .jp_pt_ttl_label,.jp_theme_01 .jp_step_label, .jp_theme_01 .jp_probsol_label {
	background-color: #217892;
}

.jp_theme_02 .jp_pt_ttl_label,.jp_theme_02 .jp_step_label, .jp_theme_02 .jp_probsol_label {
	background-color: #536b3d;
}

.jp_theme_03 .jp_pt_ttl_label,.jp_theme_03 .jp_step_label, .jp_theme_03 .jp_probsol_label {
	background-color: #a57503;
}

.jp_theme_04 .jp_pt_ttl_label,.jp_theme_04 .jp_step_label, .jp_theme_04 .jp_probsol_label {
	background-color: #527083;
}

.jp_theme_05 .jp_pt_ttl_label,.jp_theme_05 .jp_step_label, .jp_theme_05 .jp_probsol_label {
	background-color: #b04537;
}

.jp_point_sct {
	padding: 16px;
}

.jp_point_sct:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.jp_point_sct .jp_pt_txtarea {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.jp_pt_img {
	text-align: center;
	padding-top: 8px;
	box-sizing: border-box;
}

.jp_pt_img.img_r {
	padding-left: 8px;
	padding-top: 0;
	width: 50%;
	float: right;
}

.jp_pt_img.img_l {
	padding-right: 8px;
	padding-top: 0;
	width: 50%;
	float: left;
}


@media (max-width: 640px) {
	.jp_point_sct .jp_pt_txtarea {
		width: 100%;
	}

	.jp_pt_img.img_r {
		padding-top: 8px;
		padding-left: 0;
		width: 100%;
	}

	.jp_pt_img.img_l {
		padding-top: 8px;
		padding-right: 0;
		width: 100%;
	}
}

.jp_pt_ttl {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 8px;
	color: #217892;
}

.jp_pt_ttl_label {
	padding: 8px 16px;
	color: #fff;
	font-size: 18px;
	background-color: #666;
}

/* ============================================================*
矢印 横並び
*============================================================ */
.jp_step_horizon:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.jp_step_box {
	float: left;
	width:48.5%;
	padding-right: 3%;
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col00.png");
	background-position: right 1% center;
	background-size: 16px 41px;
	background-repeat: no-repeat;
}

.jp_theme_01.jp_step_horizon .jp_step_box,.jp_theme_01 .jp_step_horizon .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col01.png");
}

.jp_theme_02.jp_step_horizon .jp_step_box,.jp_theme_02 .jp_step_horizon .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col02.png");
}

.jp_theme_03.jp_step_horizon .jp_step_box,.jp_theme_03 .jp_step_horizon .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col03.png");
}

.jp_theme_04.jp_step_horizon .jp_step_box,.jp_theme_04 .jp_step_horizon .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col04.png");
}

.jp_theme_05.jp_step_horizon .jp_step_box,.jp_theme_05 .jp_step_horizon .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col05.png");
}

.jp_step_box:last-child {
	padding-right: 0;
	background-image: none !important;
}

.jp_step_horizon.clm3 .jp_step_box {
	width: 31.333%;
}

.jp_step_horizon.clm4 .jp_step_box {
	width: 22.75%;
}

.jp_step_horizon.clm5 .jp_step_box {
	width: 17.6%;
}

.jp_step_horizon.clm6 .jp_step_box {
	width: 14.166%;
}

.jp_step_horizon .jp_step_box .jp_point_area {
	padding:8px;
}

@media (max-width: 640px) {
	.jp_step_box {
		width: 100% !important;
		float: none;
		padding-right: 0;
		padding-bottom: 32px;
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col00_down.png");
		background-repeat: no-repeat;
		background-size: 41px 16px; 
		background-position: center bottom 2%;
	}

	.jp_theme_01.jp_step_horizon .jp_step_box,.jp_theme_01 .jp_step_horizon .jp_step_box {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col01_down.png");
	}

	.jp_theme_02.jp_step_horizon .jp_step_box,.jp_theme_02 .jp_step_horizon .jp_step_box {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col02_down.png");
	}

	.jp_theme_03.jp_step_horizon .jp_step_box,.jp_theme_03 .jp_step_horizon .jp_step_box {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col03_down.png");
	}

	.jp_theme_04.jp_step_horizon .jp_step_box,.jp_theme_04 .jp_step_horizon .jp_step_box {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col04_down.png");
	}

	.jp_theme_05.jp_step_horizon .jp_step_box,.jp_theme_05 .jp_step_horizon .jp_step_box {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col05_down.png");
	}
	
	.jp_step_box:last-child {
		padding: 0;
	}

}

/* ============================================================*
矢印 縦並び
*============================================================ */
.jp_step_vertical .jp_step_box .jp_point_area {
	display: table;
}

.jp_step_vertical .jp_step_box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.jp_step_vertical .jp_step_box {
	padding-bottom: 32px;
	width: 100%;
	padding-right: 0;
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col00_down.png");
	background-repeat: no-repeat;
	background-size: 41px 16px; 
	background-position: center bottom 8px;
}

.jp_step_vertical .jp_step_box:last-child {
	padding-bottom: 0;
	background-image: none;
}

.jp_step_vertical .jp_step_box .jp_point_area .jp_pt_ttl_label,.jp_step_vertical .jp_step_box .jp_point_area .jp_point_sct {
	display: table-cell;
	table-layout:fixed;
}

.jp_step_vertical .jp_step_box .jp_point_area .jp_pt_ttl_label {
	width: 14%;
	min-width: 100px;
	vertical-align: top;
}

.jp_theme_01 .jp_step_vertical .jp_step_box,.jp_theme_01.jp_step_vertical .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col01_down.png");
}

.jp_theme_02 .jp_step_vertical .jp_step_box,.jp_theme_02.jp_step_vertical .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col02_down.png");
}

.jp_theme_03 .jp_step_vertical .jp_step_box,.jp_theme_03.jp_step_vertical .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col03_down.png");
}

.jp_theme_04 .jp_step_vertical .jp_step_box,.jp_theme_04.jp_step_vertical .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col04_down.png");
}

.jp_theme_05 .jp_step_vertical .jp_step_box,.jp_theme_05.jp_step_vertical .jp_step_box {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_col05_down.png");
}

/* ============================================================*
矢印ボックス
*============================================================ */
.jp_step_ul .jp_point_sct {
	padding: 0;
}

.jp_step_label {
	display: inline-block;
	padding: 2px 8px;
	font-size: 18px;
	font-weight: normal;
	color:#fff;
}
.jp_step_label,.jp_probsol_label {
	background-color: #666;
}

.jp_step_ul {
	list-style-type: none;
	padding: 0;
	display: table;
	background-color: #fff;
	position: relative;
}

.jp_step_ul li {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	padding: 16px 16px 16px 24px;
	background-color: #f3f3f3;
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_00.png");
	background-position: left center;
	background-repeat: no-repeat;
}

.sct_bg01 .jp_step_ul li:first-child {
	background-image: none !important;
	padding-left: 16px;
}

.jp_step_li2 li {
	width: 50%;
}

.jp_step_li3 li {
	width: 33.333%;
}

.jp_step_li4 li {
	width: 25%;
}

.jp_step_li5 li {
	width: 20%;
}

.sct_bg01.jp_theme_01 .jp_step_ul li,
.sct_bg01.jp_theme_02 .jp_step_ul li,
.sct_bg01.jp_theme_03 .jp_step_ul li,
.sct_bg01.jp_theme_04 .jp_step_ul li,
.sct_bg01.jp_theme_05 .jp_step_ul li {
	background-color: #fff;
}

.sct_bg01.jp_theme_01 .jp_step_ul li {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_01.png");
}

.sct_bg01.jp_theme_02 .jp_step_ul li {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_02.png");
}

.sct_bg01.jp_theme_03 .jp_step_ul li {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_03.png");
}

.sct_bg01.jp_theme_04 .jp_step_ul li {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_04.png");
}

.sct_bg01.jp_theme_05 .jp_step_ul li {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_05.png");
}

@media (max-width: 640px) {
	.jp_step_ul li {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_00.png");
	}

	.jp_step_ul li {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding: 36px 16px 16px 16px;
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_00_down.png");
		background-position: center top;
	}

	.sct_bg01.jp_theme_01 .jp_step_ul li {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_01_down.png");
	}
	
	.sct_bg01.jp_theme_02 .jp_step_ul li {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_02_down.png");
	}
	
	.sct_bg01.jp_theme_03 .jp_step_ul li {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_03_down.png");
	}
	
	.sct_bg01.jp_theme_04 .jp_step_ul li {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_04_down.png");
	}
	
	.sct_bg01.jp_theme_05 .jp_step_ul li {
		background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/bg_col_05_down.png");
	}

	.jp_step_ul li:first-child {
		padding-top: 16px;
	}
}

/* ============================================================*
課題解決
*============================================================ */
.jp_bg_probrem,.jp_probsolvbox {
	position: relative;
}

.sct_bg01.jp_bg_solving {
	padding-top: 32px;
}

.jp_probsol_label {
	padding: 8px 16px;
	box-sizing: border-box;
	font-size: 20px;
	color: #fff;
	display: inline-block;
}

.jp_psbox_probrem,.jp_psbox_solving {
	padding: 40px 16px 24px;
	background-color: #f3f3f3;
}

.jp_psbox_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down06.png");
	position: absolute;
	left: 0;
	right: 0;
	padding-top: 24px;
	text-align: center;
}

.jp_bg_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down00.png");
	position: absolute;
	left: 0;
	right: 0;
	padding-top: 20px;
	text-align: center;
}

.jp_theme_01.jp_bg_probrem:after,.jp_theme_01.jp_psbox_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down01.png");
}

.jp_theme_02.jp_bg_probrem:after,.jp_theme_02.jp_psbox_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down02.png");
}

.jp_theme_03.jp_bg_probrem:after,.jp_theme_03.jp_psbox_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down03.png");
}

.jp_theme_04.jp_bg_probrem:after,.jp_theme_04.jp_psbox_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down04.png");
}

.jp_theme_05.jp_bg_probrem:after,.jp_theme_05.jp_psbox_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down05.png");
}

.jp_probsolvbox.clm {
	float:none;
}

.jp_task_delta {
	height:64px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: -42px;
	z-index: 1;
	color: #f3f3f3;
	font-size: 64px;
}

.jp_bg_probrem .jp_task_delta {
	color: #fff;
}

.jp_theme_01 .jp_task_delta {
	color: #e9f2f4;
	background-color: #e9f2f4;
}

.jp_theme_02 .jp_task_delta {
	color: #f2f3e2;
	background-color: #f2f3e2;
}

.jp_theme_03 .jp_task_delta {
	color: #fdf3dc;
	background-color: #fdf3dc;
}

.jp_theme_04 .jp_task_delta {
	color: #f2f5fb;
	background-color: #f2f5fb;
}

.jp_theme_05 .jp_task_delta {
	color: #fbebea;
	background-color: #fbebea;
}

.jp_bg_probrem .jp_task_delta {
	bottom: -20px;
}

/* ============================================================*
youtubeモーダル再生アイコン/ホバーアクション
*============================================================ */
.jp_movie_box {
	display: inline-block;
	position: relative;
	background: #000;
	vertical-align: bottom;
}

.jp_movie_box:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_movie_01.png");
	width: 64px;
	height: 64px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position:absolute;
}

.jp_movie_box .jp_mov_img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.jp_movie_box:hover > .jp_mov_img {
	opacity: 0.6 !important;
}


/* ============================================================*
sub_contents_nv
*============================================================ */
.jp_sub_contents_nv {
	padding-top: 8px;
	display: table;
}

.jp_sub_contents_nv.contents_nv .clm {
	padding: 8px 0 8px 8px;
}


.jp_sub_contents_nv.contents_nv .clm a {
	padding:0 8px 0 24px;
	background-image: url("/-/Media/Ricoh/Common/cmn_v1/img/icon_s_right_03.png");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 0 center;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	line-height: 24px;
	width:1024px;
	border-right: 1px solid #dedede;
}

.jp_sub_contents_nv .clm2 .clm:nth-child(2n) a,
.jp_sub_contents_nv .clm3 .clm:nth-child(3n) a,
.jp_sub_contents_nv .clm4 .clm:nth-child(4n) a,
.jp_sub_contents_nv .clm5 .clm:nth-child(5n) a,
.jp_sub_contents_nv .clm6 .clm:nth-child(6n) a {
	border-right: none;
}

.contents_nv.jp_sub_contents_nv .cnt_nv_ttl a{
	border: none;
	border-bottom:2px solid #dedede;
	border-radius: 0;
	background-color: #fff;
}

.contents_nv.jp_sub_contents_nv .cnt_nv_lst{
	border-left: none;
	border-bottom: none;
}

.contents_nv.jp_sub_contents_nv .cnt_nv_lst li{
	border-top: none;
	border-right: none;
}

@media (max-width: 640px) {
	.jp_sub_contents_nv{
		padding-top: 0;
		width: 96%;
		margin: 0 auto;
	}

	.jp_sub_contents_nv.contents_nv .clm a {
		border-right: none;
	}

	.contents_nv.jp_sub_contents_nv .cnt_nv_ttl a{
		padding: 7px 0 7px 7px;
		background-position: 101.75% center;
	}

	.jp_sub_contents_nv.contents_nv .clm {
		border-bottom: 2px solid #dedede;
	}

	.jp_sub_contents_nv .clm:first-child {
		border-top: 2px solid #dedede;
	}

	.contents_nv.jp_sub_contents_nv .cnt_nv_lst{
		border: none;
	}
}

/* ============================================================*
step_current
*============================================================ */
.jp_step_current .clm {
	border-top: 2px solid #dedede;
	border-bottom: 2px solid #dedede;
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/arrow_nextstep.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 21px 100%;
	padding: 8px 2% 8px 0;
	position: relative;
	box-sizing: content-box;
}

.jp_step_current .clm:first-child:before {
	content: "　";
	background-image: url("../img/ex_component/jp_step_current_partition.png");
	background-size: contain;
	width: 2px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.jp_step_current .clm:last-child {
	padding-right: 0;
	background-image: none;
}

.jp_step_current .clm:last-child:before {
	content: "　";
	background-image: url("../img/ex_component/jp_step_current_partition.png");
	background-size: contain;
	width: 2px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.jp_step_current .clm:last-child .jp_step_current_ttl {
	padding: 0;
}

.jp_step_current .jp_step_current_ttl {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

.jp_step_current .jp_step_current_txt {
	font-size: 14px;
	padding: 0 8px;
	text-align: center;
}

.jp_step_current .clm.current {
	background-color: #dedede;
	background-image: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/arrow_nextstep_current.jpg");
	background-repeat: no-repeat;
}

.jp_step_current.clm6 .clm {
	width: 15%;
}

.jp_step_current.clm5 .clm {
	width: 18.4%;
}

.jp_step_current.clm4 .clm {
	width: 23.5%;
}

.jp_step_current.clm3 .clm {
	width: 32%;
}

.jp_step_current.clm2 .clm {
	width: 49%;
}

@media (max-width: 640px) {
	.jp_step_current .jp_step_current_txt {
		display: none;
	}

	.jp_step_current .clm {
		background-size: auto;
	}

	.jp_step_current.clm6 .jp_step_current_ttl {
		font-size: 12px;
	}
}

/* ============================================================*
legacy - 新規での使用不可
*============================================================ */
.jp_sct_bg_col01 {
	background-color: #e9f2f4;
	padding:20px 0;
}
.jp_sct_bg_col02 {
	background-color: #f2f3e2;
	padding:20px 0;
}
.jp_sct_bg_col03 {
	background-color: #fdf3dc;
	padding:20px 0;
}
.jp_sct_bg_col04 {
	background-color: #f2f5fb;
	padding:20px 0;
}
.jp_sct_bg_col05 {
	background-color: #fbebea;
	padding:20px 0;
}
.jp_sct_bg_col01 .jp_point_area,
.jp_sct_bg_col02 .jp_point_area,
.jp_sct_bg_col03 .jp_point_area,
.jp_sct_bg_col04 .jp_point_area,
.jp_sct_bg_col05 .jp_point_area {
	background-color: #fff;
}
.jp_sct_bg_col01 .jp_pt_ttl {
	color: #217892;
}
.jp_sct_bg_col02 .jp_pt_ttl {
	color: #536b3d;
}
.jp_sct_bg_col03 .jp_pt_ttl {
	color: #a57503;
}
.jp_sct_bg_col04 .jp_pt_ttl {
	color: #527083;
}
.jp_sct_bg_col05 .jp_pt_ttl {
	color: #b04537;
}
.jp_sct_bg_col01 .jp_pt_ttl_label {
	background-color: #217892;
}
.jp_sct_bg_col02 .jp_pt_ttl_label {
	background-color: #536b3d;
}
.jp_sct_bg_col03 .jp_pt_ttl_label {
	background-color: #a57503;
}
.jp_sct_bg_col04 .jp_pt_ttl_label {
	background-color: #527083;
}
.jp_sct_bg_col05 .jp_pt_ttl_label {
	background-color: #b04537;
}