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

#sb01{ padding:150px 40px; }
#sb01 > .sb_con{ max-width:1400px; }
.sb01_lg{ display:block; max-width:800px; width:100%; margin:0 auto 80px; }
.sb01_tt{ max-width:1000px; width:100%; margin:0 auto 150px; text-align:center; word-break:keep-all; }
.sb01_tt > h4{ font-size:32px; font-weight:500; color:#201e1f; margin-bottom:20px; }
.sb01_tt > p{ font-size:16px; font-weight:300; color:#201e1f; line-height:1.7em; letter-spacing:-0.025em; }
.sb01_tt > p > b{ font-weight:600; }

.sb01_bt{ position:relative; z-index:1; }
.sb01_bt > h3{ font-family:'cg'; font-size:60px; font-weight:500; color:#201e1f; text-align:center; margin:0 auto 80px; }
.sb01_pw{ max-width:1000px; width:100%; margin:0 auto; display:flex; flex-flow:row wrap; justify-content:space-between; gap:30px; word-break:keep-all; }
.sb01_pt{ max-width:300px; width:calc(33.33333333% - 20px); color:#201e1f; transform:translate(0, 50px); opacity:0; transition:1s transform, 1s opacity; }
.sb01_pt.act{ transform:translate(0, 0); opacity:1; }
.sb01_pt > h4{ font-family:'cz'; font-size:30px; font-weight:400; line-height:1em; margin-bottom:20px; }
.sb01_pt > ul > li{ font-size:16px; font-weight:300; line-height:1.5em; }
.sb01_pt > ul > li:not(:last-child){ margin-bottom:10px; }

@media(max-width:991px){
    #sb01{ padding:150px 15px; }
    .sb01_lg{ max-width:600px; width:85%; margin:0 auto 40px; }
    .sb01_tt > h4{ font-size:28px; }
}
@media(max-width:750px){
    .sb01_tt{ margin:0 auto 100px; }
    .sb01_tt > h4{ font-size:24px; }
    .sb01_tt > p{ font-size:14px; }

    .sb01_bt > h3{ margin:0 auto 40px; }
    .sb01_pw{ flex-direction:column; align-items:center; }
    .sb01_pt{ max-width:400px; width:100%; text-align:center; }
    .sb01_pt > h4{ font-size:24px; margin-bottom:10px; }
    .sb01_pt > ul > li{ font-size:14px; }
}


#sb02{ position:relative; z-index:1; background-color:#201e1f; }
#sb02_bdo{ position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; }
.sb02_fr{ position:relative; z-index:1; padding:150px 40px; background-color:rgba(0,0,0,.4); }
.sb02_txt{ max-width:1000px; width:100%; margin:0 auto; word-break:keep-all; text-align:center; }
.sb02_txt > h3{ font-family:'cg'; font-size:30px; font-weight:400; color:#fff; margin:0 auto 10px; }
.sb02_txt > h2{ font-family:'cg','nm'; font-size:60px; font-weight:500; color:#fff; margin:0 auto 40px; }
.sb02_txt > h2 > b{ font-weight:400; color:#c7b87b; }
.sb02_txt > p{ font-size:16px; font-weight:300; color:#fff; line-height:1.7em; }
.sb02_txt > p > b{ font-weight:400; color:#c7b87b; }

@media(max-width:991px){
    .sb02_fr{ padding:150px 15px; }
    .sb02_txt > h3{ font-size:24px; }
    .sb02_txt > h2{ font-size:45px; }
}
@media(max-width:600px){
    .sb02_txt > p{ font-size:14px; }
}