.main_sc{ overflow:hidden; }
.main_sc, .main_sc *{ box-sizing:border-box; }
.main_sc > .sc_con{ max-width:1400px; width:100%; margin:0 auto; }

/*sc01*/
#sc01{ position:relative; z-index:1; overflow:hidden; }
#sc01Sli{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
.sc01Sli{ position:relative; z-index:1; height:auto !important; overflow:hidden; }
.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; background-repeat:no-repeat; transform:scale(1.2); transition:0s transform 1s; }
.sc01Sli.swiper-slide-active .sc01_bg{ transform:scale(1); transition:8s transform 0s; }
.sc01_bg.img01{ background-image:url(../img/main/01-01.jpg); }
.sc01_bg.img02{ background-image:url(../img/main/01-02.jpg); }
.sc01_bg.img03{ background-image:url(../img/main/01-03.jpg); }
.sc01_bg.img04{ background-image:url(../img/main/01-04.jpg); }

.sc01_fr{ position:relative; z-index:1; padding:250px 20px 150px; min-height:max(500px, 44.2708333vw); display:flex; align-items:center; background:linear-gradient(to right, rgba(0,0,0,.6) 0%, rgba(0,0,0,.1) 100%); }
.sc01_con{ max-width:1400px; width:100%; margin:0 auto; }
.sc01_txt{ max-width:700px; width:100%; margin-bottom:60px; opacity:0; transition:0.8s opacity; }
.sc01Sli2.swiper-slide-active .sc01_txt{ opacity:1; }
.sc01_txt > h3{ font-family:'score'; font-size:24px; font-weight:300; color:#fff; line-height:1.3em; margin-bottom:5px; }
.sc01_txt > h2{ font-family:'lmd','nc'; font-size:70px; font-weight:500; color:#fff; line-height:1.1em; margin-bottom:30px; }
.sc01_txt > p{ font-size:18px; font-weight:100; color:#fff; line-height:1.5em; }
.sc01_txt > a{ display:inline-block; border:1px solid #fff; padding:10px 25px; border-radius:50px; font-size:18px; font-weight:100; color:#fff; transition:0.4s all; }
.sc01_txt > a:hover{ border:1px solid #34a0ff; background-color:#34a0ff; }

#sc01pg > .swiper-pagination-bullet{ width:auto; height:auto; border-radius:0; background:none; opacity:.5; font-size:18px; font-weight:700; color:#fff; display:inline-flex; align-items:center; }
#sc01pg > .swiper-pagination-bullet-active{ opacity:1; }
#sc01pg > .swiper-pagination-bullet > .ldbar{ width:0; height:2px; background-color:rgba(255,255,255,.5); margin:0 10px; box-shadow:inset 0 0 0 0 #fff; transition:0.5s width, 0.5s margin, 0s box-shadow 0.5s; }
#sc01pg > .swiper-pagination-bullet-active > .ldbar{ width:100px; margin:0 20px; animation:5s playbar 1s forwards linear; }
@keyframes playbar{
	from{ box-shadow:inset 0 0 0 0 #fff; }
	to{ box-shadow:inset 100px 0 0 0 #fff; }
}
@media(max-width:850px){
	.sc01_fr{ min-height:100vh; }
}
@media(max-width:600px){
	.sc01_txt > h3{ font-size:20px; }
	.sc01_txt > h2{ font-size:60px; }
}
@media(max-width:500px){
	.sc01_txt > h3{ font-size:18px; }
	.sc01_txt > h2{ font-size:45px; }
	.sc01_txt > a{ padding:7px 20px; font-size:16px; }
}


/*sc02*/
#sc02{ padding:150px 20px; }
.sc02_pw{ display:flex; flex-flow:row wrap; }
.sc02_pt{ width:50%; display:flex; }
.sc02_pi{ width:100%; padding-top:71.4285714%; border-radius:0 90px 0 90px; background-color:#efefef; background-image:url(../img/main/02-01.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:-10px 10px 0 0 #333; }

.sc02_pt.rt{ align-items:center; }
.sc02_px{ padding-left:60px; }
.sc02_px > h3{ font-family:'score'; font-size:20px; font-weight:300; color:#666; margin-bottom:5px; }
.sc02_px > h2{ font-family:'lmd','nc'; font-size:50px; font-weight:500; color:#333; line-height:1em; margin-bottom:20px; }
.sc02_px > p{ font-size:18px; font-weight:300; color:#666; line-height:1.7em; margin-bottom:40px; }
.sc02_px > a{ font-family:'score'; position:relative; z-index:1; display:inline-block; padding-right:25px; font-size:20px; font-weight:400; color:#333; }
.sc02_px > a:after{ content:''; position:absolute; z-index:1; top:50%; right:0; width:10px; height:10px; border-top:1px solid #333; border-right:1px solid #333; transform:translate(-50%, -50%) rotate(45deg); }

@media(max-width:850px){
	.sc02_pt{ width:100%; }
	.sc02_px{ padding-top:40px; padding-left:0; }
}
@media(max-width:600px){
	.sc02_pi{ border-radius:0 40px 0 40px; }
	.sc02_px > h3{ font-size:20px; margin-bottom:5px; }
	.sc02_px > h2{ font-size:40px; }
	.sc02_px > p{ font-size:16px; margin-bottom:20px; }
	.sc02_px > a{ padding-right:15px; font-size:18px; }
}


/*sc03*/
#sc03{ padding:150px 20px; background-color:#333; background-image:url(../img/main/03-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc03_pw{ display:flex; flex-flow:row wrap; margin:0 -20px; }
.sc03_pt{ position:relative; z-index:1; display:flex; width:50%; padding:0 20px; }
.sc03_pt.lf:after{ content:''; position:absolute; z-index:1; top:0; right:-0.5px; height:100%; width:1px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); }
.sc03_pb{ display:block; max-width:500px; width:100%; margin:0 auto; }
.sc03_pi{ width:100%; padding-top:65%; margin-bottom:20px; border-radius:10px;  background-color:#ddd; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc03_pi.pi01{ background-image:url(../img/main/03-01.jpg); }
.sc03_pi.pi02{ background-image:url(../img/main/03-02.jpg); }
.sc03_px{ }
.sc03_px > h4{ font-family:'score'; font-size:20px; font-weight:300; color:#ccc; line-height:1em; margin-bottom:10px; }
.sc03_px > h3{ font-family:'lmd','nc'; font-size:35px; font-weight:500; color:#fff; line-height:1em; margin-bottom:20px; }
.sc03_px > p{ font-size:16px; font-weight:300; color:#ccc; line-height:1.7em; }

@media(max-width:700px){
	.sc03_pt{ width:100%; }
	.sc03_pt:not(:last-child){ padding-bottom:40px; }
}



/*sc04*/
#sc04{ padding:150px 20px 0; }
.sc04_tt{ display:flex; margin-bottom:60px; }
.sc04_tt > .sc04_tl{ white-space:nowrap; border-right:1px solid #333; padding-right:30px;}
.sc04_tt > .sc04_tl > h3{ font-family:'score'; font-size:20px; font-weight:300; color:#666; line-height:1em; margin-bottom:10px; }
.sc04_tt > .sc04_tl > h2{ font-family:'lmd','nc'; font-size:45px; font-weight:500; color:#333; line-height:1em; }
.sc04_tt > .sc04_tr{ max-width:750px; padding-left:30px; }
.sc04_tt > .sc04_tr > p{ font-size:18px; font-weight:300; color:#666; line-height:1.5em; }

.sc04_sb{ display:block; width:100%; }
.sc04_si{ width:100%; padding-top:70%; margin-bottom:15px; background-color:#333; border-radius:10px; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc04_si.si01{ background-image:url(../img/main/04-01.jpg); }
.sc04_si.si02{ background-image:url(../img/main/04-02.jpg); }
.sc04_si.si03{ background-image:url(../img/main/04-03.jpg); }
.sc04_si.si04{ background-image:url(../img/main/04-04.jpg); }
.sc04_si.si05{ background-image:url(../img/main/04-05.jpg); }
.sc04_si.si06{ background-image:url(../img/main/04-06.jpg); }
.sc04_si.si07{ background-image:url(../img/main/04-07.jpg); }
.sc04_si.si08{ background-image:url(../img/main/04-08.jpg); }
/*.sc04_st{ }*/
.sc04_st > h4{ font-family:'score'; font-size:16px; font-weight:300; color:#666; margin-bottom:5px; }
.sc04_st > h3{ font-family:'lmd','nc'; font-size:32px; font-weight:500; color:#333; margin-bottom:10px; }
.sc04_st > p{ font-size:15px; font-weight:300; color:#333; line-height:1.7em; }

.sc04bt{ max-width:200px; margin:60px auto 0; }
.sc04Page{ text-align:center; font-family:'lmd'; font-size:24px; font-weight:500; color:#333; transition:1s opacity; cursor:pointer; }
.sc04Page.swiper-slide-next, .sc04Page.swiper-slide-prev{ opacity:0.6; }
.sc04Page.swiper-slide-next + .sc04Page, .sc04Page:has( + .swiper-slide-prev){ opacity:0.2; }

@media(max-width:850px){
	.sc04_tt{ flex-flow:row wrap; }
	.sc04_tt > .sc04_tl{ white-space:nowrap; border-right:none; padding-right:0; margin-bottom:20px; }
	.sc04_tt > .sc04_tl > h3{ font-size:16px; }
	.sc04_tt > .sc04_tl > h2{ font-size:35px; }
	.sc04_tt > .sc04_tr{ max-width:100%; padding-left:0; }
	.sc04_tt > .sc04_tr > p{ font-size:16px; }

	.sc04bt{ max-width:120px; }
}
@media(max-width:600px){
	.sc04_tt{ margin-bottom:30px; }
}



/*sc05*/
#sc05{ padding:150px 10px 60px; }
#sc05 > .sc_con{ max-width:1420px; }
#sc05Sli{ padding:10px; }
#sc05Sli .swiper-wrapper{ transition-timing-function:linear }
.sc05Sli a{ display:block; padding:20px; background-color:#fff; box-shadow:4px 4px 10px 0 rgba(0,0,0,.2); border-radius:10px; }
.sc05Sli a img{ display:block; max-width:244px; max-height:80px; width:100%; height:auto; margin:0 auto; }