.about-section {
    min-height: auto;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    padding: clamp(42px, 7vw, 82px) 7%;
    gap: clamp(34px, 6vw, 80px);
    overflow: hidden;
}

.about-left,
.about-right {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: flex-start;
}

.about-left {
    justify-content: center;
}

.about-right {
    justify-content: flex-start;
}

.about-left img {
    width: 100%;
    max-width: 620px;
    max-height: min(680px, 72vh);
    height: auto;
    object-fit: contain;
    display: block;
}

.text-box {
    width: 100%;
    max-width: 680px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.text-box h2 {
    font-size: clamp(30px, 4vw, 54px);
    line-height: 1.05;
    margin-bottom: clamp(18px, 3vw, 30px);
    font-weight: 800;
}

.text-box p {
    font-size: clamp(15px, 1.3vw, 21px);
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 400;
}

.condition-section{
    width:100%;
    background: var(--ap-surface, #f6f3ea);
    border-bottom:1px solid #b3b3b3;
    font-family:Arial, Helvetica, sans-serif;
}

.condition-header{
    width:100%;
    height:135px;
    display:flex;
    align-items:center;
    padding:0 16px;
    border-bottom:1px solid #d4d4d4;
}

.condition-header h2{
    font-size:22px;
    font-weight:900;
    letter-spacing: 0;
    color:#111;
}

.condition-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,1fr);
}

.condition-card{
    border-right:1px solid #d4d4d4;
}

.condition-card:last-child{
    border-right:none;
}

.condition-image{
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    border-bottom:1px solid #d4d4d4;
    background: var(--ap-surface-deep, #ede9dc);
}

.condition-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.condition-text{
    min-height:100px;
    padding:18px 16px;
    display:flex;
    align-items:flex-start;
}

.condition-text p{
    font-size:15px;
    color:#111;
    line-height:1.4;
}

@media(max-width:900px){

    .condition-grid{
        grid-template-columns:1fr;
    }

    .condition-card{
        border-right:none;
        border-bottom:1px solid #d4d4d4;
    }

    .condition-card:last-child{
        border-bottom:none;
    }

    .condition-header{
        height:100px;
    }

    .condition-header h2{
        font-size:18px;
    }

}

@media (max-width: 900px){

    .about-section{
        grid-template-columns:1fr;
        padding:42px 6%;
        gap:30px;
    }

    .about-right{
        justify-content:center;
    }

    .text-box{
        max-width:680px;
    }

    .condition-grid{
        grid-template-columns:1fr;
    }

    .condition-card{
        border-right:none;
        border-bottom:1px solid #d4d4d4;
    }

    .condition-card:last-child{
        border-bottom:none;
    }

    .condition-header{
        height:100px;
    }

    .condition-header h2{
        font-size:18px;
    }
}

@media (max-width: 500px){

    .about-section{
        padding:32px 16px;
        gap:24px;
    }

    .about-left img{
        max-height:55vh;
    }

    .condition-text p{
        font-size:13.5px;
    }

    .condition-header{
        height:80px;
        padding:0 14px;
    }

    .condition-text{
        min-height:auto;
        padding:16px 14px;
    }
}