.section-banner{position:relative;box-shadow:0px 2px 6px 0px rgba(0,0,0,.1607843137) inset}.section-banner::before{width:50%;height:100%;background:linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0;content:""}.section-banner::after{width:100%;height:50%;background:linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;bottom:0;content:""}.section-banner h1{position:relative;z-index:1}.section-banner .category-list{border-top:1px solid #555;position:relative;z-index:1}.section-banner .category-list ul{list-style:none;display:flex;align-items:center;padding:0;margin:0}.section-banner .category-list ul a{padding:28px;min-width:280px;display:block;color:#fff;text-align:center;text-decoration:unset;font-size:18px;font-family:var(--font-heading);font-weight:600;position:relative}.section-banner .category-list ul a::before{content:"";height:1px;width:0;background:var(--color-main);position:absolute;left:0;top:-1px;transition:width .5s ease}.section-banner .category-list ul a:hover{color:var(--color-main)}.section-banner .category-list ul a:hover::before{width:100%}.section-banner .category-list ul li.active a{color:var(--color-main)}.section-banner .category-list ul li.active a::before{width:100%}.section-breadcrumbs .breadcrumbs{font-weight:400;font-size:16px}.section-breadcrumbs .breadcrumbs .breadcrumb{color:#555;font-weight:400}.section-breadcrumbs .breadcrumbs a:hover{text-decoration:none;color:var(--color-main)}.section-breadcrumbs .breadcrumbs__separator{color:#ccc;padding:0 16px}@media(max-width: 1024px){.section-banner .category-list ul a{min-width:unset;padding:8px 12px}}@media(max-width: 767px){.section-banner.banner-about .category-list ul{display:grid;grid-template-columns:repeat(2, 1fr)}.section-banner.banner-about .category-list ul li a{padding:6px;font-size:14px}}.main{overflow-x:hidden}.banner-b2b{background:linear-gradient(270deg, #DD5928 50%, #CF3800 100%)}.banner-b2b.banner-b2bdc{background:linear-gradient(270deg, #44823D 50%, #206318 100%)}.banner-b2b__left{width:60%}.banner-b2b__left span{font-family:var(--font-heading)}.banner-b2b__left h1{color:#f7ab26}.banner-b2b__left h1 span{color:#fff}.banner-b2b__right{width:40%}.banner-b2b__right .image{--width: 100vw;margin-right:calc(50% - var(--width)/2)}@media(max-width: 767px){.banner-b2b__right .image{margin-right:0}}.banner-b2b__right .image img{max-height:400px;aspect-ratio:606/400}.content-b2b.ver3 .content-b2b__item{flex:0 0 calc((100% - 48px)/3)}@media(max-width: 767px){.content-b2b.ver3 .content-b2b__item{flex:0 0 100%}}.content-b2b.content-b2bdc .content-b2b__item{background:linear-gradient(#fff, #fff) padding-box,linear-gradient(180deg, #D2C737, #44823D) border-box;transition:.3s ease;cursor:pointer}.content-b2b.content-b2bdc .content-b2b__item h2{transition:.3s ease}.content-b2b.content-b2bdc .content-b2b__item:hover{box-shadow:0px 0px 16px 0px rgba(0,0,0,.1607843137)}.content-b2b.content-b2bdc .content-b2b__item:hover h2{color:#fff;background:var(--color-green)}.content-b2b__header{max-width:996px;margin:auto}.content-b2b__text{border:1px solid rgba(0,0,0,0);background:linear-gradient(#fff, #fff) padding-box,linear-gradient(180deg, #F7AB26, #DD5928) border-box;border-radius:16px;position:relative;overflow:hidden}.content-b2b__text::after{content:url("../images/b2bdv.png");position:absolute;right:24px;bottom:-5px}.content-b2b__text.other::after{content:url("../images/b2bnl.png");position:absolute;right:24px;bottom:-5px}@media(max-width: 1023px){.content-b2b__text::after{content:""}.content-b2b__text.other::after{content:""}}.content-b2b__text h2{font-size:24px;margin:0 0 16px}@media(max-width: 767px){.content-b2b__text h2{font-size:20px}}.content-b2b__text p{margin:0 0 12px}.content-b2b__text ul{margin:0;padding-left:24px}.content-b2b__text ul li{margin-bottom:12px}.content-b2b__text ul li:last-child{margin-bottom:0}.content-b2b__text.other ul{margin:0 0 12px}.content-b2b__text.other ul.text{margin:0}.content-b2b__item{border:1px solid rgba(0,0,0,0);background:linear-gradient(#fff, #fff) padding-box,linear-gradient(180deg, #F7AB26, #DD5928) border-box;border-radius:16px;transition:.3s ease;cursor:pointer;display:block}.content-b2b__item h2{transition:.3s ease}.content-b2b__item:hover{box-shadow:0px 0px 16px 0px rgba(0,0,0,.1607843137)}.content-b2b__item:hover h2{color:#fff;background:var(--color-main)}.content-b2b__item .desc ul{margin:0;padding-left:24px}.content-b2b__item .desc ul li{margin-bottom:12px}.content-b2b__item .desc ul li:last-child{margin-bottom:0}.content-b2b__item .desc p:last-child{margin:0}@media(max-width: 767px){.banner-b2b__wrap{flex-wrap:wrap}.banner-b2b__left{width:100%}.banner-b2b__right{width:100%}}
