.pics {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(3, 1fr);
 grid-template-rows: fit-content(20%);
 align-items: top;
 grid-gap: 2px;
 }
 
.pic01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.pic02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.caption01 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 180px;
}

.caption02 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 180px;
}

.chart {
 display: grid;
 grid-template-columns: 50% 50%;
 grid-template-columns: minmax(50px, max-content)
 grid-template-rows: repeat(3, 1fr);
 grid-template-rows: fit-content(20%);
 align-items: top;
 grid-gap: 2px;
 }
 
.chart01 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.chart02 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 2;
 padding: .5rem;
 }

.chart03 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 4;
 grid-row-end: 5;
 padding: .5rem;
 }

.chart04 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 4;
 grid-row-end: 5;
 padding: .5rem;
 }

.chart05 {
 grid-column-start: 1;
 grid-column-end: 2;
 grid-row-start: 6;
 grid-row-end: 7;
 padding: .5rem;
 }

.chart06 {
 grid-column-start: 2;
 grid-column-end: 3;
 grid-row-start: 6;
 grid-row-end: 7;
 padding: .5rem;
 }

.cap01 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 180px;
}

.cap02 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    max-width: 180px;
}

.cap03 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
    max-width: 180px;
}

.cap04 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
    max-width: 180px;
}

.cap05 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 8;
    max-width: 180px;
}

.cap06 {
    color: rgba(0, 0, 0, 0.52); 
    font-size: 16px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4; 
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 8;
    max-width: 180px;
}