.main-container{width:100%;display:flex}.main-content{background-color:var(--bg-color);display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;flex:1}.main-container section,.section-bottom-line{position:relative;padding-top:88px;overflow:hidden}.main-container section:not(.no-bottom-line):after,.section-bottom-line:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#1c1a3f,#dbd2ff 52.9%,#1c1a3f)}.game-examples-container,.dev-process-journey-container{display:flex;flex-direction:column;padding:0 8.25rem 88px;background-color:var(--bg-color-games)}.game-examples-details{display:flex;flex-direction:column;gap:2.25rem}.game-examples-categories{display:flex;margin:0;padding:0;gap:1.25rem}.game-examples-category-item{font-weight:500;font-size:16px;line-height:24px;margin:0;color:var(--text-color-games);white-space:nowrap;padding:.625rem 1.25rem;border-radius:45px;background:#292650}.game-examples-category-item:hover{background-color:#fff}.game-examples-categories .active{background:linear-gradient(148.02deg,#ff3841 28.64%,#ffd0a0 176%);color:#fff}.dev-tech-container{display:flex;flex-direction:column;background-image:url(https://cdn.yopaz.jp/build/assets/bg-dev-tech-LEA0pB_P.png);background-color:var(--bg-color-games);padding:0 8.25rem 88px}.game-genres-container h2,.game-examples-container h2,.dev-tech-container h2,.dev-process-journey-container h2,.game-development-news-container h2{font-weight:500;font-size:28px;line-height:1;margin:0 0 36px;color:var(--tertiary-color)}.dev-process-journey-steps{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;background:#292650;border-radius:1.25rem;list-style:none;margin:0;position:relative;z-index:10;border:2px solid;box-shadow:0 0 21.4px #ffdcb4 inset}.dev-process-journey-step{display:flex;gap:2.5rem}.dev-process-journey-step .dev-process-journey-step-visual:before{content:"";position:absolute;top:100%;left:50%;height:100px;border-width:1px;border-style:solid;border-image-slice:1;border-color:#d0cfdf;z-index:-1}.dev-process-journey-step:last-child .dev-process-journey-step-visual:before{display:none}.dev-process-journey-step-number{font-weight:700;font-size:2rem;line-height:52px;margin:0;color:#d0cfdf}.dev-process-journey-step-visual{position:relative;display:flex;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;border-radius:50%;border:3px solid #FFEEA9;background:linear-gradient(180deg,#271e08,#b7862e);box-shadow:-2px 2px 14.9px #fff25e}.dev-process-journey-step-content{flex:1}.dev-process-journey-divider{width:calc(100% - 13.75rem);border-top:1px dashed #D0CFDF;margin:0 0 0 auto}.dev-process-journey-step-content .dev-process-journey-step-title{font-weight:400;font-size:1.5rem;line-height:30px;margin:0 0 8px;color:var(--tertiary-color)}.dev-process-journey-step-details{list-style-type:disc;padding-top:.5rem;padding-left:1.25rem;letter-spacing:1px}.dev-process-journey-step-detail{font-family:Noto Sans JP;font-weight:300;font-size:16px;line-height:25px;margin:0;color:var(--tertiary-color);text-align:justify}.dev-process-journey-step-desc{position:relative;font-weight:400;font-size:18px;line-height:25px;margin:0;color:var(--tertiary-color);padding-left:27px}.dev-process-journey-step-desc:before{content:"";position:absolute;top:50%;left:0;width:14px;height:2px;background:var(--tertiary-color)}.dev-process-journey-step-content h4{font-weight:500;font-size:1.6px;line-height:27px;margin:0;color:var(--tertiary-color)}.game-development-news-container{display:flex;flex-direction:column;background-image:url(https://cdn.yopaz.jp/build/assets/background-CKqV8kiD.png);background-repeat:no-repeat;background-size:100% auto;background-position:top center;background-color:var(--bg-color-games);padding:0 8.25rem 88px}.game-genres-container{display:flex;flex-direction:column;gap:20px;background:linear-gradient(180deg,#1c1a3f,#302c6d);color:#fff}.game-genres-container h2{padding:0 8.25rem}.game-genres-details{position:relative;display:flex;padding:0 8.25rem}.genre-list{display:flex;flex-direction:column;width:682px;position:relative;z-index:2;top:-2px}.genre-item{display:flex;align-items:center;padding:12px 16px;border-radius:10px;background:#ffffff0d;cursor:pointer}.genre-bg-bottom{position:absolute;bottom:2px;left:0;z-index:1;width:1800px;height:550px;background:radial-gradient(ellipse at center,#895ef6,#2b286300 70%);transform:translateY(50%);overflow:visible;background-size:1800px 550px;background-repeat:no-repeat;background-position:center}.genre-card.bg-yellow.active{background:linear-gradient(90deg,#3b1d5b00,#4f2f8787 15.49%,#e0d08f 20.23%,#29265c00)}.genre-card.bg-orange.active{background:linear-gradient(269.95deg,#25326600 2.35%,#f59855 31.91%,#29265c00 99.97%)}.genre-card.bg-blue.active{background:linear-gradient(90deg,#3b1d5b00,#4f2f8787 15.49%,#3bb2ee 20.23%,#29265c00)}.genre-card.bg-green.active{background:linear-gradient(269.67deg,#20205100 3%,#53b834 27.06%,#29265c00 99.77%)}.genre-text h3{font-size:18px;margin:0}.genre-text p{font-size:14px;margin:0}.genre-preview-container{display:block;width:775px;height:100%}.genre-preview.active{display:flex}.genre-preview{width:100%;height:100%;position:relative;display:none;flex-direction:column;align-items:center;z-index:2;bottom:0;top:-2px}.genre-preview.bg-yellow{background:radial-gradient(50% 50% at 50% 50%,#ffeea9,#af801594 53.85%,#1c1a3f00)}.genre-preview.bg-orange{background:radial-gradient(50% 50% at 50% 50%,#d97f26,#ee633094 42.05%,#1c1a3f00)}.genre-preview.bg-blue{background:radial-gradient(50% 50% at 50% 50%,#3fdede,#2f8efa94 42.05%,#1c1a3f00)}.genre-preview.bg-green{background:radial-gradient(50% 50% at 50% 50%,#74ef78,#29dd8f94 42.05%,#1c1a3f00)}.genre-image{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}.genre-label{position:absolute;z-index:2;top:20%;right:6%;font-weight:500;font-size:52px;writing-mode:vertical-rl;text-orientation:upright;color:#ffefae;border-radius:8px;padding:30px 16px;display:flex;justify-content:center;align-items:center;background:#00000070;overflow:hidden}.genre-label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:8px;padding:1px;background:linear-gradient(.93deg,#1f1c4500 .8%,#e3b682 54.06%,#f9c28d 102.83%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.genre-card{position:relative;display:flex;color:#fff;justify-content:center;gap:40px;height:184px;width:684px;background:#ffffff0a}.genre-card:after{content:"";position:absolute;top:0;left:0;height:1px;width:100%;background:linear-gradient(90deg,#1c1a3f,#dbd2ff 52.9%,#1c1a3f)}.genre-card-bg{width:45%;height:100%;background-position:center 58%;background-size:cover;background-repeat:no-repeat}.img-left{position:absolute;left:-10px}.card-content-left{position:absolute;left:45px;top:50%;transform:translateY(-50%)}.img-right{position:absolute;right:-40px}.card-content-right{position:absolute;left:320px;top:50%;transform:translateY(-50%)}.bg-img-1{background-image:url(https://cdn.yopaz.jp/build/assets/character-1-BA2xbtK1.png)}.bg-img-2{background-image:url(https://cdn.yopaz.jp/build/assets/character-2-BBHPxVeP.png)}.bg-img-3{background-image:url(https://cdn.yopaz.jp/build/assets/character-3-BrUZpgde.png)}.bg-img-4{background-image:url(https://cdn.yopaz.jp/build/assets/character-4-CYo3ujB6.png);background-position:center 15%}.genre-card-content{display:flex;align-items:center;gap:21px;z-index:1}.genre-card-icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:mages/2px solid #FFEEA9;box-shadow:-2px 2px 14.9px #fff25e;outline:1px solid white;outline-offset:2px}.genre-card-icon img{width:42px;height:42px}.genre-icon-1{background:linear-gradient(180deg,#271e08,#b7862e)}.genre-icon-2{background:linear-gradient(180deg,#0a0900,#ef3b3e)}.genre-icon-3{background:linear-gradient(180deg,#0a0900,#3b94cc)}.genre-icon-4{background:linear-gradient(180deg,#0a0900,#698709)}.genre-preview .bg-preview{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;filter:brightness(1.1) contrast(1.2)}.genre-card-text h3{font-weight:500;font-size:24px;margin:0}.genre-card-text p{font-weight:500;font-size:16px;margin:0;white-space:nowrap}.genre-card:not(.active){opacity:.5;transition:all .3s ease;background-color:transparent}.game-development-news-title{font-size:24px;font-weight:700;margin-bottom:32px}.new-item{position:relative;padding:0 0 40px;margin-bottom:40px}.new-item:not(.new-item-last):after{content:"";position:absolute;bottom:0;left:7%;height:2px;width:92%;background:linear-gradient(90deg,#1c1a3f,#dbd2ff 52.9%,#1c1a3f)}.new-item.new-item-last{margin-bottom:0}.new-detail-link{display:block;width:100%;height:auto;cursor:pointer}.new-detail{display:flex;gap:40px}.new-detail .new-image-wrapper{width:305px;height:171px;border-radius:8px;overflow:hidden}.new-detail .new-image:hover{transform:scale(1.05)}.new-detail .new-title:hover{color:#ff3841}.new-image{width:305px;height:171px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.new-content{flex:1;display:flex;flex-direction:column;gap:12px}.new-meta{display:flex;gap:8px}.new-meta-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#fff}.new-signal{display:flex;align-items:center;gap:6px}.circle{width:4px;height:4px;background:#fff;border-radius:50%}.new-tags{display:flex;gap:8px;flex-wrap:wrap}.new-tag:hover span{background-color:#ff3841;color:#fff}.new-tag span{font-size:12px;padding:4px 8px;background:#292650;border-radius:8px;color:#625bba;transition:background-color .3s ease,transform .3s ease}.new-title{font-weight:500;font-size:20px;margin:0 0 8px;color:#fff}.post-short-desc *{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:16px;line-height:24px;margin:0;color:#fff;letter-spacing:1px}.post-short-desc>div:nth-child(n+9){display:none}.new-summary{color:#fff;text-align:justify}.new-summary span{color:#fff!important;font-weight:300;font-size:15px}