@charset "UTF-8";

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

.main .img11{
    width: min(calc(393/768*100vw),393px);
}
.main .img21,.main .img22{
    width: min(calc(238/768*100vw),238px);
}
.main .img31{
    width: min(calc(238/768*100vw),238px);
    margin-left: 0;
}
.main .img41{
    width: min(calc(183/768*100vw),183px);
}
.main .img42{
    width: min(calc(221/768*100vw),221px);
}
.main .img43{
    width: min(calc(137/768*100vw),137px);
}

.main .grid01{
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 0.5em;
    justify-content: flex-start;
}

.main .grid02{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5em;
    justify-content: flex-start;
}

.main .grid02 div{
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
}

.main .grid03{
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 2em;
    justify-content: center;
}


.main .pdl012{
    padding-left: 1.2em;
}

.main .label03{
    justify-content: center;
}