@charset "UTF-8";:root{--global-grid-columns: 24;--pseudo_sp_height: 655px}.dr_co_friendBanner_button{padding:0;border:none;background:none;cursor:pointer}.dr_co_friendBanner_link{border:none;background:none;cursor:pointer;width:100%}.dr_co_friendBanner .dr_co_image{border-radius:8px;-o-object-fit:contain;object-fit:contain}.dr_co_friendBanner_modalPadding{padding:24px 20px 0}.dr_co_friendBanner_modalContent{display:grid;grid-template-rows:auto;gap:24px}.dr_co_friendBanner_modalHeader{display:grid;grid-template-rows:auto;gap:12px}.dr_co_friendBanner_modalHeaderNote{display:grid;gap:12px;padding:16px 12px;border-radius:12px;background-color:var(--color-background-subtle);position:relative}.dr_co_friendBanner_modalHeaderNoteList{display:grid;gap:8px}.dr_co_friendBanner_modalHeaderNoteItem{display:grid;grid-template-columns:auto 1fr;gap:4px;align-items:center}.dr_co_friendBanner_modalHeaderNote:after{content:"";display:block;width:60px;height:20px;background-color:var(--color-background-subtle);clip-path:polygon(0% 0%,100% 0%,50% 100%);position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.dr_co_friendBanner_modalFlowTitle{margin-top:8px;padding-top:32px;border-top:1px solid var(--color-border-subtle)}.dr_co_friendBanner_modalItems{display:grid;grid-template-rows:auto;gap:32px}.dr_co_friendBanner_modalItem{display:grid;grid-template-rows:auto;gap:20px}.dr_co_friendBanner_modalItemArrow{display:block;height:20px;position:relative}.dr_co_friendBanner_modalItemArrow:after{content:"";display:block;width:60px;height:20px;margin-bottom:24px;background-color:var(--color-text-attention);clip-path:polygon(0% 0%,100% 0%,50% 100%);position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.dr_co_friendBanner_modalItemContent{display:grid;grid-template-rows:auto;gap:8px}.dr_co_friendBanner_modalFooterNote{padding:8px 12px;border-radius:8px;background-color:var(--color-background-subtle)}.dr_co_friendBanner_modalCloseButton{padding:24px 8px 12px}