.note-content{letter-spacing:0;margin:0 0 5rem}.note-list{display:grid;grid-template-columns:1fr;gap:10px;list-style:none;padding:0;margin:0}.note-link{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem}.note-link{display:flex;justify-content:center;align-items:center;color:var(--base);padding:0 35px 0 15px;background:#00669908;border:1px solid var(--corp);border-radius:5px;overflow:hidden}.note-link .lower-page-label{display:flex;flex-direction:column;flex:1;margin:20px 0}.note-link .lower-page-label strong{font-size:24px;font-weight:700;line-height:1.2;color:var(--corp);transition:.2s linear}.note-link .lower-page-label small{font-size:12px;font-weight:400}.note-link .lower-page-length{opacity:.5}.note-link .arrow{position:absolute;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;width:20px;background:var(--corp);color:#fff;transition:.2s linear}.note-link:hover{background:#ffe;border-color:var(--hover);box-shadow:0 0 0 1px var(--hover);opacity:1}.note-link:hover .lower-page-label strong{color:var(--hover)}.note-link:hover .arrow{background:var(--hover)}@media (min-width: 560px){.note-list{grid-template-columns:repeat(2,1fr);gap:20px}}.note-main-title{text-align:center;margin:2rem 0}.note-index{background:#00669908;padding:25px 18px;margin:0 -18px}.note-index-list{list-style:none;padding:0;margin:0;background:linear-gradient(90deg,#cde 50%,transparent 50%) 0 0 / 4px 1px repeat-x}.note-index-item{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#cde 50%,transparent 50%) left bottom / 4px 1px repeat-x}.note-index-link{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:14px;line-height:1.4;color:var(--link);padding:10px}.note-index-link .note-number{flex-basis:2em;font-size:18px;font-weight:700;text-align:center;color:var(--corp)}.note-index-link .note-title{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.note-index-link .icon{color:var(--corp);stroke-width:2}.note-index-link>*{transition:.2s linear}.note-index-link:hover>*{color:var(--hover)}@media (min-width: 560px){.note-index{padding:50px;margin:0}.note-index.column1{max-width:500px;margin:0 auto}.note-index.column2 .note-index-list{column-count:2;column-gap:40px;background:repeating-linear-gradient(90deg,#cde,#cde 2px,transparent 2px,transparent 4px) right top / calc(50% - 20px) 1px no-repeat,repeating-linear-gradient(90deg,#cde,#cde 2px,transparent 2px,transparent 4px) left top / calc(50% - 20px) 1px no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/page-note.css.map */