/* EP.1 makeover map only. Photo and callout artwork come from the supplied PSD. */
#quick .--help strong, #quick .--help em { font-family: var(--gimpo), sans-serif; line-height: 1.4; overflow: visible; flex-shrink: 0; }
#section__makeover.ep1-text-map { aspect-ratio: 2000 / 1340; height: auto; background: #dfdfe2 url('../img/makeover/map-textless.webp') center top / 100% 100% no-repeat; }
#section__makeover.ep1-text-map .makeover__wrapper { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; padding: 0; }
#section__makeover.ep1-text-map .makeover__txt { position: absolute; left: 0; top: 5%; width: 100%; margin: 0; }
#section__makeover.ep1-text-map .makeover__txt h2 { font-size: min(3vw,60px); line-height: 1.25; margin-bottom: min(1vw,20px); }
#section__makeover.ep1-text-map .makeover__txt p { font-size: min(1.3vw,26px); line-height: 1.5; }
#section__makeover.ep1-text-map .makeover__visual,
#section__makeover.ep1-text-map .visual__inner { position: absolute; inset: 0; width: 100%; height: 100%; }
#section__makeover.ep1-text-map .visual__inner .point__card { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; clip: auto; overflow: visible; white-space: normal; margin: 0; padding: .6%; box-sizing: border-box; width: 21.25%; height: 12.16%; text-align: center; }
#section__makeover.ep1-text-map .point__card strong { color: #924088; font-size: min(1.3vw,26px); line-height: 1.4; margin-bottom: .5em; }
#section__makeover.ep1-text-map .point__card p { color: #888; font-size: min(1vw,20px); line-height: 1.65; }
#section__makeover.ep1-text-map .point__card.--pos01 { left: 10.3%; top: 33.5075%; }
#section__makeover.ep1-text-map .point__card.--pos02 { left: 67.2%; top: 32.0149%; }
#section__makeover.ep1-text-map .point__card.--pos03 { left: 14.65%; top: 55.8209%; height: 9.6269%; }
#section__makeover.ep1-text-map .point__card.--pos04 { left: 65.15%; top: 63.4328%; }
#section__makeover.ep1-text-map .point__card.--pos05 { left: 28.3%; top: 73.3582%; }
#section__makeover.ep1-text-map .point__side { display: none; }
#section__makeover.ep1-text-map .makeover__info { width: 90%; max-width: 1400px; box-sizing: border-box; }
/* Mobile PSD uses short labels, retaining the existing mobile content hierarchy. */
#section__makeover.ep1-text-map-mobile { aspect-ratio: 640 / 884; background-image: url('/mobile/sub/blacklabel/img/makeover/map-textless.webp'); }
#section__makeover.ep1-text-map-mobile .makeover__txt { top: 6%; }
#section__makeover.ep1-text-map-mobile .makeover__txt h2 { font-size: calc(46.72 * 100vw / 640); line-height: 1.2; margin-bottom: calc(14 * 100vw / 640); }
#section__makeover.ep1-text-map-mobile .makeover__txt p { font-size: calc(22 * 100vw / 640); }
#section__makeover.ep1-text-map-mobile .visual__inner .point__card { padding: 0; height: 4.8643%; }
#section__makeover.ep1-text-map-mobile .point__card strong { font-size: calc(22 * 100vw / 640); margin: 0; white-space: nowrap; line-height: 1.2; }
#section__makeover.ep1-text-map-mobile .point__card p { display: none; }
#section__makeover.ep1-text-map-mobile .point__card.--pos01 { left: 4.53125%; top: 44.6833%; width: 20.9375%; }
#section__makeover.ep1-text-map-mobile .point__card.--pos02 { left: 72.34375%; top: 46.0407%; width: 23.28125%; }
#section__makeover.ep1-text-map-mobile .point__card.--pos03 { left: 4.375%; top: 63.3484%; width: 31.71875%; }
#section__makeover.ep1-text-map-mobile .point__card.--pos04 { left: 72.34375%; top: 68.3258%; width: 23.28125%; height: 4.5249%; }
#section__makeover.ep1-text-map-mobile .point__card.--pos05 { left: 22.1875%; top: 74.4344%; width: 30.78125%; }