.sb_wrap{ padding:0; }
.sub_wrap, .sub_wrap *{ box-sizing:border-box; }
.sub_wrap > section{ overflow:hidden; }


/* sub01 */
#sub01{ padding:120px 20px 150px; }
#sub01 > .sub_con{ max-width:1200px; width:100%; margin:0 auto; }

.sub01_tt{ text-align:center; word-break:keep-all; margin-bottom:80px; }
.sub01_tt > h2{ font-family:'score'; font-size:45px; font-weight:800; color:#333; line-height:0.85em; margin-bottom:10px; }
.sub01_tt > p{ font-size:20px; font-weight:300; color:#777; }

.sub01_con{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:60px; }
.sub01_con:last-child{ margin-bottom:0; }
.sub01_con > h3{ white-space:nowrap; padding-right:20px; font-size:30px; font-weight:700; color:#333; }
.sub01_con > .sub01_if{ width:100%; padding-left:20px; border-left:1px dashed #ddd; word-break:keep-all; }
.sub01_con > .sub01_if > h4{ display:block; background-color:#e9f2ff; padding:20px; border-radius:8px; box-shadow:4px 4px 10px 0 rgba(0,0,0,0.2), inset -3px -3px 4px 0 rgba(0,0,0,0.2), inset 3px 3px 4px 0 rgba(255,255,255,0.6); font-size:20px; font-weight:300; color:#333; text-align:center; }
.sub01_con > .sub01_if > h4 > b{ font-weight:700; color:#0368eb; }

.sub01_txt{ margin-top:30px; word-break:keep-all; }
.sub01_txt > h5{ font-size:18px; font-weight:500; color:#333; margin-bottom:10px; }
.sub01_txt > ul{ margin-bottom:10px; }
.sub01_txt > ul > li{ position:relative; z-index:1; padding-left:15px; margin-bottom:5px; font-size:15px; font-weight:300; color:#666; line-height:1.5em; display:-webkit-box; display:-ms-flexbox; display:flex; }
.sub01_txt > ul > li:before{ content:''; position:absolute; z-index:1; top:8px; left:0; width:7px; height:7px; border-radius:100%; background-color:#0650b1; }
.sub01_txt > ul > li:last-child{ margin-bottom:0; }
.sub01_txt > ul > li > b{ white-space:nowrap; padding-right:5px; }
.sub01_txt > h6{ font-size:16px; font-weight:300; color:#0368eb; }

.sub01_block{ margin-top:30px; }
.sub01_block > h3{ font-size:24px; font-weight:600; color:#333; margin-bottom:10px; }
.sub01_pt_wrap{ margin:0 -5px; display:-webkit-box-; display:-ms-flexbox; 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{ padding:0 5px; display:-webkit-box-; display:-ms-flexbox; display:flex; }
.sub01_pt.pt_3{ width:33.33333333%; }
.sub01_pt.pt_5{ width:20%; }
.sub01_box{ position:relative; z-index:1; width:100%; border-radius:6px; background-color:#f9f9f9; padding:20px; }
.sub01_box.box_1{ background-color:#eff6ff; }
.sub01_box.box_2{ background-color:#ddecff; }
.sub01_box.box_3{ background-color:#cfe3fd; }
.sub01_box.box_4{ background-color:#c1dcff; }
.sub01_box.box_5{ background-color:#bedaff; }
.sub01_pt.pt_3 > .sub01_box{ border:1px solid #ddd; }
.sub01_pt.pt_5 > .sub01_box:before{ content:''; position:absolute; top:0; right:0; width:20px; height:46px; border-right:20px solid #fff; border-bottom:46px solid transparent; box-sizing:border-box; }
.sub01_pt.pt_5 > .sub01_box:after{ content:''; position:absolute; bottom:0; right:0; width:20px; height:46px; border-right:20px solid #fff; border-top:46px solid transparent; box-sizing:border-box; }
.sub01_pt.pt_5 > .sub01_box.box_5:before, .sub01_pt.pt_5 > .sub01_box.box_5:after{ content:none; }
.sub01_pt_ic{ margin-bottom:10px; }
.sub01_pt_ic > i{ font-size:45px; color:#0368eb; }
.sub01_pt_txt{ word-break:keep-all; }
.sub01_pt_txt > h4{ font-size:20px; font-weight:500; color:#333; margin-bottom:5px; }
.sub01_pt_txt > p{ font-size:16px; font-weight:400; color:#555; }

@media(max-width:850px){
	.sub01_con{ display:block; border-left:3px solid #bdaf7a; padding-left:15px; }
	.sub01_con > h3{ padding-right:0; line-height:1em; margin-bottom:20px; }
	.sub01_con > .sub01_if{ padding-left:0; border-left:none; }

	.sub01_pt.pt_5{ width:33.33333333%; padding:0 5px 10px; }
}
@media(max-width:800px){
	#sub01{ padding:70px 15px 100px; }
}
@media(max-width:650px){
	.sub01_tt{ margin-bottom:60px; }
	.sub01_tt > p{ font-size:16px; }
	
	.sub01_pt.pt_3{ width:100%; padding:0 5px 10px; }
	.sub01_pt.pt_5{ width:50%; }
}