.about-introduction {
    display:flex;
    gap:55px;
    align-items:flex-start;
}
.about-introduction > div {
    flex:1;
}
.about-introduction h2 {
    font-size:36px;
    line-height:1.3;
    font-weight:500;
    margin-bottom:25px;
}
.about-introduction h3 {
    font-size:19px;
    font-weight:500;
    margin-bottom:20px;
}
.company-profile {
    line-height:2;
    color:#64747c;
}
.about-introduction figure {
    flex:0 0 43%;
    min-width:0;
    margin-top:8px;
}
.about-introduction figure img {
    width:100%;
    height:460px;
    object-fit:cover;
}
.about-introduction figcaption {
    font-size:11px;
    color:#76868d;
    margin-top:10px;
}
.about-process {
    background:#edf1f1;
    padding-block:65px;
}
.about-process h2 {
    font-size:32px;
    font-weight:500;
    margin-bottom:35px;
}
.process-grid {
    display:flex;
    gap:30px;
}
.process-grid article {
    flex:1;
    min-width:0;
}
.process-grid img {
    width:100%;
    aspect-ratio:1.5;
    object-fit:cover;
}
.process-grid h3 {
    margin:20px 0 12px;
    font-size:22px;
    font-weight:500;
}
.process-grid p {
    color:#64747c;
}
@media (max-width:900px) {
    .about-introduction {
        flex-direction:column;
    }
    .about-introduction figure {
        flex-basis:auto;
        width:100%;
    }
    .about-introduction figure img {
        height:420px;
    }
}
@media (max-width:640px) {
    .about-introduction h2 {
        font-size:29px;
    }
    .process-grid {
        flex-direction:column;
    }
    .about-introduction figure img {
        height:320px;
    }
}