/* ===================================================================
CSS
 file name  :  member.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
.member_btn{
	width:700px;
	margin:30px auto;
}
.member_btn .btn{
	background:#C7524B;
	font-size:140%;
	padding:10px 0;
}
#member_about p{
	margin-top:20px;
}
#about_list{
	margin-top:20px;
	font-weight:bold;
}
#about_list li{
	background:url(/images/member/circle.png) no-repeat 0 5px;
	padding-left:30px;
}
#reason_list li{
	background:url(/images/member/circle.png) no-repeat 0 5px;
	padding-left:30px;
	margin-top:20px;
}
}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
.member_btn{
	margin:10px;
}
.member_btn .btn{
	background:#C7524B;
	font-size:140%;
	padding:10px 0;
}
#member_about p{
	margin:10px;
}
#about_list{
	margin:10px;
	font-weight:bold;
}
#about_list li{
	background-image:url(/images/member/circle.png);
	background-repeat:no-repeat;
	background-size:14px 14px;
	background-position:0 3px;
	padding-left:25px;
}
#reason_list{
	margin:10px;
}
#reason_list li{
	background-image:url(/images/member/circle.png);
	background-repeat:no-repeat;
	background-size:14px 14px;
	background-position:0 3px;
	padding-left:25px;
	margin-top:10px;
}
}