@charset "utf-8";

.sub01_pt_wrap{ margin:0 -15px; display:-webkit-box; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.sub01_pt{ width:50%; padding:0 15px; }

.sub01_img{ width:100%; overflow:hidden; border-radius:6px; }
.sub01_img > img{ width:100%; height:auto; display:block; }

.sub01_txt{ word-break:keep-all; }
.sub01_txt > h4{ font-size:20px; font-weight:300; color:#666; line-height:1.5em; }
.sub01_txt > h2{ font-size:50px; font-weight:700; color:#333; margin-bottom:40px; line-height:1em; }
.sub01_txt > h2 > small{ font-size:20px; font-weight:300; color:#666; }

.sub01_li > ul{ position:relative; z-index:1; margin-bottom:30px; padding-left:30px; }
.sub01_li > ul:before{ content:''; position:absolute; z-index:2; top:10px; left:3px; width:9px; height:9px; background-color:#fff; border:4px solid #34a0ff; border-radius:100%; }
.sub01_li > ul:after{ content:''; position:absolute; z-index:1; top:13px; left:11px; bottom:-45px; width:1px; background-color:#ddd; }
.sub01_li > ul:last-child:after{ content:none; }
.sub01_li > ul:last-child{ margin-bottom:0; }
.sub01_li > ul > li{ position:relative; z-index:1; padding-left:10px; margin-bottom:10px; font-size:15px; font-weight:300; color:#666; line-height:1.3em; }
.sub01_li > ul > li:last-child{ margin-bottom:0; }
.sub01_li > ul > li:before{ content:''; position:absolute; z-index:1; top:7px; left:0; width:5px; height:5px; border-radius:100%; background-color:#555; }
.sub01_li > ul > li.li_tt{ padding-left:0; font-size:25px; font-weight:700; color:#333; margin-bottom:15px; }
.sub01_li > ul > li.li_tt:before{ content:none; }

@media(max-width:750px){
	.sub01_pt{ width:100%; }
	.sub01_pt.pt_rt{ order:-1; margin-bottom:40px; }
}