@charset "utf-8";

/* SECTION 1 */
.s-1 { position:relative; width:100%; max-width:1720px; margin:200px auto 140px auto; }
.s-1 > .title { position:relative; }
.s-1 > .title::after { content:''; display:table; clear:both; }
.s-1 > .title > .left { float:left; width:350px; font-size:24px; font-family:'Funnel',sans-serif; line-height:22px; margin-top:40px; }
.s-1 > .title > .left > svg { height:23px; fill:#fff; margin-bottom:-3px; margin-right:5px; }
.s-1 > .title > .right { float:right; width:calc(100% - 350px); }
.s-1 > .title > .right > .slogan { font-size:95px; font-weight:500; font-family:'Funnel',sans-serif; line-height:105px; }
.s-1 > .title > .right > .slogan > img { height:84px; margin-bottom:-12px; }
.s-1 > .title > .right > .text { font-size:21px; line-height:31px; margin-top:50px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-1 { width:calc(100% - 60px); margin:185px auto 130px auto; }
	.s-1 > .title > .left { width:320px; font-size:22.5px; line-height:22.5px; margin-top:38px; }
	.s-1 > .title > .left > svg { height:22px; }
	.s-1 > .title > .right { width:calc(100% - 320px); }
	.s-1 > .title > .right > .slogan { font-size:92.5px; line-height:100px; }
	.s-1 > .title > .right > .slogan > img { height:82px; margin-bottom:-11px; }
	.s-1 > .title > .right > .text { font-size:19px; line-height:27px; margin-top:65px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-1 { width:calc(100% - 40px); margin:165px auto 100px auto; }
	.s-1 > .title > .left { width:280px; font-size:20.5px; line-height:20.5px; margin-top:32px; }
	.s-1 > .title > .left > svg { height:20px; margin-right:4px; }
	.s-1 > .title > .right { width:calc(100% - 280px); }
	.s-1 > .title > .right > .slogan { font-size:80px; line-height:86px; }
	.s-1 > .title > .right > .slogan > img { height:65px; margin-bottom:-9px; }
	.s-1 > .title > .right > .text { font-size:17px; line-height:25px; margin-top:50px; }
	.s-1 > .title > .right > .text > br { display:none; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-1 { width:calc(100% - 20px); margin:125px auto 75px auto; }
	.s-1 > .title > .left { width:200px; font-size:18px; line-height:18px; margin-top:20px; }
	.s-1 > .title > .left > svg { height:17px; margin-bottom:-2px; margin-right:3px; }
	.s-1 > .title > .right { width:calc(100% - 200px); }
	.s-1 > .title > .right > .slogan { font-size:50px; line-height:56px; }
	.s-1 > .title > .right > .slogan > img { height:45px; margin-bottom:-7px; }
	.s-1 > .title > .right > .text { font-size:14.5px; line-height:20px; margin-top:35px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-1 { width:calc(100% - 10px); margin:90px auto 50px auto; }
	.s-1 > .title > .left { width:100%; font-size:14.5px; line-height:14.5px; margin-top:0; }
	.s-1 > .title > .left > svg { height:13px; margin-bottom:-1px; margin-right:2px; }
	.s-1 > .title > .right { width:100%; margin-top:25px; }
	.s-1 > .title > .right > .slogan { font-size:37.5px; line-height:42px; }
	.s-1 > .title > .right > .slogan > img { height:30px; margin-bottom:-3px; }
	.s-1 > .title > .right > .text { font-size:12.5px; line-height:17px; margin-top:20px; }
}

/* SECTION 2 */
.s-2 { position:relative; width:100%; max-width:1720px; margin:0 auto; }
.s-2 > .video-box { position:sticky; float:left; width:calc(100% - 940px); height:100vh; top:92px; margin-bottom:-102px; padding-bottom:102px; box-sizing:border-box; }
.s-2 > .video-box > .video { position:relative; width:100%; height:100%; border-radius:30px; overflow:hidden; }
.s-2 > .video-box > .video > video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; }
.s-2 > .content { position:relative; float:left; width:940px; padding-bottom:90px; padding-left:70px; box-sizing:border-box; }
.s-2 > .content > ul { }
.s-2 > .content > ul::after { content:''; display:table; clear:both; }
.s-2 > .content > ul > li { width:100%; background:#222; border-radius:30px; padding:70px 60px; box-sizing:border-box; }
.s-2 > .content > ul > li:nth-child(even) { background:#141414; }
.s-2 > .content > ul > li > .title-box { }
.s-2 > .content > ul > li > .title-box::after { content:''; display:table; clear:both; }
.s-2 > .content > ul > li > .title-box > .image { float:left; margin-top:-10px; margin-right:20px; }
.s-2 > .content > ul > li > .title-box > .image > img { height:70px; }
.s-2 > .content > ul > li > .title-box > .title { float:left; font-size:44px; font-family:'Funnel',sans-serif; font-weight:600; line-height:44px; }
.s-2 > .content > ul > li > .text { margin-top:50px; }
.s-2 > .content > ul > li > .text > .big { font-size:25px; font-weight:500; }
.s-2 > .content > ul > li > .text > .small { font-size:19px; line-height:27px; color:#909090; margin-top:20px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-2 { width:calc(100% - 60px); }
	.s-2 > .video-box { width:calc(100% - 840px); top:88px; margin-bottom:-98px; padding-bottom:98px; }
	.s-2 > .content { width:840px; padding-bottom:85px; padding-left:67px; }
	.s-2 > .content > ul > li { padding:67px 57px; }
	.s-2 > .content > ul > li > .title-box > .image { margin-top:-9px; margin-right:18px; }
	.s-2 > .content > ul > li > .title-box > .image > img { height:65px; }
	.s-2 > .content > ul > li > .title-box > .title { font-size:42.5px; line-height:42.5px; }
	.s-2 > .content > ul > li > .text { margin-top:47px; }
	.s-2 > .content > ul > li > .text > .big { font-size:24px; }
	.s-2 > .content > ul > li > .text > .small { font-size:18px; line-height:25px; margin-top:19px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-2 { width:calc(100% - 40px); }
	.s-2 > .video-box { width:calc(100% - 720px); top:80px; margin-bottom:-90px; padding-bottom:90px; }
	.s-2 > .video-box > .video { border-radius:20px; }
	.s-2 > .content { width:720px; padding-bottom:80px; padding-left:62px; }
	.s-2 > .content > ul > li { border-radius:20px; padding:60px 52px; }
	.s-2 > .content > ul > li > .title-box > .image { margin-top:-8px; margin-right:16px; }
	.s-2 > .content > ul > li > .title-box > .image > img { height:60px; }
	.s-2 > .content > ul > li > .title-box > .title { font-size:40.5px; line-height:40.5px; }
	.s-2 > .content > ul > li > .text { margin-top:40px; }
	.s-2 > .content > ul > li > .text > .big { font-size:22.5px; }
	.s-2 > .content > ul > li > .text > .small { font-size:16.5px; line-height:23px; margin-top:17px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-2 { width:calc(100% - 20px); }
	.s-2 > .video-box { position:relative; float:none; width:100%; height:200px; top:auto; margin-bottom:0; padding-bottom:0; }
	.s-2 > .video-box > .video { border-radius:10px; }
	.s-2 > .video-box > .video > video { width:100%; height:auto; }
	.s-2 > .content { float:none; width:100%; margin-top:44px; padding-bottom:0; padding-left:0; }
	.s-2 > .content > ul > li { border-radius:10px; padding:44px 35px; }
	.s-2 > .content > ul > li > .title-box > .image { margin-top:-7px; margin-right:12px; }
	.s-2 > .content > ul > li > .title-box > .image > img { height:52px; }
	.s-2 > .content > ul > li > .title-box > .title { font-size:36.5px; line-height:36.5px; }
	.s-2 > .content > ul > li > .text { margin-top:30px; }
	.s-2 > .content > ul > li > .text > .big { font-size:20px; }
	.s-2 > .content > ul > li > .text > .small { font-size:14.5px; line-height:20px; margin-top:14px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-2 { width:calc(100% - 10px); }
	.s-2 > .video-box { height:160px; }
	.s-2 > .video-box > .video > video { width:150%; }
	.s-2 > .content { margin-top:32px; }
	.s-2 > .content > ul > li { padding:32px 15px; }
	.s-2 > .content > ul > li > .title-box > .image { margin-top:-4px; margin-right:10px; }
	.s-2 > .content > ul > li > .title-box > .image > img { height:42px; }
	.s-2 > .content > ul > li > .title-box > .title { font-size:30px; line-height:30px; }
	.s-2 > .content > ul > li > .text { margin-top:22px; }
	.s-2 > .content > ul > li > .text > .big { font-size:16px; }
	.s-2 > .content > ul > li > .text > .small { font-size:12.5px; line-height:17px; margin-top:10px; }
}

/* SECTION 3 */
.s-3 { position:relative; width:100%; margin:90px auto 0 auto; padding-bottom:10px; box-sizing:border-box; overflow:hidden; }
.s-3 > .marquee-with-options { }
.s-3 > .marquee-with-options > .js-marquee-wrapper { }
.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee { }
.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { position:relative; float:left; }
.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:80px; margin:0 45px -4px 45px; }
.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:107px; font-weight:400; font-family:'Funnel',sans-serif; line-height:107px; color:#505050; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-3 { margin:80px auto 0 auto; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:75px; margin:0 42px -3px 42px; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:100px; line-height:100px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-3 { margin:65px auto 0 auto; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:60px; margin:0 38px -2px 38px; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:86px; line-height:86px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-3 { margin:40px auto 0 auto; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:50px; margin:0 28px -2px 28px; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:72px; line-height:72px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-3 { margin:30px auto 0 auto; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:34px; margin:0 18px -2px 18px; }
	.s-3 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:45px; line-height:45px; }
}