@charset "utf-8";

/* ===============================================
# インデックス
=============================================== */
.theta.scene .tileSame.scene_title p{
	margin-bottom:16px;
}
.theta.scene .tileSame.scene a{
	color:#0000cc;
	font-size: 18px;
	font-weight: bold;
}
.theta.scene .mail_lw{
	color:#fff;
}
.theta.scene .tileSame.scene p.ttl{
	margin-bottom:16px;
}
.theta.scene .tileSame.scene p.txt{
	font-size:16px;
}
.esc_cell{
	transition-duration:0s !important;
}
.sec_esc_list{
	margin-top:0 !important;
}
.img.tlSame01{
	background:#ffaa00;
}
.image_mn:hover{
	text-decoration:underline;
}

/* ===============================================
# 各種シーン
=============================================== */
.theta.scene .cnt_max.problem{
	max-width:none;
}
.theta.scene .cnt_max.problem .jp_probsolvbox{
	padding:0;
}
.theta.scene .jp_probsol_label{
	background:#ff9000;
	margin-right:48px;
}
.theta.scene .subtext{
	font-size:26px;
}
.theta.scene .jp_theme_01{
	background-color:#e9f2f4;
}
.theta.scene .jp_point_area{
	background-color:#e9f2f4;
	padding:32px 0;
}
.theta.scene .jp_psbox_solving{
	padding-top:50px;
}
.theta.scene .jp_theme_01.jp_psbox_probrem{
	padding-bottom:58px;
}

.theta.scene .jp_theme_01.jp_psbox_probrem::after{
	padding-top:58px;
	content: url("/-/Media/Ricoh/Sites/co_jp/cmn_jp_v1/img/ex_component/icon_arrow_down00.png");
}
.theta.scene .jp_psbox_solving .inner{
	max-width:1008px;
}
.theta.scene .jp_psbox_solving .inner .bg_ff{
	padding-bottom:34px !important;
}
.theta.scene .jp_psbox_solving .inner .clm{
	padding:0px;
}
.theta.scene .jp_psbox_solving .inner .header{
	padding:55px 0 76px;
	font-size:28px;
}
.theta.scene .jp_psbox_solving .inner .step{
	padding-bottom:0;
}
.theta.scene .jp_psbox_solving .inner .scene_note{
	margin:28px auto 0 !important;
}
.theta.scene .jp_psbox_solving .inner .scene_note p{
	line-height:1.8em;
}
.theta.scene .jp_psbox_solving .inner .running{
	padding:22px 0 24px;
}
.theta.scene .jp_psbox_solving .inner .running .note{
	line-height:1.8em;
	padding:0;
	margin-bottom:18px !important;
}
.theta.scene .jp_psbox_solving .inner .running .time_note span{
	vertical-align:bottom;
}
.theta.scene .rsp_break_clm1 a{
	color:#000;
}


/* -----------------------------
# small screen
-------------------------------- */
@media (max-width: 640px) {
  .mice_rsp_pt16 {
    padding-top: 16px !important;
  }

/* ===============================================
# /solutions/event_solution/board/
=============================================== */
	.theta.scene .jp_probsol_label{
		float:left;
	}
	.theta.scene .jp_psbox_probrem,
	.theta.scene .jp_psbox_solving{
		padding-left:2%;
		padding-right:2%;
	}
	.theta.scene .jp_psbox_probrem{
		padding-bottom:13.5px !important;
	}
	.theta.scene .jp_psbox_probrem span.subtext{
		clear:both;
		display:block;
		text-align:left;
		padding-top:13px;
	}
	.theta.scene .jp_theme_01.jp_psbox_probrem::after{
		padding-top:13.5px !important;
	}
	.theta.scene .solving_header{
		width:92%;
		text-align:left !important;
		margin:0 auto;
	}
	.theta.scene .jp_psbox_solving .inner .bg_ff{
		padding-bottom:17px !important;
	}
	.theta.scene .jp_psbox_solving .inner .header{
		padding-top:3px;
		padding-bottom:0px;
		width:92%;
		margin:0 auto;
		text-align:left !important;
	}
	.theta.scene .jp_psbox_solving .inner .img1{
		width:92% !important;
		margin:29px auto 20px !important;
	}
	.theta.scene .jp_psbox_solving .inner .step{
		padding-top:0px;
	}
	.theta.scene .jp_psbox_solving .inner .step .clm1{
		width:92% !important;
	}
	.theta.scene .jp_psbox_solving .inner .scene_note{
		width:92% !important;
		margin:18px auto 18px !important;
	}
	.theta.scene .jp_psbox_solving .inner .scene_note p{
		line-height:1.5em;
	}
	.theta.scene .jp_psbox_solving .inner .running{
		width:92% !important;
	}
	.theta.scene .jp_psbox_solving .inner .running .note{
		text-align:left;
		line-height:1.5em;
	}
	.theta.scene .jp_psbox_solving .inner .running .time_note{
		text-align:left;
		line-height:1.5em;
		width:92% !important;
		margin:0 auto;
	}
	.theta.scene .time_note sup{
		font-size:12px;
		vertical-align:middle;
	}
}