main, main *{ box-sizing:border-box; }
main > section{ overflow:hidden; }
.sc_con{ width:100%; margin:0 auto; }

/* sc01 */
#sc01{ position:relative; z-index:1; padding:0; }
.sc01Sli{ overflow:hidden; height:auto; }
.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-position:67% 50%; background-size:cover; background-repeat:no-repeat; }
.sc01_fr{ position:relative; z-index:1; padding:160px 40px 100px; min-height:clamp(700px, 49.6354167vw, 1080px); display:flex; justify-content:center; align-items:center; background-color:rgba(0,0,0,.6); }
.sc01_tw{ display:flex; max-width:1400px; width:100%; }
.sc01_txt{ max-width:540px; width:100%; word-break:keep-all; margin:0 auto; text-align:center; }
.sc01_txt > h3{ font-family:'nm'; font-size:20px; font-weight:400; line-height:1em; margin-bottom:15px; transform:translate(0, 50px); opacity:0; transition:0s transform 1s, 0s opacity 1s; }
.sc01_txt > h2{ font-family:'cz'; font-size:100px; font-weight:400; line-height:0.94em; margin-bottom:30px; transform:translate(0, 50px); opacity:0; transition:0s transform 1s, 0s opacity 1s; }
.sc01_txt > p{ font-family:'pt'; width:100%; font-size:18px; font-weight:300; line-height:1.5em; transform:translate(0, 50px); opacity:0; transition:0s transform 1s, 0s opacity 1s; }
.swiper-slide-active .sc01_txt > h3{ transform:translate(0, 0); opacity:1; transition:1s transform 0s, 1s opacity 0s; }
.swiper-slide-active .sc01_txt > h2{ transform:translate(0, 0); opacity:1; transition:1s transform 0.2s, 1s opacity 0.2s; }
.swiper-slide-active .sc01_txt > p{ transform:translate(0, 0); opacity:1; transition:1s transform 0.4s, 1s opacity 0.4s; }
.sc01_tw.ani_act .sc01_txt > h3{ transform:translate(0, 0); opacity:1; transition:1s transform 0s, 1s opacity 0s; }
.sc01_tw.ani_act .sc01_txt > h2{ transform:translate(0, 0); opacity:1; transition:1s transform 0.2s, 1s opacity 0.2s; }
.sc01_tw.ani_act .sc01_txt > p{ transform:translate(0, 0); opacity:1; transition:1s transform 0.4s, 1s opacity 0.4s; }

#sc01pg{ position:absolute; z-index:50; bottom:35px; left:50%; transform:translate(-50%, 0); display:flex; align-items:center; width:auto; height:auto; }
#sc01pg > p{ width:25px; font-family:'cz'; font-size:20px; font-weight:600; color:#fff; text-align:center; }
#sc01pg > .bar{ position:relative; z-index:1; width:120px; height:2px; background-color:#fff; margin:0 10px; overflow:hidden; }
#sc01pg > .bar > .fill{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; transform:scaleY(0); background-color:#c7b87b; transform-origin:left; }

#sc01_bdo{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
#sc01_bdo iframe{ top:50% !important; left:50% !important; margin-top:0 !important; margin-left:0 !important; transform:translate(-50%, -50%); }

@media(hover:none){
	.sc01_txt > a > span, .sc01_txt > a:hover > span{ max-width:unset; padding:0 10px; }
}

@media(max-width:991px){
	.sc01_fr{ padding:150px 15px 100px; }
	.sc01_txt{ max-width:520px; }
	.sc01_txt > h3{ font-size:24px; }
	.sc01_txt > h2{ font-size:max(10.0908173562vw, 60px); }
	.sc01_txt > p{ font-size:16px; }
}
@media(max-width:800px){
	.sc01_fr{ min-height:100dvh; padding:100px 15px 40px; }
	.sc01_txt > h3{ font-size:16px; margin-bottom:10px; }
	.sc01_txt > h2{ margin-bottom:20px; }
	.sc01_txt > p{ font-size:14px; }
	#sc01pg > p{ font-size:14px; }
	#sc01pg > .bar{ width:100px; }
}
@media(max-width:500px){
	.sc01_txt > a{ padding:10px; }
	.sc01_txt > a > span{ font-size:14px; }
	.sc01_txt > a > span, .sc01_txt > a:hover > span{ max-width:unset; padding:0 10px; }
}

/* sc02 */
#sc02{ background-color:#fff; padding:200px 40px; }	
#sc02 > .sc_con{ max-width:1400px; }
.sc02_pw{ display:flex; flex-flow:row wrap; }
.sc02_pt{ width:50%; display:flex; }
.sc02_pt.rt{ padding-left:50px; }
.sc02_tt{ display:flex; flex-direction:column; align-items:flex-start; max-width:700px; width:100%; margin:0 0 0 auto; word-break:keep-all; }
.sc02_tt > h2{ font-family:'cg'; font-size:60px; font-weight:500; color:#1f1f1f; line-height:1em; margin-bottom:40px; text-transform:uppercase; }
.sc02_tt > p{ font-size:16px; font-weight:400; color:#1f1f1f; line-height:1.5em; margin-bottom:30px; }
.sc02_tt > a{ position:relative; z-index:1; display:inline-block; padding:10px 15px; text-align:center; font-size:16px; font-weight:300; color:#1f1f1f; transition:0.4s color; }
.sc02_tt > a:after{ content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:1px; background-color:#1f1f1f; transition:0.4s height; }
.sc02_tt > a:hover{ color:#fff; }
.sc02_tt > a:hover:after{ height:100%; }
.sc02_tt > a > span{ position:relative; z-index:2; }

.sc02_img1{ width:100%; flex:1 1 0; padding-top:45%; min-height:200px; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat; margin-top:40px; }
.sc02_img2{ width:100%; padding-top:78.29%; background-color:#fff; background-position:center; background-size:contain; background-repeat:no-repeat; border:1px solid #efefef; }

@media(max-width:1200px){
	.sc02_pt{ width:100%; }
	.sc02_pt.rt{ order:-1; padding-left:0; margin-bottom:50px; }
	.sc02_tt{ margin:0; }
}
@media(max-width:991px){
	#sc02{ padding:150px 15px; }
}
@media(max-width:750px){
	.sc02_tt > h2{ font-size:max(8vw, 36px); margin-bottom:20px; }
	.sc02_tt > p{ font-size:14px; margin-bottom:20px; }
}


/* sc03 */
#sc03{ padding:0; background-color:#fff; }
.sc03_pw{ display:flex; flex-flow:row wrap; }
.sc03_pt{ width:50%; display:flex; }
.sc03_pt > a{ width:100%; display:flex; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc03_fr{ width:100%; min-height:clamp(500px, 53.57vw, 750px); padding:80px 80px 150px 40px; background-color:rgba(0,0,0,.3); }
.sc03_fr:not(.mo){ backdrop-filter:grayscale(1); transition:1s backdrop-filter; }
.sc03_pt > a:hover .sc03_fr{ backdrop-filter:grayscale(0); }
.sc03_txt{ max-width:400px; width:100%; word-break:keep-all; color:#fff; }
.sc03_txt > h4{ font-size:20px; font-weight:300; line-height:1em; margin-bottom:10px; }
.sc03_txt > h3{ font-family:'cg','nm'; font-size:60px; font-weight:500; line-height:1em; margin-bottom:20px; }
.sc03_txt > p{ font-size:16px; font-weight:300; line-height:1.5em; }

@media(max-width:1200px){
	.sc03_txt > h4{ font-size:18px; }
	.sc03_txt > h3{ font-size:50px; }
}
@media(max-width:991px){
	.sc03_pt{ width:100%; }
	.sc03_fr{ padding:40px 40px 120px 15px; min-height:clamp(300px, 53.57vw, 500px); }
}
@media(max-width:600px){
	.sc03_txt > h4{ font-size:16px; }
	.sc03_txt > h3{ font-size:40px; }
	.sc03_txt > p{ font-size:14px; }
}


/* sc04 */
#sc04{ position:relative; z-index:1; padding:200px 40px; background-color:#fff; }
#sc04:before{ content:'MEDIA'; position:absolute; z-index:0; top:0; left:0; font-family:'cz'; font-size:clamp(200px, 27.027vw, 400px); font-weight:600; color:#fbfbfb; line-height:0.8em; }
#sc04 > .sc_con{ position:relative; z-index:1; max-width:1400px; }

.noBoard{ border:1px solid #ddd; border-radius:10px; padding:20px; text-align:center; font-size:20px; font-weight:300; color:#888; }

.horw_wrap{ display:flex; flex-flow:row wrap; }
.horw_wrap > .lf{ width:45%; display:flex; }
.horw_wrap > .lf > .lb{ width:100%; display:flex; flex-direction:column; word-break:keep-all; }
.horw_wrap > .lf > .lb > .li{ flex:1 auto; overflow:hidden; margin-bottom:30px; background-position:center; background-size:cover; background-repeat:no-repeat; }
.horw_wrap > .lf > .lb > .ytp{ flex:1 auto; overflow:hidden; padding-top:56.25%; margin-bottom:30px; background-position:center; background-size:cover; background-repeat:no-repeat; }
.horw_wrap > .lf > .lb > h3{ display:block; font-size:30px; font-weight:500; color:#1f1f1f; line-height:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:15px; }
.horw_wrap > .lf > .lb > p{ display:-webkit-box; -webkit-box-orient:vertical; font-size:16px; font-weight:300; color:#1f1f1f; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; }

.horw_wrap > .rt{ width:55%; padding-left:60px; }
.horw_wrap > .rt > li{ position:relative; display:flex; padding:36px 0; align-items:center; }
.horw_wrap > .rt > li:before{ content:''; position:absolute; z-index:1; top:0; left:0; height:2px; width:100%; background-color:#ddd; }
.horw_wrap > .rt > li:last-child:after{ content:''; position:absolute; bottom:0; left:0; z-index:1; height:2px; width:100%; background-color:#ddd; }
.horw_wrap > .rt > li > .lf{ flex:1 auto; width:calc(100% - 60px); padding-right:20px; }
.horw_wrap > .rt > li > .lf > h4{ font-family:'pt'; font-size:16px; font-weight:300; line-height:0.94em; margin-bottom:5px; }
.horw_wrap > .rt > li > .lf > h3{ overflow:hidden; }
.horw_wrap > .rt > li > .lf > h3 > a{ font-family:'pt'; display:block; font-size:24px; font-weight:500; color:#1f1f1f; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transform:translate(0, 100%); transition:1s transform, 0s color; transition-timing-function:cubic-bezier(0.67, 0.02, 0.27, 1.02); }
.horw_wrap > .rt > li.ani_act > .lf > h3 > a{ transform:translate(0, 0); }
.horw_wrap > .rt > li > .lf > h3 > a:hover{ transition:1s transform, 0.3s color; }
.horw_wrap > .rt > li > .rt > p{ font-family:'nm'; font-size:14px; font-weight:300; line-height:1em; color:#888; white-space:nowrap; }

@media(max-width:991px){
	#sc04{ padding:150px 15px; }
	.horw_wrap > .lf{ width:100%; margin-bottom:60px; }
	.horw_wrap > .lf > .lb > .li{ padding-top:max(50%, 300px); }
	.horw_wrap > .rt{ width:100%; padding-left:0; }
	.horw_wrap > .rt > li{ padding:30px 0; }
}
@media(max-width:600px){
	.horw_wrap > .lf{ margin-bottom:40px; }
	.horw_wrap > .lf > .lb > h3{ font-size:28px; }
	.horw_wrap > .lf > .lb > p{ font-size:14px; }
	.horw_wrap > .rt > li{ padding:24px 0; }
	.horw_wrap > .rt > li > .lf > h3 > a{ font-size:18px; }
}


/* sc05 */
#sc05{ background-color:#f7f7f7; background-size:cover; background-repeat:no-repeat; }
#sc05 > .sc_con{ padding:150px 40px; background-color:rgba(0,0,0,.5); }

.sc05_tt{ max-width:590px; width:100%; margin:0 auto 80px; text-align:center; word-break:keep-all; }
.sc05_tt > h2{ font-family:'cg'; font-size:60px; font-weight:500; color:#fff; line-height:1em; margin-bottom:20px; }
.sc05_tt > p{ font-size:16px; font-weight:300; color:#fff; line-height:1.5em; margin-bottom:30px; }
.sc05_tt > a{ position:relative; z-index:1; display:inline-block; padding:10px 15px; text-align:center; font-size:16px; font-weight:300; color:#fff; transition:0.4s color; }
.sc05_tt > a:after{ content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:1px; background-color:#fff; transition:0.4s height; }
.sc05_tt > a:hover{ color:#1f1f1f; }
.sc05_tt > a:hover:after{ height:100%; }
.sc05_tt > a > span{ position:relative; z-index:2; }

.sc05_iw{ max-width:750px; width:100%; margin:0 auto; display:flex; justify-content:space-between; gap:30px; }
.sc05_ip{ max-width:100px; width:calc(20% - 24px); transform:translate(0, 50px); opacity:0; transition:1s transform, 1s opacity; }
.sc05_ip.act{ transform:translate(0, 0); opacity:1; }
.sc05_ip img{ display:block; width:100%; height:auto; }

@media(max-width:991px){
	#sc05 > .sc_con{ padding:150px 15px; }
}
@media(max-width:600px){
	.sc05_tt > h2{ font-size:45px; }
	.sc05_tt > a{ font-size:14px; }

	.sc05_iw{ gap:15px; }
	.sc05_ip{ width:calc(20% - 12px); }
}