@charset "UTF-8";

#main article figure {
	margin: 36px auto;
	text-align: center;
}

#main article > h2,
#main article p {
	margin-bottom: 24px;
}

#num {
	color: #20ac42;
	font-size: 24px;
	font-weight: bold;
	line-height: 48px;
}

#num span {
	font-size: 48px;
}

ol {
	margin-bottom: 48px;
}

ol > li {
	border: 2px solid #b3d1bb;
	padding: 16px;
}

ol > li:first-child {
	margin-bottom: 91px;
}

ol > li.cf:before {
	content: url('../images/arrow.png');
	display: block;
	text-align: center;
	margin-bottom: -43px;
	position: relative;
	top: -85px
}


ol h3,
ol h4,
ol h5,
ol p.info {
	font-weight: bold;
}

ol h3,
ol h4.mark,
ol h4.example {
	color: #20ac42;
}

ol h3 {
	font-size: 18px;
	border-left: 5px solid #20ac42;
	padding-left: 8px;
}

ol h4.mark:before {
	content: '●';
}

#main ol li div {
	float: left;
	width: 442px;
}

#main ol li div.bank {
	margin-right: 20px;
}

#main ol li div.bank img {
	vertical-align: middle;
}

#main ol > li p:last-of-type,
#main ol li div p:last-of-type {
	margin-bottom: 0;
}

#main ol ul {
	margin-bottom: 24px;
}

#main ol li li {
	list-style-type: disc;
	margin-left: 1em;
}

#thumbs {
	margin-bottom: 24px;
}

#thumbs li {
	float: left;
	width: 140px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#thumbs li:nth-child(6n) {
	margin-right: 0;
}

#thumbs li:last-child {
	width: 780px;
	margin-right: 0;
}

#thumbs li:last-child h3 {
	margin-bottom: 14px;
}

#thumbs li:last-child a {
	color: #799e82;
}