section{ overflow:hidden; background-color:#f7f7f7; font-family:'pt',sans-serif; }
section, section *{ box-sizing:border-box; }
section > .sc_con{ width:100%; margin:0 auto; }

/* sc01 */
#sc01{ position:relative; z-index:1; background-color:#333; }

.sc01_bdo{ position:absolute; z-index:1; top:50%; left:50%; min-width:112%; height:112%; transform:translate(-50%,-50%); }

.sc01_fr{ position:relative; z-index:1; width:100%; min-height:max(50.46875vw, 100dvh); background-color:rgba(0,0,0,.4); background-image:url(../img/main/01-00.svg); background-position:0 0; background-size:5px; background-repeat:repeat; padding:150px 40px 100px; display:flex; align-items:center; }
.sc01_tt{ position:relative; z-index:2; max-width:800px; width:100%; margin:0 auto; text-align:center; word-break:keep-all; text-shadow:2px 2px 2px rgba(0,0,0,.3); }
.sc01_tt > h4{ font-family:'pt', sans-serif; font-size:20px; font-weight:500; color:#fff; line-height:1.3em; margin:0 0 20px; }
.sc01_tt > h2{ margin:0 auto 30px; }
.sc01_tt > h2 > img{ max-width:600px; width:90%; margin:0 auto; filter:drop-shadow(4px 4px 4px rgba(0,0,0,.35)); -webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.35)); -moz-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.35)); -o-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.35)); }
.sc01_tt > p{ font-family:'pt', sans-serif; font-size:18px; font-weight:300; color:#fff; line-height:1.7em; max-width:500px; margin:0 auto; }
.sc01_tt > button{ display:inline-flex; align-items:center; border:2px solid #fff; border-radius:50px; background-color:transparent; padding:13px; font-family:'pt', sans-serif; font-size:14px; font-weight:300; color:transparent; line-height:1em; cursor:pointer; transition:0.4s background-color, 0.4s color, 0.4s border; }
.sc01_tt > button > i{ font-size:22px; color:#fff; }
.sc01_tt > button > span{ padding:0; width:0; white-space:nowrap; overflow:hidden; transition:0.4s all; }
.sc01_tt > button:hover{ border:2px solid #98846c; background-color:#98846c; color:#fff; }
.sc01_tt > button:hover > i{ color:#fff; }
.sc01_tt > button:hover > span{ padding:0 10px; width:107px; }

.sc01_tt > h4{ transform:translate(0, 30px); opacity:0; }
.sc01_tt > h2{ transform:translate(0, 30px); opacity:0; }
.sc01_tt > p{ transform:translate(0, 30px); opacity:0; }
.sc01_tt.act > h4{ transform:translate(0, 0); opacity:1; transition:1s transform 0s, 1s opacity 0s; }
.sc01_tt.act > h2{ transform:translate(0, 0); opacity:1; transition:1s transform 0.3s, 1s opacity 0.3s; }
.sc01_tt.act > p{ transform:translate(0, 0); opacity:1; transition:1s transform 0.6s, 1s opacity 0.6s; }

@media(max-width:991px){
    .sc01_fr{ padding:130px 15px 80px; }
}
@media(max-width:600px){
	#sc01Sli{ left:-150%; right:-150%; }
}



#sc02{ background-color:#f4f4f4; }
.sc02_pw{ display:flex; flex-flow:row wrap; }
.sc02_pt{ width:50%; display:flex; }
.sc02_pt.lf{ padding:80px 40px; align-items:center; }

.sc02_pi{ position:relative; z-index:1; width:100%; padding-top:clamp(300px, 70%, 600px); background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; }
.sc02_pi:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#f7f7f7; }
.sc02_pi.act:before{ right:100%; transition:1s right; }

.sc02_px{ width:min(470px, 100%); margin:0 auto; word-break:keep-all; margin:0 0 0 auto; text-align:right; }
.sc02_px > h3{ font-family:'gt'; font-size:50px; font-weight:600; color:#f59d05; line-height:1em; margin-bottom:10px; text-transform:uppercase; }
.sc02_px > h4{ font-size:20px; font-weight:600; color:#333; line-height:1.3em; margin-bottom:30px; }
.sc02_px > p{ font-size:16px; font-weight:400; color:#333; line-height:1.5em; margin-bottom:30px; }
.sc02_px > a{ display:inline-block; border-radius:100px; font-size:16px; font-weight:400; color:#333; line-height:1.5em; padding:13px 40px; box-shadow:-3px -3px 5px 0 rgba(255,255,255,.8), 3px 3px 5px 0 rgba(0,0,0,.1); transition:0.4s background-color, 0.4s color; }
.sc02_px > a:hover{ background-color:#f59d05; color:#fff; }

.sc02_px > h3{ transform:translate(-50px, 0); opacity:0; }
.sc02_px > h4{ transform:translate(-50px, 0); opacity:0; }
.sc02_px > p{ transform:translate(-50px, 0); opacity:0; }
.sc02_px > a{ transform:translate(-50px, 0); opacity:0; }
.sc02_px.act > h3{ transform:translate(0, 0); opacity:1; transition:1s transform 0s, 1s opacity 0s; }
.sc02_px.act > h4{ transform:translate(0, 0); opacity:1; transition:1s transform 0.25s, 1s opacity 0.25s; }
.sc02_px.act > p{ transform:translate(0, 0); opacity:1; transition:1s transform 0.5s, 1s opacity 0.5s; }
.sc02_px.act > a{ transform:translate(0, 0); opacity:1; transition:1s transform 0.75s, 1s opacity 0.75s, 0.4s background-color, 0.4s color; }

.sc02_bw{ position:relative; z-index:1; padding-top:56.25%; width:100%; overflow:hidden; }
.sc02_bw > video{ position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); /*width:100%;*/ min-width:100%; height:100%; min-height:100%; }

@media(max-width:991px){
    .sc02_pt{ width:100%; }
    .sc02_pt.lf{ order:1; padding:80px 15px; }
    
    .sc02_pi{ padding-top:clamp(300px, 45%, 750px); }

}
@media(max-width:768px){
    .sc02_px > h3{ font-size:45px; }
}
@media(max-width:500px){
    .sc02_px > h3{ font-size:40px; }
    .sc02_px > h4{ font-size:18px; }
    .sc02_px > p{ font-size:14px; }
    .sc02_px > a{ font-size:14px; padding:10px 30px; }
}




#sc03{ padding:150px 40px 100px; }
#sc03 .sc_con{ position:relative; z-index:1; width:min(1400px, 100%); margin:0 auto; }
.sc03_pw{ display:flex; flex-flow:row wrap; width:100%; }
.sc03_pt{ display:flex; width:50%; }

#sc03Sli1{ width:100%; }
.sc03Sli1{ height:auto; background-color:#ededed; overflow:hidden; border-radius:20px; }

.sc03_si{ width:100%; padding-top:80.54347826086957%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc03_sx{ width:100%; padding:40px 20px; word-break:keep-all; }
.sc03_sx > h3{ font-family:'pt',sans-serif; font-size:24px; font-weight:700; color:#000; line-height:1em; margin-bottom:10px; }
.sc03_sx > h4{ font-family:'pt',sans-serif; font-size:16px; font-weight:400; color:#333; line-height:1em; }
.sc03_sx > hr{ margin:20px 0; }
.sc03_sx > .po{ margin-top:20px; }
.sc03_sx > .po > li{ position:relative; z-index:1; padding-left:15px; font-family:'pt',sans-serif; font-size:16px; font-weight:400; color:#333; line-height:1.5em; }
.sc03_sx > .po > li:before{ content:''; position:absolute; top:9px; left:0; width:5px; height:5px; border-radius:100%; background-color:#98846c; }
.sc03_sx > .po > li:not(:last-child){ margin-bottom:6px; }

.sc03_ctr{ position:absolute; z-index:60; top:50%; left:20px; transform:translate(0, -50%); display:flex; flex-direction:column; gap:10px; text-align:center; }
.sc03_ctr > i{ font-size:20px; color:#333; cursor:pointer; }
.sc03_nav{ position:absolute; z-index:60; top:calc(50% - 25px); width:50px; height:50px; color:#fff; background-color:#aaa; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:22px; cursor:pointer; }
.sc03_nav:hover{ background-color:#f59d05; }
.sc03_nav#sc03_pr{ left:-25px; }
.sc03_nav#sc03_nx{ right:-25px; }
#sc03_pg{ margin:30px auto 0; text-align:center; }
#sc03_pg > .swiper-pagination-bullet{ width:10px; height:10px; margin:0 3px; }
#sc03_pg > .swiper-pagination-bullet-active{ background-color:#f59d05; }

@media(max-width:991px){
    #sc03{ padding:120px 30px 80px; }
    
    .sc03_pt{ width:100%; }
    .sc03Sli2{ align-items:flex-start; }
    .sc03_sx{ padding:60px 30px; }
    
    .sc03_ctr{ top:auto; bottom:20px; left:50%; transform:translate(-50%, 0); flex-direction:row; }
    .sc03_ctr > #sc03_pr, .sc03_ctr > #sc03_nx{ transform:rotate(-90deg); }
    .sc03_ctr > #sc03_pg{ flex-direction:row; }
    .sc03_ctr > #sc03_pg > .pg_bar{ width:1px; height:50%; }
}
@media(max-width:768px){
    .sc03_sx > hr{ margin:20px 0; }
    .sc03_sx > .po > li{ font-size:14px; }
}


#sc04{ background-image:url(../img/main/04-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
#sc04 > .sc_con{ padding:200px 40px; background-color:rgba(0,0,0,.5); background-image:url(../img/main/01-00.svg); background-position:0 0; background-size:5px; background-repeat:repeat; }

.sc04_tt{ width:min(800px, 100%); margin:0 auto; text-align:center; word-break:keep-all; }
.sc04_tt > h3{ font-family:'gt'; font-size:50px; font-weight:600; color:#fff; line-height:1em; margin-bottom:10px; }
.sc04_tt > p{ width:min(400px, 100%); margin:0 auto 40PX; font-size:16px; font-weight:400; color:#fff; line-height:1.5em; }
.sc04_btn{ display:flex; flex-flow:row wrap; gap:10px; justify-content:center; align-items:center; }
.sc04_btn > a{ display:inline-block; border:2px solid #fff; border-radius:100px; font-size:16px; font-weight:400; color:#fff; line-height:1.5em; padding:10px 30px; transition:0.4s background-color, 0.4s border; }
.sc04_btn > a:hover{ border:2px solid #f59d05; background-color:#f59d05; }

.sc04_tt > h3{ transform:translate(0, 50px); opacity:0; }
.sc04_tt > p{ transform:translate(0, 50px); opacity:0; }
.sc04_tt > .sc04_btn{ transform:translate(0, 50px); opacity:0; }
.sc04_tt.act > h3{ transform:translate(0, 0); opacity:1; transition:1s transform 0s, 1s opacity 0s; }
.sc04_tt.act > p{ transform:translate(0, 0); opacity:1; transition:1s transform 0.3s, 1s opacity 0.3s; }
.sc04_tt.act > .sc04_btn{ transform:translate(0, 0); opacity:1; transition:1s transform 0.6s, 1s opacity 0.6s; }



@media(max-width:991px){
    #sc04 > .sc_con{ padding:150px 15px; }
}
@media(max-width:768px){
    #sc04{ background-image:url(../img/main/04-01.jpg); }
    .sc04_tt > h3{ font-size:45px; }
}
@media(max-width:500px){
    .sc04_tt > h3{ font-size:40px; }
    .sc04_btn > a{ font-size:14px; padding:8px 25px; }
}