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

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

.sb01_tt{ text-align:center; word-break:keep-all; margin-bottom:100px; }
.sb01_tt > h3{ font-family:'rw','noto',sans-serif; font-size:20px; font-weight:700; letter-spacing:.1em; color:#2bb06f; }
.sb01_tt > hr{ display:block; border:none; width:2px; height:85px; background-color:#cbcbcb; margin:20px auto; }
.sb01_tt > h2{ font-family:'score',sans-serif; font-size:40px; font-weight:400; color:#777; line-height:1.3em; }
.sb01_tt > h2 > b{ font-weight:700; color:#666; }
.sb01_tt > h2 > b > span{ font-weight:700; color:#111; }

.sb01_ptwrap{ display:flex; flex-flow:row wrap; justify-content:space-between; }
.sb01_pt{ word-break:keep-all; }
.sb01_pt.lf{ width:38%; padding-right:30px; border-right:1px solid #ddd; }

.sb01_pt.rt{ width:62%; padding-left:30px; }

.sb01_txt > h3{ font-family:'score',sans-serif; font-size:33px; font-weight:400; color:#777; line-height:1.3em; }
.sb01_txt > h3 > b{ font-weight:700; color:#666; }
.sb01_txt > h3 > b > span{ font-weight:700; color:#111; }
.sb01_txt > p{ font-size:18px; font-weight:300; color:#666; line-height:1.5em; }
.sb01_txt > p > b{ font-weight:600; color:#333; }

@media(max-width:750px){
	.sb01_pt.lf{ width:100%; padding-right:0; border-right:none; }
	.sb01_pt.rt{ width:100%; padding-left:0; }
	.sb01_txt{ text-align:center; }
	.sb01_txt > h3{ font-size:24px; margin-bottom:20px; }
	.sb01_txt > p{ font-size:15px; }
}
@media(max-width:700px){
	.sb01_tt > hr{ height:50px; }
	.sb01_tt > h2{ font-size:5.71vw; }
}



#sb02{ padding:100px 20px; background-image:url(./img/02-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
#sb02 > .sb_con{ max-width:1300px; }

.sb02_tt{ word-break:keep-all; margin-bottom:40px; }
.sb02_tt > h2{ font-family:'score',sans-serif; font-size:35px; font-weight:800; color:#fff; }
.sb02_tt > p{ font-size:20px; font-weight:300; color:#fff; }

.sb02_ptwrap{ margin:0 -10px 50px; display:flex; flex-flow:row wrap; }
.sb02_pt{ width:33.33333333%; padding:0 10px; display:flex; }
.sb02_box{ width:100%; padding:40px 20px; background-color:rgba(0,0,0,.4); text-align:center; word-break:keep-all; box-shadow:3px 3px 7px 0 rgba(0,0,0,.35); }
.sb02_box > h3{ font-family:'score',sans-serif; font-size:24px; font-weight:800; color:#fff; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.5); }
.sb02_box > p{ font-size:16px; font-weight:300; color:#fff; line-height:1.5em; }

.sb02_ptwrap2{ display:flex; flex-flow:row wrap; }
.sb02_pt2{ width:25%; display:flex; }
.sb02_box2{ position:relative; z-index:1; width:100%; padding:30.5px 20px; text-align:center; }
.sb02_box2:before{ content:''; position:absolute; z-index:-1; top:0; left:5%; width:100%; height:50%; transform:skewX(25deg); transform-origin:right bottom; }
.sb02_box2:after{ content:''; position:absolute; z-index:-1; bottom:0; left:5%; width:100%; height:50%; transform:skewX(-25deg); transform-origin:right top; }
.sb02_box2 > .sb02_ic{ max-width:81px; width:100%; margin:0 auto 10px; }
.sb02_box2 > h3{ font-size:20px; font-weight:700; color:#333; }

.sb02_box2.box_01{ position:relative; z-index:2; background-color:#2bb06f; }
.sb02_box2.box_01:before, .sb02_box2.box_01:after{ content:none; }
.sb02_box2.box_01 > .sb02_ic{ transform:translate(10px, 0); }
.sb02_box2.box_01 > .sb02_ic > img{ display:block; width:100%; height:auto; }
.sb02_box2.box_01 > h3{ color:#fff; }

.sb02_box2.box_02:before, .sb02_box2.box_02:after{ left:0; width:105%; background-color:rgba(238,238,238,0.95); }
.sb02_box2.box_03:before, .sb02_box2.box_03:after{ background-color:rgba(238,238,238,0.85); }
.sb02_box2.box_04:before, .sb02_box2.box_04:after{ background-color:rgba(238,238,238,0.7); }

@supports(backdrop-filter:blur(10px)){
	.sb02_box{ backdrop-filter:blur(10px); }
}

@media(max-width:700px){
	.sb02_pt{ width:100%; }
	.sb02_pt:not(:last-child){ margin-bottom:10px; }

	.sb02_pt2{ width:100%; }
	.sb02_box2:before{ top:0; left:0; width:50%; height:100%; transform:skewY(5deg); transform-origin:right bottom; }
	.sb02_box2:after{ bottom:0; left:auto; right:0; width:50%; height:100%; transform:skewY(-5deg); transform-origin:left bottom; }
	.sb02_box2.box_02:before{ top:0; left:0; width:50%; height:100%; }
	.sb02_box2.box_02:after{ top:0; left:auto; right:0; width:50%; height:100%; }
}
@media(max-width:650px){
	.sb02_tt > h2{ font-size:30px; }
	.sb02_tt > p{ font-size:16px; }
}



#sb03{ padding:120px 20px; }
#sb03 > .sb_con{ max-width:1300px; }

.sb03_tt{ text-align:center; word-break:keep-all; margin-bottom:50px; }
.sb03_tt > .tt_img{ margin-bottom:10px; }
.sb03_tt > h2{ font-size:27px; font-weight:600; color:#2bb06f; margin-bottom:5px; }
.sb03_tt > p{ font-size:20px; font-weight:400; color:#555; }

.sb03_ptwrap{ position:relative; z-index:1; margin:0 -10px 50px; display:flex; flex-flow:row wrap; padding-bottom:40px; justify-content:center; }
.sb03_ptwrap:before{ content:''; position:absolute; z-index:1; top:25%; bottom:0; left:-5000%; right:-5000%; background-color:#eaf7f1; }
.sb03_pt{ position:relative; z-index:2; width:33.33333333%; padding:0 10px; display:flex; }
.sb03_box{ width:100%; background-color:#fff; border:1px solid #ddd; box-shadow:3px 3px 6px 0 rgba(0,0,0,.25); padding:50px 20px; text-align:center; word-break:keep-all; }
.sb03_box > h3{ font-family:'score','noto',sans-serif; font-size:28px; font-weight:700; color:#333; line-height:1em; }
.sb03_box > h4{ font-size:15px; font-weight:300; color:#888; margin-bottom:30px; }
.sb03_box > p{ max-width:250px; width:100%; font-size:18px; font-weight:400; color:#333; line-height:1.7em; margin:0 auto; }

.sb03_ar > li{ padding:30px 0; border-bottom:1px solid #ddd; display:flex; flex-flow:row wrap; justify-content:space-between; word-break:keep-all; }
.sb03_ar > li:first-child{ border-top:2px solid #666; }
.sb03_ar > li > h3{ width:234px; font-family:'score','noto',sans-serif; font-size:36px; font-weight:600; color:#333; line-height:1.1em; padding-right:40px; }
.sb03_ar > li > h3 > small{ display:block; font-size:18px; font-weight:300; color:#888; }
.sb03_ar > li > ul{ width:min(50%, calc(100% - 234px)); }
.sb03_ar > li > ul > li{ position:relative; z-index:1; padding-left:15px; font-size:16px; font-weight:300; color:#666; }
.sb03_ar > li > ul > li:before{ content:''; position:absolute; z-index:1; top:10px; left:0; width:6px; height:6px; border-radius:100%; background-color:#2bb06f; }
.sb03_ar > li > ul > li:not(:last-child){ margin-bottom:5px; }

@media(max-width:800px){
	.sb03_pt{ width:50%; }
	.sb03_pt:not(:last-child){ margin-bottom:20px; }
}
@media(max-width:650px){
	.sb03_tt > h2{ font-size:24px; }
	.sb03_tt > p{ font-size:16px; }
}
@media(max-width:550px){
	.sb03_ar > li > h3{ width:100%; padding-right:0; font-size:30px; }
	.sb03_ar > li > h3 > small{ font-size:15px; }
	.sb03_ar > li > ul{ width:100%; flex-basis:100%; }
}
@media(max-width:500px){
	.sb03_pt{ width:100%; }
	.sb03_pt:not(:last-child){ margin-bottom:10px; }
}