.hero-banner-pc{--hero-banner-pc-fade:linear-gradient(90deg, transparent 0, var(--tg-primary-main,#1a2c38) 4px, var(--tg-primary-main,#1a2c38) calc(100% - 4px), transparent 100%);width:100%;container:grid-size/inline-size}.hero-banner-pc__grid{width:100%;display:flex;position:relative}.hero-banner-pc__grid:hover .hero-banner-pc__arrow{opacity:1}.hero-banner-pc__content{scroll-behavior:smooth;scroll-snap-type:x mandatory;grid-auto-flow:column;column-gap:16px;width:100%;display:grid;position:relative;overflow-x:auto}.hero-banner-pc__hero{border-radius:var(--tg-radius-md,8px);background:var(--tg-secondary-grey,#213743);height:190px;color:var(--tg-text-white,#fff);cursor:pointer;scroll-snap-align:start;flex-direction:column;display:flex;position:relative;overflow:hidden;container:card-size/inline-size}.hero-banner-pc__hero:last-child{margin-inline-end:8px}.hero-banner-pc__hero--single:last-child{margin-inline-end:0}.hero-banner-pc__image{width:100%;height:100%;position:absolute;inset:0}.hero-banner-pc__image img{object-fit:fill}.hero-banner-pc__arrow{z-index:2;opacity:0;color:#fff;pointer-events:none;justify-content:center;align-items:center;height:100%;font-size:20px;transition:opacity .2s;display:flex;position:absolute;inset-block-start:0}.hero-banner-pc__arrow--prev{inset-inline-end:calc(100% - 8px)}.hero-banner-pc__arrow--next{inset-inline-start:calc(100% - 8px)}.hero-banner-pc__arrow-btn{height:100%;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;padding-block:12px 0;display:flex}.hero-banner-pc__arrow--prev .hero-banner-pc__arrow-btn{padding-inline:32px 16px}.hero-banner-pc__arrow--next .hero-banner-pc__arrow-btn{padding-inline:16px 32px}.hero-banner-pc__arrow-icon{width:1em;height:1em;font-size:20px;display:block}.hero-banner-pc__other{z-index:10;flex-direction:column;justify-content:space-between;width:66%;height:100%;padding:10px 12px;display:flex;position:absolute;inset-block-start:0}.hero-banner-pc__other--left{inset-inline-start:0}.hero-banner-pc__other--right{padding-inline-start:16px;inset-inline-end:0}.hero-banner-pc__banner-content{flex:1;max-width:200px;height:0;line-height:1.3;overflow:hidden}.hero-banner-pc__banner-content--left{padding-inline-end:3px}.hero-banner-pc__banner-content--right{padding-inline-start:3px}.hero-banner-pc__banner-text{padding-inline-end:2px;font-size:14px;overflow:hidden}.hero-banner-pc__name{background-color:var(--tg-text-white,#fff);color:var(--tg-secondary-deepdark,#0f212e);white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;margin-block-end:6px;padding-inline:4px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.hero-banner-pc__right-icon{align-items:center;width:46%;height:100%;display:flex;position:absolute;inset-block-end:0}.hero-banner-pc__right-icon--left{justify-content:flex-start;padding:16px;inset-inline-start:0}.hero-banner-pc__right-icon--right{justify-content:flex-end;padding:16px;inset-inline-end:0}.hero-banner-pc__right-img{width:auto;height:100%}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@container grid-size not (min-width:50rem){.hero-banner-pc__grid:not(.hero-banner-pc__grid--single):after{content:"";z-index:10;background-image:var(--hero-banner-pc-fade);pointer-events:none;width:28px;position:absolute;inset-block:0;inset-inline-end:-16px}.hero-banner-pc__content{column-gap:8px}.hero-banner-pc__hero:last-of-type{margin-inline-end:4px}.hero-banner-pc__banner-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}@container card-size not (max-width:18.875rem){.hero-banner-pc__right-icon{width:54%}.hero-banner-pc__right-icon--right{padding:12px}}@container card-size not (max-width:21.5rem){.hero-banner-pc__right-icon{width:56%}.hero-banner-pc__other{width:62%;padding:12px}.hero-banner-pc__right-icon--right{padding:16px}}@container card-size not (max-width:24.5rem){.hero-banner-pc__right-icon{width:50%}}@container card-size not (max-width:28rem){.hero-banner-pc__right-icon{width:48%}}