.btn,.info-section .info a,.latest p a,.latest-zone ul .li-group h4 a,.main-section-inside h4 a,.mobile-menu ul a,.most-popular ul h4 a,footer .container p a,nav ul a{text-decoration:none}@font-face{font-family:Lato-Bold;src:url(../fonts/Lato-Bold.woff2) format("woff2");font-size:1rem;font-style:normal;font-weight:700;line-height:166%;letter-spacing:.1rem}@font-face{font-family:Lato-Regular;src:url(../fonts/Lato-Regular.woff2) format("woff2");font-size:1.125rem;font-style:normal;font-weight:400;line-height:166%;letter-spacing:.1125rem}@font-face{font-family:RedHatDisplay-Medium;src:url(../fonts/RedHatDisplay-Medium.woff2) format("woff2");font-size:1.5rem;font-style:normal;font-weight:500;line-height:166%;letter-spacing:.15rem}@font-face{font-family:RedHatDisplay-Regular;src:url(../fonts/RedHatDisplay-Regular.woff2) format("woff2");font-size:3rem;font-style:normal;font-weight:400;line-height:4rem;letter-spacing:.15rem}@font-face{font-family:RedHatDisplay-SemiBold;src:url(../fonts/RedHatDisplay-SemiBold.woff2) format("woff2");font-size:1.75rem;font-style:normal;font-weight:600;line-height:2.25rem;letter-spacing:.0875rem}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease}button{cursor:pointer}img{vertical-align:top;width:100%;height:100%;object-fit:cover}.container,.header-container{width:min(90%,1200px);margin:0 auto}body{font-size:1rem;color:#000;font-family:sans-serif}.page-wrapper{display:flex;flex-direction:column;justify-content:space-between}.page-wrapper main{flex-grow:1}.header-container{height:100px;display:flex;align-items:center;justify-content:space-between}.logo svg{width:142px}nav ul{display:flex;width:500px;height:18px;gap:42px;text-transform:uppercase;font-family:Lato-Regular;font-size:.875rem;font-weight:400;letter-spacing:.2625rem}nav ul li:hover{text-decoration:underline}nav ul a{color:#000}.search svg{margin-left:70px;width:17px;height:16px}.hamburger button{display:none;width:40px;height:40px;border:none;background-color:transparent;position:relative}.hamburger button::after,.hamburger button::before{content:""}.hamburger button span,.hamburger button::after,.hamburger button::before{display:inline-block;height:3px;width:30px;border-radius:2px;background-color:#333;position:absolute;left:3px}.hero span,h2{height:120px;color:#000}.hero,h2{width:100%}.hamburger button span{top:7px}.hamburger button::before{top:50%;transform:translateY(-50%)}.hamburger button::after{bottom:7px}.hamburger button.close span{display:none}.hamburger button.close::before{top:15px;rotate:45deg}.hamburger button.close::after{top:15px;rotate:-45deg}.hero{margin-bottom:90px}.hero img{position:relative}.hero span{position:absolute;left:135px;top:200px;font-family:RedHatDisplay-SemiBold;font-size:3rem;font-weight:600;line-height:4rem;letter-spacing:.15rem}h2{font-family:RedHatDisplay-Regular;font-size:48px;font-weight:400;line-height:64px;letter-spacing:2.4px}.main-section{display:flex;flex-direction:row;gap:30px;margin-bottom:50px}.main-section>div{width:50%}.main-section-inside{margin:auto auto auto 0}.main-section-inside .title{width:250px;height:20px;color:#7B7B7B;font-family:Lato-Regular;font-size:1rem;letter-spacing:.05rem;margin-bottom:30px}.main-section-inside h4{margin-bottom:15px}.main-section-inside h4 a{color:#000;font-family:RedHatDisplay-Regular;font-size:23px;font-weight:500;line-height:166%;letter-spacing:2.3px;margin-bottom:15px}.main-section-inside .paragraph,.main-section-inside time{font-family:Lato-Regular;letter-spacing:.05rem;font-size:1rem}.main-section-inside time{color:#7B7B7B}.main-section-inside .paragraph{margin-top:40px;color:#565656;max-width:448px}.main-section.flex-end-version{display:flex;flex-direction:row-reverse;align-items:center;margin-bottom:90px}.btn .load-more,.latest{display:flex;align-items:center}.latest{margin-bottom:50px;justify-content:space-between}.latest h3{color:#000;font-family:RedHatDisplay-Regular;font-size:28px;font-weight:600;line-height:166%;letter-spacing:2.8px}.latest p a,.latest-zone ul li .li-group span{color:var(--Grey-500,#7B7B7B);font-family:Lato-Regular}.latest p a{font-size:1rem;letter-spacing:.05rem}@keyframes bounce{0%,100%{top:90%}50%{top:10%}}.latest-zone ul{display:flex;gap:45px;margin-bottom:90px}.latest-zone ul li{flex:1 1 calc(33.33% - 30px);display:flex;flex-direction:column}.latest-zone ul li .img-wrap-latest{width:100%;position:relative;padding-top:70%;overflow:hidden;margin-bottom:20px}.latest-zone ul li .img-wrap-latest img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;animation-name:bounce;animation-duration:2s;animation-iteration-count:infinite}.latest-zone ul li .li-group span{font-size:.75rem;letter-spacing:.075rem}.latest-zone ul li .li-group span.topic{float:left}.latest-zone ul li .li-group span.time{float:right}.latest-zone ul .li-group h4{margin:25px 0 20px}.latest-zone ul .li-group h4 a{color:#000;font-family:RedHatDisplay-Medium;font-size:1.5rem;font-weight:500;line-height:166%;letter-spacing:.15rem}.latest-zone ul .li-group p,.most-popular ul li span{color:#7B7B7B;font-family:Lato-Regular}.latest-zone ul .li-group p{font-size:1rem;letter-spacing:.05rem}.latest-second h3{width:266px}.most-popular ul{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}.most-popular ul li img{width:100%;height:260px;margin-bottom:20px}.most-popular ul li span{font-size:.75rem;font-weight:400;line-height:166%;letter-spacing:.075rem}.most-popular ul li span.topic{float:left}.most-popular ul li span.time{float:right}.most-popular ul h4{margin:25px 0 20px}.most-popular ul h4 a{color:#000;font-family:RedHatDisplay-Medium;font-size:1.5rem;font-weight:500;line-height:166%;letter-spacing:.15rem}.btn,.most-popular ul p{font-family:Lato-Regular;font-size:1rem;letter-spacing:.05rem}.most-popular ul p{color:#565656}.btn{color:#fff}.info-section,.info-section .info,footer .container h5{font-family:RedHatDisplay-Regular}.btn .load-more{width:180px;height:46px;background-color:#565656;justify-content:center;margin:auto auto 90px}.info-section,footer .container{align-items:center;display:flex}.info-section{justify-content:space-between;margin-bottom:90px}.info-section .info{width:470px}.info-section .info a{color:#000}.info-section .info-left{color:#000;font-size:1.4375rem;letter-spacing:.14375rem}.info-section .info-right{color:#565656;font-size:1.1875rem;line-height:2rem;letter-spacing:.05938rem}footer{background-color:#F4F4F4}footer .container{justify-content:space-between}footer .container h5{color:#000;font-size:2rem;font-weight:400;line-height:4rem;letter-spacing:.15rem;margin-top:70px;margin-bottom:30px}footer .container p{color:#000;font-family:Lato-Regular;font-size:1rem;line-height:166%;letter-spacing:.1rem}footer .container p a{color:#000}footer .container .footer-nav ul{display:flex}footer .container .footer-nav ul li svg{border:1px solid #565656;width:3.125rem;height:3.125rem;padding:.625rem;flex-direction:column;justify-content:center;align-items:center;background-color:#F4F4F4;margin:0 11px;transition:all .3s ease}.mobile-menu-panel,.overlay{position:fixed;left:0;top:0;height:100dvh}footer .container .footer-nav ul li svg:hover{filter:invert(1);color:#fff}.container-last{display:flex;text-align:center}.container-last .copyright{display:inline-block;color:#000;font-family:Lato-Regular;font-size:.75rem;letter-spacing:.075rem;margin:26px auto 75px;text-align:center}.overlay{visibility:hidden;opacity:0;width:100%;background-color:rgba(0,0,0,.7);z-index:100}.overlay.open{visibility:visible;opacity:1;transition:all .5s ease}.mobile-menu-panel{transition:all .5s ease;width:300px;background-color:#fff;z-index:101;transform:translateX(-100%)}.mobile-menu-panel.open{transform:translateX(0)}.mobile-menu-panel .mm-top{display:flex;align-items:center;justify-content:space-between;padding:20px}.mobile-menu ul{display:flex;flex-direction:column;width:30vw;margin-left:10px}.mobile-menu ul a{display:inline-block;width:100%;height:40px;line-height:40px;font-size:1.5rem}@media screen and (max-width:768px) and (min-width:321px){header .header-container{width:100%;justify-content:space-around}header .header-container nav{display:none}.hamburger button{display:block}main .hero img{max-width:768px;max-height:320px;margin-bottom:-35px}main .hero span{width:auto;height:auto;font-family:RedHatDisplay-Medium;font-size:4.25vw;line-height:2rem;font-weight:600;top:124px;left:34px}.container{width:90%}.container h2{width:100%;font-family:RedHatDisplay-Regular;font-size:5.25vw;margin-bottom:-20px}.container .main-section{display:flex;gap:20px}.container .main-section .main-section-inside{height:280px;box-sizing:border-box}.container .main-section .main-section-inside h4 a{font-size:3.25vw}.container .main-section .main-section-inside p{font-size:2.5vw;width:auto}.container .main-section flex-end-version img{object-fit:cover}.container .latest{width:100%;justify-content:space-between}.container .latest h3{font-size:5vw}.container .latest p{float:right;font-size:4vw}.container .latest p a{display:contents;font-size:4vw}.container .latest-zone ul{flex-direction:column}.container .latest-zone ul li{flex-direction:row;gap:20px}.container .latest-zone ul li>div{width:50%;padding-top:10px}.container .latest-zone ul li:nth-child(2){flex-direction:row-reverse}.container .latest-zone ul li img{object-fit:cover}.container .latest-zone ul li .li-group span,.container .latest-zone ul li p{font-size:3vw}.container .latest-zone ul li .li-group h4 a{font-size:4vw}.container .most-popular{gap:20px}.container .most-popular ul li img{max-height:160px;max-width:320px;object-fit:cover;width:100%}.container .most-popular ul li img .topic{font-size:2vw}.container .most-popular ul li img .time{font-size:1.5vw}.container .info-section{display:inline}.container .info-section .info-left{width:auto}.container .info-section .info-right{width:auto;text-align:right;margin-bottom:50px;background-color:#fff}footer .container{display:flex;flex-direction:column}footer .container .footer-qote{font-family:RedHatDisplay-Medium}footer .container .footer-qote h5{text-align:center;margin:50px auto 20px}footer .container .footer-qote .tel{margin:0 auto 15px;text-align:center}footer .container .footer-qote .mail{text-align:center;margin:0 auto 40px}footer .container .footer-nav ul{margin-left:0}}@media screen and (max-width:400px) and (min-width:321px){.container h2{font-size:7.25vw}.container .main-section .main-section-inside{height:330px}.container .main-section .main-section-inside h4 a{font-size:5.25vw;letter-spacing:normal}.container .main-section .main-section-inside p{font-size:4vw;margin-top:10px}.container .latest p a{display:contents;font-size:4vw}.container .latest-zone ul li .li-group span,.container .latest-zone ul li p{font-size:4.5vw}.container .latest-zone ul li time{font-size:3vw}.container .latest-zone ul li .li-group h4 a{font-size:5vw}.container .most-popular{gap:20px}.container .most-popular ul li img{max-height:160px;max-width:320px;object-fit:cover;width:100%}.container .most-popular ul li img .topic{font-size:2vw}.container .most-popular ul li img .time{font-size:1.5vw}}@media screen and (max-width:320px) and (min-width:120px){header .header-container{width:100%;justify-content:space-around}header .header-container nav{display:none}.hamburger button{display:block}main .hero img{width:100%;max-height:320px}main .hero span{width:auto;height:auto;font-size:4.25vw;line-height:2rem;top:124px;left:34px}.container{width:90%}.container h2{text-align:center;width:100%;font-family:RedHatDisplay-Regular;font-size:20vw;font-weight:400;line-height:4rem;letter-spacing:.15rem}.container .main-section{display:flex;flex-direction:column-reverse}.container .main-section>div{width:100%}.container .main-section .main-section-inside{height:280px;box-sizing:border-box}.container .main-section .main-section-inside h4 a{font-size:6vw}.container .main-section .main-section-inside time{font-size:4vw}.container .main-section .main-section-inside p{font-size:5vw;width:auto}.container .main-section flex-end-version img{object-fit:cover}.container .latest{width:100%;justify-content:space-between;display:block}.container .latest h3{font-size:6vw}.container .latest p{float:left}.container .latest p a{margin-left:0;font-size:.8rem}.container .latest-zone ul{display:flex;flex-direction:column}.container .latest-zone ul li img{width:90vw}.container .latest-second{display:block}.container .latest-second p{float:left}.container .most-popular{gap:20px}.container .most-popular ul{display:flex;flex-direction:column}.container .most-popular ul li img{max-height:160px;max-width:320px;object-fit:cover;width:100%}.container .most-popular ul li img .topic{font-size:2vw}.container .most-popular ul li img .time{font-size:1.5vw}.container .info-section{display:inline}.container .info-section .info-left{width:auto}.container .info-section .info-right{width:auto;text-align:left;margin-bottom:50px}footer .container{display:flex;flex-direction:column}footer .container .footer-qote{font-family:RedHatDisplay-Medium}footer .container .footer-qote h5{font-size:2rem;text-align:center;margin:50px auto 20px}footer .container .footer-qote .tel{margin:0 auto 15px;text-align:center}footer .container .footer-qote .mail{text-align:center;margin:0 auto 40px}footer .container .footer-nav ul{font-size:1rem;margin-left:0;padding-right:0}footer .container .footer-nav ul li a svg{width:35px;height:35px;padding:5px}}