.sb_wrap, .sb_wrap *{ box-sizing:border-box; }
.sb_wrap{ max-width:100%; padding:0 !important; overflow:hidden; }
.sb_con{ width:100%; margin:0 auto; }
.btnArea{ display:none; }


#sb01{ padding:150px 20px; }
#sb01 > .sb_con{ max-width:1300px; }

.sb01_tt{ max-width:900px; width:100%; margin:0 auto 60px; text-align:center; word-break:keep-all; }
.sb01_tt > h2{ font-family:'wmp'; font-size:60px; font-weight:500; color:#333; margin-bottom:20px; }
.sb01_tt > h2 > span{ color:#54a7c1; }
.sb01_tt > p{ font-size:18px; font-weight:300; color:#333; line-height:1.7em; }

.sb01_tb{ text-align:center; }
.sb01_tb > li{ display:inline-block; padding:0 7px; }
.sb01_tb > li > a{ position:relative; z-index:1; display:block; min-width:200px; text-align:center; padding:13px 30px; font-size:20px; font-weight:300; color:#333; transition:0.3s color; }
.sb01_tb > li.act > a, .sb01_tb > li > a:hover{ color:#fff; }
.sb01_tb > li > a:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:2px; background-color:#333; transition:0.3s height; }
.sb01_tb > li.act > a:after, .sb01_tb > li > a:hover:after{ height:100%; }

@media(max-width:750px){
	.sb01_tt{ margin:0 auto 60px; }
	.sb01_tt > h2{ font-size:50px; }
	.sb01_tt > p{ font-size:16px; }
}
@media(max-width:750px){
	.sb01_tt > h2{ font-size:10vw; }
}



#sb02{ padding:0 20px 150px; }

.sb02_con:not(:last-child){ padding-bottom:50px; border-bottom:1px dotted #ddd; }
.sb02_con:not(:first-child){ padding-top:80px; }
.sb02_con > h3{ font-family:'wmp'; font-size:30px; font-weight:500; color:#54a7c1; margin-bottom:30px; }
.sb02_ptwrap{ margin:0 -15px; display:flex; flex-flow:row wrap; }
.sb02_pt{ width:25%; padding:0 15px 30px; }
.sb02_img{ border:1px solid #ddd; width:100%; margin:0 0 15px; }
.sb02_img > img{ width:100%; height:auto; display:block; }
.sb02_txt{ text-align:center; word-break:keep-all; }
.sb02_txt > h4{ font-size:20px; font-weight:600; color:#333; }
.sb02_txt > p{ font-size:15px; font-weight:300; color:#333; }

@media(max-width:850px){
	.sb02_pt{ width:33.33333333%; }
}
@media(max-width:650px){
	.sb02_con > h3{ font-size:24px; }

	.sb02_ptwrap{ margin:0 -5px; }
	.sb02_pt{ width:50%; padding:0 5px 20px; }	
	
	.sb02_txt > h4{ font-size:17px; }
	.sb02_txt > p{ font-size:13px; }
}