.p-history{--content-max-width: 1130px;--font-yu-gothic: "Yu Gothic", sans-serif;--card-radius: 0.5rem;--text-color: #333;--border-max-radius: calc(infinity * 1px);max-width:var(--content-max-width);margin-inline:auto;padding:3.75rem 1rem;font-family:var(--font-yu-gothic);color:var(--text-color);display:flex;flex-direction:column;gap:1.5rem}@media(min-width: 768px){.p-history{gap:3rem}}.p-history h2,.p-history h3{margin:0;padding:0}.p-history__desc{font-size:1.125rem;font-weight:500}.c-history-card-list{position:relative;display:grid;grid-auto-rows:auto;gap:1.5rem}@media(min-width: 768px){.c-history-card-list::before{content:"";position:absolute;top:0;left:.4rem;height:100%;border-left:.1rem dashed #abb2f4}}.c-history-card{--label-z-index: 2;position:relative;list-style:none;box-shadow:0 4px 4px 0 rgba(0,0,0,.1)}@media(min-width: 768px){.c-history-card{display:grid;grid-template-columns:8rem 1fr;gap:1rem;align-items:center;box-shadow:none}}.c-history-card__era{position:absolute;z-index:var(--label-z-index);display:inline-block;width:100%;padding:.5rem 1rem;border-top-left-radius:var(--card-radius);font-size:1.125rem;font-weight:bold;line-height:1.25;color:#fff;background:linear-gradient(90deg, #000 0%, rgba(102, 102, 102, 0) 39.71%)}@media(min-width: 768px){.c-history-card__era{position:inherit;display:flex;gap:.5rem;align-items:center;width:fit-content;padding:0;border-top-left-radius:0;font-weight:bold;color:#b4b4b4;white-space:nowrap;background:rgba(0,0,0,0)}.c-history-card__era::before{content:"";width:1rem;height:1rem;border:.2rem solid #fff;border-radius:var(--border-max-radius);background:#333;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}}@media(max-width: 767px){.c-history-card__month{font-size:1rem;font-weight:500}}.c-history-card__inner{display:grid;grid-template-rows:repeat(2, auto);align-items:center;height:100%}@media(min-width: 768px){.c-history-card__inner{grid-template-columns:1fr 3fr;grid-template-rows:1fr;min-width:0}}.c-history-card__img{display:block;aspect-ratio:345/150;width:100%;height:100%;border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);object-fit:cover}.c-history-card__img--contain{object-fit:contain}@media(min-width: 768px){.c-history-card__img{border-top-right-radius:0;border-bottom-left-radius:var(--card-radius)}}.c-history-card__img-wrapper{position:relative;height:100%}.c-history-card__img-wrapper--mask::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.5)}.c-history-card__img--mask{background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%),url("<path-to-image>") #d3d3d3 50%/cover no-repeat}.c-history-card__link{width:100%;padding:.25rem .5rem;border:1px solid currentcolor;border-radius:var(--border-max-radius);text-align:center}.c-history-card__link:hover{color:currentcolor}@media(min-width: 768px){.c-history-card__link{width:fit-content}}.c-history-card__text{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1rem;border-bottom-right-radius:var(--card-radius);border-bottom-left-radius:var(--card-radius)}.c-history-card__text--gray{background-color:#fafafa}.c-history-card__text--pink{background-color:#fff6ff}.c-history-card__text--green{background-color:#f6fffc}.c-history-card__text--green .c-history-card__link{color:#45caa0}.c-history-card__text--orange{background-color:#fffbf4}.c-history-card__text--orange .c-history-card__link{color:#d9a84c}@media(min-width: 768px){.c-history-card__text{border-top-right-radius:var(--card-radius);border-bottom-left-radius:0}}.c-history-card__title{font-size:1rem;font-weight:bold;color:#000;display:flex;flex-direction:column;gap:.5rem}@media(min-width: 768px){.c-history-card__title{flex-direction:row;gap:0;align-items:center;justify-content:space-between}}.c-history-card__desc{padding-top:.5rem;border-top:1px solid #e3e3e3;font-size:.875rem;font-weight:500;line-height:1.5}