/*
 * 初めての方へ用CSS
*/
#sec1 {
	margin-bottom: 122px;
}
#sec1 h3 {
	color: #ff9146;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
}
#sec1 h2 small {
	color: #555555;
	line-height: 1;
	font-weight: normal;
	font-size: 12px;
	display: block;
	padding-top: 12px;
}
#sec1 .sec_body {
	border:solid 1px #d9d9d9;
	background-image: -webkit-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: -moz-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: -o-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: -ms-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: linear-gradient(to bottom, #fff9e8, #fff 6%);
	padding: 30px;
	margin-bottom: 94px;
}

.sec_wrapper {
	border:solid 1px #d9d9d9;
	background-image: -webkit-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: -moz-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: -o-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: -ms-linear-gradient(top, #fff9e8, #fff 6%);
	background-image: linear-gradient(to bottom, #fff9e8, #fff 6%);
	padding: 30px;
	margin-bottom: 94px;
}
section.point_sec {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMElEQVQIW2P8+fPnfwYk8OPHDwZGZEGQAAcHB0IQJgDSBFaJLAAW/Pjx43+QFmQAAHo5H4ChIA5nAAAAAElFTkSuQmCC);
}
section .main_ttl {
	background-image: url(/assets/pc/img/lesson/ttl_bg.gif);
	padding: 9px;
}

/** point1 **/
#point1 .sec_body {
	padding: 30px 30px 20px 30px;
}
#point1 .sec_body > .text {
	float: left;
	width: 410px;
	font-size: 15px;
}
#point1 .sec_body > img {
	float: right;
	margin-bottom: 15px;
}
#point1 .sec_body > .caution {
	clear: both;
	border-radius: 6px;
	background-color: #FFFFFF;
	border:solid 1px #d9d9d9;
	padding: 20px;
	line-height: 1.4;
}

/** point2 **/
#point2 .sec_body {
	padding: 30px;
}
#point2 .sec_body > .text {
	width: 400px;
	float: left;
}
#point2 .sec_body > ul.free_point {
	width: 250px;
	float: right;
	margin: 0;
}
#point2 .sec_body > ul.free_point > li {
	list-style-type: none;
	color: #ff9146;
	font-size: 15px;
	border-radius: 6px;
	border:solid 1px #ff9146;
	background-color: #fffcf3;
	display: block;
	line-height: 1;
	padding: 10px;
	margin-bottom: 5px;
}
#point2 .sec_body > ul.free_point > li:last-child {
	margin-bottom: 0;
}
#point2 .sec_body > ul.free_point > li::before {
	content: "";
	background-image: url(/assets/pc/img/lesson/sec_3_icon_001.png);
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 1;
	vertical-align: -4px;
	margin-right: 6px;
}

/** point3 **/
#point3 .sec_body {
	padding: 30px;
}
#point3 .sec_body > .text {
	float: left;
	width: 390px;
	line-height: 1.6;
	font-size: 16px;
}
#point3 .sec_body > .text > strong {
	color: #ff9146;
}
#point3 .sec_body > img {
	float: right;
	margin-bottom: 15px;
}

/** point4 **/
#point4 .sec_body {
	padding: 30px;
}
#point4 .sec_body > .text {
	float: left;
	width: 390px;
	line-height: 1.6;
	font-size: 16px;
}
#point4 .sec_body > img {
	float: right;
}

/** point5 **/
#point5 .sec_body {
	padding: 30px;
}
#point5 .sec_body > .text {
	float: left;
	width: 410px;
	line-height: 1.6;
	font-size: 16px;
}
#point5 .sec_body > img {
	float: right;
}

/** point6 **/
#point6.point_sec {
	background-image: none;
}
#point6 .text {
	padding: 20px 30px 20px 0;
	font-size: 16px;
	line-height: 1.5;
}

/** point7 **/
#point7 .sec_body {
	padding: 30px;
}
#point7 .sec_body > .text {
	float: left;
	width: 390px;
	line-height: 1.6;
	font-size: 16px;
}
#point7 .sec_body > img {
	float: right;
}