a.en{font-family:helvetica;font-weight:100}a.zh{font-family:"Noto Sans SC",sans-serif}#top{margin-top:76px}#top figure{width:calc(50% + 50vw);user-select:none;pointer-events:none}#top figure img{width:75%;vertical-align:bottom}.title h1,.title h3{color:#fff;font-size:2.25rem;line-height:2;font-weight:400}.title h1 span,.title h3 span{font-family:helvetica}@media screen and (max-width: 1024px){.title h1,.title h3{font-size:1.75rem}}@media screen and (max-width: 767px){.title h1,.title h3{font-size:1.25rem}}.title h1.zh,.title h3.zh{font-family:"Noto Sans SC",sans-serif}.title h2{color:#fff;font-family:helvetica;font-size:5rem;font-weight:100}@media screen and (max-width: 1024px){.title h2{font-size:4rem}}@media screen and (max-width: 767px){.title h2{font-size:2.75rem}}#about_company{background-color:#1C1D1D;background-image:url("../img/bg_1.svg");background-size:cover;background-position:50% 20%;background-repeat:no-repeat}#about_company .content{position:relative}@media screen and (max-width: 767px){#about_company .content{position:unset}}#about_company .content::after{content:'';position:absolute;left:100%;top:0;background-color:#fff;height:100%;width:calc(50vw - 50%)}#about_company .content p{color:#fff;font-size:1.5rem}@media screen and (max-width: 1024px){#about_company .content p{font-size:1.25rem}}@media screen and (max-width: 767px){#about_company .content p{font-size:1.125rem}}#about_company .content p.en{font-family:helvetica;font-weight:100}#about_company .content p.zh{font-family:"Noto Sans SC",sans-serif}#about_works{position:relative;z-index:1}#about_works figure{position:absolute;z-index:-1;right:0}#about_works figure img{width:100%}#about_works .title{padding-right:4rem}@media screen and (max-width: 767px){#about_works .title{padding-right:0}}#about_works .title h3{color:#1C1D1D}#about_works .title h3 span{font-family:"Murecho",sans-serif;font-weight:500;background:linear-gradient(transparent 50%, #FF8529 50%, #FF8529 100%, transparent 100%, transparent)}#about_works .title h3.en_line_orange{font-family:helvetica}#about_works .title h3.en_line_orange span{font-family:helvetica;font-weight:100;background:linear-gradient(transparent 50%, #FF8529 50%, #FF8529 100%, transparent 100%, transparent)}#about_works .title h3.zh span{font-family:"Noto Sans SC",sans-serif}#about_works .title h2{color:#1C1D1D}#about_works ul li{color:#1C1D1D;font-size:1.5rem;list-style:none;line-height:2}#about_works ul li.en{font-family:helvetica}#about_works ul li.zh{font-family:"Noto Sans SC",sans-serif}@media screen and (max-width: 640px){#about_works ul li{font-size:1.125rem}}#about_works ul li span{color:#fff;background-color:#1C1D1D;border-radius:9999px;display:inline-block;margin-right:0.5rem;width:1.25rem;height:1.25rem;font-size:1rem;text-align:center;line-height:1.25}#contact{background-color:#1C1D1D;position:relative;z-index:2;color:#fff}#contact .logo h4{font-size:1.5rem;font-family:"Murecho",sans-serif;white-space:nowrap}#contact .logo h4 span{font-family:helvetica;font-size:1.5rem}#contact .logo h4 span.hidden{display:inline}#contact h3,#contact p{font-size:1.25rem}@media screen and (max-width: 540px){#contact h3,#contact p{text-align:center;font-size:0.875rem}}#contact .contact_box{width:82.857%;border-top:1px solid #fff;border-bottom:1px solid #fff}#contact .contact_box p.en{font-family:helvetica}@media screen and (max-width: 767px){#contact .contact_box{width:100%}}
