<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* sec01 */
.visual{position:relative; z-index:1; width:100%;}
.visual ul.list{overflow:hidden; height:100vh; width:100%; position:relative;}
.visual .slick-track{width:100%;  z-index:1; position:relative;}
.visual ul.list li{display:inline-block; width:100%; height:100vh;}
.visual ul.list li.v_01{background:url(/img/main/sec01/visual_bg01.jpg) center top / cover no-repeat;}
.visual ul.list li.v_02{background:url(/img/main/sec01/visual_bg02.jpg) center top / cover no-repeat;}
.visual ul.list li.v_03{background:url(/img/main/sec01/visual_bg03.jpg) center top / cover no-repeat;}
.visual .slogan{position: absolute;z-index: 101;top: 45%;width:100%;font-size: 100px;color: #fff;line-height: 1.2;transform: translateY(-50%);}
.visual .slogan .inner{max-width: 1550px;margin:0 auto;font-family: 'Paperlogy-3';}
.visual .slogan span{font-size: 50px;font-weight: 300;}
.visual .slogan strong{font-size: 60px; width:100%; display: block;margin-bottom: 40px; font-family: 'Paperlogy-8';}
.visual .slogan p{font-size: 18px; max-width: 800px;line-height: 1.4;}
.visual ul.list img{position:absolute; }
.visual ul.list li .img_w{right:0; bottom:0; z-index:1;}
.visual ul.list li .img_01{right: 100px;bottom: 50px;max-width: 600px;}
.visual ul.list li .img_02{right: 0;bottom: 0;max-width: 1200px;}

.visual .img-slide{position:absolute; right:0; bottom:0; z-index:1; width:100%; height:100%;}
.visual .img-slide img{display:none; right:0; bottom:0;}
.visual .img-slide img.f-1{display:block; right:100px;}

.visual .control{position: absolute; bottom: 50px; z-index: 101; width: 100%; text-align: center;}
.visual .control .slick-arrow{border: none; background: none; cursor: pointer;}
.visual .control ul li{display:inline-block; padding:5px;}
.visual .control ul li button{display:block; cursor:pointer; width:15px;height:15px;border:2px solid #fff;text-indent:-9999px;border-radius:100%;background: transparent;}
.visual .control ul li.slick-active button{background:#fff;}
.visual .control .dots{display:inline-block;}
.visual .control .inner svg{display: inline; fill: #fff; width: 30px; height: 30px;}

@media (max-width: 1600px) {
	.visual .slogan{padding-left:20px;}
	.visual .slogan span{font-size:40px;}
	.visual .slogan strong{font-size:55px;}
	.visual .slogan p{font-size:17px; width:60%;}
	.visual ul.list li.v_02 .img_01{width: 450px;}
	.visual ul.list li.v_02 .img_02{width: 960px;}
}

@media (max-width: 1200px) {
	.visual .slogan{padding-left: 20px;top: 10%;transform: none;}
	.visual ul.list li .img_p{bottom: 5%; right: 0; width: 70%;}
	.visual ul.list li.v_03{background:url(/img/main/sec01/visual_bg03_m.jpg) center top / cover no-repeat;}
	
	.visual .img-slide img.f-1{width: 550px;right: 0;}
	.visual .img-slide img.f-2{width: 600px;}
}

@media (max-width: 767px) {
	.visual .slogan{top:40px;}
	.visual .slogan span{font-size:25px;}
	.visual .slogan strong{font-size: 30px;line-height: 1.4;width: 100%; margin-bottom:20px;}
	.visual .slogan p{font-size: 14px;width:90%;}
	.visual .slogan p br{}	
	.visual ul.list li .img_p{bottom: 15%; right:10%; width: 80%;}
	.visual ul.list li{height:calc(100vh - 80px)}
	.visual ul.list{height:calc(100vh - 80px)}
	
	.visual ul.list li.v_02 .img_01{width: 85%;right: 30px;}
	.visual ul.list li.v_02 .img_02{width: 150%;}
	
	.visual .img-slide img.f-1{width: 80%;left: 10%;bottom: 80px;}
	.visual .img-slide img.f-2{width: 80%;bottom: 70px;}
}

/* sec02 */
#sec02{padding:200px 0;position:relative;overflow: hidden;}
#sec02 .inner{position:relative; z-index:1;}
#sec02 .t_b,
#sec02 .b_b{position: absolute;line-height: 1;color: #0070ff;white-space: nowrap;font-family: 'Paperlogy-8';}
#sec02 .t_b{left: 0;top: 0;font-size: 300px; width:100%; opacity: 0.5;}

	
#sec02 .b_b{right: -40px;bottom: -20px;font-size: 150px;  letter-spacing:-5px; opacity: 0.1;}
#sec02 .inner .tit{text-align: center;margin-bottom: 50px;line-height: 1.1;font-family: 'Paperlogy-5';}
#sec02 .inner .tit strong{display:block;font-size: 80px;font-weight: 500;font-family: 'Paperlogy-8';}

#sec02 .product_list{width:100%;position:relative;}
#sec02 .product_list ul{position: relative;max-width: 1200px;margin: 0 auto;}
#sec02 .product_list li.slick-slide{display:inline-block;padding:0 70px;height:500px;vertical-align: top;position: relative;width: 1000px; filter: grayscale(100%); opacity: .1; transition:cubic-bezier(0.82, -0.01, 0.58, 1) all .5s;}
#sec02 .product_list li.slick-slide .info{overflow: hidden;}
#sec02 .product_list li.slick-slide.slick-current{filter: grayscale(0); opacity:1;}
#sec02 .product_list li.slick-slide.slick-current .info{box-shadow: 0 0 10px rgb(0 0 0 / 30%);}

#sec02 .product_list li.slick-slide .info{display: block;height: 100%;width: 100%;padding: 60px 90px 0;position: relative;border-radius: 30px 0;transition:ease all .5s;}
#sec02 .product_list li.item_01 .info{background: radial-gradient(circle at 80% 85%, #935632 0%, #5d2104 100%);}
#sec02 .product_list li.item_02 .info{background: radial-gradient(circle at 80% 85%, #4e7129 0%, #202f09 100%);}
#sec02 .product_list li.item_03 .info{background: radial-gradient(circle at 80% 85%, #58648b 0%, #0d1b4d 100%);}
#sec02 .product_list li.item_04 .info{background: radial-gradient(circle at 80% 85%, #693464 0%, #650b0b 100%);}

#sec02 .product_list li.slick-slide .info .subj{position:relative; z-index:101; height:100%;}
#sec02 .product_list li.slick-slide .info p{color: #fff;line-height:1.1;margin-bottom:20px; padding-bottom: 20px;}
#sec02 .product_list li.slick-slide .info span{font-size: 18px;display: block;margin-bottom: 10px;font-family: 'Paperlogy-1';}
#sec02 .product_list li.slick-slide .info strong{font-size: 50px;font-weight: 700;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.3);display: inline-block;padding-right: 30px;font-family: 'Paperlogy-7';}
#sec02 .product_list li.slick-slide .info em{display:block; margin-top:20px;}
#sec02 .product_list li.slick-slide .info .img img{position: absolute;opacity:1;z-index: 10;}
#sec02 .product_list li.slick-slide .info .img .p{right: 110px;bottom: 20px;width: 180px;}
#sec02 .product_list li.slick-slide .info .img .bg{right: 10%;top: 30%;transform: rotate(45deg) scale(2);opacity: .2;z-index: 0;}
#sec02 .product_list li.slick-slide .info a{font-size: 14px;color:#fff;display: inline-block;padding: 10px 25px;background: rgb(255 255 255 / 10%);border: 1px solid rgba(255,255,255,.3);position: absolute;bottom: 60px;font-family: 'Paperlogy-3';z-index: 1;}

#sec02 .product_list li.slick-slide.item_03 .img .p{width: 400px;right: 0;}
#sec02 .product_list li.slick-slide.item_03 .img .bg{transform: rotate(0) scale(1.7);}
#sec02 .product_list li.slick-slide.item_04 .img .p{width: 270px;right: 50px;}

#sec02 .product_list .slick-arrow{position: absolute;z-index:10;width: 70px;height: 70px;display: block;border: none;background: rgb(0 0 0 / 50%);color: #fff;top:50%;margin-top: -35px;cursor: pointer;text-indent: -9999px;border: 1px solid rgba(255,255,255,.5);}
#sec02 .product_list .slick-arrow.slick-prev{left: 35px;}
#sec02 .product_list .slick-arrow.slick-next{right: 35px;}
#sec02 .slick-arrow.slick-prev::after{transform: rotate(225deg);left: 26px;}
#sec02 .slick-arrow.slick-next::after{transform: rotate(45deg);right: 28px;}
#sec02 .slick-arrow::after {content: '';position: absolute;display: inline-block;top: 22px;width: 20px;height: 20px;border-top: 3px solid #fff;border-right: 3px solid #fff;}

#sec02 .b_b {white-space: nowrap; animation: flowText 300s linear infinite;}
#sec02 .t_b svg{ animation: stroke 5s infinite alternate; fill:transparent;}
	
@media (max-width: 1200px) {
	#sec02{padding:100px 0;}
	#sec02 .inner .tit{margin-bottom: 30px;}
	#sec02 .product_list{padding: 0;}
	#sec02 .product_list ul{max-width:100%; width:100%;}
	#sec02 .product_list li.slick-slide{padding:0 30px;}
	#sec02 .product_list li.slick-slide.item_03 .info .img .p{width: 260px;right: 0;}
	#sec02 .t_b{top: 40px; left: 100px; transform: scale(1.5);}
	#sec02 .b_b{white-space: nowrap; animation: flowText 20s linear infinite; letter-spacing:-2px; font-size: 150px;bottom: -20px;}
	#sec02 .product_list .slick-arrow.slick-next{right:10px;}
	#sec02 .product_list .slick-arrow.slick-prev{left:10px;}
}

@media (max-width: 767px) {
	#sec02 .inner .tit strong{font-size: 45px;}
	#sec02 .b_b{font-size: 70px;bottom: -10px;left: 0;}
	#sec02 .product_list li.slick-slide .info{padding: 50px 0 0 40px;}	
	#sec02 .product_list li.slick-slide .info p{margin-bottom: 10px;padding-bottom: 10px;}
	#sec02 .product_list li.slick-slide .info strong{font-size: 40px;}
	#sec02 .product_list li.slick-slide .info span{font-size: 17px;}
	#sec02 .product_list li.slick-slide .info a{padding: 5px 15px;}
	#sec02 .slick-arrow::after{top: 16px;width: 15px;height: 15px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
	#sec02 .product_list li.slick-slide .info .img .p{right: 50px;bottom: 20px;width:120px;}
	#sec02 .product_list li.item_04 .info .img .p{right: 20px; width:170px;}
	#sec02 .product_list .slick-arrow::after{}
	#sec02 .product_list .slick-arrow.slick-prev::after{left: 15px;}
	#sec02 .product_list .slick-arrow.slick-next::after{right: 15px;}
	#sec02 .product_list .slick-arrow{width: 45px;height: 50px;margin-top: -30px;border: none;}
	#sec02 .product_list .slick-arrow.slick-next{}
	#sec02 .product_list .slick-arrow.slick-prev{}
}

@keyframes flowText {
	0% {transform: translateX(80%);}
	100% {transform: translateX(-100%);}
}
@keyframes stroke {
	0% {
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		fill: rgba(8, 54, 89, 0);
		stroke: rgba(8, 54, 89, 0);
		stroke-width: 1;
	}
	30% {
		fill: rgba(8, 54, 89, .01);
		stroke: rgb(8, 54, 89);
	}
	70% {
		fill: rgba(8, 54, 89, .01);
		stroke: rgba(8, 54, 89, .05);
	}
	100% {
		stroke-dashoffset: -25%;
		stroke-dasharray: 50% 0; 
		fill:rgba(8, 54, 89, .05);
		stroke: rgba(8, 54, 89, .05);
	}
}

/* sec03 */
#sec03{background:#f9f9f9;padding: 150px 0; position:relative; overflow:hidden;}
#sec03:after,
#sec03:before{content:'';width: 1000px;height: 1000px;display:block;position:absolute;background:radial-gradient(circle, rgb(94 157 196) 0%, rgba(255, 255, 255, 0) 50%);border-radius: 50%;opacity: 1;}
#sec03:after{bottom:-400px; left:-500px;}
#sec03:before{right:-500px; top:-400px;}

#sec03:after,
#sec03:before{animation: bg_gradation 15s infinite;}
#sec03:before{animation-delay:2s}

@keyframes bg_gradation {
	0% {transform: scale(.7);}
	50% {transform: scale(1.7); filter: brightness(0.5);}
	100% {transform: scale(.7);}
}

#sec03 .inner{max-width:1600px; margin: 0 auto;}
#sec03 .inner .thum{width: 100%;height:500px;overflow:hidden;border-radius:30px;width: 60%; box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);}
#sec03 .inner .thum img{width:100%; height:100%; object-fit: cover;}
#sec03 .inner .txt{line-height:1.4;width: 40%;padding: 0 20px;}
#sec03 .inner .txt strong{color: #000;font-size: 60px;margin-bottom: 20px;display:block;line-height: 1.1;font-family: 'Paperlogy-8';}
#sec03 .inner .txt p{font-size: 18px;color: #555;line-height: 1.3;font-weight: 300;margin-bottom: 20px;}
#sec03 .inner a{box-sizing:border-box;display:inline-block;margin-top:30px;font-size: 15px;padding: 10px 40px;color: #000;border: 1px solid #000;font-weight: 500;}

#sec03 .inner &gt; div{position: relative;z-index: 10;display: flex;align-items: center;}
#sec03 .inner .company{gap: 140px; grid-template-columns: 1fr 1fr;}
#sec03 .inner .movie{gap: 100px;grid-template-columns: 1fr 1fr;padding-top: 80px;margin-top: 80px;border-top: 1px solid #c1c1c1;}
#sec03 .inner .movie .thum {order: 2; position:relative;}
#sec03 .inner .movie .thum video{width: 100%; height: 125%; position: relative; top: -12.5%;}
#sec03 .inner .movie .txt{order: 1;}
#sec03 .inner .movie .thum .play{display:none; border: none;width: 99px;height: 99px;background: url(/../../img/main/sec03/sec03-play.png) no-repeat center; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); z-index:101; }
#sec03 .inner .movie .thum .play.on{display:block;}

@media (max-width: 1600px) {
	#sec03 .inner{padding:0 20px;}
	#sec03 .inner .company{gap:80px;}
}

@media (max-width: 1000px) {
	#sec03{padding:80px 0;}
	#sec03 .inner &gt; div{display:block;}
	#sec03 .inner .thum{width: 100%; margin-bottom: 50px; height:240px;}
	#sec03 .inner .txt{padding: 0; 	width: 100%;}
	#sec03 .inner .txt strong{font-size:40px; margin-bottom: 20px;}
	#sec03 .inner .movie{padding-top:50px; margin-top:50px;}
	#sec03 .inner .movie .thum {order: 1;}
	#sec03 .inner .movie .txt{order: 2;}
}

/* sec04 */
#sec04{padding:100px 0 0; max-width: 1600px; margin: 0 auto;}
#sec04 .inner{display: flex;align-items: center;justify-content: center;border-radius: 20px;height: 300px;background: url(/../../img/main/sec04/sec04_bg.jpg) center / cover no-repeat;}
#sec04 .txt{color:#fff; text-align: center;}
#sec04 .txt strong{display:block;font-size: 50px;font-weight: 100;font-family: 'Paperlogy-2';}
#sec04 .txt strong span{font-weight: 700;font-family: 'Paperlogy-8';}
#sec04 .txt a{border: 1px solid #ddd;display: inline-block; transition:ease all 1s; padding: 10px 60px;margin-top: 20px;font-size: 15px;}
#sec04 .txt a:hover{background:rgba(255,255,255,.5); color:#192077;;}

#sec04 .inner{animation: bg-size  30s infinite;}

@keyframes bg-size {
	0% {background-size:150%;}
	50% {background-size:100%;}
	100% {background-size:150%;}
}
@keyframes mbg-size {
	0% {background-size:300%;}
	50% {background-size:200%;}
	100% {background-size:300%;}
}
@media (max-width: 1600px) {
	#sec04{padding:100px 20px 0;}
}

@media (max-width: 1200px) {
	#sec04{padding: 50px 5px 0;}
	#sec04 .inner{height: 200px; border-radius:20px;}
	#sec04 .txt strong{font-size:40px;}
	#sec04 .txt a{padding: 10px 30px; background: rgba(255, 255, 255, .2); margin-top: 10px;}
	#sec04 .inner{animation: mbg-size  30s infinite;}
	
}

#sec05{overflow:hidden; padding:100px 0;}

/* notice */
.pic_lt{position:relative;}
.pic_lt h2{width: 200px;word-break: keep-all;font-size: 70px;float: left;line-height: 1.4;text-align: center;font-family: 'Paperlogy-5';}
.pic_lt{max-width:1600px;margin:0 auto;overflow: hidden; min-height: 500px;}
.pic_lt ul{border-top: 2px solid #000;padding: 0 20px;border-bottom: 1px solid #333;float: right;width: calc(100% - 400px);}
.pic_lt ul li{border-bottom: 1px solid #ddd;position: relative;padding: 60px 0;min-height: 150px;}
.pic_lt ul li:last-child{border-bottom:none;}
.pic_lt ul li a{padding-right: 300px;display: block;}
.pic_lt ul li a strong{font-size: 35px;display: block;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.pic_lt ul li a strong:before{content:'';width: 0;display: block;height: 2px;background: #000000;bottom: 0;position: absolute;transition: cubic-bezier(0.4, 0, 1, 1) all .5s;}
.pic_lt ul li a:hover strong:before{width:100%;}
.pic_lt ul li a span.summary{display: block;font-size: 20px;color: #666;line-height: 1.4;font-weight: 300;height: 55px;overflow: hidden;}
.pic_lt ul li a span.thum{position: absolute;right: 0;top: 50%;width: 200px;transform: translateY(-50%);border-radius: 10px;overflow: hidden;height: 90%;border: 1px solid #ddd;display: block;max-height: 145px;}
.pic_lt ul li a span.thum img{height:100%;object-fit: contain;width: 100%;}
.pic_lt .lt_more{position:absolute; transition:ease all .5s; left:0; bottom:0; font-size:150px;font-family: 'Paperlogy-1';}
.pic_lt .lt_more:hover{transform: rotate(180deg);}
.pic_lt .lt_more span{text-indent:-9999px; height:0; overflow:hidden; display:block;}

@media (max-width: 1600px) {
	.pic_lt{padding:0 20px;}
	.pic_lt .lt_more{left:30px;}
	.pic_lt h2{font-size: 55px;text-align: left;}
	.pic_lt ul{width: calc(100% - 300px); padding:0 10px;}
	.pic_lt ul li{padding: 50px 0;}
	.pic_lt ul li a strong{font-size: 28px;margin-bottom: 10px;}
	.pic_lt ul li a span.summary{font-size: 17px;height: 45px;}
	.pic_lt ul li a span.thum{}
	.pic_lt .lt_more{font-size:100px;}
}


@media (max-width: 1100px) {
	#sec05{padding: 50px 0 100px; margin-bottom:0;}
	#sec05 .pic_lt{overflow: inherit; padding-bottom: 120px;}
	#sec05 .pic_lt h2{width: 100%;font-size: 40px;text-align: center;margin-bottom: 40px;}
	
}

@media (max-width: 1023px) {
	#sec05 .pic_lt ul{width: 100%;}
	#sec05 .pic_lt ul li{padding:40px 0;}
	#sec05 .pic_lt ul li a{padding-right: 20px;}
	#sec05 .pic_lt ul li a span.thum{display: block;position: relative;width: 100%;transform: inherit;margin-top: 20px;height: auto;max-height: max-content;}
	#sec05 .pic_lt ul li a span.thum img{width:100%;}	
	#sec05 .pic_lt .lt_more{font-size: 70px; left: 50%; margin-left: -19px;}
	#sec05 .pic_lt ul li a strong{font-size: 25px; white-space: normal; line-height: 1.3; margin-bottom: 20px;}
}

/* ani */
#sec02 .inner .tit{transition: ease all 1s; opacity: 0; top:300px; filter: blur(20px);}
#sec02.on .inner .tit{opacity: 1;top:0;filter: blur(0);}
#sec02 .product_list{transition: ease all 1s; opacity: 0; top:300px; filter: blur(20px); transition-delay: .5s;}
#sec02.on .product_list{opacity: 1;top:0;filter: blur(0);}

#sec03 .inner .company .thum{transition: ease all 1s; opacity: 0; left:-300px; filter: blur(20px); position:relative;}
#sec03 .inner .company .txt{transition: ease all 1s; opacity: 0; right:-300px; filter: blur(20px); transition-delay: .5s; position:relative;}

#sec03.on .inner .company .thum{opacity: 1;left:0;filter: blur(0);}
#sec03.on .inner .company .txt{opacity: 1;right:0;filter: blur(0);}

#sec03 .inner .movie .thum{transition: ease all 1s; opacity: 0; left:300px; filter: blur(20px); transition-delay: 1.2s; position:relative;}
#sec03 .inner .movie .txt{transition: ease all 1s; opacity: 0; right:300px; filter: blur(20px); transition-delay: 2s; position:relative;}

#sec03.on .inner .movie .thum{opacity: 1;left:0;filter: blur(0);}
#sec03.on .inner .movie .txt{opacity: 1;right:0;filter: blur(0);}

#sec04{transition: ease all 1s; opacity: 0; top:300px; filter: blur(20px);}
#sec04.on{opacity: 1;top:0;filter: blur(0);}


#sec05{transition: ease all 1s; opacity: 0; top:300px; filter: blur(20px); position:relative;}
#sec05.on{opacity: 1;top:0;filter: blur(0);}

/* visual */
.visual .slogan span,
.visual .slogan strong,
.visual .slogan p{transition: ease all 1s; opacity: 0; left:300px; filter: blur(20px); position:relative;}

.visual .slogan strong{transition-delay:0s;}
.visual .slogan p{transition-delay: .5s;}

.visual .slick-active .slogan span,
.visual .slick-active .slogan strong,
.visual .slick-active .slogan p{opacity: 1;left:0;filter: blur(0);}
.visual  ul.list li.slick-active .img_01{opacity: 1; filter: blur(0);}


.visual .slick-active .slogan strong{opacity: 0; left:300px; filter: blur(20px);}
.visual .slick-active .slogan p{opacity: 0; left:300px; filter: blur(20px);}
.visual .img-slide{opacity: 0; filter: blur(20px); transition: ease all 1s; }

.visual.on .slick-active .slogan strong{opacity: 1; filter: blur(0); left:0; transition-delay:.2s}
.visual.on .slick-active .slogan p{opacity: 1; filter: blur(0); left:0; transition-delay:.7s}
.visual.on .img-slide{opacity: 1; filter: blur(0); transition-delay:1s}

</pre></body></html>