:root{--body-color: #fff;--font-color: #333;--link-color: #333;--primary-color: #fb9396;--secondary-color: #0000ff;--font-family: "Noto Sans JP", sans-serif;--base-font-size: 1.6rem;--base-font-size--sp: 1.4rem;--container-width: 1100px;--left-padding: 270px;--header-height: 80px;--header-height--sp: 70px;--border-color: #bbb;--leading-trim: calc((1em - 1lh) / 2);--scrollbar-width: calc(100vw - 100%);}.column-legend{background-color:#fff;border:2px solid #bfc2c3;border-radius:4px;color:#666;font-size:1.6rem;margin:1em 0;padding:2em 2em .5em;position:relative;}.column-legend legend{background-color:#5e676a;border-radius:100vw;color:#fff;font-size:1.6rem;font-weight:700;left:-10px;padding:.3em 1.5em;position:absolute;top:0;transform:translate(0, -50%);}.column-legend legend:before{background:#5e676a;bottom:0;content:"";height:20px;left:13px;position:absolute;transform:rotate(45deg) translate(20px, -15px);width:20px;z-index:-1;}@media screen and (max-width: 576px){.column-legend{padding:2em 1em .5em;}}