.top{width:100%;height:100svh;position:relative;background-image:linear-gradient(#0006,#0009),url(/_astro/index.BrXSQ4ac.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);text-align:center;&:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:6vw;min-height:40px;max-height:80px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M0,100 L35,30 Q50,0 65,30 L100,100 Z' /%3E%3C/svg%3E");background-size:10vw 100%;background-repeat:repeat-x}.hero-content{display:flex;flex-direction:column;align-items:center;z-index:1;margin-top:-5vw;.hero-univ{font-size:clamp(var(--font-size-xl),3vw,36px);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm);letter-spacing:.1em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-title{font-size:clamp(48px,8vw,100px);font-weight:var(--font-weight-bold);margin:0;letter-spacing:.15em;text-shadow:0 4px 10px rgba(0,0,0,.5);line-height:1.1}.hero-divider{width:100%;height:6px;background-color:#fff9;border:none;margin:15px 0;box-shadow:0 2px 5px #0000004d}.hero-sub{font-size:clamp(var(--font-size-sm),2vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);letter-spacing:.05em;color:#fffc;text-shadow:0 2px 5px rgba(0,0,0,.5);margin:0}}}.vision{width:var(--width-auto);margin:80px auto 100px;color:var(--sixthback);h2{font-size:clamp(40px,6vw,64px);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-xl);letter-spacing:-.02em;.large{font-size:clamp(60px,9vw,96px);display:inline-block;transform:translateY(4px)}}p{font-size:clamp(var(--font-size-base),2vw,var(--font-size-xl));line-height:2;font-weight:var(--font-weight-bold);color:var(--text-main);margin:0}}.action-cards{display:flex;justify-content:center;align-items:center;margin:60px auto 120px;width:var(--width-auto);position:relative;.action-card{display:flex;flex-direction:column;width:340px;aspect-ratio:1 / 1.1;border-radius:40px;padding:var(--space-xl);text-decoration:none;color:var(--white);background-color:rgba(var(--color-theme-rgb),.8);transition:all var(--transition-normal);position:relative;box-sizing:border-box;outline-offset:8px;outline:2px solid rgba(255,115,85,0);&:hover{outline-offset:2px;outline:2px solid rgba(var(--color-theme-rgb),.95)}h3{font-size:clamp(28px,4vw,42px);font-weight:var(--font-weight-bold);line-height:1.3;margin:0;letter-spacing:.05em}p{font-size:clamp(var(--font-size-base),2.5vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);line-height:1.4;margin:0;letter-spacing:.05em;position:absolute;bottom:var(--space-xl);left:var(--space-xl)}.card-icon{position:absolute;bottom:35px;right:30px;width:60px;height:60px;svg{position:absolute;width:100%;height:100%}.icon-bg{top:0;left:-20px;color:#fff9}.icon-fg{top:0;left:0;color:var(--white)}}}.card-left{transform:rotate(8deg);z-index:2;margin-right:-20px;&:hover{transform:rotate(0) scale(1.05) translateY(-10px);z-index:3}}.card-right{transform:rotate(8deg);z-index:1;margin-left:-20px;&:hover{transform:rotate(0) scale(1.05) translateY(-10px);z-index:3}}@media(max-width:768px){flex-direction:row;gap:0;width:100%;margin-left:0;margin-right:0;flex-wrap:nowrap;overflow-x:clip;padding:var(--space-md) 0;.action-card{width:clamp(200px,calc(50vw + 24px),280px);padding:24px;flex-shrink:0;h3{font-size:clamp(24px,4.5vw,30px);line-height:1.4}p{font-size:clamp(13px,3.5vw,var(--font-size-base));bottom:24px;left:24px}.card-icon{bottom:24px;right:24px;width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px)}}.card-left{margin-right:-12px}.card-right{margin-left:-12px}}}.pickup-articles{width:var(--width-auto);margin:0 auto 100px;display:flex;flex-direction:column;.pickup-grid{display:flex;flex-direction:column}.pickup-card{position:relative;display:block;width:100%;max-height:50svh;aspect-ratio:16 / 9;overflow:hidden;text-decoration:none;.pickup-thumb-wrapper{position:absolute;inset:0;z-index:0;img{width:100%;height:100%;object-fit:cover;transition:filter var(--transition-normal)}.pickup-thumb-placeholder{width:100%;height:100%;background-color:#333;transition:filter var(--transition-normal)}.pickup-overlay{position:absolute;inset:0;background-color:#0006;transition:background-color var(--transition-normal)}}&:hover{.pickup-thumb-wrapper img,.pickup-thumb-wrapper .pickup-thumb-placeholder{filter:grayscale(100%)}.pickup-overlay{background-color:#0009}}.pickup-content{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:var(--space-xl);.pickup-title{color:var(--white);font-size:clamp(24px,4vw,40px);line-height:1.4;margin:0;max-width:80%;text-shadow:0 2px 10px rgba(0,0,0,.5)}}}.pickup-more{margin-top:var(--space-xl);display:flex;justify-content:center;.pickup-more-btn{display:inline-block;background-color:var(--color-theme);color:var(--white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none;padding:15px 50px;border-radius:var(--radius-max);transition:transform var(--transition-normal),background-color var(--transition-normal);&:hover{transform:scale(1.05);background-color:#ff7824}}}@media(max-width:768px){.pickup-card{aspect-ratio:1/ 1}}}.god-words{--reveal-open-duration: 1.45s;--reveal-content-duration: .95s;--reveal-content-delay: .18s;display:flex;width:100%;margin:60px auto 0;padding:var(--space-lg) var(--width-auto-padding);background:#000;position:relative;overflow:hidden;clip-path:inset(0 0 0 0);&.reveal-ready{clip-path:inset(0 0 100% 0);transition:clip-path var(--reveal-open-duration) cubic-bezier(.16,1,.3,1);img,.texts{opacity:0;transform:translateY(28px);transition:opacity var(--reveal-content-duration) ease var(--reveal-content-delay),transform var(--reveal-content-duration) ease var(--reveal-content-delay)}}&.reveal-ready.is-open{clip-path:inset(0 0 0 0);img,.texts{opacity:1;transform:translateY(0)}}img{margin:var(--space-md);object-fit:cover;width:max(35%,100px);aspect-ratio:3 / 4;object-position:center}div{margin:var(--space-md);color:var(--white);font-family:serif;display:flex;flex-direction:column;justify-content:space-between;h3{font-size:32px;text-align:center;margin:0 0 var(--space-md)}p{font-size:17px;line-height:1.8}.info{text-align:right;line-height:var(--line-height-tight);overflow:hidden;.name{font-size:var(--font-size-lg);margin:5px 0 0}}}@media(max-width:768px){flex-direction:column;img{width:100%;aspect-ratio:16 / 9;object-position:50% 20%;margin:0 0 var(--space-md) 0}.texts{margin:0}}}.departments-swipe{position:relative;width:100%;height:600px;padding:150px 0;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:none;.swipe-cards-container{position:relative;width:320px;height:480px;perspective:1000px}.swipe-card{position:absolute;inset:0;border-radius:var(--space-xl);box-shadow:var(--shadow-md);overflow:hidden;background-color:var(--white);transform-origin:50% 100%;will-change:transform;cursor:grab;isolation:isolate;box-sizing:border-box;&[data-dept=marketing]{border:6px solid var(--color-dept-marketing);.swipe-card-gradient{background:linear-gradient(to top,var(--color-dept-marketing) 4%,transparent 40%)}}&[data-dept=video]{border:6px solid var(--color-dept-video);.swipe-card-gradient{background:linear-gradient(to top,var(--color-dept-video) 4%,transparent 40%)}}&[data-dept=design]{border:6px solid var(--color-dept-design);.swipe-card-gradient{background:linear-gradient(to top,var(--color-dept-design) 4%,transparent 40%)}}&[data-dept=planning]{border:6px solid var(--color-dept-planning);.swipe-card-gradient{background:linear-gradient(to top,var(--color-dept-planning) 4%,transparent 40%)}}&[data-dept=sns]{border:6px solid var(--color-dept-sns);.swipe-card-gradient{background:linear-gradient(to top,var(--color-dept-sns) 4%,transparent 40%)}}&:active{cursor:grabbing}.swipe-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.swipe-card-gradient{position:absolute;inset:0;z-index:1}.swipe-card-blur{position:absolute;inset:0;z-index:2;pointer-events:none}.swipe-card-content{position:absolute;bottom:0;left:0;width:100%;padding:var(--space-lg) var(--space-md);z-index:3;color:var(--white);pointer-events:none;h3{font-size:32px;font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm);text-shadow:0 0 10px rgba(0,0,0,.5)}p{font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0;text-shadow:0 0 10px rgba(0,0,0,.5)}}}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);width:120px;height:120px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:10;pointer-events:none;.swipe-indicator-circle{width:100%;height:100%;border-radius:var(--radius-circle);display:flex;justify-content:center;align-items:center;color:var(--white);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);box-sizing:border-box;transition:outline var(--transition-fast),background-color var(--transition-fast)}&.swipe-indicator-left{left:var(--space-md);.swipe-indicator-circle{background-color:#dc3545e6}&.active .swipe-indicator-circle{outline:10px solid rgba(220,53,69,.3)}}&.swipe-indicator-right{right:var(--space-md);.swipe-indicator-circle{background-color:#28a745e6}&.active .swipe-indicator-circle{outline:10px solid rgba(40,167,69,.3)}}}@media(max-width:768px){.swipe-indicator{width:100px;height:100px;&.swipe-indicator-left{left:-65px;.swipe-indicator-circle{padding-left:65px}}&.swipe-indicator-right{right:-65px;.swipe-indicator-circle{padding-right:65px}}.swipe-indicator-circle{writing-mode:vertical-rl;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}}}}