@charset "UTF-8";.case-works{margin:auto;background:#000;padding:0;color:#fff}.case-works h2{text-align:center;margin-bottom:20px}.case-works-grid{margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:row;gap:20px 0px}.case-card{width:610px;height:450px;margin:auto;background:#fff;color:#000;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a;position:relative;overflow:hidden}.case-card img{width:100%;height:333px;object-fit:cover;background-size:cover}.case-card .gen-icon{width:300px;height:150px;object-fit:fill;margin:30px 0}.case-card .case-works-box{width:80%;margin:auto;display:flex;justify-content:space-between;align-items:center}.view-more{width:610px;display:flex;justify-content:center;align-items:center;flex-direction:column;height:460px;margin:auto;color:#fff;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a;position:relative;overflow:hidden;background-color:#d5006d}.view-more:hover{background-color:#b0004c}@media screen and (max-width:1800px){.case-works-grid{width:85%;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:row;gap:20px 0px}.case-works-grid .case-card{width:610px;height:450px;margin:10px auto;background:#fff;color:#000;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a;position:relative;overflow:hidden}.case-works-grid .case-card img{width:100%;object-fit:cover;background-size:cover}.case-works-grid .view-more{width:610px;height:450px;display:flex;justify-content:center;align-items:center;flex-direction:column;height:460px;margin:auto;color:#fff;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a;position:relative;overflow:hidden;background-color:#d5006d}}@media screen and (max-width:900px){.case-works-grid{width:95%;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.case-works-grid .case-card{margin:auto;height:150px;background:none;color:#fff;text-align:left;border-radius:8px;box-shadow:0 2px 10px #0000001a;position:relative;overflow:hidden;width:100%}.case-works-grid .case-card img{width:100%;height:120px;border-radius:10px;object-fit:cover;background-size:cover}.case-works-grid .case-card .H5-title{margin:10px 0;font-size:12px}.case-works-grid .H5-case-works-box{opacity:0;display:none}.view-more{display:none;background-color:#d5006d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.view-more .gen-icon{display:none}.view-more:hover{background-color:#b0004c}}.case-works-header{padding:40px;color:#fff;text-align:center}.case-works-header h2{font-size:30px}.case-works-header h3{font-size:24px;margin-bottom:15px}.case-works-header p{font-size:16px;margin:20px 0}.button-group{display:flex;justify-content:center;gap:15px}.primary-button{white-space:nowrap;background-color:#d5006d;color:#fff;border:none;border-radius:20px;padding:5px 10px;cursor:pointer;transition:background .3s}.secondary-button{white-space:nowrap;background-color:transparent;color:#fff;border:2px solid white;cursor:pointer;border-radius:20px;padding:5px 10px;transition:background .3s}.primary-button:hover{background-color:#b0004c}.secondary-button:hover{background-color:#fff;color:#14143e}.page{background-color:#000}.H5-box{background-color:#fff;transition:.5s all;width:100%;height:300px}.H5-box .H5-cont{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.H5-box .cont-image{width:100%;height:300px;object-fit:cover}.H5-box .box-er-H5{min-height:100px;text-align:center}.H5-box .box-er-H5 .H5-box-cont{display:flex;justify-content:space-around;width:500px}.H5-box .box-er-H5 .H5-box-cont .cont-items{margin:5px 0}@media screen and (max-width:900px){.page{height:100vh}.H5-Case{margin:0vh auto}.H5-works{width:100%;background-color:#000}.H5-works .H5-grod{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.H5-works .H5-box{flex:none;display:none;height:150px;display:flex;justify-content:center;align-items:center;flex-direction:column}.H5-works .H5-box .cont-image{width:100%;height:100%;object-fit:cover}.H5-works .H5-box .H5-cont{font-size:16px;width:100%;min-height:50px;display:flex;flex-wrap:wrap;background-color:#000}.H5-works .H5-box .box-er-H5{display:none;min-height:100px;text-align:center}.H5-works .H5-box .box-er-H5 .H5-box-cont{width:100%}.H5-works .H5-box .box-er-H5 .H5-box-cont .cont-items{margin:5px 0}}.boxList.visible{opacity:1;transform:translateY(0)}.slide-up-delayed{opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s cubic-bezier(.175,.885,.32,1.275)}.slide-up-delayed.visible{opacity:1;transform:translateY(0)}.slide-up-bounce{opacity:0;transform:translateY(80px);transition:opacity .7s ease,transform .7s cubic-bezier(.68,-.55,.265,1.55)}.slide-up-bounce.visible{opacity:1;transform:translateY(0)}@keyframes infiniteSlideUp{0%{opacity:0;transform:translateY(30px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.slide-up-infinite{animation:infiniteSlideUp 3s ease-in-out infinite}