﻿.home-activity::before{display:none;}
.home-banner .swiper-slide img{filter:brightness(.9)}
.home-banner .banner-animote{padding:0;bottom:auto;top:50%;transform:translate(-50%,-50%);text-align:center;max-width:94%;width:70%;left:50%}
.home-banner .banner-animote .title{font-size:2.2vw;line-height:1.5}
@keyframes bannerani{0%{opacity:0;margin-top:20px}
100%{opacity:1;margin-top:0}}
@media (max-width:1024px){.home-banner .banner-animote{width:100%}
.home-banner .banner-animote .title{font-size:2.5vw}}
.home-banner .banner-animote .title{text-align:right;color: var(--color);}
.home-banner .banner-animote{top:69%}
.home-banner .banner-animote.ban2 {top:22%}
.home-banner .banner-animote.ban1 .title{text-align:center}
.activity-wrap .text ,.activity-wrap .title ,.activity-wrap{ color: var(--color);}
.home-activity{background-position: center;background-size: cover;background-repeat: no-repeat;}
@media (min-width:1025px){.activity-wrap .title{font-size:30px;}
.activity-wrap{width:35%}
.activity-wrap .content{font-size:12px}}
.activity-wrap .title{margin-bottom:10px;}
.home-activity .l-wrap{justify-content: flex-start;}
@media (min-width:1281px) and (max-width:1440px){.activity-wrap .title{font-size:26px;}}
@media (min-width:1025px){.home-banner .banner-animote.ban2{padding-right:6.5%}}
@media (min-width:1281px){.home-activity .l-wrap{padding:0 5%;max-width:100%;}.activity-wrap {padding:13% 0 4%}
.activity-wrap .img img{height:150px}
.activity-wrap .text{font-size:19px}
.activity-wrap .content{font-size:14px;line-height:1.5}
.activity-wrap .title{font-size:32px}}
.activity-wrap .text,.activity-wrap .content{font-weight: var(--fontbold6);}
@media (min-width:1025px){.home-project .swiper{padding-bottom:0;}
.home-project .swiper .project-button-next, .home-project .swiper .project-button-prev{display:none;}}