@charset "UTF-8";

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

.main .box{
    position: relative;
}

.main .img11{
    width: min(calc(270/768*100vw),270px);
    position: absolute;
    top: 0;
    right: 0;
}
.main .img21{
    width: min(calc(695/768*100vw),695px);
}

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

.main .grid01_item{
    background-color: #d5ece1;
    text-align: center;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    padding: 2em 1em;
    border-radius: 50%;
}

.main .grid01_item span{
    align-self: center;
}

.main .add_text{
    text-align: right;
    color: #666666;
}