:root{--c-blue: #17266c;--c-light-blue: #4d92bb;--c-green: #339982;--c-red: #d13d3d;--c-meiji: var(--c-blue);--c-elm: var(--c-light-blue);--c-jsh: var(--c-green)}.course-details{--list-gap: 50px;--triangle-height: 15px;--border-color: #17266c;display:grid;row-gap:var(--list-gap);padding-inline-start:0}.course-details>li:not([data-multi]){border:4px solid var(--border-color);display:grid;padding:1em}.course-details>li[data-multi]{display:grid;-moz-column-gap:var(--list-gap);column-gap:var(--list-gap);grid-template-columns:repeat(var(--multi-clumn, 2), 1fr)}.course-details>li[data-multi]>div{border:4px solid var(--border-color);display:grid;align-content:center;padding:1em}.course-details>li[data-multi]>div:not(:last-child){position:relative}.course-details>li[data-multi]>div:not(:last-child)::after{content:"＋";position:absolute;font-weight:bold;font-size:2rem;inset-inline-end:-2em;inset-block-start:50%;translate:0 -50%;line-height:1}.course-details>li:not(:last-child){position:relative}.course-details>li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:50%;inset-block-end:calc(-1*(var(--triangle-height) + var(--list-gap)/2));translate:-50% 0;block-size:var(--triangle-height);aspect-ratio:1/.5;background-color:#17266c;clip-path:polygon(0 0, 100% 0, 50% 100%)}.course-details__headline{font-weight:bold;color:var(--border-color);font-size:1.8rem}