.sub_sec_wrap, .sub_sec_wrap *{ box-sizing:border-box; }
.sub_con{ max-width:1250px; width:100%; margin:0 auto; }

#sub01{ padding:0 20px 60px; }
.sub01_pt_wrap{ display:flex; flex-flow:row wrap; }

.sub01_pt.pt_lf{ width:41.66666666666667%; display:flex; }
.sub01_vid{ width:100%; min-height:300px; height:100%; position:relative; }
.sub01_vid iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.sub01_img{ width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(./img/01-01.jpg); }

.sub01_pt.pt_rt{ width:58.33333333333333%; padding:40px 30px; display:flex; align-items:center; justify-content:center; background-color:#f5f5f5; }
.sub01_txt{ width:100%; word-break:keep-all; }
.sub01_txt > h3{ font-size:25px; font-weight:700; color:#1995cf; margin-bottom:10px; }
.sub01_txt > p{ font-size:15px; font-weight:400; color:#666; line-height:1.7em; }

@media(max-width:850px){
	.sub01_pt.pt_lf{ width:100%; }
	.sub01_vid{ padding-bottom:56.25%; }
	.sub01_pt.pt_rt{ width:100%; }
}

#sub02{ padding:60px 20px 120px; background-color:#f0f4f6; }
.sub02_pt_wrap{ display:flex; flex-flow:row wrap; margin:0 -12.5px; }
.sub02_pt{ width:33.33333333%; padding:0 12.5px; margin-bottom:40px; display:flex; }
.sub02_box{ display:block; width:100%; }
.sub02_img{ position:relative; width:100%; }
.sub02_img > img{ width:100%; height:auto; display:block; }
.sub02_img > div{ width:100%; padding-bottom:75%; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sub02_txt{ padding-top:10px; text-align:center; word-break:keep-all; }
.sub02_txt > p{ font-size:15px; font-weight:400; color:#333; line-height:1.5em; }

@media(max-width:650px){
	.sub02_pt{ width:50%; }
}