.creative-hero{background:var(--color-gray);padding-bottom:0}.creative-hero .hero-copy{padding-bottom:95px}.creative-hero h1{font-size:48px}.creative-intro{font-size:20px;line-height:2;letter-spacing:.05em;margin-top:30px}.creative-hero-button{min-width:220px;margin-top:40px}.creative-hero .hero-readmore{bottom:90px}.creative-copy{font-size:16px;line-height:2.2;margin-top:32px}.creative-paragraph-gap{height:1.5em}.creative-concerns{padding:40px;background:var(--color-gray);margin-top:45px}.creative-concerns h3{font-size:22px;margin-bottom:18px}.creative-concerns ul{columns:2;column-gap:55px;font-size:16px;line-height:2.2}.creative-concerns li{break-inside:avoid;padding-left:.8em;position:relative}.creative-concerns li::before{content:'・';position:absolute;left:0}.creative-carousel{position:relative;margin-top:80px}.creative-carousel-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.creative-carousel-window::-webkit-scrollbar{display:none}.creative-track{display:flex;align-items:center;gap:35px;list-style:none;padding:20px max(35px,calc(50% - 110px));margin:0;width:max-content;min-width:100%}.creative-slide{width:220px;flex:0 0 220px;scroll-snap-align:center;transition:transform .25s ease;transform:scale(.85)}.creative-slide.is-active{transform:scale(1.15)}.creative-slide img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 6px #00000012)}.creative-prev,.creative-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #ddd;border-radius:50%;width:48px;height:48px;background:#ffffffeb;color:#aaa;font:36px/1 Arial;z-index:2}.creative-prev{left:calc(50% - 190px)}.creative-next{right:calc(50% - 190px)}.creative-prev:hover,.creative-next:hover{color:var(--color-orange);border-color:var(--color-orange)}.creative-process{margin-top:55px}.creative-process h3{font-size:26px;line-height:1.8;letter-spacing:.08em}.creative-stage{font-family:var(--font-number);white-space:nowrap;display:inline-block;letter-spacing:.14em}.creative-stage-active{color:var(--color-orange)}.creative-process-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:30px;align-items:start}.creative-process-row .creative-copy{margin-top:0}.creative-process-row picture{grid-column:1;grid-row:1}.creative-process-row .creative-copy{grid-column:2;grid-row:1}.creative-process:nth-of-type(even) .creative-copy{grid-column:1}.creative-process:nth-of-type(even) picture{grid-column:2}.creative-process-row img{width:100%;height:auto}.creative-page h2{overflow-wrap:anywhere}.creative-carousel .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:768px) and (max-width:1050px){.creative-intro{font-size:16px;padding-right:80px}.creative-process h3{font-size:22px}.creative-process-row{gap:35px}.creative-concerns ul{font-size:14px}}
@media(max-width:767px){.creative-hero .hero-copy{padding-bottom:50px}.creative-hero h1{font-size:26px;white-space:normal;line-height:1.7}.creative-intro{font-size:12px;line-height:2.1;margin-top:20px;letter-spacing:.025em}.creative-hero-button{min-width:110px;margin-top:24px}.creative-hero .hero-readmore{bottom:40px;right:12px}.creative-page h2{font-size:22px;line-height:1.7;letter-spacing:.025em}.creative-copy{font-size:11px;line-height:2.1;margin-top:22px}.creative-concerns{padding:18px;margin-top:26px}.creative-concerns h3{font-size:12px;margin-bottom:12px}.creative-concerns ul{columns:1;font-size:11px;line-height:2.1}.creative-carousel{margin-top:35px}.creative-track{gap:22px;padding:20px max(22px,calc(50vw - 75px))}.creative-slide{width:150px;flex-basis:150px}.creative-prev,.creative-next{width:27px;height:27px;font-size:23px}.creative-prev{left:calc(50% - 110px)}.creative-next{right:calc(50% - 110px)}.creative-process{margin-top:32px}.creative-process h3{font-size:14px;padding-left:14px;letter-spacing:.025em}.creative-process h3::before{width:8px;height:8px;top:.7em}.creative-process-row{display:flex;flex-direction:column;gap:20px;margin-top:18px}.creative-process-row picture{width:100%}.creative-process-row .creative-copy{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.creative-slide{transition:none}}