.prowrap{padding-top:50px;}
.pro_title{font-size:2.125em; font-weight:800; text-align:center;}
ul.pro01_list{font-size:17px; background-color:#f3f5f7; border-radius:10px; padding:20px; margin-top:10px; text-align:center}
ul.pro01_list i{font-size:10px; margin-right:5px}
div.lesson_img{text-align:center; margin-top:50px; }
div.lesson_img > img{max-width:100%; margin: 0 auto}
div.lesson_img > img.pc_only{display:block;}
div.lesson_img > img.m_only{display:none;}

.pro02_list{margin:50px 0; border-top:1px solid #eee; padding:50px 0}
.pro02_list > ul > li{display:flex; margin-bottom:20px; flex-wrap:wrap;}
.pro02_list > ul > li > div.pro2_title{width:30%;}
.pro02_list > ul > li > div.pro2_title > h2{display:inline-block; padding-left:8px; line-height:25px; font-size:21px; font-weight:600; border-left:5px solid #000;}
.pro02_list > ul > li > ul{background-color:#f1f4f4; padding:20px 30px; border-radius:5px; width:70%;}
.pro02_list > ul > li > ul > li{margin-bottom:10px}
.pro02_list > ul > li > ul > li:last-child{margin-bottom:0;}
.pro02_list > ul > li > ul > li > p{background:url('/images/sub/chk_org.png'); background-repeat:no-repeat; background-size:17px; background-position:center left; padding-left:25px; font-size:15px;}


@media(max-width:1200px){
	.pro02_list > ul > li > div.pro2_title{width:40%;}
	.pro02_list > ul > li > div.pro2_title > h2{font-size:17px}
	.pro02_list > ul > li > ul{width:60%;}
}

@media(max-width:767px){
	.pro_title{font-size:1.25rem}
	ul.pro01_list{font-size:1em;}
	div.lesson_img > img.pc_only{display:none;}
	div.lesson_img > img.m_only{display:block; max-width:70%}

	.pro02_list{margin:50px 0 0; padding:50px 0 0;}
	.pro02_list > ul > li{margin-bottom:40px}
	.pro02_list > ul > li > div.pro2_title{width:100%; margin-bottom:10px}
	.pro02_list > ul > li > ul{width:100%; padding:20px;}
}

@media(max-width:320px){
	.pro02_list > ul > li > div.pro2_title > h2{font-size:15px;}
	.pro02_list > ul > li > ul > li > p{font-size:13px;}
}