.banner{align-items:center;background-image:var(--banner-bg-pc);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:50vh;justify-content:center;text-align:center;width:100%}.banner__inner{padding:10px}.t-lp-learn-by-video .banner__inner{margin:0 auto;max-width:1000px}.banner__title{background-color:#fff;color:#000;display:inline-block;font-size:36px;font-weight:700;margin:0 auto;padding:0 12px 5px}.banner__title span.red{color:#99000f}@media screen and (max-width:767px){.banner{background-image:var(--banner-bg-sp,var(--banner-bg-pc));height:35vh}.banner__inner{margin:0 auto;max-width:370px;position:relative;text-align:left;top:70%}.banner__title{background-color:transparent;font-size:24px;padding:0}.banner__title .spInlineBlock{background-color:#fff;display:inline-block;letter-spacing:0;padding:0 5px}}.hero__lead{color:#fff;font-size:26px;line-height:1.5;margin:30px 0 0;text-shadow:10px 0 10px rgba(0,0,0,.5)}@media screen and (max-width:768px){.t-lp-learn-by-video .banner{height:82.66667vw}.t-lp-learn-by-video .banner__inner{text-align:center;top:0}.hero__title{margin:0 auto;width:86.66667vw}.hero__lead{font-size:4.8vw;margin:4vw 0 0}}