@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap);
body{background-color:#a1d7da;background-image:url(../images/banner/bg.png);background-repeat:no-repeat;background-position: 50% 45px;}
#key-visual .banner-bar{width:1310px;margin: 50px auto}
#key-visual .banner-bar h1{font-family:'Noto Serif TC',serif;color:#523a56;text-align:center;font-size:40px}
#key-visual .banner-bar h1 span{display:inline-block;padding:5px;position:relative}
#key-visual .banner-bar h1 span.active:after{content:'';display:block;width:100%;height:1px;position:absolute;background:#523a56;bottom:0;left:0;transition:all .2s;animation-name:h1spanA;animation-duration:1.5s}
@keyframes h1spanA{
0%{width:0;left:50%}
100%{width:100%;left:0}
}
#key-visual .banner-bar .A4{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:700px;margin:30px auto}
#key-visual .banner-bar .A4 li{width:50%;margin:10px 0}
#key-visual .banner-bar .A4 li .box span{display:inline-block;vertical-align:bottom}
#key-visual .banner-bar .A4 li .box p{font-family:'Noto Serif TC',serif;color:#523a56;font-size:30px;display:inline-block}
#key-visual .banner-bar .banner .date{text-align:center;margin:10px 0}
#key-visual .banner-bar .banner .topic{text-align:center;font-family:'Noto Serif TC',serif;font-size:190px;color:#7d6b55;line-height:100%}
#key-visual .banner-bar .banner .topic b{display:inline-block;font-weight:400;letter-spacing:-.1em}
#key-visual .banner-bar .others{margin-top:190px}
#key-visual .banner-bar .others .dm_online a{display:inline-block;position:relative;z-index:3}
#key-visual .banner-bar .others .dm_online a span{display:block;position:absolute;top:calc(50% - 10px);right:-25px;transition:all .2s;width:11%}
#key-visual .banner-bar .others .dm_online a:hover span{transform:skewY(-10deg) skewX(10deg)}
#key-visual .banner-bar .others .beefBox{filter:drop-shadow(2px 2px 4px #a7bfc3);margin-top:-30px}
#key-visual .banner-bar .others .beefBox h2{text-align:center}
#key-visual .banner-bar .others .beefBox .beefBoxes{background:#fff;padding:10px;margin-top:-10px}
#key-visual .banner-bar .others .beefBox .top{background:#e95377;text-align:center}
#key-visual .banner-bar .others .beefBox .top img{vertical-align:middle;display:inline-block;margin:12px 10px}
#key-visual .banner-bar .others .beefBox .all_banners{background:#e95377;overflow:hidden;text-align:center;margin-top:-15px}
#key-visual .banner-bar .others .beefBox .all_banners .leftS{margin:10px;display:inline-block;width:760px}
#key-visual .banner-bar .others .beefBox .all_banners .leftS img{max-width:100%}
#key-visual .banner-bar .others .beefBox .all_banners .rightSlide{width:410px}
#key-visual .banner-bar .others .beefBox .all_banners .slick-dotted.slick-slider{margin-bottom:0}
#key-visual .banner-bar .others .beefBox .all_banners .slick-dots{bottom:0}
#key-visual .banner-bar .others .beefBox .all_banners .slick-dots li button:before{color:#d1d1d1;opacity:1}
#key-visual .banner-bar .others .beefBox .all_banners .slick-dots li.slick-active button:before{color:#e5d57c;opacity:1}
#key-visual .banner-bar .others .beefBox .all_banners .leftSlide .slick-active div h3{animation-name:fadeInLeftBig;animation-duration:.5s}
#key-visual .banner-bar .others .beefBox .all_banners .slick-active .box3 .circle{animation-name:zoomIn;animation-duration:.5s}
#key-visual .banner-bar .others .beefBox .all_banners .slick-active .box3>p{animation-name:bounceInDown;animation-duration:1s}
#key-visual .banner-bar .others .beefBox .all_banners .slick-active .box1 p{animation-name:shakeX;animation-duration:1s;animation-iteration-count:2}
#key-visual .banner-bar .others .beefBox .all_banners a{display:block;position:relative}
#key-visual .banner-bar .others .beefBox .all_banners div[class^=box]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;text-align:left;background:#fff}
#key-visual .banner-bar .others .beefBox .all_banners div[class^=box] div[class^=topic]{background-color:#a42946;color:#fff}
#key-visual .banner-bar .others .beefBox .all_banners div[class^=box] div[class^=content]{color:#e95377}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3{font-size:35px;font-weight:400;padding:10px 40px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3 b{display:inline-block;font-size:55px;vertical-align:sub;line-height:55px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 img{display:inline-block;vertical-align:baseline;margin:0 15px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4,#key-visual .banner-bar .others .beefBox .all_banners .box2 h4,#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{font-size:45px;padding:15px 30px;font-weight:400}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4 b{margin-left:7px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 p{position:absolute;right:5%;top:10%}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4{padding-left:210px}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b{color:#6ebcc0;font-size:140px;font-style:italic;text-shadow:3px -4px #fff;position:absolute;bottom:12px;left:calc(50% + 25px);line-height:100%;animation-name:tada;animation-duration:.5s;animation-iteration-count:infinite}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b:last-child{font-size:45px;left:calc(50% + 170px);bottom:25px;text-shadow:none;animation:none}
#key-visual .banner-bar .others .beefBox .all_banners .box3 h3 b{font-size:40px;line-height:55px}
#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{padding-left:90px}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle{position:absolute;background:#5bbccb;width:141px;height:141px;border-radius:50%;bottom:15px;right:calc(50% - 90px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle p span{color:#fff;display:block;text-align:center;font-size:26px;font-weight:700;margin-top:20px}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle:last-child{right:calc(50% - 235px);background:#5bcba2}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle:last-child:before{content:'或';display:block;position:absolute;color:#000;bottom:3px;font-weight:700;font-size:20px;left:-15px}
#key-visual .banner-bar .others .beefBox .all_banners .box3>p{position:absolute;right:27px;bottom:0}
#key-visual .banner-bar .others .beefBox .all_banners .leftSlide .mobile{display:none}
#gotop,.rightbtn{display:none!important}
.mobile-nav,.mobile-nav .hidden-category{display:none}
#right-nav2{width:178px;position:fixed;right:50px;bottom:200px;z-index:9;-webkit-filter:drop-shadow(2px 4px 5px rgba(25, 25, 25, .1));filter:drop-shadow(2px 4px 5px rgba(25, 25, 25, .1))}
#right-nav2 .nav-list{border-radius:13px;overflow:hidden}
#right-nav2 .nav-list .rn-title p{color:#fff;text-align:center;font-weight:700;padding:0;font-size:22px}
#right-nav2 .nav-list .rn-title p img{display:block;margin:0 auto;max-width:initial}
#right-nav2 ol>li{padding:0 10px;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s;display:block}
#right-nav2 .twoWays>li,#right-nav2 ol>li a{border-bottom:2px solid #cc0354;position:relative}
#right-nav2 ol li.hot{background:#ff6868}
#right-nav2 ol li.hot a,#right-nav2 ol li.hot:hover a{color:#fff}
#right-nav2 .twoWays{position:relative;background:#ffebc0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:150px;}
#right-nav2 .twoWays:after{width:2px;left:calc(50% - 1px);top:0;height:100%;background:#9f3577;position:absolute}
#right-nav2 .twoWays>li a,#right-nav2 .twoWays>li:last-child{border-bottom:0}
#right-nav2 ol li a{color:#000;display:block;padding:10px 0;text-align:center;font-weight:700;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s;cursor:pointer;font-size:16px}
#right-nav2 ol li a b{color:#b59431;font-weight:700}
#right-nav2 ol li a .plus{font-weight:700}
#right-nav2 ol li a img{float:left}
#right-nav2 ol li:hover a{color:#9a9a9a}
#right-nav2 ol li:last-child a:after,#right-nav2 ol li:last-child a:before{display:none}
#right-nav2 .nav-list>li:first-child ol{background:#fff;}
#right-nav2 .nav-list>li:first-child ol>li:last-child a{border-bottom:0}
#right-nav2 .twoWays>li:last-child a:after,#right-nav2 ol li:nth-last-child(2) a:after{display:none}
#right-nav2 .twoWays>li{border-bottom:2px solid #ed6d2a;margin:0 10px;padding:0}
#right-nav2 .twoWays>li a{position:relative;display:block;color:#ed6d2a}
#right-nav2 .twoWays>li:nth-child(odd) a:after{right:0}
#right-nav2 .twoWays>li:nth-child(even) a:after{left:0}
#gotop2{position:absolute;left: calc(50% - 45px);top:calc(100% + 20px);}
#gotop2 a{display:block;text-align:center;font-weight:700;padding:10px;color:#e6e6e6}
@media screen and (max-width:750px){
#right-nav2,.fix_btn,.part2 .pcSet{display:none!important}
#gotop3{position:fixed;right:-15px;bottom:20%}
.mobile-nav{display:block;position:fixed;bottom:0;left:0;width:100%;z-index:9;background:#09287e;color:#fff;border-top:2px solid #414e73}
.mobile-nav.prve{border-top:none;background:0 0}
.mobile-nav.prve .menuImg{width:100%;z-index:2;float:none}
.mobile-nav.prve .menuImg img{display:block;width:100%}
.bottomNAv{position:relative}
.mobile-nav.prve .fixedStyle{position:absolute;bottom:0;width:100%;left:0;z-index:99;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.mobile-nav.prve .fixedStyle li{width:calc(100%/3);position:relative;height:100%;display:block}
.mobile-nav.prve .fixedStyle li a{display:block;width:100%;height:100%;color:#6a4228;font-weight:700;font-size:18px}
.mobile-nav .mobile-nav-control{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mobile-nav .mobile-nav-control>li{width:calc((100% / 2) - 35px);position:relative;padding:10px 0}
.mobile-nav .mobile-nav-control>li a{display:block;color:#fff}
.mobile-nav .mobile-nav-control>li:nth-child(1) b,.mobile-nav .mobile-nav-control>li:nth-child(2) b{display:inline-block;background:#c72a2a;padding:1px 15px;font-weight:700;color:#fff;border-radius:25px;text-shadow:none;font-size:24px;margin-left:5px}
.mobile-nav .mobile-nav-control>li:nth-child(3){background:#008ea8}
.mobile-nav.prve .fixed-title{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:block;width:100%;height:100%}
.mobile-nav .fixed-title .fixed-topic{font-weight:700;font-size:24px;text-shadow:2px 2px 5px rgba(0,0,0,.2);color:#fff}
.mobile-nav .hidden-category{position:absolute;bottom:calc(100% + 10px);right:5%;width:90%;bottom:100%;z-index:9}
.mobile-nav .fixedStyle .hidden-category ol li{width:100%}
.mobile-nav .hidden-category ol li a{color:#6a2781;background:rgb(255 255 255 / 90%);margin:1px 0;text-align:center;border-radius:5px;padding:5px 0}
}
.animate__animated.animate__delay-s1s{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s}
.animate__animated.animate__delay-s2s{-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-delay:1.3s;animation-delay:1.3s}
.animate__animated.animate__delay-s3s{-webkit-animation-delay:1.4s;animation-delay:1.4s;-webkit-animation-delay:1.4s;animation-delay:1.4s}
.animate__animated.animate__delay-s4s{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-delay:1.5s;animation-delay:1.5s}
.animate__animated.animate__delay-s5s{-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-delay:2.5s;animation-delay:2.5s}
.animate__animated.animate__delay-s6s{-webkit-animation-delay:2.6s;animation-delay:2.6s;-webkit-animation-delay:2.6s;animation-delay:2.6s}
.animate__animated.animate__delay-s7s{-webkit-animation-delay:2.7s;animation-delay:2.7s;-webkit-animation-delay:2.7s;animation-delay:2.7s}
.animate__animated.animate__delay-s8s{-webkit-animation-delay:2.8s;animation-delay:2.8s;-webkit-animation-delay:2.8s;animation-delay:2.8s}
.animate__animated.animate__delay-s9s{-webkit-animation-delay:2.9s;animation-delay:2.9s;-webkit-animation-delay:2.9s;animation-delay:2.9s}
.animate__animated.animate__delay-s10s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:3s;animation-delay:3s}
@media screen and (max-width:1440px){
body{background-size:1500px}
#key-visual .banner-bar{width:1144px}
#key-visual .banner-bar h1{font-size:32px}
#key-visual .banner-bar .A4 li .box p{font-size:24px}
#key-visual .banner-bar .A4 li .box span img{width:50px}
#key-visual .banner-bar .banner .topic{font-size:120px}
#key-visual .banner-bar .A4{width:600px}
#key-visual .banner-bar .banner .date img{width:200px}
#key-visual .banner-bar .others .dm_online a{width:300px}
#key-visual .banner-bar .others .dm_online a img{max-width:100%}
#key-visual .banner-bar .others .dm_online a span{right:-5%}
#key-visual .banner-bar .others .beefBox h2 img{width:75%}
#key-visual .banner-bar .others .beefBox{margin-top:-10px}
#key-visual .banner-bar .others .beefBox .all_banners,#key-visual .banner-bar .others .beefBox .top{padding:0 90px}
#key-visual .banner-bar .others .beefBox .top img.txt{width:calc(50% - 20px)}
#key-visual .banner-bar .others .beefBox .top img.imgg{width:calc(50% - 28px)}
#key-visual .banner-bar .others .beefBox .all_banners .leftS{width:calc(64% - 24px)}
#key-visual .banner-bar .others .beefBox .all_banners .rightSlide{width:calc(36% - 24px)}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3{font-size:20px;padding:10px 30px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3 b{font-size:36px;line-height:36px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4,#key-visual .banner-bar .others .beefBox .all_banners .box2 h4,#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{font-size:30px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 p{width:13%;right:10%}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 img{margin:0 10px;width:10px}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b{font-size:100px;left:calc(50% + 55px)}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b:last-child{font-size:30px;bottom:20px}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle{width:100px;height:100px;right:calc(50% - 100px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle p span{font-size:18px;font-weight:400}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle:last-child{right:calc(50% - 205px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3>p{right:5px;width:18%}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle:last-child:before{font-size:14px;left:-10px}
}
@media screen and (max-width:1280px){
body{background-size:1300px}
#key-visual .banner-bar{width:calc(100% - 20px)}
#key-visual .banner-bar .banner .date img{width:150px}
#key-visual .banner-bar .banner .topic{font-size:100px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3{font-size:18px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3 b{font-size:30px;line-height:30px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4,#key-visual .banner-bar .others .beefBox .all_banners .box2 h4,#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{font-size:26px}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle p span{font-size:16px}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4{padding-left:180px}
}
@media screen and (max-width:980px){
#key-visual .banner-bar .others .beefBox .all_banners .leftSlide .mobile{display:block}
#key-visual .banner-bar .others .beefBox .all_banners .leftSlide .pc{display:none}
#key-visual .banner-bar .others .beefBox .all_banners .leftS{width:calc(100% - 24px)}
#key-visual .banner-bar .others .beefBox .all_banners .rightSlide{width:calc(100% - 24px)}
#key-visual .banner-bar .others{margin-top:90px}
#key-visual .banner-bar .others .beefBox .all_banners .rightSlide{margin-top: 0;}
}
@media screen and (max-width:750px){
body{background-image:url(../images/banner/bg-m.png);background-size:auto;    background-position: 50% -290px;}
#key-visual{overflow:hidden}
#key-visual .banner-bar .others .beefBox .all_banners,#key-visual .banner-bar .others .beefBox .top{padding:0}
#key-visual .banner-bar h1{font-size:30px}
#key-visual .banner-bar .A4{width:550px}
#key-visual .banner-bar .banner .topic{font-size:70px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3{text-align:center;font-size:28px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3 b{font-size:50px;line-height:50px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4,#key-visual .banner-bar .others .beefBox .all_banners .box2 h4,#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{font-size:40px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4 b{display:block}
#key-visual .banner-bar .others .beefBox .all_banners .leftS a>img{padding-bottom:10%}
#key-visual .banner-bar .others .beefBox .all_banners .leftS.rightSlide a>img{padding-bottom:0%}
#key-visual .banner-bar .others .beefBox .all_banners .box1 p{width:15%;right:3%;top:20%}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4{padding-left:50px;font-size:50px;font-weight:700}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b{font-size:140px;left:calc(50% + 5px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{padding-left:40px;font-weight:700;font-size:50px}
}
@media screen and (max-width:640px){
body{background-position: 50% -350px;}
#key-visual .banner-bar h1{font-size:24px}
#key-visual .banner-bar .A4{width:450px;margin:10px auto 30px}
#key-visual .banner-bar .A4 li .box p{font-size:18px}
#key-visual .banner-bar .A4 li .box span img{width:40px}
#key-visual .banner-bar .A4 li{margin:5px 0}
#key-visual .banner-bar .others .dm_online a{width:230px}
#key-visual .banner-bar .others .beefBox .all_banners .leftS a>img{display:none}
#key-visual .banner-bar .others .beefBox .all_banners div[class^=box]{position:relative}
#key-visual .banner-bar .others .beefBox .all_banners div[class^=box] div[class^=content]{height:300px;text-align:center}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4,#key-visual .banner-bar .others .beefBox .all_banners .box2 h4,#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{text-align:center}
#key-visual .banner-bar .others .beefBox .all_banners .box1 p{width:84px;right:calc(50% - 42px);top:initial;filter:drop-shadow(2px 4px 6px #aaa);bottom:30px}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4{padding:15px 30px}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b{bottom:60px;left:30%}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b:last-child{bottom:70px;left:calc(30% + 170px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle{width:141px;height:141px;bottom:55px;right:initial;left:calc(50% - 160px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle:last-child{left:calc(50% - 0px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3>p{width:25%;right:8%;bottom:5%}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle p span{font-size:25px}
#key-visual .slick-dots li{margin: 0;}
#key-visual .banner-bar .others .beefBox .all_banners .rightSlide .slick-dotted.slick-slider{margin-bottom: 10px;}
#key-visual .banner-bar .others .beefBox .all_banners .rightSlide .slick-dots{bottom: -20px;}
}
@media screen and (max-width:480px){
body{background-size:500px;background-position:50% -150px}
#key-visual .banner-bar h1{font-size:18px}
#key-visual .banner-bar .A4{width:100%}
#key-visual .banner-bar .A4 li .box p{font-size:16px}
#key-visual .banner-bar .banner .topic{font-size:50px}
#key-visual .banner-bar .banner .date img{width:100px}
#key-visual .banner-bar .others{margin-top:50px}
#key-visual .banner-bar .others .beefBox h2 img{width:95%}
#key-visual .banner-bar .others .beefBox .beefBoxes{padding:5px;margin-top:-5px}
#key-visual .banner-bar .others .beefBox .top img.imgg,#key-visual .banner-bar .others .beefBox .top img.txt{width:calc(100% - 20px);margin-bottom:0}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3 b,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3 b{font-size:35px;line-height:35px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h4,#key-visual .banner-bar .others .beefBox .all_banners .box2 h4,#key-visual .banner-bar .others .beefBox .all_banners .box3 h4{font-size:30px;padding:15px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3,#key-visual .banner-bar .others .beefBox .all_banners .box2 h3,#key-visual .banner-bar .others .beefBox .all_banners .box3 h3{font-size:14px}
#key-visual .banner-bar .others .beefBox .all_banners .box1 h3 img{width:7px}
#key-visual .banner-bar .others .beefBox .all_banners div[class^=box] div[class^=content]{height:250px}
#key-visual .banner-bar .others .beefBox .all_banners .slick-active .box1 p{width:74px;right:calc(50% - 37px)}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b{left:22%;font-style: normal;}
#key-visual .banner-bar .others .beefBox .all_banners .box2 h4 b:last-child{left:calc(20% + 170px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle{width:121px;height:121px;bottom:55px;left:calc(50% - 130px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle p span{font-size:20px}
#key-visual .banner-bar .others .beefBox .all_banners .box3 .circle:last-child{left:calc(50% + 0px)}
#key-visual .banner-bar .others .beefBox .all_banners .box3>p{width:30%}
#key-visual .banner-bar .others .beefBox .all_banners{margin-top:0}
}
@media screen and (max-width:400px){
#key-visual .banner-bar h1{font-size:14px}
#key-visual .banner-bar .A4 li .box p{font-size:14px}
#key-visual .banner-bar .banner .topic{font-size:50px}
}
@media screen and (max-width:350px){
#key-visual .banner-bar .A4 li .box span img{width:30px}
#key-visual .banner-bar .A4 li .box p{font-size:12px}
}