.background-set,#top .about__bg{background-position:center;background-repeat:no-repeat;background-size:cover}.content-width{margin:0 auto;max-width:1200px}#top .features::before{opacity:0;content:"";width:0;height:0;position:absolute;top:-40px;left:0;border-style:solid;border-width:40px 100vw 0 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}@media screen and (min-width: 1024px){#top .features::before{top:-80px;border-width:80px 100vw 0 0}}#top .features__inner{padding:100px 0;max-width:1150px}@media screen and (min-width: 1024px){#top .features__inner{padding:150px 0}}#top .features .swiper h2{font-size:20px;margin-bottom:20px}@media screen and (min-width: 1024px){#top .features .swiper h2{font-size:28px}}#top .features .swiper p{font-size:14px}@media screen and (min-width: 1024px){#top .features .swiper p{font-size:16px}}#top .features .swiper-slide img{filter:brightness(0.5)}#top .features .swiper-txt{z-index:2;width:85%;line-height:1.5;color:#fff;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 1024px){#top .features .swiper-txt{line-height:2}}#top .features .swiper-button-next::after{font-family:"Font Awesome 6 Free";font-weight:900;content:"";color:#fff;font-size:30px}#top .features .swiper-button-prev::after{font-family:"Font Awesome 6 Free";font-weight:900;content:"";color:#fff;font-size:30px}@media(min-width: 360px){.active #top .features{position:relative}}.active #top .features::before{opacity:1;transition:.5s}#top .works{background-color:#333}#top .works h3 span{display:inline-block;will-change:transform}#top .works::before{content:"";width:0;height:0;position:absolute;top:-40px;left:0;border-style:solid;border-width:40px 100vw 0 0;border-color:rgba(0,0,0,0) #333 rgba(0,0,0,0) rgba(0,0,0,0)}@media screen and (min-width: 1024px){#top .works::before{top:-80px;border-width:80px 100vw 0 0}}#top .works .main-title{background:linear-gradient(-45deg, #000, #fff);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;margin-left:auto}#top .works .main-title::before{background:linear-gradient(-45deg, #000, #fff);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;opacity:.2;content:"Works"}#top .works .main-title::after{background:#fff}#top .works__inner{padding:100px 0;max-width:550px}@media screen and (min-width: 768px){#top .works__inner{max-width:1150px}}#top .works__wrap{row-gap:30px}@media screen and (min-width: 768px){#top .works__wrap{row-gap:50px}}@media screen and (min-width: 768px){#top .works__box{display:flex;justify-content:space-between;align-items:center}}#top .works__img{justify-content:center;align-items:first baseline}@media screen and (min-width: 768px){#top .works__img{margin:0;width:50%}}@media screen and (min-width: 768px){#top .works__img.right{order:2}}#top .works__img a.lg{width:60%}#top .works__img a.sm{width:25%}#top .works__txt{line-height:1.8;color:#fff}@media screen and (min-width: 768px){#top .works__txt{width:45%}}#top .about{position:relative}#top .about::before{content:"";width:0;height:0;position:absolute;top:-40px;left:0;border-style:solid;border-width:40px 100vw 0 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}@media screen and (min-width: 1024px){#top .about::before{top:-80px;border-width:80px 100vw 0 0}}#top .about .main-title::before{content:"About"}#top .about h3{font-size:20px;font-weight:bold;text-align:center}@media screen and (min-width: 1024px){#top .about h3{font-size:28px}}#top .about h3 span{display:inline-block;will-change:transform}#top .about p{text-align:center;line-height:1.5}@media screen and (min-width: 768px){#top .about p{line-height:2}}#top .about ul{line-height:2}@media screen and (min-width: 768px){#top .about ul{width:50%}}#top .about ul.skill{width:100%;justify-content:center}#top .about li.line-li{padding:0 5px}#top .about li.blog-link a{font-weight:bold;text-decoration:underline}#top .about__inner{padding:100px 0;max-width:550px;z-index:0}@media screen and (min-width: 768px){#top .about__inner{max-width:1150px}}#top .about .js_1_img{visibility:hidden}#top .about__img::after{animation-delay:.5s}#top .about__img.img{width:80%;margin:0 auto;margin-bottom:30px;max-width:250px;overflow:hidden;border-radius:50%}#top .about__img.img-2{text-align:center;width:80%;margin:0 auto;margin-bottom:10px}@media screen and (min-width: 768px){#top .about__img.img-2{margin:0;width:40%}}@media screen and (min-width: 768px){#top .about__img.img-2 img{width:100%}}#top .about__txt{max-width:400px;margin:0 auto;margin-bottom:30px;line-height:2;text-align:center}@media screen and (min-width: 768px){#top .about__txt{max-width:-moz-fit-content;max-width:fit-content}}@media screen and (min-width: 1024px){#top .about__txt{margin-bottom:50px}}#top .about__ttl.history,#top .about__ttl.skill{margin-bottom:10px}@media screen and (min-width: 1024px){#top .about__ttl.history,#top .about__ttl.skill{margin-bottom:40px}}#top .about__flex{margin-bottom:30px}@media screen and (min-width: 768px){#top .about__flex{display:flex;align-items:center;justify-content:space-between;max-width:700px;margin:0 auto;margin-bottom:30px}}@media screen and (min-width: 1024px){#top .about__flex{max-width:900px;margin-bottom:50px}}#top .about__box{max-width:400px;margin:0 auto}@media screen and (min-width: 768px){#top .about__box{max-width:100%}}#top .about__bg{color:#fff;filter:brightness(50%);justify-content:center;overflow:hidden;height:250px;background-image:url(../images/about/pc.b8d58c2295c32cdd8ea4.jpg);z-index:0}@media screen and (min-width: 1024px){#top .about__bg{height:300px}}#top .about__case{width:100%;color:#fff;top:50%;left:50%;transform:translate(-50%, -50%)}