.block{padding:85px 0}.block-inner{margin:0 auto;width:92%;max-width:1100px}.block-head{margin:0 0 45px;text-align:center}.block-head h2{display:flex;flex-direction:column;gap:5px}.block-head h2 .en{font-family:var(--ft-mon);font-size:14px;font-weight:700}.block-head h2 .ja{font-size:42px;font-weight:700}@media screen and (max-width: 968px){.block{padding:65px 0}.block-head{margin:0 0 35px}.block-head h2 .en{font-size:14px}.block-head h2 .ja{font-size:32px}}@media screen and (max-width: 768px){.block{padding:50px 0}.block-head{margin:0 0 25px}.block-head h2 .en{font-size:12px}}.mv{background:var(--mv-bg) no-repeat;background-position:center;background-size:cover;height:700px;position:relative;width:100%}.mv:after{background:rgb(255 255 255 / 43%);content:"";display:block;height:100%;position:absolute;left:0;top:0;width:100%}.mv-inner{display:flex;justify-content:center;align-items:center;height:100%;margin:0 auto;position:relative;text-align:center;width:92%;max-width:1100px;z-index:1}.mv-text h1{font-size:60px;font-weight:700;margin:0 0 15px}.mv-text p{font-size:22px;font-weight:500;line-height:1.8em;margin:0 auto;width:100%;max-width:880px}.mv-btn{margin:35px 0 0}.mv-btn a{background:#121212;color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:500;height:65px;margin:0 auto;padding:0 25px;position:relative;width:100%;max-width:max-content}.chevron-round{display:inline-block;height:10px;margin-left:15px;position:relative;transition-duration:.3s;width:10px}.mv-btn a:hover .chevron-round{transform:translate(3px)}.chevron-round:before,.chevron-round:after{background-color:#fff;border-radius:9999px;content:"";height:1px;margin:auto;position:absolute;top:0;bottom:0;right:0;transform-origin:100% 50%;width:8px}.chevron-round:before{transform:rotate(45deg)}.chevron-round:after{transform:rotate(-45deg)}@media screen and (max-width: 968px){.mv-text h1{font-size:50px}.mv-text p{font-size:21px}.mv-btn{margin:30px 0 0}.mv-btn a{font-size:18px;height:60px}}@media screen and (max-width: 768px){.mv{height:475px}.mv-text h1{font-size:30px}.mv-text p{font-size:16px}.mv-btn{margin:25px 0 0}.mv-btn a{font-size:16px;height:50px;padding:0 20px}}.learning-roadmap{background:linear-gradient(180deg,#fff 0%,#fff8ee 100%)}.roadmap-list{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.roadmap-list:before{background:linear-gradient(90deg,var(--main-theme-color),#f1c27a);content:"";height:3px;left:8%;position:absolute;right:8%;top:42px}.roadmap-card{background:#fff;border:1px solid #eadcc8;border-radius:8px;filter:drop-shadow(0 12px 24px rgb(105 73 20 / 10%));overflow:hidden;padding:24px 20px 26px;position:relative}.roadmap-card:before{background:var(--main-theme-color);content:"";display:block;height:5px;left:0;position:absolute;top:0;width:100%}.roadmap-card__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.roadmap-card__num{align-items:center;background:var(--main-theme-color);border-radius:999px;color:var(--main-theme-color);color:#fff;display:flex;font-family:var(--ft-mon);font-size:13px;font-weight:800;height:42px;justify-content:center;width:42px}.roadmap-card__tag{background:#fff7ea;border-radius:999px;color:var(--main-theme-color);font-family:var(--ft-mon);font-size:11px;font-weight:800;padding:5px 9px}.roadmap-card h3{color:#222;font-size:20px;line-height:1.5;margin-bottom:10px}.roadmap-card p{color:#555;font-size:14px;line-height:1.8}.recommended-learning{background:#f7fbfd}.recommended-list{display:grid;gap:25px;grid-template-columns:repeat(3,minmax(0,1fr))}.recommended-card{background:#fff;border-radius:8px;filter:drop-shadow(0 5px 12px rgb(0 0 0 / 8%));overflow:hidden;padding:0 0 72px;position:relative}.recommended-card__image{align-items:center;aspect-ratio:16 / 9;background:#252525;color:#fff;display:flex;justify-content:center;overflow:hidden}.recommended-card__image img{height:100%;object-fit:cover;transition-duration:.3s;width:100%}.recommended-card__image:hover img{transform:scale(1.05)}.recommended-card__image-placeholder{font-family:var(--ft-mon);font-size:28px;font-weight:800}.recommended-card__text{padding:22px 20px 0}.recommended-card__label{color:var(--main-theme-color);font-family:var(--ft-mon);font-size:13px;font-weight:800;margin-bottom:8px}.recommended-card h3{color:#222;font-size:21px;line-height:1.5;margin-bottom:12px}.recommended-card__text p:not(.recommended-card__label){color:#555;font-size:14px;line-height:1.8}.recommended-card__btn{align-items:center;background:#121212;border-radius:0 0 8px 8px;bottom:0;color:#fff;display:flex;font-size:14px;font-weight:700;height:52px;justify-content:center;left:0;position:absolute;width:100%}.recommended-card__btn:hover .chevron-round{transform:translate(3px)}.learn-by-game{background:#fff}.game-skill-list{display:grid;gap:25px;grid-template-columns:repeat(2,minmax(0,1fr))}.game-skill-card{align-items:flex-start;background:#fff;border:1px solid #eee4d6;border-radius:8px;display:flex;gap:18px;padding:26px}.game-skill-card__icon{align-items:center;background:var(--main-theme-color);border-radius:8px;color:#fff;display:flex;flex:0 0 58px;font-family:var(--ft-mon);font-size:26px;font-weight:800;height:58px;justify-content:center}.game-skill-card__text h3{color:#222;font-size:22px;line-height:1.5;margin-bottom:8px}.game-skill-card__text p{color:#555;font-size:14px;line-height:1.8}.game-skill-card__text a{align-items:center;color:var(--main-theme-color);display:inline-flex;font-size:14px;font-weight:800;margin-top:16px}.game-skill-card__text a .chevron-round:before,.game-skill-card__text a .chevron-round:after{background-color:var(--main-theme-color)}.game-skill-card__text a:hover .chevron-round{transform:translate(3px)}.learning-categories{background:#f9f4ec}.category-list{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{background:#fff;border:1px solid #eadcc8;border-radius:8px;color:#222;display:block;min-height:150px;padding:22px 18px}.category-card span{color:var(--main-theme-color);display:block;font-family:var(--ft-mon);font-size:18px;font-weight:800;margin-bottom:10px}.category-card p{color:#555;font-size:14px;line-height:1.8}.top-games{background:#f7fbfd}.more-btn{height:60px;margin:45px auto 0;width:100%;max-width:400px}.more-btn a{background:#121212;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;height:100%;padding:0 18px;width:100%}.more-btn a:hover .chevron-round{transform:translate(3px)}@media screen and (max-width: 968px){.roadmap-list,.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-list:before{display:none}.recommended-list{grid-template-columns:1fr}}@media screen and (max-width: 768px){.roadmap-list,.game-skill-list,.category-list{grid-template-columns:1fr}.game-skill-card{display:block}.game-skill-card__icon{margin-bottom:16px}.category-card{min-height:0}}