main{ position:relative; z-index:100; }
main, main *{ box-sizing:border-box; }
.sc_con{ width:100%; margin:0 auto; }



/* sc01 */
#sc01{ position:relative; z-index:1; background-color:#242424; overflow:hidden; }
.sc01Sli{ overflow:hidden; height:auto; display:flex; }
.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; }
.sc01_bg > picture{ width:100%; height:100%; }
.sc01_bg > picture *{ width:100%; height:100%; object-fit:cover; transform:scale(1); transition:0s transform 1s; }
.sc01Sli.swiper-slide-active > .sc01_bg > picture *{ transform:scale(1.2); transition:15s transform 0s; }
.sc01_sv{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
.sc01_sv iframe{ top:50% !important; left:50% !important; margin-top:0 !important; margin-left:0 !important; transform:translate(-50%, -50%); }
.sc01_sm{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
.sc01_sm video{ position:absolute; z-index:1; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); }
.sc01_fr{ position:relative; z-index:2; min-height:100vh; width:100%; display:flex; align-items:flex-end; padding:150px 40px 60px; background-image:linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0) 100%); }
.sc01_st{ max-width:1800px; width:100%; margin:0 auto; }
.sc01_tb{ width:min(810px, 100%); font-family:'nt'; color:#fff; word-break:keep-all; letter-spacing:-0.025em; }
.sc01_tb > h4{ font-size:24px; font-weight:400; line-height:1em; margin-bottom:10px; }
.sc01_tb > h4 > small{ display:inline-block; font-size:0.8em; line-height:0.8em; transform:translate(0, -4px); }
.sc01_tb > h2{ font-family:'ns',serif; font-size:clamp(40px, 5.53vw, 60px); font-weight:600; line-height:1.2em; margin-bottom:20px; }
.sc01_tb > p{ font-size:16px; font-weight:300; line-height:1.5em; }
.sc01_tb > h6{ font-size:16px; font-weight:400; line-height:1.5em; }
.sc01_tb > .sc01_btn{ margin-top:40px; }
.sc01_tb > .sc01_btn > a{ position:relative; z-index:1; display:inline-block; font-size:16px; color:#fff; line-height:1em; padding:12px 30px; padding-left:0; border-radius:3px; overflow:hidden; transition:0.5s padding-left, 0.5s color; }
.sc01_tb > .sc01_btn > a:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:100%; transition:0.3s right; background-color:#fff; }
.sc01_tb > .sc01_btn > a:hover{ padding-left:30px; color:#242424; }
.sc01_tb > .sc01_btn > a:hover:before{ right:0; transition:0.4s right 0.1s; }
.sc01_tb > .sc01_btn > a > span{ position:relative; z-index:2; }

.sc01_nav{ position:absolute; z-index:90; right:40px; top:50%; width:50px; height:50px; margin:0 -50px 0; opacity:0; font-size:20px; color:#fea30b; background-color:#333; border-radius:100%; box-shadow:3px 3px 7px 0 rgba(0,0,0,.4); display:flex; justify-content:center; align-items:center; cursor:pointer; transition:0.4s margin, 0.4s opacity, 0.4s background-color; }
#sc01:hover .sc01_nav{ margin:0; opacity:1; }
.sc01_nav:hover{ background-color:#181818; }
#sc01_pr{ transform:translate(0, -55px); }
#sc01_nx{ transform:translate(0, 5px); }

@media(max-width:1024px){
	.sc01_fr{ background-image:linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.65) 30%, rgba(0,0,0,0) 100%); }
}
@media(max-width:991px){
	.sc01_fr{ padding:150px 15px 40px; }
	.sc01_nav{ right:15px; }
}
@media(max-width:850px){
	.sc01_tb > h4{ font-size:20px; }
	.sc01_tb > h2{ margin-bottom:20px; }
	.sc01_tb > p{ font-size:14px; }
	.sc01_tb > h6{ font-size:14px; }
	.sc01_tb > .sc01_btn > a{ font-size:14px; }
}
@media(max-width:500px){
	.sc01_tb > h2{ font-size:32px; }
}


/* sc02 */
#sc02{ background-color:#fafafa; }
.sc02_pw{ display:flex; align-items:flex-start; }
.sc02_pt.lf{ position:sticky; z-index:1; top:0; left:0; width:33%; min-width:400px; background-color:#181818; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc02_tt{ padding:150px 60px; min-height:100vh; background-color:rgba(0,0,0,.65); word-break:keep-all; }
.sc02_tt:before{ content:'NEW PRESS'; position:absolute; z-index:0; top:75px; left:20px; font-size:80px; font-weight:900; color:#aaa; line-height:0.67em; opacity:0.2; writing-mode:vertical-lr; transform:rotate(180deg); pointer-events:none; }
.sc02_tt h4{ font-family:'ns',serif; font-size:24px; font-weight:400; color:#ddd; line-height:1em; margin-bottom:20px; }
.sc02_tt h2{ font-family:'ns',serif; font-size:45px; font-weight:500; color:#fff; line-height:1.2em; margin-bottom:20px; }
.sc02_tt h6{ font-family:'ns',serif; font-size:18px; font-weight:300; color:#ccc; line-height:1.5em; }
.sc02_tt a{ position:relative; z-index:1; display:inline-block; margin-top:20px; font-size:16px; color:#fff; line-height:1em; padding:12px 30px; padding-left:0; border-radius:3px; overflow:hidden; transition:0.5s padding-left, 0.5s color; }
.sc02_tt a:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:100%; transition:0.3s right; background-color:#fff; }
.sc02_tt a:hover{ padding-left:30px; color:#242424; }
.sc02_tt a:hover:before{ right:0; transition:0.4s right 0.1s; }
.sc02_tt a > span{ position:relative; z-index:2; }
.sc02_pt.rt{ width:67%; padding:186px 40px 0; overflow:hidden; }
.sc02_sh{ margin-bottom:52px; display:flex; justify-content:flex-end; align-items:center; flex-flow:row wrap; }
.sc02_sh > h3{ font-family:'ns',serif; font-size:24px; font-weight:400; color:#181818; line-height:1em; letter-spacing:-0.05em; margin-right:10px; }
.sc02_sh > ul{ font-size:0; }
.sc02_sh > ul > li{ display:inline-block; padding:0 3px; }
.sc02_sh > ul > li > a{ display:block; border:1px solid #ddd; background-color:#efefef; border-radius:6px; line-height:1em; padding:5px; font-size:18px; color:#181818; }
.sc02_sh > ul > li > a.sh_fb:hover{ background-color:#0866ff; border-color:#0866ff; color:#fff; }
.sc02_sh > ul > li > a.sh_nb:hover{ background-color:#00c643; border-color:#00c643; color:#fff; }
.sc02_sh > ul > li > a.sh_kt:hover{ background-color:#fae100; border-color:#fae100; color:#391b1b; }
.sc02_sh > ul > li > a.sh_lk:hover{ background-color:#ed2a2a; border-color:#ed2a2a; color:#fff; }


.sc02_pw2{ display:flex; gap:60px 2.54%; flex-flow:row wrap; }
.sc02_pr{ width:48.73%; }
.sc02_pr > a{ display:block; width:100%; }
.sc02_pi{ width:100%; overflow:hidden; margin-bottom:20px; box-shadow:0 0 0 0 rgba(0,0,0,.2); transform:scale(1); transition:0.3s box-shadow, 0.3s transform; }
.sc02_pi > img{ width:100%; height:auto; display:block; }
.sc02_pr > a:hover > .sc02_pi{ box-shadow:5px 5px 12px 0 rgba(0,0,0,.3); transform:scale(1.005); }
.sc02_px{ word-break:keep-all; letter-spacing:-0.025em; }
.sc02_px h4{ font-family:'ns',serif; font-size:20px; font-weight:400; color:#888; line-height:1em; margin-bottom:10px; }
.sc02_px h3{ font-family:'ns',serif; font-size:26px; font-weight:500; color:#1f1f1f; line-height:1.2em; margin-bottom:10px; }
.sc02_px p{ font-family:'ns',serif; font-size:16px; font-weight:300; color:#444; line-height:1.7em; }

.sc02_cv{ position:relative; z-index:1; max-width:400px; width:100%; box-shadow:5px 5px 12px 0 rgba(0,0,0,.3); }
.sc02_cg{ width:100%; background-color:#333; padding-top:max(120%, 400px); background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc02_cx{ position:absolute; z-index:1; bottom:0; left:0; right:0; padding:80px 20px 20px; word-break:keep-all; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 50%) }
.sc02_cx > h5{ font-size:16px; font-weight:300; color:#fff; }
.sc02_cx > h3{ font-family:'ns',serif; font-size:28px; font-weight:400; color:#fff; }

@media(max-width:1440px){
	.sc02_tt h2{ font-size:clamp(32px, 2.77vw, 40px); }
	.sc02_tt h6{ font-size:16px; }
	.sc02_sh{ margin-bottom:40px; }
}
@media(max-width:1080px){
	#sc02{ padding:100px 15px 0; }
	.sc02_pw{ display:block; }
	.sc02_pt.lf{ position:relative; min-width:unset; width:100%; }
	.sc02_cv{ display:none; }
	.sc02_pt.rt{ width:auto; padding:40px 15px 0; margin:0 -15px; }
	.sc02_tt{ min-height:unset; padding:100px 30px 60px; }
	.sc02_tt:before{ content:none; }

	.sc02_px h4{ font-size:18px; }
	.sc02_px h3{ font-size:24px; }
}
@media(max-width:768px){
	.sc02_tt{ padding:80px 20px 40px; }
	.sc02_tt h4{ font-size:20px; margin-bottom:10px; }
	.sc02_tt h6{ font-size:14px; }
	.sc02_pt.rt{ padding:40px 15px 0; }
	.sc02_px h3{ font-size:20px; }
	.sc02_px p{ font-size:14px; }

}
@media(max-width:700px){
	.sc02_pr{ width:100%; }
}
@media(max-width:500px){
	.sc02_tt h4{ font-size:18px; }
	.sc02_tt h2{ font-size:28px; }
}


/* sc03 */
#sc03{ padding:200px 40px; background-color:#fafafa; }
#sc03 > .sc_con{ max-width:1800px; }
.sc03_tt{ display:flex; justify-content:space-between; margin:0 -15px 15px; }
.sc03_tt > h2{ width:42%; padding:0 15px; font-size:20px; font-weight:400; color:#1f1f1f; line-height:1.3em; }
.sc03_tt > h4{ padding:0 15px; text-align:right; font-size:20px; font-weight:400; color:#1f1f1f; line-height:1.3em; }
.sc03_aw{ display:flex; opacity:0; transform:translate(0, 200px); transition:1s opacity, 1s transform; gap:10px; }
.sc_con.ani.act .sc03_aw{ opacity:1; transform:translate(0, 0); }
.sc03_ac{ position:relative; z-index:1; display:flex; position:relative; z-index:1; width:100px; transition:0.6s flex; overflow:hidden; flex:none; background-color:#1f1f1f; }
.sc03_ac.act{ flex:1 auto; }
.sc03_aw.ac1 > .sc03_ac.act{ width:100%; }
.sc03_aw.ac2 > .sc03_ac.act{ width:calc(100% - 101px); }
.sc03_aw.ac3 > .sc03_ac.act{ width:calc(100% - 202px); }
.sc03_aw.ac4 > .sc03_ac.act{ width:calc(100% - 303px); }
.sc03_aw.ac5 > .sc03_ac.act{ width:calc(100% - 404px); }
.sc03_at{ position:relative; z-index:2; display:flex; min-width:101px; width:101px; padding:30px 35px 100px; writing-mode:vertical-lr; opacity:1; visibility:visible; background-color:rgba(31,31,31,0.5); transition:0.4s opacity, 0.4s visibility, 0.4s border-color; }
.sc03_ac.act > .sc03_at{ opacity:0; visibility:hidden; transition:0.4s opacity, 0.4s visibility; }
.sc03_at > h3{ display:inline-block; font-family:'ns',serif; font-size:30px; font-weight:400; line-height:1em; white-space:nowrap; text-overflow:ellipsis; color:#fff; transition:0.4s color; }
.sc03_af{ position:relative; z-index:1; width:100%; margin:0 0 0 -101px; background-color:rgba(31,31,31,0.5); }
.sc03_af > a{ display:flex; width:100%; min-height:min(49.0625vw, 800px); padding:200px 50px 50px; align-items:flex-end; }
.sc03_ag{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc03_ax{ position:relative; z-index:1; max-width:700px; width:100%; word-break:keep-all; color:#fff; }
.sc03_ax > h4{ font-family:'ns',serif; font-size:45px; font-weight:500; line-height:1.1em; letter-spacing:-0.025em; margin-bottom:20px; white-space:nowrap; overflow:hidden; }
.sc03_ax > p{ font-size:16px; font-weight:300; line-height:1.5em; max-height:4.5em; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis; overflow:hidden; }
@media(max-width:1280px){
	.sc03_ac{ width:81px; }
	.sc03_at{ min-width:81px; width:81px; padding:30px 28px 100px; }
	.sc03_at > h3{ font-size:24px; }
	.sc03_af{ margin:0 0 0 -81px; }
	.sc03_af > a{ padding:150px 40px 40px; }
}
@media(max-width:991px){
	#sc03{ padding:150px 15px; }
	.sc03_tt > h2{ font-size:16px; }
	.sc03_tt > h4{ font-size:16px; }
	.sc03_aw{ display:block; }
	.sc03_ac{ display:block; width:100%; }
	.sc03_ac.act{ flex:none; }
	.sc03_at{ width:100%; padding:30px; writing-mode:horizontal-tb; border-right:none; border-bottom:1px solid #fafafa; }
	.sc03_ac.act > .sc03_at{ opacity:1; visibility:visible; border-color:transparent; }
	.sc03_ac.act > .sc03_at > h3{ color:transparent; }
	.sc03_af{ display:none; width:100%; margin:0; border-right:none; min-height:0; border-bottom:1px solid #fafafa; }
	.sc03_af > a{ padding:32% 30px 30px; }
	.sc03_ax > p{ font-size:14px; max-height:unset; display:block; -webkit-box-orient:unset; -webkit-line-clamp:unset; text-overflow:unset; overflow:unset; }
}
@media(max-width:768px){
	.sc03_at{ padding:20px; }
	.sc03_af > a{ padding:150px 20px 20px; }
	.sc03_tt > h2{ font-size:14px; }
	.sc03_tt > h4{ font-size:14px; }
	.sc03_ax > h4{ font-size:40px; }
}


/*sc04*/
#sc04{ position:relative; z-index:1; overflow:hidden; background-color:#181818; }
.sc04Sli1{ position:relative; z-index:1; overflow:hidden; height:auto !important; background-color:#181818; display:flex; }
.sc04_bg{ position:absolute; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; transform:scale(1.2); transition:0s transform 0.5s; }
.sc04Sli1.swiper-slide-active .sc04_bg{ transform:scale(1); transition:5s transform 0s; }
.sc04_bg:after{ content:''; position:absolute; top:0; left:0; width:200%; height:100%; transform:translate(0, 0); background:linear-gradient(90deg, rgba(31,31,31,1) 0%, rgba(31,31,31,1) 50%, rgba(31,31,31,0)100%); transition:1s transform linear; }
.sc04Sli1.swiper-slide-active .sc04_bg:after{ transform:translate(-100%, 0); transition:1s transform linear; }
.sc04_fr{ position:relative; z-index:10; min-height:100vh; width:100%; padding:150px 370px 150px 60px; background:linear-gradient(90deg, rgba(31,31,31,1) 5%, rgba(31,31,31,.6) 50%); display:flex; align-items:center; }
.sc04_txt{ max-width:700px; width:90%; word-break:keep-all; }
.sc04_txt > h3{ font-family:'ns',serif; font-size:45px; font-weight:300; color:#fff; line-height:1em; margin-bottom:20px; transform:translate(-150px, 0); opacity:0; transition:0s transform 0.5s, 0s opacity 0.5s; }
.sc04_txt > p{ font-size:16px; font-weight:100; color:#eee; line-height:1.7em; transform:translate(-150px, 0); opacity:0; transition:0s transform 0.5s, 0s opacity 0.5s; }
.sc04_txt > a{ position:relative; z-index:1; display:inline-block; margin-top:20px; font-size:16px; color:#fff; line-height:1em; padding:12px 30px; padding-left:0; border-radius:3px; overflow:hidden; transform:translate(-150px, 0); opacity:0; transition:0.5s padding-left, 0.5s color, 0s transform 0.5s, 0s opacity 0.5s; }
.sc04_txt > a:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:100%; transition:0.3s right; background-color:#fff; }
.sc04_txt > a:hover{ padding-left:30px; color:#242424; }
.sc04_txt > a:hover:before{ right:0; transition:0.4s right 0.1s; }
.sc04_txt > a > span{ position:relative; z-index:2; }
.sc04Sli1.swiper-slide-active .sc04_txt > h3{ transform:translate(0, 0); opacity:1; transition:0.8s transform 0.15s, 0.8s opacity 0.15s; }
.sc04Sli1.swiper-slide-active .sc04_txt > p{ transform:translate(0, 0); opacity:1; transition:0.8s transform 0.3s, 0.8s opacity 0.3s; }
.sc04Sli1.swiper-slide-active .sc04_txt > a{ transform:translate(0, 0); opacity:1; transition:0.5s padding-left, 0.5s color, 0.8s transform 0.45s, 0.8s opacity 0.45s; }
#sc04pg{ position:absolute; z-index:1; left:60px; bottom:60px; width:auto; font-family:'eg','ns'; font-size:20px; font-weight:300; color:#fff; }
#sc04Sli2{ position:absolute; bottom:60px; right:60px; max-width:250px; width:40%; overflow:visible; }
.sc04_tmb{ position:relative; z-index:1; width:100%; padding-top:56.25%; background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:7px 7px 15px 0 rgba(0,0,0,.2); overflow:hidden; transform:translate(75%, 0); opacity:0; transition:1s transform, 1s opacity; cursor:pointer; }
.sc04Sli2.swiper-slide-active .sc04_tmb{ transform:translate(0, 0); opacity:1; }
.sc04_tmb:after{ content:''; position:absolute; top:0; right:0; width:200%; height:100%; transform:translate(0, 0); background:linear-gradient(90deg, rgba(31,31,31,0) 0%, rgba(31,31,31,1) 50%, rgba(31,31,31,1)100%); transition:1s transform linear; }
.sc04Sli2.swiper-slide-active .sc04_tmb:after{ transform:translate(100%, 0); transition:1s transform linear; }
.sc04_tmt{ text-align:right; word-break:keep-all; margin-bottom:20px; opacity:0; transition:0.5s opacity; }
.sc04Sli2.swiper-slide-active .sc04_tmt{ opacity:1; }
.sc04_tmt > h3{ font-family:'ns',serif; font-size:20px; font-weight:400; color:#fff; line-height:1.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

@media(max-width:1280px){
	.sc04_fr{ padding:150px 20px 210px 20px; }
	#sc04pg{ bottom:40px; left:20px; }
	#sc04Sli2{ bottom:40px; right:20px; }
	.sc04_txt > p{ font-size:16px; }
}
@media(max-width:850px){
	.sc04_txt > h3{ font-size:60px; margin-bottom:30px; }
	.sc04_txt > p{ font-size:15px; margin-bottom:15px; }
}
@media(max-width:600px){
	.sc04_fr{ padding:150px 20px 100px; align-items:flex-end; }
	.sc04_txt > h3{ font-size:10vw; }
	.sc04_txt > p{ font-size:14px; }

	#sc04Sli2{ display:none; }
}


/*sc05*/
#sc05{ padding:0 40px 200px; background-color:#fafafa; overflow:hidden; }
#sc05 > .sc_con{ max-width:1000px; }
.sc05_tt{ position:relative; z-index:1; text-align:center; word-break:keep-all; margin:0 auto 100px; }
/* .sc05_tt:before{ content:'CALLIGRAPHY'; position:absolute; z-index:0; top:0; left:50%; font-size:80px; font-weight:900; color:#aaa; line-height:0.67em; opacity:0.2; pointer-events:none; transform:translate(-50%, 0); } */
.sc05_tt h4{ font-family:'ns',serif; font-size:20px; font-weight:400; color:#444; line-height:1em; margin-bottom:20px; }
.sc05_tt h2{ font-family:'ns',serif; font-size:40px; font-weight:500; color:#181818; line-height:1.2em; margin-bottom:20px; }
.sc05_tt h6{ font-family:'ns',serif; font-size:14px; font-weight:300; color:#666; line-height:1.5em; }
.sc05_ct{ display:flex; flex-flow:row wrap; align-items:flex-start; word-break:keep-all; }
.sc05_ct:not(:last-child){ margin-bottom:80px; }
.sc05_ct > .sc05_h301{ width:50%; padding:0 40px 20px 0; font-family:'ns',serif; font-size:20px; font-weight:300; color:#181818; line-height:1.5em; }
.sc05_ct > .sc05_ri01{ width:50%; display:block; height:auto; }
.sc05_ct > #sc05Sli{ margin:0 -50% 60px; }
.sc05_ct > #sc05Sli > .swiper-wrapper{ transition-timing-function:linear; }
.sc05_ct > #sc05Sli img{ display:block; width:100%; height:auto; }
.sc05_ct > h4{ max-width:750px; width:100%; margin:0 auto; font-family:'ns',serif; font-size:20px; font-weight:300; color:#181818; line-height:1.5em; text-align:center; }
.sc05_ct > .sc05_ri02{ max-width:800px; width:100%; height:auto; display:block; margin:0 auto; }

@media(max-width:1440px){
	.sc05_tt h2{ font-size:clamp(32px, 2.77vw, 40px); }
	.sc05_tt h6{ font-size:16px; }
	.sc05_ct:not(:last-child){ margin-bottom:60px; }
	.sc05_ct > .sc05_h301{ font-size:23px; }
	.sc05_ct > h4{ max-width:600px; font-size:16px; }
}
@media(max-width:1080px){
	.sc05_ct > #sc05Sli{ margin:0 -40% 40px; }
}
@media(max-width:991px){
	#sc05{ padding:0 15px 150px; }
	.sc05_tt{ margin:0 auto 80px; }
}
@media(max-width:768px){
	.sc05_tt h4{ font-size:20px; margin-bottom:10px; }
	.sc05_tt h6{ font-size:14px; }
	.sc05_ct > .sc05_h301{ max-width:400px; width:100%; padding:0 15px 40px 0; font-size:18px; }
	.sc05_ct > .sc05_ri01{ max-width:500px; width:80%; margin:0 0 0 auto; }
	.sc05_ct > h4{ max-width:520px; font-size:14px; }
}
@media(max-width:500px){
	.sc05_tt h4{ font-size:18px; }
	.sc05_tt h2{ font-size:28px; }
}

/*sc06*/
#sc06{ padding:0 40px 200px; background-color:#fafafa; overflow:hidden; }
#sc06 > .sc_con{ max-width:1800px; }
.sc06_tt{ word-break:keep-all; margin:0 0 40px; display:flex; justify-content:space-between; align-items:center; }
.sc06_tt > h2{ font-family:'ns',serif; font-size:40px; font-weight:500; color:#333; }
/* .sc06_tt > a{ font-family:'ns',serif; font-size:28px; font-weight:500; color:#333; } */
.sc06_tt > a{ position:relative; z-index:1; display:inline-block; font-size:20px; color:#181818; line-height:1em; padding:12px 30px; padding-right:0; border-radius:6px; overflow:hidden; transition:0.5s padding-right, 0.5s color; }
.sc06_tt > a:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:100%; right:0; transition:0.3s left; background-color:#fea30b; }
.sc06_tt > a:hover{ padding-right:30px; color:#fff; }
.sc06_tt > a:hover:before{ left:0; transition:0.4s left 0.1s; }
.sc06_tt > a > span{ position:relative; z-index:2; }

.jjwz_widget{ column-count:2; column-gap:40px; column-width:400px; }
.jjwz_widget > li{ position:relative; z-index:1; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 100px 20px 0; }
.jjwz_widget > li:not(:first-child){ margin:-1px 0 0; }
.jjwz_widget > li > h5{ font-size:16px; font-weight:400; color:#333; }
.jjwz_widget > li > a{ display:block; font-size:20px; font-weight:300; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.jjwz_widget > li > a:hover{ color:#fea30b; text-decoration:none; }
.jjwz_widget > li > p{ position:absolute; z-index:1; top:5px; right:5px; text-align:right; font-size:14px; font-weight:300; color:#333; }

@media(max-width:991px){
	#sc06{ padding:0 15px 150px }
}
@media(max-width:600px){
	.sc06_tt > h2{ font-size:28px; }
	.sc06_tt > a{ font-size:16px; }
	.jjwz_widget > li{ padding:16px 100px 16px 0; }
	.jjwz_widget > li > h5{ font-size:14px; }
	.jjwz_widget > li > a{ font-size:16px; }
}