@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css");body,html{background-color:#fff;color:#333;font-family:Noto Sans JP,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}a:link,a:visited{outline:none;text-decoration:none}.loader{align-items:center;background:linear-gradient(180deg,#fffbe9,#f0f9eb,#e8edf8,#e6ecf7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:555}.loader img{width:150px}.slideinLeft{animation:slideinLeft 3s}@keyframes slideinLeft{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}.hero{align-items:center;background-image:url(https://kasanare.co.jp/hubfs/top-hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:left;margin:0;padding:10% 0 5% 12%;position:relative;width:100%}.hero-content{align-items:flex-start;display:flex;flex-direction:column}.hero-award{margin-top:50px;width:800px}.hero-text{color:#333;display:flex;font-family:Arial,sans-serif;font-size:45px;font-weight:700;gap:5px;margin-bottom:16px}#hero-text span,.hero-text span{display:inline-block}.hero-text span{animation:fadeInLetter .4s ease forwards;animation-delay:var(--animation-delay,0s);line-height:1.2;opacity:0;position:relative}.gradient-text{background:linear-gradient(90deg,#e8e35b,#65a1cd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:inherit;line-height:inherit}@keyframes fadeInLetter{0%{opacity:0;top:5px}to{opacity:1;top:0}}.sub-text{animation:fadeInSubText .4s ease forwards;color:#1d89ab;font-size:16px;font-weight:700;letter-spacing:2px;opacity:0}@keyframes fadeInSubText{0%{opacity:0;top:10px}to{opacity:1;top:0}}.slider-container{overflow:hidden;width:100%}.slides{animation:slide 50s linear infinite;animation-delay:.5s;display:flex;width:200%}.slide{display:flex;flex:1 0 100%;justify-content:space-between}.slide img{margin:10px;width:4%}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.text-image-container{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding-top:40px;text-align:center}.product-title{color:#333;font-size:30px;margin:50px 0 0}.product-title,.product-title-sub{font-weight:700;text-align:left;width:80%}.product-title-sub{color:#75cabd;font-size:14px;margin-bottom:10px;margin-top:10px;position:relative}.product-title-sub:before{color:#75cabd;content:"●";font-size:10px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.kasanare-text-img,.kasanare-text-img2{display:flex;gap:20px;justify-content:space-between;max-width:100%;padding-left:13%;padding-right:5%}.text-content{display:flex;flex:1;flex-direction:column;justify-content:center;max-width:40%}.text-content img{display:block;height:auto;margin-left:0;padding-right:0;text-align:left;width:70%}.kasanare_image{align-items:center;display:flex;flex:1;justify-content:center}.kasanare_image img{height:auto;max-width:80%;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.kasanare_image.show img{opacity:1;transform:translateY(0)}.text-content p:first-of-type{color:#333;font-size:20px;font-weight:700;letter-spacing:1px;text-align:left}.highlight-text{-webkit-background-clip:text;background-image:linear-gradient(90deg,#7c9eb2,#d6a35e,#a1b945,#66b4b2,#4a8db3,#9f8ac9,#d17f93);color:transparent;display:inline;font-weight:700;margin-top:18px}.text-content p{font-size:14px;line-height:1.6;margin-top:10px;text-align:left}.background-container{background:#fff;max-width:100%;position:relative}.background-container,.parent-container{align-items:center;justify-content:center}.parent-container{display:flex;gap:16px;height:auto;margin-top:10px;padding:0 0 70px;transform:translateX(-10px)}.custom-button{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:50px;color:#333;display:inline-flex;font-size:20px;font-weight:700;padding:20px 40px;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}.custom-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.button-text{color:#333;margin-right:10px}.button-arrow{align-items:center;background-color:#75cabe;border-radius:50%;color:#fff;display:inline-flex;font-size:14px;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.custom-button:hover .button-arrow{transform:translateX(5px)}.download-button{align-items:center;background-color:#75cabe;border-radius:30px;color:#fff;display:inline-flex;font-size:20px;font-weight:700;padding:20px 40px;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}.download-button:hover{background-color:#5bab9f;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff}.company-container{align-items:center;display:flex;gap:0;justify-content:space-between;margin:0 auto;max-width:80%;padding-bottom:60px;padding-top:70px}.company-info{align-items:center;display:flex;flex-direction:column;width:50%}.company-title{color:#333;font-size:30px;font-weight:700;margin:0}.company-title-sub{color:#eacd3b;font-size:14px;font-weight:700;margin-bottom:25px;margin-top:10px;position:relative}.company-title-sub:before{color:#eacd3b;content:"●";font-size:10px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.about-button{align-items:left;background-color:#f0c438;border-radius:50px;color:#fff;display:flex;font-size:18px;font-weight:700;gap:20px;margin-top:20px;padding:20px 50px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.about-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff}.button-arrow2{align-items:center;background-color:#fff;border-radius:50%;color:#eacd3b;display:inline-flex;font-size:16px;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.about-button:hover .button-arrow2{transform:translateX(5px)}.iso-image{margin-top:100px;width:300px}.company-image{overflow:hidden;text-align:left;width:55%}.company-img img{height:auto;opacity:0;padding:2%;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:100%}.company-img.show img{opacity:1;transform:translateY(0)}.image-container{align-items:center;display:flex;gap:10px;justify-content:center;padding-top:60px}.image-container a{display:inline-block}.image-container img{border-radius:10px;height:auto;transition:transform .3s ease;width:70px}.image-container img:hover{transform:scale(1.1)}.blog-background{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding-bottom:50px;padding-top:30px;text-align:center}.blog-container{background-color:#fff;border:4px solid #eee;border-radius:40px;margin:0 auto 50px;max-width:70%;padding:40px;width:100%}.news-title{color:#333;font-size:30px;margin:50px 0 0}.news-title,.news-title-sub{font-weight:700;text-align:left;width:80%}.news-title-sub{color:#01619b;font-size:14px;margin-bottom:20px;margin-top:10px;position:relative}.news-title-sub:before{color:#01619b;content:"●";font-size:10px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.category-menu{display:flex;gap:10px;justify-content:center;margin:0 auto;width:80%}.category-button{background-color:#fff;border:1px solid #ddd;border-radius:50px;cursor:pointer;display:block;font-size:14px;margin-bottom:10px;outline:none;padding:10px;text-align:left;text-align:center;width:100%}.category-button.active{border-color:#7f9ece;outline:none}.category-button.active,.category-button:hover{background-color:#7f9ece;color:#fff}.blog-list{background-color:#fff;border-radius:50px;margin:0 auto;padding:50px;text-align:left;width:90%}.blog-item{border-bottom:1px solid #bbb;display:flex;padding:20px 0;position:relative}.blog-item a{height:100%;left:0;position:absolute;text-decoration:none;top:0;width:100%;z-index:2}.blog-item img{border-radius:8px;height:120px;margin-left:10px;margin-right:20px;object-fit:cover;width:200px;z-index:2}.blog-item:hover{background-color:#fafafa}.blog-content{display:flex;flex:1;flex-direction:column;z-index:2}.blog-meta{align-items:center;display:flex;gap:30px;margin-bottom:10px}.blog-date{color:#888;font-size:14px}.blog-category{background-color:#adc5eb;border-radius:20px;color:#fff;display:inline-block;font-size:12px;padding:2px 12px;white-space:nowrap}.blog-title{font-size:16px;font-weight:700;margin-bottom:10px;margin-right:10px}.blog-link{align-items:center;color:#888;display:flex;font-size:14px;text-decoration:none}.blog-link:hover{text-decoration:underline}.load-more-button{background-color:#7f9ece;border-radius:50px;color:#fff;display:inline-block;font-size:18px;font-weight:700;padding:15px 20px;text-decoration:none;transition:background-color .3s ease}.load-more-button:hover{background-color:#5978a6;color:#fff}.load-more{display:flex;justify-content:flex-end;margin:5px 0;text-align:center;width:100%}.media-jisseki{color:#666;font-size:16px;font-weight:700;letter-spacing:.5px;margin-left:30px;margin-top:50px;text-align:left}.media-ichiran{display:flex;flex-wrap:wrap;gap:0;justify-content:flex-start;margin:0 auto;width:90%}.media-ichiran img{height:auto;margin-bottom:20px;object-fit:cover;width:100px}.event-section{align-items:center;background-color:#fff;display:flex;flex-direction:column;margin:0 auto;padding-bottom:50px;padding-top:30px;text-align:center;width:100%}.event-container{background-color:#fafafa;border:4px solid #eee;border-radius:40px;margin:0 auto 50px;max-width:70%;padding:40px;width:100%}.event-title-top{color:#333;font-size:30px;margin:50px 0 0}.event-title-sub,.event-title-top{font-weight:700;text-align:left;width:80%}.event-title-sub{color:#b88cd4;font-size:14px;margin-bottom:20px;margin-top:10px;position:relative}.event-title-sub:before{color:#b88cd4;content:"●";font-size:10px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.event-list-wrapper{overflow:hidden;position:relative;width:100%}.event-list{display:flex;flex-wrap:nowrap;transition:transform .5s ease-in-out;width:auto}.event-item{box-sizing:border-box;flex:0 0 33.33333%;padding:10px;transition:transform .3s ease-in-out}.event-item:hover{transform:translateY(-2px)}.event-link{color:#333;text-align:left}.event-link,.event-link:hover{font-size:14px;text-decoration:none}.event-link:hover{color:#777}.event-next,.event-prev{align-items:center;background-color:#fff;border:1px solid #b88cd4;border-radius:50%;color:#b88cd4;cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;position:absolute;width:50px;z-index:99}.event-prev{left:0}.event-next{right:0}.event-next:hover,.event-prev:hover{background-color:#b88cd4;color:#fff;outline:none}.event-thumbnail{border-radius:8px;height:auto;margin-bottom:10px;width:100%}.media-background{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding-top:10px;text-align:center}.media-container{background-color:#fff;border:4px solid #eee;border-radius:40px;margin:0 auto 50px;max-width:70%;padding:40px;width:100%}.interview-title{color:#333;font-size:30px;margin:70px 0 0}.interview-title,.interview-title-sub{font-weight:700;text-align:left;width:80%}.interview-title-sub{color:#e887be;font-size:14px;margin-bottom:20px;margin-top:10px;position:relative}.interview-title-sub:before{color:#e887be;content:"●";font-size:10px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.media-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.media-slide{border-radius:8px;padding:10px;text-align:center;transition:transform .2s ease-in-out}.media-slide:hover{transform:scale(1.02)}.media-slide img{border-radius:8px;width:100%}.media-slide-content{margin-top:10px;text-align:left}.category{background-color:#bbb;border-radius:20px;color:#fff;padding:5px 12px}.category,p{font-size:12px}p{color:#333;line-height:1.5;margin-top:10px;text-align:left}.recruit-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding-bottom:50px;padding-top:30px;text-align:center}.recruit-title{color:#333;font-size:30px;margin:50px 0 0}.recruit-title,.recruit-title-sub{font-weight:700;text-align:left;width:80%}.recruit-title-sub{color:#5bb2ba;font-size:14px;margin-bottom:20px;margin-top:10px;position:relative}.recruit-title-sub:before{color:#5bb2ba;content:"●";font-size:10px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.recruit-text{margin:0 auto;width:70%}.recruit-text h1{font-size:28px;letter-spacing:1.5px;text-align:left}.recruit-text hr{color:#ccc;margin:0;text-align:left;width:85%}.recruit-text p{font-size:14px;letter-spacing:.8px;line-height:1.8;padding-top:10px;text-align:left}.recruit-button-container{align-items:flex-start;display:flex;margin:0 auto;max-width:100%;padding-bottom:50px;padding-top:30px;text-align:center;width:70%}.recruit-button{background-color:#5bb2ba;border-radius:50px;color:#fff;font-size:18px;font-weight:700;margin-right:50px;margin-top:50px;padding:30px 50px;text-decoration:none;transition:background-color .3s ease}.recruit-button:hover{background-color:#427b84;color:#fff}.recruit-button-container img{margin-right:20px;max-width:500px;width:60%}.recruit-photos{width:100%}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.photo-slider-container{margin-top:10px;max-height:500px;overflow:hidden;position:relative;width:100%}.photo-slider-row{animation-timing-function:linear;display:flex;width:200%}.photo-slider-list{display:flex;list-style:none;padding:0}.scroll-left{animation:scroll-left 30s linear .5s infinite both}.slide-item{margin:0 20px;overflow:hidden;width:100%}.slide-item>img{border-radius:10px;width:100%}@keyframes scroll-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.scroll-right{animation:scroll-right 30s linear .5s infinite both}.custom-footer-1{background-color:#efefef;color:#333;padding:200px 200px 50px}.custom-footer-left{flex:1}.custom-logo{align-items:center;display:flex}.custom-logo-img{height:auto;margin-bottom:10px;width:300px}.custom-divider{border:0;border-top:2px solid #ccc;margin:10px 0;width:700px}.custom-footer-menu{display:flex;justify-content:flex-start;list-style:none;margin:20px 0;padding:0}.custom-footer-menu li:first-child a i{color:#f28b82}.custom-footer-menu li:nth-child(2) a i{color:#f9a15c}.custom-footer-menu li:nth-child(3) a i{color:#e0d868}.custom-footer-menu li:nth-child(4) a i{color:#6cb79e}.custom-footer-menu li:nth-child(5) a i{color:#66a1cc}.custom-footer-menu li:nth-child(6) a i{color:#a17edb}.custom-footer-menu li{align-items:center;color:#333;display:flex;margin-right:20px}.custom-footer-menu li i{margin-right:8px}.custom-footer-menu li a{color:#333;text-decoration:none}.custom-footer-menu li a:hover{color:#666}.custom-footer-menu2 a{color:#333;text-decoration:none}.custom-footer-menu2 a:hover{color:#666}.custom-footer-menu2{color:#333;display:flex;font-size:12px;gap:20px;list-style:none;margin:20px 0;padding:0;position:right}.custom-footer-right{align-items:center;display:flex;height:100%;margin:0 auto;position:relative;text-align:left}.custom-footer-right p{color:#333}.custom-copyright{bottom:0;color:#333;font-size:12px;position:absolute;right:20px}@media (max-width:768px){.hero{align-items:center;align-items:flex-start;background-image:url(https://kasanare.co.jp/hubfs/hp_top/hero-mobile-20250504.png);background-position:50%;background-repeat:no-repeat;background-size:100% auto;display:flex;justify-content:center;justify-content:left;margin:0 auto;min-height:75vh;padding-top:22%;position:relative}.hero-content{margin:0;max-width:100%;padding:0}.hero-award{display:none}.hero-text{display:block;font-size:43px;gap:2px;line-height:1.4;margin:0;max-width:100%;padding:0;text-align:center;text-align:left}.mobile-break{display:block;margin-top:10px}.sub-text{font-size:14px;margin-left:5px;margin-top:10px;text-align:center}.slider-container{overflow:hidden;width:100%}.slides{animation:slide 30s linear infinite;display:flex;flex-wrap:nowrap;width:200%}.slide{display:flex;flex:0 0 auto;justify-content:flex-start;padding:0 10px}.slide img{height:auto;margin:5px;width:80px}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-375%)}}.kasanare-text-img{margin-bottom:50px}.kasanare-text-img,.kasanare-text-img2{flex-direction:column;margin-top:20px;padding-left:5%;padding-right:5%}.kasanare-text-img2{margin-bottom:0}.text-content{margin:0 auto;max-width:90%;text-align:center}.text-content p:first-of-type{color:#333;font-size:18px;font-weight:700;letter-spacing:1px;text-align:left;text-align:center}.text-content p{font-size:14px}.text-content img{margin:0 auto;max-width:70%}.parent-container{flex-direction:column;margin:0 0 50px 20px;padding:0}.about-button,.custom-button,.download-button{align-items:center;display:flex;font-size:14px;justify-content:center;min-width:300px;padding:12px 20px;text-align:center}.button-arrow,.button-arrow2{font-size:14px;height:30px;width:30px}.company-container{flex-direction:column;padding:50px 0}.company-info{text-align:center;width:100%}.company-image{padding:10px;width:100%}.company-img img{width:100%}.blog-container{align-items:left;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:90%;padding:5px;text-align:left}.category-button{display:none}.blog-list{padding:10px}.blog-title{font-size:13px}.blog-category{display:none}.blog-item{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.read-more{font-size:15px}.image-container img{width:90%}.event-section,.media-background{display:none}.custom-footer-1{background-color:#efefef;color:#333;font-family:Arial,sans-serif;padding:20px}.custom-footer-1,.custom-footer-left{align-items:left;display:flex;flex-direction:column}.custom-footer-left{margin-bottom:20px;width:100%}.custom-logo{margin-bottom:10px;text-align:center}.custom-logo-img{height:auto;margin-top:50px;width:250px}.custom-divider{border-top:1px solid #ccc;margin:10px 0;width:80%}.custom-footer-menu,.custom-footer-menu2{align-items:left;display:flex;flex-direction:column;list-style:none;margin:0;padding:20px;width:100%}.custom-footer-menu li,.custom-footer-menu2 li{margin:5px 0}.custom-footer-menu li a,.custom-footer-menu2 li a{align-items:center;color:#333;display:flex;font-size:13px;text-decoration:none}.custom-footer-menu2{gap:0;margin:0;width:100%}.custom-footer-menu2 li a{color:#666;font-size:12px;text-decoration:none}.custom-footer-menu li a i,.custom-footer-menu2 li a i{margin-right:5px}.custom-footer-menu li a:hover,.custom-footer-menu2 li a:hover{color:#666}.custom-footer-right{flex-shrink:0;margin-bottom:0;margin-top:20px;text-align:center;width:100%}.custom-copyright{color:#666;font-size:12px;margin:0;padding:10px 0}.recruit-container{padding-bottom:30px;padding-top:20px}.recruit-title-sub:before{font-size:8px}.recruit-text{margin-bottom:10px;width:80%}.recruit-text h1{font-size:22px;letter-spacing:1px}.recruit-text hr{width:90%}.recruit-text p{font-size:12px;letter-spacing:0}.recruit-button-container{align-items:center;flex-direction:column;padding-top:5px;width:90%}.recruit-button{font-size:16px;margin:0;padding:15px 40px}.recruit-button-container img{margin:0;width:120%}.recruit-photos{margin-top:0}.photo-slider-row{width:600%}.slide-item{width:400%}.slide-item>img{border-radius:8px}.scroll-left,.scroll-right{animation-duration:20s}}@media (max-width:480px){.hero{height:50vh;padding-bottom:5%;padding-left:5%}.hero-text{font-size:35px}.sub-text{font-size:12px}.kasanare-text-img{padding-left:5%;padding-right:5%}.text-content{font-size:14px}.text-content img{width:90%}.company-container{flex-direction:column}.company-img img,.company-info{width:100%}.blog-container{padding:20px;width:100%}.category-button{font-size:12px}.blog-item{flex-direction:column}.image-container img{width:100%}.media-ichiran img{margin-bottom:10px;width:calc(33.33% - 10px)}.recruit-container{padding-bottom:30px;padding-top:20px}.recruit-title-sub:before{font-size:8px}.recruit-text{margin-bottom:10px;width:80%}.recruit-text h1{font-size:22px;letter-spacing:1px}.recruit-text hr{width:90%}.recruit-text p{font-size:12px;letter-spacing:0}.recruit-button-container{align-items:center;flex-direction:column;padding-bottom:30px;padding-top:5px;width:90%}.recruit-button{font-size:16px;margin-top:5px;padding:15px 40px}.recruit-button-container img{margin-right:0;margin-top:10px;position:static;width:120%}.recruit-photos{margin-top:0}.photo-slider-row{width:600%}.slide-item{width:400%}.slide-item>img{border-radius:8px}.scroll-left,.scroll-right{animation-duration:20s}}