/* CSS Document */

/** -------------------------------------------------------
 ** top
 ** ------------------------------------------------------- */
.rContents {
	margin-top: 20px;
}

.rContentsHead {
	width: 910px;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
.rContentsHead .pic {
	float: left;
	width: 244px;
}
.rContentsHead .txt {
	float: right;
	width: 600px;
	padding: 0 32px 0 0;
}
.rContentsHead .txt .catch {
	display: block;
	font-size: 116%;
}
.rContentsHead .txt p {
	margin: 10px 0 0 0;
	font-size: 108%;
}

.rSecondIdx {
	width: 910px;
	margin: 16px auto 0 auto;
}
.rSecondIdxSec {
	float: left;
	position: relative;
	width: 292px;
	height: 330px;
	padding: 0 0 84px 0;
	margin: 0 0 0 14px;
	border: 1px solid #bbbec1;
}
.rSecondIdxSec:first-child {
	margin: 0;
}
.rSecondIdxSecTit {
	position: relative;
	padding: 18px 0 18px 96px;
	background-color: #ebeef0;
	font-size: 108%;
}
#rContentsIdxSec2 .rSecondIdxSecTit {
	padding: 10px 0 10px 96px;
}
.rSecondIdxSecTit img {
	position: absolute;
	left: 10px;
	top: 12px;
}
.rSecondIdxSecInner {
	padding: 20px 24px 0 24px;
}
.rSecondIdxSecInner .pic {
	text-align: center;
}
.rSecondIdxSecInner .txt {
	margin: 18px 0 0 0;
	font-size: 108%;
}
.rSecondIdxSecInner .link {
	position: absolute;
	left: 50%;
	bottom: 24px;
	width: 160px;
	margin-left: -80px;
}

/* -- SP -- */
body.responsive-sp .rContents {
	margin-top: 0;
	padding: 5% 3.125%;
	background-color: #fff;
}

body.responsive-sp .rContentsHead {
	width: auto;
}
body.responsive-sp .rContentsHead .pic {
	float: none;
	width: auto;
	text-align: center;
}
body.responsive-sp .rContentsHead .txt {
	float: none;
	width: auto;
	padding: 0;
	margin: 5% 0 0 0;
}

body.responsive-sp .rSecondIdx {
	width: auto;
	margin-top: 5%;
}
body.responsive-sp .rSecondIdxSec {
	float: none;
	width: auto;
	height: auto;
	margin: 5% 0 0 0;
}
body.responsive-sp .rSecondIdxSec:first-child {
	margin: 0;
}
body.responsive-sp .rSecondIdxSecInner .link {
	width: 240px;
	margin-left: -120px;
}


/** -------------------------------------------------------
 ** second top
 ** ------------------------------------------------------- */
.rContentsSecondTop .rContentsSecondProblem,
.rContentsSecondTop .rContentsSecondSolving {
	position: relative;
	width: 100%;
	padding: 32px 26px 0 184px;
	box-sizing: border-box;
	background-color: #E9F6FF;
	border-radius: 6px;
}
.rContentsSecondTop .rContentsSecondProblem .tit,
.rContentsSecondTop .rContentsSecondSolving .tit {
	position: absolute;
	left: 21px;
}
.rContentsSecondTop .rContentsSecondProblem .catch,
.rContentsSecondTop .rContentsSecondSolving .catch {
	font-size: 116%;
}
.rContentsSecondTop .rContentsSecondProblem p,
.rContentsSecondTop .rContentsSecondSolving p {
	margin: 12px 0 0 0;
	font-size: 108%;
}

.rContentsSecondTop .rContentsSecondProblem {
	min-height: 112px;
}
.rContentsSecondTop .rContentsSecondProblem .tit {
	bottom: -3px;
}

.rContentsSecondTop .rContentsSecondSolving {
	min-height: 169px;
}
.rContentsSecondTop .rContentsSecondSolving .tit {
	bottom: 32px;
}

.rContentsSecondTop .arrow {
	display: block;
	width: 64px;
	margin: 8px auto;
}

/* -- SP -- */
body.responsive-sp .rContentsSecondTop {
	padding: 5% 3.125%;
}
body.responsive-sp .rContentsSecondTop .rContentsSecondProblem,
body.responsive-sp .rContentsSecondTop .rContentsSecondSolving {
	padding: 3.3335%;
}
body.responsive-sp .rContentsSecondTop .rContentsSecondProblem .tit,
body.responsive-sp .rContentsSecondTop .rContentsSecondSolving .tit {
	position: relative;
	left: 0;
	bottom: 0;
	text-align: center;
	margin-bottom: 15px;
}


/** -------------------------------------------------------
 ** second content
 ** ------------------------------------------------------- */
.rContentsSecondMain {
	margin-top: 32px;
}
.rContentsSecondSect {
	padding: 10px;
	margin-top: 24px;
	border: 1px solid #BEC1C4;
}
.rContentsSecondSect:first-child {
	margin-top: 0;
}

.rContentsSecondSectInner {
	padding-bottom: 15px;
}
.rContentsSecondSectInner p {
	font-size: 108%;
	line-height: 1.6;
}
.rContentsSecondSectInner p em {
	color: #009999;
}
.rContentsSecondFigure {
	margin: 22px 0;
}
.rContentsSecondFigure .pic {
	width: 318px;
}
.rContentsSecondFigure .txt {
	width: 280px;
}

.rContentsSecondFigure .catch {
	display: block;
	font-size: 116%;
}
.rContentsSecondFigure p {
	margin: 12px 0 0 0;
	font-size: 108%;
}
.rContentsSecondFigure .splitImages {
	font-size: 0;
	line-height: 0;
}
.rContentsSecondFigure .splitImages img {
	width: 50%;
}

.rContentsSecondNotes {
	margin: 28px 0 0 0;
	font-size: 93%;
}
.rContentsSecondNotes li {
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}

.rContentsSecondSectInner .rBtnGroup {
	margin: 24px 0 0 120px;
}


/* -- SP -- */
body.responsive-sp .rContentsSecondMain {
	margin-top: 0;
}
body.responsive-sp .rContentsSecondInner {
	padding: 5% 3.125%;
}

body.responsive-sp .rContentsSecondSectInner {
	padding-bottom: 0;
}
body.responsive-sp .rContentsSecondFigure .pic {
	width: auto;
}
body.responsive-sp .rContentsSecondFigure .pic img {
	display: block;
	width: 100%;
}
body.responsive-sp .rContentsSecondFigure .txt {
	width: auto;
	margin-top: 15px;
}
body.responsive-sp .rContentsSecondFigure .splitImages img {
	width: 100%;
}
body.responsive-sp .rContentsSecondSectInner .rBtnGroup {
	margin: 15px 0 0 0;
}

/* -- 追加 -- */

.piccenter {
    text-align:center;
}