#hero{width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin-bottom:75px}#hero .inner{margin:auto;max-width:1070px;width:90%;height:535px;padding-bottom:30px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#hero .inner span.logo-l{width:100px;height:auto}#category-list ul.category-one{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:35px}#category-list ul.category-one li{width:calc(100% / 3 - 20px);margin-bottom:30px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#f3f6fa}@media screen and (max-width:768px){#category-list ul.category-one li{width:calc(100% / 2 - 1.25vw);margin-bottom:2.5vw}}#category-list ul.category-one li:last-of-type{margin-bottom:0}#category-list ul.category-one li a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:200px;width:100%;font-size:2rem}@media screen and (max-width:768px){#category-list ul.category-one li a{height:35vw;max-height:150px;font-size:1.4rem}}@media screen and (max-width:480px){#category-list ul.category-one li a{max-height:110px}}#category-list ul.category-one li a span{position:relative;z-index:9;-webkit-transition:color 480ms;-o-transition:color 480ms;transition:color 480ms;letter-spacing:5.4px}#category-list ul.category-one li a:hover span{color:#fff}#category-list ul.category-one li a:after,#category-list ul.category-one li a:before{opacity:0;-webkit-transition:opacity 480ms;-o-transition:opacity 480ms;transition:opacity 480ms;position:absolute}#category-list ul.category-one li a:hover:after,#category-list ul.category-one li a:hover:before{opacity:1}#category-list ul.category-one li a:before{content:'';top:0;left:0;width:100%;height:100%;background:rgba(49, 49, 49, 0.8)}#category-list ul.category-one li a:after{color:#fff;content:attr(english);font-family:'Philosopher', serif!important;font-size:1.6rem;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:calc(50% - 25px);text-align:right;letter-spacing:2.5px}@media screen and (max-width:1000px){#category-list ul.category-one li a:after{content:none}}#category-list div.category-banner{margin-bottom:35px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#f3f6fa}@media screen and (min-width:768px){#category-list div.category-banner{background-image:none!important}}#category-list div.category-banner a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:opacity 480ms;-o-transition:opacity 480ms;transition:opacity 480ms}#category-list div.category-banner a:hover{opacity:.7}#category-list div.category-banner a .text-box{width:50%;height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:768px){#category-list div.category-banner a .text-box{height:175px;width:100%;color:#fff}}#category-list div.category-banner a .text-box h3.content-heading{width:100%}@media screen and (max-width:768px){#category-list div.category-banner a .text-box h3.content-heading{padding-left:10vw}#category-list div.category-banner a .text-box h3.content-heading span{margin-bottom:0px}}#category-list div.category-banner a .img-box{width:50%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}@media screen and (max-width:768px){#category-list div.category-banner a .img-box{display:none}}#category-list div.category-banner a .img-box:before{content:'';display:block;height:100%;width:36%;background:-webkit-gradient(linear, left top, right top, color-stop(22%, #f3f6fa), to(rgba(243, 246, 250, 0)));background:-webkit-linear-gradient(left, #f3f6fa 22%, rgba(243, 246, 250, 0));background:-o-linear-gradient(left, #f3f6fa 22%, rgba(243, 246, 250, 0));background:linear-gradient(to right, #f3f6fa 22%, rgba(243, 246, 250, 0))}