.big-grid{display:block;padding:1.8rem 0 .6rem;position:relative}.big-grid .title{color:#000;font-family:var(--ff-display);margin:0 auto 1.2rem;max-width:7.7rem;text-align:center}.big-grid .grid{display:grid;gap:.2rem;grid-template-columns:repeat(5,1fr)}:is(.big-grid .grid) .span-2{grid-column:span 2}:is(.big-grid .grid) .span-3{grid-column:span 3}:is(.big-grid .grid) .span-5{grid-column:1/-1}:is(:is(.big-grid .grid) .span-5) .card{height:7.65rem}:is(:is(:is(.big-grid .grid) .span-5) .card) .cnt{max-width:4.2rem}.big-grid .card{border-radius:.4rem;display:block;height:5.4rem;overflow:hidden;padding:.4rem .5rem;position:relative;width:100%}:is(.big-grid .card) .cnt{max-width:2.8rem;position:relative;transition:opacity var(--dur) var(--ease);z-index:1}:is(.big-grid .card) .card-title{color:#000;font-family:var(--ff-display);margin-bottom:.2rem}:is(.big-grid .card) .text{color:#3c3c3c;font-family:var(--ff-sans);font-size:.18rem;font-weight:400;letter-spacing:0;line-height:1.2}:is(.big-grid .card) .button-frame{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--dur) var(--ease);width:1.74rem}:is(:is(:is(.big-grid .card) .button-frame):hover .hover-link)>span{transition:transform var(--dur) var(--ease)}:is(:is(:is(.big-grid .card) .button-frame):hover .hover-link)>span:first-child{transform:translateY(-250%)}:is(:is(:is(.big-grid .card) .button-frame):hover .hover-link)>span:last-child{transform:translateY(0);transition-delay:.15s}:is(:is(.big-grid .card) .button-frame) .play-button-trigger{cursor:pointer;display:block;margin:0 auto .1rem;width:1rem}:is(:is(.big-grid .card) .button-frame) .button{background-color:#ffa583;color:#000}:is(:is(:is(.big-grid .card) .button-frame) .button):before{background-color:#000}:is(:is(:is(:is(.big-grid .card) .button-frame) .button) .hover-link)>span:last-child{color:#fff}:is(:is(.big-grid .card) .button-frame) svg{display:block;height:auto;width:1rem}.video-playing:is(.big-grid .card) .cnt{opacity:0;pointer-events:none}.video-playing:is(.big-grid .card) .button-frame{opacity:0;pointer-events:none}.has-card-bg-image:is(.big-grid .card) .media-frame{background-image:var(--card-bg-image-desktop);background-position:50%;background-repeat:no-repeat;background-size:cover}:is(.big-grid .card.color-light) .card-title,:is(.big-grid .card.color-light) .text{color:#fff}@media (max-width:768px) and (orientation:portrait){.big-grid{padding:1rem 0 .6rem}.big-grid .title{margin-bottom:.56rem}.big-grid .card{aspect-ratio:unset;border-radius:.2rem;height:5.89rem;padding:.3rem}:is(.big-grid .card) .text{font-size:.16rem}:is(.big-grid .media-frame) .button-frame{bottom:1.2rem;top:unset;transform:translate(-50%)}:is(.big-grid .card.has-card-bg-image) .media-frame{background-image:var(--card-bg-image-mobile)}:is(:is(.big-grid .media-frame) .button-frame) .play-button-trigger{height:.7rem;width:.7rem}:is(:is(:is(.big-grid .media-frame) .button-frame) .play-button-trigger) svg{height:100%;width:100%}.big-grid .grid{gap:.2rem;grid-template-columns:repeat(1,1fr)}:is(.big-grid .grid)>div:nth-child(5n+1){grid-column:initial}:is(.big-grid .grid)>div:nth-child(5n+2){grid-column:initial}:is(.big-grid .grid)>div:nth-child(5n+3){grid-column:initial}:is(.big-grid .grid)>div:nth-child(5n+4){grid-column:initial}:is(.big-grid .grid)>div:nth-child(5n+5){grid-column:initial}:is(:is(.big-grid .grid)>div:nth-child(5n+5)) .card{height:5.89rem}}