.top-project-intro{background:#fff;padding:78px 0}.top-project-intro__content{display:flex;gap:30px;justify-content:space-between;margin:0 auto;max-width:1024px}.top-project-intro__text{flex:1}.top-project-intro__tag{font-size:14px;font-weight:700;letter-spacing:.1em;margin:0 0 12px}.top-project-intro__tag,.top-project-intro__title{color:#22262a;font-family:Noto Sans JP,sans-serif;line-height:1.6}.top-project-intro__title{font-size:24px;font-weight:500;margin:0 0 65px;position:relative}.top-project-intro__title:after{background:linear-gradient(270deg,#0e6ec8 27.73%,#2fc87f 85.91%);bottom:-26px;content:"";height:4px;left:0;position:absolute;width:110px}.top-project-intro__description{color:#22262a;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:400;line-height:2em}.top-project-intro__cta{margin-top:40px}.top-project-intro__cta--desktop{display:block}.top-project-intro__cta--mobile{display:none}.top-project-intro__button{align-items:center;border-radius:999rem;color:#fff;display:flex;font-family:var(--font-jp);font-size:1.6rem;font-weight:var(--font-weight-semiBold);gap:.6rem;justify-content:center;line-height:1.5;max-width:100%;padding:1.6rem;text-align:center;white-space:nowrap;width:22.4rem}.top-project-intro__button--secondary{background-color:var(--secondary)}.top-project-intro__image{max-width:480px}.top-project-intro__image-el{border-radius:8px;height:auto;width:100%}@media (min-width:1025px) and (max-width:1279px){.top-project-intro__image{max-width:500px}}@media (min-width:769px) and (max-width:1024px){.top-project-intro__image{flex:1;max-width:480px}}@media (max-width:1024px){.top-project-intro__content{padding:0 64px}}@media (max-width:1023px){.top-project-intro{padding:36px 0 50px}.top-project-intro__content{align-items:center;flex-direction:column;gap:24px;justify-content:center;padding:0;text-align:center}.top-project-intro__image,.top-project-intro__text{margin-left:auto;margin-right:auto}.top-project-intro__title:after{bottom:-35px;left:50%;transform:translateX(-50%)}.top-project-intro__title{margin:0 0 75px}.top-project-intro__description{letter-spacing:.04em;text-align:justify}.top-project-intro__cta--desktop{display:none}.top-project-intro__cta--mobile{display:block}.top-project-intro__image-el{height:330px;object-fit:cover}}@media (min-width:421px) and (max-width:768px){.top-project-intro__image-el{height:auto}}@media (min-width:769px) and (max-width:1023px){.top-project-intro__description{text-align:center}}@media (max-width:375px){.top-project-intro__button{width:248px}}