@charset "UTF-8";
@import url(https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css);

.ml45 {margin-left:45px}
.mt20 {margin-top:20px}
.mt45 {margin-top:45px}
.mt50 {margin-top:50px}
.mt55 {margin-top:55px}
.mt60 {margin-top:60px}
.mt80 {margin-top:80px}

.tar {text-align:right}

.campaign-wrap {position:relative;font-family: 'SUIT', sans-serif;font-weight:500;letter-spacing:-0.5px}
.campaign-wrap section {width:1920px;margin:auto}
.campaign-wrap section .section-inner {width:1440px;margin:auto;position:relative}
.campaign-wrap strong {font-weight:700}
.campaign-wrap .photo-shadow {filter:drop-shadow(3px 16px 10px rgba(0,0,0,0.2))}

.camp-floating-banner {width:150px;height:245px;text-align:center;background-image:url(../images/floating-banner-bg.png);background-repeat:no-repeat;position:fixed;top:330px;right:1%;z-index:99;box-shadow:16px 16px 18px 5px rgba(0,0,0,0.2);border-radius:52px 75px 10px 10px}
.camp-floating-banner>a {color:#fff;font-size:20px;font-weight:600;padding-top:210px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.camp-floating-banner>a::after {content:'';display:inline-block;width:10px;height:16px;background-image:url(../../pc/images/floating-banner-arrow.png);background-size:contain;background-repeat:no-repeat;margin-left:7px}

.section-top {background-image:url(../../pc/images/section-top-bg.jpg);background-repeat:no-repeat;background-size:contain;height:980px}
.section-top>.section-inner {display: flex;flex-direction:row;justify-content:flex-end}
.section-top .section-inner .top-txt-area {width:689px;padding-top:260px}
.section-top .section-inner .top-txt-area .txt {margin-top:60px;color:#fff;font-size:28px;line-height:43px}
.section-top .section-inner .top-txt-area .btn-support-area {margin-top:80px;font-size:28px;font-weight:700}
.section-top .section-inner .top-txt-area .btn-support-area>a {color:#fff;background-color:#96778b;padding:25px 0px;width:380px;border-radius:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all 0.4s}
.section-top .section-inner .top-txt-area .btn-support-area>a::after {content:'';display:inline-block;width:40px;height:40px;background-image:url(../../pc/images/btn-support-icon@2x.png);background-size:contain;background-repeat:no-repeat;margin-left:30px}

.section-01>div>.section-inner {height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:23px;line-height:38px;color:#fff}
.section-01>div>.section-inner>div {width:50%}

.section-01 .section-cont01 {background-image:url(../../pc/images/section01-cont01-bg.jpg);background-repeat:no-repeat;background-size:contain;height:860px}
.section-01 .section-cont01 .section-inner .yt-area {width:1000px;text-align:center}
.section-01 .section-cont01 .section-inner .yt-area > p {margin-top:30px;color:#c4bfb5}
.section-01 .section-cont01 .section-inner .yt-area > .yt-box {width:100%;height:560px;filter:drop-shadow(3px 16px 10px rgba(0,0,0,0.2))}
.section-01 .section-cont01 .section-inner .yt-area > .yt-box.video_fixed{position:fixed;bottom:70px;right:1%;width:320px;height:180px;z-index:99999;border:2px solid #fff;box-shadow:rgba(0,0,0,0.2) 9px 9px 20px 2px;padding-top:0}
.section-01 .section-cont01 .section-inner .btn-yt-close {position:fixed;bottom:260px;right:1%;z-index:9999;opacity:0;cursor:pointer;width:auto;}
.section-01 .section-cont01 .section-inner .btn-yt-close-on {opacity:1}
.section-01 .section-cont02 {background-image:url(../../pc/images/section01-cont02-bg.jpg);background-repeat:no-repeat;background-size:contain;height:980px}
.section-01 .section-cont02 .section-inner .right-box {padding-left:95px}
.section-01 .section-cont03 {background-image:url(../../pc/images/section01-cont03-bg.jpg);background-repeat:no-repeat;background-size:contain;height:980px}
.section-01 .section-cont03 .section-inner>div {width:100%}
.section-01 .section-cont04 {background-image:url(../../pc/images/section01-cont04-bg.jpg);background-repeat:no-repeat;background-size:contain;height:1398px}
.section-01 .section-cont04 .section-inner {color:#111}
.section-01 .section-cont04 .section-inner .left-box .img-txt {margin-left:-45px}


.section-02 {background-image:url(../../pc/images/section02-bg.jpg);background-repeat:no-repeat;background-size:contain;height:1078px}
.section-02 .section-inner {height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}
.section-02 .section-inner>div {width:100%}
.section-02 .section-inner>div>h4 {text-align:center;margin-bottom:80px;position:relative}
.section-02 .section-inner>div>h4>img {position:relative;z-index:9}
.section-02 .section-inner>div>h4>span {display:block;width:215px;height:78px;background-image:url(../../pc/images/section02-ani-img01.png);position:absolute;top:-18px;right:213px}
.section-02 .section-inner>div>ul {display:flex;flex-direction:row;justify-content:center;align-items:center}
.section-02 .section-inner>div>ul>li {width:50%}
.section-02 .section-inner>div>ul>li:first-child>.inner {margin-right:100px}
.section-02 .section-inner>div>ul>li:first-child>.inner .ani-img {position:absolute;top:164px;right:95px}
.section-02 .section-inner>div>ul>li:first-child {border-right:1px solid rgba(255,255,255,0.2)}
.section-02 .section-inner>div>ul>li:last-child>.inner {margin-left:100px}
.section-02 .section-inner>div>ul>li:last-child>.inner .ani-img {position:absolute;top:145px;right:280px}
.section-02 .section-inner>div>ul>li>.inner {text-align:center;font-size:28px;color:#fff;position:relative}
.section-02 .section-inner>div>ul>li>.inner>p {margin-top:30px;font-weight:700}
.section-02 .section-inner>div>ul>li>.inner>p>span {color:#4cb5e4}
.section-02 .section-inner>div>.txt-source {margin-top:60px;text-align:center;font-size:18px;padding:25px;background-color:#3b3f41;color:#fff}

.section-03 .section-cont01 {background-image:url(../../pc/images/section03-cont01-bg.jpg);background-repeat:no-repeat;background-size:contain;height:860px}
.section-03 .section-cont01 .section-inner .yt-area {width:1000px;height:560px;filter:drop-shadow(3px 16px 10px rgba(0,0,0,0.2))}
.section-03 .section-cont02 {background-image:url(../../pc/images/section03-cont02-bg.jpg);background-repeat:no-repeat;background-size:contain;height:980px}
.section-03>div>.section-inner {height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:23px;line-height:38px;color:#fff}
.section-03>div>.section-inner>div {width:50%}
.section-03 .section-cont02 .section-inner .right-box {padding-left:130px}
.section-03 .section-cont02 .section-inner .right-box .btn-support-area {margin-top:60px}
.section-03 .section-cont02 .section-inner .right-box .btn-support-area>a {display:inline-block;padding:16px 86px;color:#fff;background-color:#81b8f0;border-radius:50px}

.section-04 {background-image:url(../../pc/images/section04-bg.jpg);background-repeat:no-repeat;background-size:contain;height:900px}
.section-04 .section-inner {height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}

.section-05 {background-image:url(../../pc/images/section05-bg.jpg);background-repeat:no-repeat;background-size:contain;height:1211px}
.section-05 .section-inner {height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:23px;color:#111}
.section-05 .section-inner>div {width:100%;text-align:center}
.section-05 .section-inner>div>p {line-height:38px}
.section-05 .section-inner>div .ctoc-tab-area {margin-top:80px}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul {display:flex;margin-left:-20px;margin-right:-20px}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li {width:25%}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li>div {margin-left:20px;margin-right:20px;background-color:#fff;border-radius:20px 20px 0 0;color:#666;cursor:pointer}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li>div>h5 {height:86px;line-height:86px;background-color:#b8b8b9;border-radius:20px 20px 0 0;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li>div>.ctoc-info {height:262px;padding:30px}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li>div>.ctoc-info>p {height:88px;border:1px solid #ddd;border-radius:8px;font-size:20px;line-height:32px;color:#111;display:flex;flex-direction:row;justify-content:center;align-items:center}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li>div>.ctoc-info>ul {margin-top:30px;text-align:left}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li>div>.ctoc-info>ul>li {font-size:20px;line-height:32px;position:relative;padding-left:12px;letter-spacing:-0.8px}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li>div>.ctoc-info>ul>li::before {content:'';display:block;width:4px;height:4px;background-color:#666;position:absolute;top:50%;transform:translateY(-50%);left:0}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li.current>div>h5 {background-color:#5e526d}
.section-05 .section-inner>div .ctoc-tab-area .tabBox>ul>li.current>div>.ctoc-info>p {border:1px solid #5e526d;color:#5e526d}
.section-05 .section-inner>div .ctoc-tab-area .tab-content {display:none;padding:40px 0 20px 0}
.section-05 .section-inner>div .ctoc-tab-area .tab-content.current {display:block}
.section-05 .section-inner>div .ctoc-tab-area .tab-content .tab-inner {position:relative}
.section-05 .section-inner>div .ctoc-tab-area .tab-content .tab-inner .tab-cont-box {background-color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:150px;padding-left:80px}
.section-05 .section-inner>div .ctoc-tab-area .tab-content .tab-inner .tab-cont-box .txt-box {display:flex;text-align:left;flex-direction:row;align-items:center;font-size:20px;color:#666;line-height:35px}
.section-05 .section-inner>div .ctoc-tab-area .tab-content .tab-inner .tab-cont-box .txt-box::before {content:'';display:inline-block;width:1px;height:40px;background-color:#a3a6ad;margin:0 50px}

/* image animation */
.ani-img {visibility:hidden}

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	
	visibility: visible !important;	
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	
	visibility: visible !important;	
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}