.root-body{background:url(/frontpage_background_new.jpg) top/cover no-repeat;flex-direction:column;height:auto;min-height:100dvh;margin:0;font-family:Noto Sans JP,Yu Gothic Medium,sans-serif;display:flex;position:relative;overflow:hidden visible}.sidebar{z-index:100;pointer-events:auto;background:#000000d9;width:160px;height:100vh;transition:left .3s;position:fixed;top:0;left:-100px;overflow:hidden}.sidebar:hover{left:0}.logo-area{justify-content:center;align-items:center;width:100%;padding:35px 0;display:flex}.logo{opacity:0;width:auto;height:90px;transition:opacity .3s,transform .3s}.sidebar:hover .logo{opacity:1;transform:scale(1.05)}.sidebar nav{flex-direction:column;width:100%;margin-top:20px;display:flex}.sidebar nav a{color:#fff;letter-spacing:1px;opacity:0;letter-spacing:1px;opacity:0;align-items:center;width:100%;padding:15px 20px;font-size:16px;text-decoration:none;transition:opacity .3s,color .3s;display:flex}.sidebar:hover nav a{opacity:1}.sidebar nav a:hover{color:#fffbe0;text-shadow:0 0 4px #ffff80cc,0 0 8px #ffff8099;transition:color .3s,text-shadow .3s}.sidebar nav a:hover span.last-char{text-shadow:0 0 4px #ffff80cc,0 0 8px #ffff8099;transition:transform .3s,text-shadow .3s;display:inline-block;transform:rotate(-15deg)}.content{color:#fff;z-index:10;padding:0 40px;position:relative}.front-hero{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;height:auto;margin:0;padding:0 0 0 28px;display:flex}.front-title{color:#fff;-webkit-text-stroke:.4px #0009;text-shadow:1px 1px #000,1px 1px 2px #0000008c,0 0 4px #00000059;text-align:left;letter-spacing:1px;z-index:20;opacity:0;margin:0;font-family:Yu Mincho,serif;font-size:15px;font-weight:700;transition:opacity 1.1s,transform 1.1s;position:relative;top:5px;transform:translateY(32px)}.front-title.show{opacity:1;transform:translateY(0)}.title{text-align:center;color:#000;text-shadow:0 0 8px #ffffffe6,0 0 16px #fffc;letter-spacing:1px;margin-top:-10px;margin-bottom:10px;font-size:50px;font-weight:600;position:relative}.cards{box-shadow:none;background:0 0;flex-direction:column;gap:20px;margin:0;padding:0;display:flex}.card{background:#000000bf;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:20px 80px;line-height:0;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 4px 12px #00000073}.card:hover{transform:translateY(0)scale(1.5);box-shadow:0 6px 18px #0000008c}.card:hover h2{text-shadow:0 0 2px #000,0 0 6px #ffe680e6,0 0 12px #ffe680b3,0 0 18px #ffe68080}.card h2{letter-spacing:0;text-align:center;color:#ffe680;text-shadow:0 0 2px #000,0 0 6px #ffe680e6,0 0 12px #ffe680b3,0 0 18px #ffe68080;margin-top:10px;margin-bottom:20px;font-family:Yu Mincho,serif;font-size:22px;font-weight:600;transition:transform .25s,text-shadow .25s;display:inline-block}.card p{color:#fff;text-shadow:0 0 2px #fff,0 0 4px #fff;text-align:center;font-family:Yu Mincho,serif;font-size:16px;font-weight:400;line-height:1}.cards-container{background:#0006;border-radius:6px;width:100%;max-width:1000px;margin:10px auto;padding:30px 25px;box-shadow:0 4px 12px #00000080}.footer{color:#fff;text-align:center;letter-spacing:1px;opacity:.95;z-index:0;background:#000;border-top:2px solid #ffffff2e;width:calc(200vw - 100%);margin-top:auto;padding:25px 0;font-size:14px;position:relative;left:calc(-100vw + 100%)}.content-box{flex-direction:column;min-height:100vh;display:flex}.front-hero{height:auto}.fade-in-group{opacity:0;pointer-events:none;transform:translateY(24px)}.fade-in-group.show{animation:.9s .3s forwards fadeInGroup}@keyframes fadeInGroup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;pointer-events:auto;transform:translateY(0)}}.fade-in-group .card{background:#000000bf;border:2px solid #000;border-radius:6px;padding:20px 80px;transition:transform .8s cubic-bezier(.25,1,.5,1),box-shadow .35s cubic-bezier(.55,0,.1,1);position:relative;box-shadow:0 4px 12px #00000073}.fade-in-group .card:before{content:"";opacity:.7;pointer-events:none;border:2px solid #ffe680;border-radius:8px;transition:all .3s ease-in-out;position:absolute;inset:-4px;box-shadow:0 0 4px #ffe680,0 0 8px #ffe680,0 0 12px #ffe680}.fade-in-group .card:hover{box-shadow:0 14px 32px #000000b3;transform:translateY(-8px)scale(1.03)!important}.fade-in-group .card:hover:before{opacity:1;box-shadow:0 0 12px #ffe680,0 0 24px #ffe680,0 0 36px #ffe680,0 0 48px #ffe680}.fade-in-group .card:nth-child(2){animation-delay:2.1s}.fade-in-group .card:nth-child(3){animation-delay:2.3s}.fade-in-group .card:nth-child(4){animation-delay:2.5s}.fade-in-group .card:nth-child(5){animation-delay:2.7s}@keyframes fadeInItem{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){html,body{width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.content-box{width:100%!important;margin:0!important;padding:0!important}.footer{bottom:0;left:0;box-sizing:border-box!important;z-index:1000!important;background:#000!important;border-top:2px solid #ffffff2e!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding-left:10px!important;padding-right:10px!important;position:fixed!important}}@media (min-width:769px) and (max-width:1024px){.front-hero{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;margin-top:12px;padding:0;display:flex}.content{padding:0 20px!important}.cards-container{transform:scale(1.2);box-sizing:border-box!important;width:calc(100% - 40px)!important;max-width:680px!important;margin:160px auto 60px!important;padding:25px 20px!important}.card{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:14px 16px!important}.card h2{margin-bottom:10px!important;font-size:16px!important}.card p{font-size:12px!important;line-height:2!important}.puzzle-title{font-size:24px}.title{text-align:center;font-size:32px!important;line-height:1.1!important}.hamburger-btn{cursor:pointer;z-index:1001;background-color:#333;border:1px solid #0000004d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;position:fixed;top:30px;right:40px}.hamburger{width:70%;height:60%;position:relative}.hamburger span{transform-origin:50%;background-color:#fff;border-radius:2px;width:100%;height:4px;transition:all .3s;position:absolute;left:0}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:50%;transform:translateY(-50%)rotate(-45deg)}.hamburger-btn span{transform-origin:50%}.sidebar{z-index:2000;background-color:#000000e6;flex-direction:column;align-items:center;height:100vh;padding:20px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);width:140px!important}.sidebar a{color:#fff;margin-bottom:10px;padding-left:15px;text-decoration:none;display:block}.sidebar.open{transform:translate(0)}.sidebar .logo{opacity:1;width:80%;max-width:100px;height:auto;margin-top:-30px;margin-bottom:30px;transition:transform .3s;display:block;transform:scale(1)}.logo-area img{opacity:0;width:120px;height:auto;margin-bottom:40px;transition:opacity .3s,transform .3s;display:block}.sidebar:hover .logo,.sidebar.open .logo{opacity:1;transform:scale(1.05)}.sidebar nav{flex-direction:column;align-items:center;width:100%;display:flex}.sidebar nav a{text-align:center;color:#fff;opacity:0;width:100%;padding:15px 0;font-size:16px;text-decoration:none;transition:opacity .3s,background .2s}.sidebar:hover nav a,.sidebar.open nav a{opacity:1}}@media (max-width:768px){.front-hero{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;width:100%;margin:12px 0 0;padding:0 0 0 8px;display:flex}.front-title{box-sizing:border-box;width:100%;padding:0 8px;position:relative;top:12px;text-align:center!important;word-break:keep-all!important;text-shadow:0 1px 2px #00000059!important;margin-top:0!important;font-size:10px!important}.content{padding:0 12px!important}.cards-container{box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:520px!important;margin:75px auto 30px!important;padding:20px 16px!important}.card{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:12px 14px!important}.card h2{margin-bottom:8px!important;font-size:16px!important}.card p{font-size:12px!important;line-height:1.6!important}.puzzle-title{font-size:36px}.title{text-align:center;font-size:32px!important;line-height:1.1!important}.hamburger-btn{cursor:pointer;z-index:1001;background-color:#333;border:1px solid #0000004d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;position:fixed;top:10px;right:10px}.hamburger{width:70%;height:60%;position:relative}.hamburger span{transform-origin:50%;background-color:#fff;border-radius:2px;width:100%;height:4px;transition:all .3s;position:absolute;left:0}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:50%;transform:translateY(-50%)rotate(-45deg)}.hamburger-btn span{transform-origin:50%}.sidebar{z-index:2000;background-color:#000000e6;flex-direction:column;align-items:center;height:100vh;padding:20px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);width:140px!important}.sidebar a{color:#fff;margin-bottom:10px;padding-left:15px;text-decoration:none;display:block}.sidebar.open{transform:translate(0)}.sidebar .logo{opacity:1;width:80%;max-width:100px;height:auto;margin-top:-30px;margin-bottom:30px;transition:transform .3s;display:block;transform:scale(1)}.logo-area img{opacity:0;width:120px;height:auto;margin-bottom:40px;transition:opacity .3s,transform .3s;display:block}.sidebar:hover .logo,.sidebar.open .logo{opacity:1;transform:scale(1.05)}.sidebar nav{flex-direction:column;align-items:center;width:100%;display:flex}.sidebar nav a{text-align:center;color:#fff;opacity:0;width:100%;padding:15px 0;font-size:16px;text-decoration:none;transition:opacity .3s,background .2s}.sidebar:hover nav a,.sidebar.open nav a{opacity:1}}.sidebar .logo-area{box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;padding:28px 0 18px!important;display:flex!important}.sidebar .logo-area a{justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.sidebar .logo{width:auto!important;height:72px!important;margin:0 auto!important;display:block!important}.sidebar-company-name{letter-spacing:.5px;opacity:0;text-shadow:0 1px 2px #00000073;font-family:Yu Mincho,serif;font-weight:600;line-height:1.2;transition:opacity .3s,transform .3s;transform:translateY(4px);color:#fff!important;text-align:center!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;width:100%!important;margin-top:10px!important;font-size:13px!important;display:block!important}.sidebar:hover .sidebar-company-name,.sidebar.open .sidebar-company-name{opacity:1;transform:translateY(0)}