@charset "UTF-8";

.online-application .mock-up{ padding-bottom: 5rem;}
.flex-online-application{display: flex; justify-content: space-between;}
.flex-online-application-entryFlow{ width: 65%;}
.flex-online-application-entryFlow-note{ display: block; margin-top: var(--Space-L);}
.flex-online-application-entry{ width: 30%;}
.flex-online-application-entry .tit{ padding: 0.2rem; background-color: var(--Color-Brand); color: var(--Color-White); font-size: var(--Body-L-M); text-align: center;}
.flex-online-application-entry .listBox{ padding: 1rem; border:1px solid var(--Color-Brand); border-top: unset; color: var(--Color-Brand); font-size: var(--Body-M);}

@media (max-width: 768px) {
    .flex-online-application{ flex-direction: column;}
    .flex-online-application-entryFlow{ width: 100%;}
    .flex-online-application-entry{ width: 100%; margin-top: var(--Space-L);}
}