.about-banner{width:100%}.about-banner .swiper .meidia-box{padding-bottom:40%;overflow:hidden;position:relative}.about-banner .swiper .meidia-box img,.about-banner .swiper .meidia-box video{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;object-fit:cover}.about-banner .text{position:absolute;inset-inline-start:0;top:clamp(40px,3.125vw,60px);width:100%;height:calc(100% - clamp(40px, 3.125vw, 60px));z-index:3;display:flex;align-items:center;justify-content:flex-start}.about-banner .text .m-width-content{width:100%}.about-banner .text .tit{font-weight:600;font-family:Manrope;font-size:clamp(33.33333px,2.60417vw,50px);font-weight:700;line-height:normal;letter-spacing:0;color:#FFFFFF}.about-banner .text .tit-m{font-size:clamp(20px,1.5625vw,30px);color:#FFFFFF}@media screen and (min-width:1301px){.about-banner .text .m-width-content{transform:translateY(-130px)}.about-banner .text .tit-m{max-width:22em;margin-top:12px;line-height:1.35}}.about-box{overflow:hidden;position:relative}.about-box .about-tit{text-align:center}.about-box .about-tit .tit{font-weight:600;font-family:Manrope;font-size:clamp(33.33333px,2.60417vw,50px);font-weight:700;line-height:normal;letter-spacing:0;color:#000000}.about-box .about-tit .tit h1,.about-box .about-tit .tit h2,.about-box .about-tit .tit h3{font-weight:700}.about-box .about-tit .tips{margin-top:clamp(13.33333px,1.04167vw,20px);font-family:Manrope;font-size:clamp(16px,1.04167vw,20px);font-weight:400;line-height:2;color:#666666}.about-box .about-page-01{padding:clamp(53.33333px,4.16667vw,80px) 0;background:url(https://cdn.sanity.io/images/sh7vu7l5/production/5ba1f2fde0873abfd433ad5610fd8d36d63693d5-1806x497.png) no-repeat top}@media screen and (max-width:767px){.about-banner .swiper .swiper-slide{position:relative}.about-banner .swiper .swiper-slide:after{content:"";position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.36);pointer-events:none}.about-banner .text{transform:translateY(-20px)}}@media screen and (max-width:1300px){.about-banner .swiper .meidia-box{padding-bottom:100%}.about-box .about-page-01{padding:40px 0}}@media screen and (min-width:481px) and (max-width:1300px){.about-banner .swiper .meidia-box{padding-bottom:60%}.about-banner .text{top:60px;height:auto;align-items:flex-start}.about-banner .swiper .meidia-box img,.about-banner .swiper .meidia-box video{object-position:75% center}}