@charset "UTF-8";

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

.main .ib{
    display: inline-block;
}

.main .img11{
    width: min(calc(67/768*100vw),67px);
}
.main .img12{
    width: min(calc(68/768*100vw),68px);
}
.main .img13{
    width: min(calc(67/768*100vw),67px);
}
.main .img14{
    width: min(calc(68/768*100vw),68px);
}
.main .img21{
    width: min(calc(24/768*100vw),24px);
    padding-top: 0.5em;
}
.main .img31{
    width: min(calc(94/768*100vw),94px);
    position: absolute;
    right: 3%;
    top: 18%;
}
.main .img41{
    width: min(calc(208/768*100vw),208px);
}
.main .img42{
    width: min(calc(238/768*100vw),238px);
}
.main .img43{
    width: min(calc(255/768*100vw),255px);
}
.main .img44{
    width: min(calc(210/768*100vw),210px);
}
.main .img45{
    width: min(calc(239/768*100vw),239px);
}

.main .grid01{
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    align-items: center;
}

.main .grid01 .grid_item{
    border: 1px solid;
}

.main .grid01 .grid_item:first-of-type{
    border-width: 0 1px 1px 0;
    padding: 0 1em 1em 0;
}
.main .grid01 .grid_item:nth-of-type(2){
    border-width: 0 0 1px 0;
    padding: 0 0 1em 1em;
}
.main .grid01 .grid_item:nth-of-type(3){
    border-width: 0 1px 0 0;
    padding: 1em 1em 0 0;
}
.main .grid01 .grid_item:last-of-type{
    border-width: 0;
    padding: 1em 0 0 1em;
}

.main .grid02{
    display: grid;
    grid-template-columns: repeat(5, auto);
    justify-content: center;
    gap: 0.5em;
}
.main .grid02 .grid_item span{
    border: 1px solid #333333;
    border-radius: 5px;
    padding: 0.5em 1.5em 0.4em;
}

.main .grid03{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
}

.main .grid03 .grid_item{
    position: relative;
}

.main .grid03 .grid_item:last-of-type{
    display: flex;
    align-items: center;
}

.main .num{
    font-family: var(--font-family);
    font-size: min(calc(40/768*100vw), 40px);
    line-height: 1em;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
}

.main .box{
    position: relative;
}

/* .main .howto{
    font-weight: normal;
    margin: 0;
    padding: 0;
} */