@charset "utf-8";

/* SECTION 1 */
.s-1 { position:relative; width:100%; max-width:1720px; margin:65px auto 0 auto; overflow:hidden; }
.s-1 > ul { width:calc(100% + 30px); margin-left:-15px; }
.s-1 > ul::after { content:''; display:table; clear:both; }
.s-1 > ul > li { position:relative; float:left; width:calc(33.33% - 30px); height:550px; background:#9f8be5; border-radius:30px; margin:15px; overflow:hidden; }
.s-1 > ul > li:nth-child(even) { background:#fff; }
.s-1 > ul > li.big { width:calc(66.66% - 30px); }
.s-1 > ul > li.big > .title { position:absolute; top:65px; left:60px; font-size:105px; font-weight:600; font-family:'Funnel',sans-serif; line-height:90px; color:#fff; }
.s-1 > ul > li.big > .title > span { font-size:50px; font-weight:600; font-family:'Funnel',sans-serif; }
.s-1 > ul > li.big > .text { position:absolute; bottom:70px; left:60px; font-size:20.5px; line-height:28px; }
.s-1 > ul > li.big > .image { position:absolute; top:50px; right:50px; }
.s-1 > ul > li.big > .image > img { height:200px; }
.s-1 > ul > li > .video { position:relative; width:100%; height:100%; overflow:hidden; }
.s-1 > ul > li > .video > video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:120%; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-1 { width:calc(100% - 60px); margin:60px auto 0 auto; }
	.s-1 > ul > li { height:530px; }
	.s-1 > ul > li.big > .title { top:60px; left:55px; font-size:102px; line-height:88px; }
	.s-1 > ul > li.big > .title > span { font-size:48.5px; }
	.s-1 > ul > li.big > .text { bottom:65px; left:55px; font-size:19.5px; line-height:27px; }
	.s-1 > ul > li.big > .image { top:47px; right:47px; }
	.s-1 > ul > li.big > .image > img { height:190px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-1 { width:calc(100% - 40px); margin:60px auto 0 auto; }
	.s-1 > ul { width:calc(100% + 20px); margin-left:-10px; }
	.s-1 > ul > li { width:calc(33.33% - 20px); height:470px; border-radius:20px; margin:10px; }
	.s-1 > ul > li.big { width:calc(66.66% - 20px); }
	.s-1 > ul > li.big > .title { top:55px; left:50px; font-size:92.5px; line-height:81px; }
	.s-1 > ul > li.big > .title > span { font-size:44px; }
	.s-1 > ul > li.big > .text { bottom:60px; left:50px; font-size:17.5px; line-height:25px; }
	.s-1 > ul > li.big > .image { top:42px; right:42px; }
	.s-1 > ul > li.big > .image > img { height:170px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-1 { width:calc(100% - 20px); margin:58px auto 0 auto; }
	.s-1 > ul { width:100%; margin-left:0; }
	.s-1 > ul > li { width:100%; height:200px; border-radius:10px; margin:5px 0; }
	.s-1 > ul > li.big { width:100%; height:370px; }
	.s-1 > ul > li.big > .title { top:37px; left:30px; font-size:80px; line-height:70px; }
	.s-1 > ul > li.big > .title > span { font-size:38.5px; }
	.s-1 > ul > li.big > .text { bottom:35px; left:30px; font-size:15px; line-height:22px; }
	.s-1 > ul > li.big > .image { top:35px; right:30px; }
	.s-1 > ul > li.big > .image > img { height:145px; }	
	.s-1 > ul > li > .video > video { width:150%; height:auto; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-1 { width:calc(100% - 10px); margin:50px auto 0 auto; }
	.s-1 > ul > li { height:160px; }
	.s-1 > ul > li.big { height:260px; }
	.s-1 > ul > li.big > .title { top:32px; left:20px; font-size:50px; line-height:42px; }
	.s-1 > ul > li.big > .title > span { font-size:24px; }
	.s-1 > ul > li.big > .text { bottom:30px; left:20px; font-size:13px; line-height:18px; }
	.s-1 > ul > li.big > .text > br { display:none; }
	.s-1 > ul > li.big > .image { top:25px; right:20px; }
	.s-1 > ul > li.big > .image > img { height:95px; }
}

/* SECTION 2 */
.s-2 { position:relative; width:100%; max-width:1720px; margin:120px auto 0 auto; }
.s-2 > .title-box { position:sticky; float:left; width:540px; height:calc(100vh - 180px); top:130px; padding-bottom:15px; box-sizing:border-box; }
.s-2 > .title-box > .title { font-size:65px; font-weight:800; font-family:'Funnel',sans-serif; line-height:70px; }
.s-2 > .title-box > .text { font-size:20px; font-weight:400; line-height:28px; color:#909090; margin-top:40px; }
.s-2 > .title-box > .info { position:absolute; bottom:0; font-size:20px; font-weight:400; line-height:28px; color:#909090; }
.s-2 > form > .content { position:relative; float:left; width:calc(100% - 540px); }
.s-2 > form > .content > ul { width:calc(100% + 60px); margin-left:-30px; }
.s-2 > form > .content > ul::after { content:''; display:table; clear:both; }
.s-2 > form > .content > ul > li { float:left; width:calc(50% - 60px); margin:0 30px 70px 30px; }
.s-2 > form > .content > ul > li.full { width:calc(100% - 60px); margin:55px 30px 0 30px; }
.s-2 > form > .content > ul > li.full.check { margin-top:5px; }
.s-2 > form > .content > ul > li > .name { position:relative; font-size:25px; font-weight:500; font-family:'Funnel',sans-serif; letter-spacing:0.5px; }
.s-2 > form > .content > ul > li > .name > span { font-size:18px; margin-left:5px; }
.s-2 > form > .content > ul > li > .input { margin-top:10px; }
.s-2 > form > .content > ul > li > .input.check { margin-top:25px; }
.s-2 > form > .content > ul > li > .input > input { width:100%; height:57px; padding:0 0; font-size:19px; line-height:55px; background:none; border:0; border-bottom:2px solid #909090; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:0; transition:all 0.3s ease-in-out; box-sizing:border-box; }
.s-2 > form > .content > ul > li > .input > input:hover { border-color:#fff; }
.s-2 > form > .content > ul > li > .input > input:focus { border-color:#fff; }
.s-2 > form > .content > ul > li > .input > select { width:100%; height:57px; padding:0 0; font-size:19px; line-height:47px; color:#909090; background:none; border:0; border-bottom:2px solid #909090; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:0; transition:all 0.3s ease-in-out; box-sizing:border-box; cursor:pointer; }
.s-2 > form > .content > ul > li > .input > select:hover { border-color:#fff; }
.s-2 > form > .content > ul > li > .input > select:focus { border-color:#fff; }
.s-2 > form > .content > ul > li > .input > select::-ms-expand { display:none; }
.s-2 > form > .content > ul > li > .input > select:invalid{ }
.s-2 > form > .content > ul > li > .input > select > option { background:#fff; font-size:18.5px; font-weight:400; color:#141414; }
.s-2 > form > .content > ul > li > .input > select > option[value=""][disabled] { display:none; }
.s-2 > form > .content > ul > li > .input > select > option[value=""] { }
.s-2 > form > .content > ul > li > .input > textarea { width:100%; height:300px; margin-top:14px; padding:0 0; font-size:19px; line-height:25px; background:none; border:0; border-bottom:2px solid #909090; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:0; resize:none; transition:all 0.3s ease-in-out; box-sizing:border-box; }
.s-2 > form > .content > ul > li > .input > textarea:hover { border-color:#fff; }
.s-2 > form > .content > ul > li > .input > textarea:focus { border-color:#fff; }
.arrow { float:right; margin-right:15px; margin-top:-62px; }
.s-2 > form > .content > ul > li > .input > .arrow { float:right; margin-right:0; margin-top:-40px; }
.s-2 > form > .content > ul > li > .input > .arrow > i { font-size:17px; color:#909090; }
.s-2 > form > .content > .button { position:relative; width:100%; background:#ffcc00; font-size:18px; font-weight:500; padding:24px 22px; border:1px solid #000; margin-top:35px; transition:all 0.3s ease-in-out; box-sizing:border-box; cursor:pointer; }
.s-2 > form > .content > .button > img { position:absolute; right:22px; height:11px; margin-top:4px; transition:all 0.3s ease-in-out; }
.s-2 > form > .content > .button:hover { background:#000; color:#fff; }
.s-2 > form > .content > .button:hover > img { filter:invert(100%); }		
.s-2 > form > .content > ul > li > .input > .check-box { display:inline-block; margin:0 50px 15px 0; cursor:pointer; }
.s-2 > form > .content > ul > li > .input > .check-box:last-child { margin-right:0; }
.s-2 > form > .content > ul > li > .input > .check-box::after { content:''; display:table; clear:both; }
.s-2 > form > .content > ul > li > .input > .check-box > .check-box-icon { float:left; }
.s-2 > form > .content > ul > li > .input > .check-box > .check-box-text { float:left; }
.s-2 > form > .content > ul > li > .input > .check-box > .check-box-text > label { font-size:19px; font-weight:400; line-height:27px; padding-left:10px; cursor:pointer; }
input[id="check-custom1"] + label, input[id="check-custom2"] + label, input[id="check-custom3"] + label, input[id="check-custom4"] + label, input[id="check-custom5"] + label, input[id="check-custom6"] + label, input[id="check-custom7"] + label, input[id="check-custom8"] + label { display:inline-block; width:28px; height:28px; border:2px solid #909090; border-radius:10px; cursor:pointer; box-sizing:border-box; }
input[id="check-custom1"]:checked + label, input[id="check-custom2"]:checked + label, input[id="check-custom3"]:checked + label, input[id="check-custom4"]:checked + label, input[id="check-custom5"]:checked + label, input[id="check-custom6"]:checked + label, input[id="check-custom7"]:checked + label, input[id="check-custom8"]:checked + label { background-image:url('../image/check-over.png'); background-size:28px 28px; background-repeat:no-repeat; border:0; }
input[id="check-custom1"], input[id="check-custom2"], input[id="check-custom3"], input[id="check-custom4"], input[id="check-custom5"], input[id="check-custom6"], input[id="check-custom7"], input[id="check-custom8"] { display:none; }
.s-2 > form > .content > .button-box { position:relative; margin-top:60px; }
.s-2 > form > .content > .button-box > .button { width:264px; border:2px solid #fff; border-radius:100px; margin:0 auto; padding:18px 34px; cursor:pointer; }
.s-2 > form > .content > .button-box > .button::after { content:''; display:table; clear:both; }
.s-2 > form > .content > .button-box > .button > .box { float:left; height:29px; overflow:hidden; }
.s-2 > form > .content > .button-box > .button > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:27px; font-weight:500; font-family:'Funnel',sans-serif; line-height:27px; letter-spacing:0.25px; transition:0.3s; }
.s-2 > form > .content > .button-box > .button:hover > .box > .depth { top:-100%; }
.s-2 > form > .content > .button-box > .button > .shape { float:left; }
.s-2 > form > .content > .button-box > .button > .shape > img { height:18px; margin-top:6px; margin-left:18px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-2 { width:calc(100% - 65px); margin:110px auto 0 auto; }
	.s-2 > .title-box { width:500px; top:120px; padding-bottom:80px; }
	.s-2 > .title-box > .title { font-size:63px; line-height:63px; }
	.s-2 > .title-box > .text { font-size:19px; line-height:27px; margin-top:38px; }
	.s-2 > .title-box > .info { font-size:19px; line-height:27px; }
	.s-2 > form > .content { width:calc(100% - 500px); }
	.s-2 > form > .content > ul { width:calc(100% + 50px); margin-left:-25px; }
	.s-2 > form > .content > ul > li { width:calc(50% - 50px); margin:0 25px 67px 25px; }
	.s-2 > form > .content > ul > li.full { width:calc(100% - 50px); margin:52px 25px 0 25px; }	
	.s-2 > form > .content > ul > li > .name { font-size:24px; }
	.s-2 > form > .content > ul > li > .name > span { font-size:17px; }
	.s-2 > form > .content > ul > li > .input { margin-top:9px; }
	.s-2 > form > .content > ul > li > .input.check { margin-top:24px; }
	.s-2 > form > .content > ul > li > .input > input { height:56px; font-size:18px; line-height:54px; }
	.s-2 > form > .content > ul > li > .input > select { height:56px; font-size:18px; line-height:46px; }
	.s-2 > form > .content > ul > li > .input > select > option { font-size:17.5px; }
	.s-2 > form > .content > ul > li > .input > textarea { height:290px; font-size:18px; line-height:24px; }
	.s-2 > form > .content > ul > li > .input > .arrow { margin-top:-39px; }
	.s-2 > form > .content > ul > li > .input > .arrow > i { font-size:16px; }
	.s-2 > form > .content > ul > li > .input > .check-box { margin:0 49px 14px 0; }
	.s-2 > form > .content > ul > li > .input > .check-box > .check-box-text > label { font-size:18px; line-height:26px; padding-left:9px; }
	input[id="check-custom1"] + label, input[id="check-custom2"] + label, input[id="check-custom3"] + label, input[id="check-custom4"] + label, input[id="check-custom5"] + label, input[id="check-custom6"] + label, input[id="check-custom7"] + label, input[id="check-custom8"] + label { width:27px; height:27px; border-radius:9px; }
	input[id="check-custom1"]:checked + label, input[id="check-custom2"]:checked + label, input[id="check-custom3"]:checked + label, input[id="check-custom4"]:checked + label, input[id="check-custom5"]:checked + label, input[id="check-custom6"]:checked + label, input[id="check-custom7"]:checked + label, input[id="check-custom8"]:checked + label { background-size:27px 27px; }
	.s-2 > form > .content > .button-box { margin-top:58px; }
	.s-2 > form > .content > .button-box > .button { width:254px; padding:17px 33px; }
	.s-2 > form > .content > .button-box > .button > .box { height:29px; }
	.s-2 > form > .content > .button-box > .button > .box > .depth { font-size:26px; line-height:26px; }
	.s-2 > form > .content > .button-box > .button > .shape > img { height:17px; margin-top:6px; margin-left:17px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-2 { width:calc(100% - 40px); margin:95px auto 0 auto; }
	.s-2 > .title-box { width:420px; top:100px; padding-bottom:70px; }
	.s-2 > .title-box > .title { font-size:59px; line-height:59px; }
	.s-2 > .title-box > .text { font-size:17.5px; line-height:24px; margin-top:34px; }
	.s-2 > .title-box > .info { font-size:17.5px; line-height:24px; }
	.s-2 > form > .content { width:calc(100% - 420px); }
	.s-2 > form > .content > ul { width:calc(100% + 40px); margin-left:-20px; }
	.s-2 > form > .content > ul > li { width:calc(50% - 40px); margin:0 20px 60px 20px; }
	.s-2 > form > .content > ul > li.full { width:calc(100% - 40px); margin:45px 20px 0 20px; }
	.s-2 > form > .content > ul > li > .name { font-size:22.5px; }
	.s-2 > form > .content > ul > li > .name > span { font-size:15.5px; }
	.s-2 > form > .content > ul > li > .input { margin-top:7px; }
	.s-2 > form > .content > ul > li > .input.check { margin-top:22px; }
	.s-2 > form > .content > ul > li > .input > input { height:54px; font-size:16.5px; line-height:52px; }
	.s-2 > form > .content > ul > li > .input > select { height:54px; font-size:16.5px; line-height:44px; }
	.s-2 > form > .content > ul > li > .input > select > option { font-size:16px; }
	.s-2 > form > .content > ul > li > .input > textarea { height:260px; margin-top:12px; font-size:16.5px; line-height:22px; }
	.s-2 > form > .content > ul > li > .input > .arrow { margin-top:-35px; }
	.s-2 > form > .content > ul > li > .input > .arrow > i { font-size:14.5px; }
	.s-2 > form > .content > ul > li > .input > .check-box { margin:0 45px 10px 0; }
	.s-2 > form > .content > ul > li > .input > .check-box > .check-box-text > label { font-size:15.5px; line-height:23px; padding-left:7px; }
	input[id="check-custom1"] + label, input[id="check-custom2"] + label, input[id="check-custom3"] + label, input[id="check-custom4"] + label, input[id="check-custom5"] + label, input[id="check-custom6"] + label, input[id="check-custom7"] + label, input[id="check-custom8"] + label { width:24px; height:24px; border-radius:8px; }
	input[id="check-custom1"]:checked + label, input[id="check-custom2"]:checked + label, input[id="check-custom3"]:checked + label, input[id="check-custom4"]:checked + label, input[id="check-custom5"]:checked + label, input[id="check-custom6"]:checked + label, input[id="check-custom7"]:checked + label, input[id="check-custom8"]:checked + label { background-size:24px 24px; }
	.s-2 > form > .content > .button-box { margin-top:55px; }
	.s-2 > form > .content > .button-box > .button { width:232px; padding:15px 30px; }
	.s-2 > form > .content > .button-box > .button > .box { height:27px; }
	.s-2 > form > .content > .button-box > .button > .box > .depth { font-size:24px; line-height:24px; }
	.s-2 > form > .content > .button-box > .button > .shape > img { height:15px; margin-top:6px; margin-left:15px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-2 { width:calc(100% - 20px); margin:70px auto 0 auto; }
	.s-2 > .title-box { position:relative; width:100%; height:auto; top:auto; padding-bottom:0; }
	.s-2 > .title-box::after { content:''; display:table; clear:both; }
	.s-2 > .title-box > .title { float:left; font-size:50px; line-height:50px; }
	.s-2 > .title-box > .text { display:none; }
	.s-2 > .title-box > .info { position:relative; float:left; font-size:14.5px; line-height:20px; bottom:auto; margin:65px 0 0 30px; }
	.s-2 > form > .content { width:100%; margin-top:52px; }
	.s-2 > form > .content > ul { width:calc(100% + 30px); margin-left:-15px; }
	.s-2 > form > .content > ul > li { width:calc(50% - 30px); margin:0 15px 50px 15px; }
	.s-2 > form > .content > ul > li.full { width:calc(100% - 30px); margin:35px 15px 0 15px; }
	.s-2 > form > .content > ul > li > .name { font-size:20px; }
	.s-2 > form > .content > ul > li > .name > span { font-size:14px; margin-left:4px; }
	.s-2 > form > .content > ul > li > .input { margin-top:5px; }
	.s-2 > form > .content > ul > li > .input.check { margin-top:20px; }
	.s-2 > form > .content > ul > li > .input > input { height:49px; font-size:14.5px; line-height:47px; }
	.s-2 > form > .content > ul > li > .input > select { height:49px; font-size:14.5px; line-height:39px; }
	.s-2 > form > .content > ul > li > .input > select > option { font-size:14px; }
	.s-2 > form > .content > ul > li > .input > textarea { height:220px; font-size:14.5px; line-height:20px; }
	.s-2 > form > .content > ul > li > .input > .arrow { margin-top:-32px; }
	.s-2 > form > .content > ul > li > .input > .arrow > i { font-size:12.5px; }
	.s-2 > form > .content > ul > li > .input > .check-box { margin:0 35px 8px 0; }
	.s-2 > form > .content > ul > li > .input > .check-box > .check-box-text > label { font-size:14px; line-height:21px; padding-left:6px; }
	input[id="check-custom1"] + label, input[id="check-custom2"] + label, input[id="check-custom3"] + label, input[id="check-custom4"] + label, input[id="check-custom5"] + label, input[id="check-custom6"] + label, input[id="check-custom7"] + label, input[id="check-custom8"] + label { width:21px; height:21px; border-radius:7px; }
	input[id="check-custom1"]:checked + label, input[id="check-custom2"]:checked + label, input[id="check-custom3"]:checked + label, input[id="check-custom4"]:checked + label, input[id="check-custom5"]:checked + label, input[id="check-custom6"]:checked + label, input[id="check-custom7"]:checked + label, input[id="check-custom8"]:checked + label { background-size:21px 21px; }
	.s-2 > form > .content > .button-box { margin-top:50px; }
	.s-2 > form > .content > .button-box > .button { width:214px; padding:13px 28px; }
	.s-2 > form > .content > .button-box > .button > .box { height:25px; }
	.s-2 > form > .content > .button-box > .button > .box > .depth { font-size:22px; line-height:22px; }
	.s-2 > form > .content > .button-box > .button > .shape > img { height:13px; margin-top:6px; margin-left:13px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-2 { width:calc(100% - 10px); margin:50px auto 0 auto; }
	.s-2 > .title-box > .title { float:none; width:100%; font-size:37.5px; line-height:37.5px; }
	.s-2 > .title-box > .title > br { display:none; }
	.s-2 > .title-box > .info { float:none; width:100%; font-size:12.5px; line-height:17px; margin:20px 0 0 0; }
	.s-2 > form > .content { margin-top:42px; }
	.s-2 > form > .content > ul { width:100%; margin-left:0; }
	.s-2 > form > .content > ul > li { width:100%; margin:0 0 42px 0; }
	.s-2 > form > .content > ul > li.full { width:100%; margin:32px 0 0 0; }
	.s-2 > form > .content > ul > li > .name { font-size:17px; }
	.s-2 > form > .content > ul > li > .name > span { font-size:12px; margin-left:3px; }
	.s-2 > form > .content > ul > li > .input { margin-top:3px; }
	.s-2 > form > .content > ul > li > .input.check { margin-top:17px; }
	.s-2 > form > .content > ul > li > .input > input { height:44px; font-size:12.5px; line-height:42px; }
	.s-2 > form > .content > ul > li > .input > select { height:44px; font-size:12.5px; line-height:34px; }
	.s-2 > form > .content > ul > li > .input > select > option { font-size:12px; }
	.s-2 > form > .content > ul > li > .input > textarea { height:170px; font-size:12.5px; line-height:17px; }
	.s-2 > form > .content > ul > li > .input > .arrow { margin-top:-30px; }
	.s-2 > form > .content > ul > li > .input > .arrow > i { font-size:11px; }
	.s-2 > form > .content > ul > li > .input > .check-box { margin:0 30px 6px 0; }
	.s-2 > form > .content > ul > li > .input > .check-box > .check-box-text > label { font-size:12.5px; line-height:17px; padding-left:4px; }
	input[id="check-custom1"] + label, input[id="check-custom2"] + label, input[id="check-custom3"] + label, input[id="check-custom4"] + label, input[id="check-custom5"] + label, input[id="check-custom6"] + label, input[id="check-custom7"] + label, input[id="check-custom8"] + label { width:17px; height:17px; border-radius:6px; }
	input[id="check-custom1"]:checked + label, input[id="check-custom2"]:checked + label, input[id="check-custom3"]:checked + label, input[id="check-custom4"]:checked + label, input[id="check-custom5"]:checked + label, input[id="check-custom6"]:checked + label, input[id="check-custom7"]:checked + label, input[id="check-custom8"]:checked + label { background-size:17px 17px; }
	.s-2 > form > .content > .button-box { margin-top:40px; }
	.s-2 > form > .content > .button-box > .button { width:184px; padding:10px 24px; }
	.s-2 > form > .content > .button-box > .button > .box { height:22px; }
	.s-2 > form > .content > .button-box > .button > .box > .depth { font-size:19px; line-height:19px; }
	.s-2 > form > .content > .button-box > .button > .shape > img { height:11px; margin-top:5px; margin-left:10px; }
}

/* SECTION 3 */
.s-3 { position:relative; width:100%; margin:140px auto 120px 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:130px auto 110px 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:115px auto 90px 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:90px auto 65px 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:70px auto 45px 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; }
}