@charset "UTF-8";

.main img{
    display: block;
    margin: 0 auto;
}

.main .img01{
    width: min(calc(718/768*100vw),718px);
}

.main .img02{
    width: min(calc(262/768*100vw),262px);
    align-self: flex-end;
}

.main .img03{
    width: min(calc(305/768*100vw),305px);
    align-self: flex-end;
}

.main .img04{
    width: min(calc(460/768*100vw),460px);
}

.main .img05{
    width: min(calc(263/768*100vw),263px);
}

.main .grid01{
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 1vw;
}

.main .grid01 .subgrid{
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
}

.main .grid02{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 1vw;
}

.main .pdl01em{
    padding-left: 1em;
}