@charset "UTF-8";

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

.main .img01,.main .img02,.main .img03{
    width: min(calc(637/768*100vw),637px);
}
.main .img04{
    width: min(calc(313/768*100vw),313px);
}

.main .border{
    width: fit-content;
    border: 2px solid;
    line-height: 1.2;
    padding: 0.1em 0.3em 0;
}

.main .box01{
    padding: 1.5em 2em 1em;
}

.main .box01_ttl{
    left: 1em;
    padding: 0 0.4em;
}

.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: auto 1fr;
    gap: 0.25em;
    align-items: center;
}

.main .grid03{
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 1vw;
}

.main .pink02{
    color: #f3a5ae !important;
}

.main .bg_pink02{
    background-color: #f3a5ae !important;
}

.main .border_pink02{
    border-color:  #f3a5ae !important;
}