.article *{ box-sizing:border-box; }
.sb_wrap{ max-width:100% !important; padding:0; }
.sb_con{ position:relative; z-index:1; width:100%; margin:0 auto; }

/*sc01*/
#sc01{ position:relative; z-index:1; padding:150px 20px 150px 300px; overflow:hidden; }
#sc01:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-image:url(./img/01-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; -webkit-mask-image:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,.15) 43%, rgba(0,0,0,.1) 60%, rgba(0,0,0,.0) 100%); }
/*#sc01:after{ content:''; position:absolute; z-index:1; top:50%; left:50%; background-color:#333; width:1400px; height:30%; transform:translate(-50%, -50%); }*/
#sc01 > .sb_con{ max-width:1014px; float:right; }
.sc01_txt{ max-width:796px; width:100%; word-break:keep-all; }
.sc01_txt > h2{ font-family:'nc','lmd'; font-size:40px; font-weight:500; color:#333; line-height:1.3em; margin-bottom:15px; }
.sc01_txt > p{ font-size:16px; font-weight:300; color:#333; line-height:1.7em; margin-bottom:30px; }
.sc01_txt > h4{ font-size:16px; font-weight:300; color:#333; line-height:1.7em; text-align:right; }
.sc01_txt > h4 > img{ margin-left:10px; }

@media(max-width:850px){
	#sc01{ padding:40% 20px 150px; }
	#sc01:before{ -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,.15) 43%, rgba(0,0,0,.1) 60%, rgba(0,0,0,.0) 100%); }
	.sc01_txt{ max-width:100%; }

	.sc01_txt > h2{ font-size:35px; }
}
@media(max-width:600px){
	#sc01:before{ -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,.15) 43%, rgba(0,0,0,.1) 60%, rgba(0,0,0,.0) 100%); }
	.sc01_txt > h2{ font-size:30px; }
	.sc01_txt > p{ font-size:14px; font-weight:300; color:#333; line-height:1.7em; margin-bottom:30px; }
}



/*sc02*/
#sc02{ position:relative; z-index:1; padding:150px 20px; }
#sc02 > .sb_con{ max-width:1400px; }

.sc02_tt{ text-align:center; word-break:keep-all; margin:0 auto 60px; }
.sc02_tt > h2{ font-family:'nc','lmd'; font-size:60px; font-weight:500; color:#333; line-height:1em; margin-bottom:5px; }
.sc02_tt > p{ font-size:20px; font-weight:300; color:#666; line-height:1.7em; }

.sc02_org > li{ position:relative; z-index:1; padding:30px 0 0; margin:0 -10px; opacity:0; transform:translate(0, 100px); transition:1s opacity, 1s transform; 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; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.sc02_org > li.act{ opacity:1; transform:translate(0, 0); }
.sc02_org > li:first-child{ padding:0; }
.sc02_org > li:before{ content:''; position:absolute; z-index:1; top:0; left:50%; width:1px; height:30px; background-color:#666; transform:translate(-50%, 0); }
.sc02_org > li:first-child:before{ content:none; }
.sc02_org > li.pt_wrap{ position:relative; z-index:1; }
.sc02_org > li.pt_wrap:after{ content:''; position:absolute; z-index:1; top:30px; left:12.5%; right:12.5%; height:1px; background-color:#666; transform:translate(0, -50%); }

.org_pt{ max-width:410px; width:100%; padding:0 10px; display:-webkit-box; display:-ms-flexbox; display:flex; }
li.pt_wrap > .org_pt{ width:25%; position:relative; z-index:1; padding:30px 10px 0; }
li.pt_wrap > .org_pt:before{ content:''; position:absolute; z-index:1; top:0; left:50%; width:1px; height:30px; background-color:#666; transform:translate(-50%, 0); }

.org_box{ max-width:380px; width:100%; margin:0 auto; background-color:#f9f9f9; border-radius:6px; box-shadow:5px 5px 7px 0 rgba(0,0,0,0.15); overflow:hidden; }
.org_box > h3{ padding:15px; text-align:center; font-family:'lmd'; font-weight:400; font-size:24px; color:#fff; box-shadow:0 3px 7px 0 rgba(0,0,0,0.15); }

.top .org_box{ max-width:130px; border-radius:100%; overflow:hidden; }
.org_box > h3.f1{ position:relative; z-index:1; width:100%; padding:100% 0 0; border-radius:100%; background:linear-gradient(135deg, #2d4e9e 0%, #4cd8f5 100%); font-family:'lmd'; font-weight:600; font-size:35px; line-height:0; letter-spacing:0.1em; text-indent:0.1em; }
.org_box > h3.f1:after{ content:''; position:absolute; z-index:1; top:10px; bottom:10px; left:10px; right:10px; border-radius:100%; border:4px solid #fff; box-shadow:2px 2px 2px 0 rgba(0,0,0,.3), inset 2px 2px 2px 0 rgba(0,0,0,.3); }
.org_box > h3.f1 > span{ position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); text-shadow:3px 3px 4px rgba(0,0,0,.2); }

.org_box > h3.f2{ background-color:#3e68cd; }
.org_box > h3.f3{ background-color:#4c7ef5; }
.org_box > h3.f4{ background-color:#4cb1f5; }
.org_box > h3.f5{ background-color:#4cd8f5; }
.org_box > .org_txt{ padding:20px; text-align:center; word-break:keep-all; }
.org_box > .org_txt > h4{ font-size:20px; font-weight:400; color:#333; margin-bottom:5px; }
.org_box > .org_txt > p{ font-size:16px; font-weight:300; color:#666; }
.org_box > .org_txt > p > i{ color:#2d4e9e; }

@media(max-width:850px){
	.sc02_tt > h2{ font-size:45px; }
	.sc02_tt > p{ font-size:18px; }

	.sc02_org > li{ margin:0; }
	.sc02_org > li.pt_wrap:after{ content:none; }
	li.pt_wrap > .org_pt{ width:100%; position:relative; z-index:1; padding:15px 15px 0; }
	li.pt_wrap > .org_pt:before{ top:50%; left:0; width:15px; height:1px; transform:translate(0, -1px); }
	li.pt_wrap > .org_pt:after{ content:''; position:absolute; z-index:1; bottom:0; left:0; width:1px; height:100%; background-color:#666; transform:translate(0, -50%); }
	li.pt_wrap > .org_pt:first-child:after{ content:''; position:absolute; z-index:1; top:0; left:0; width:50%; height:50%; background-color:transparent; border-top:1px solid #666; border-left:1px solid #666; transform:translate(0, 0); }
	li.pt_wrap > .org_pt:last-child:after{ height:115%; transform:translate(0, -44%); }
}