@charset "UTF-8";

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

.main .img11{
    width: min(calc(646/768*100vw),646px);
}
.main .img21{
    width: min(calc(662/768*100vw),662px);
}
.main .img31,.main .img32,.main .img33{
    width: min(calc(90/768*100vw),90px);
}
.main .img41{
    width: min(calc(141/768*100vw),141px);
    margin-top: -1.5em;
}
.main .img42{
    width: min(calc(218/768*100vw),218px);
}

.main .grid01{
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 1.5em;
    justify-content: flex-start;
}
.main .grid02{
    display: grid;
    grid-template-columns: repeat(2, min(calc(256/768*100vw),256px));
    gap: 2em;
}
.main .grid02 div{
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
    align-items: center;
}
.main .grid03{
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
}
.main .grid03 div{
    margin-right: 1em;
}