:root{--font:"Noto Sans JP";--color-primary:#d92b42;--color-on-primary:#fff;--color-background:#f7f7f7;--color-surface:rgba(255,255,255,.95);--color-on-background:#262525;--color-on-surface:#666;--color-border:#e0e0e0;--radius-4:4px;--radius-8:8px;--radius-999:999px;--shadow-1:0px 0px 10px 0 rgba(0,0,0,.1);--shadow-2:0px 12px 24px 0 rgba(0,0,0,.15);--shadow-3:0px 1px 4px 0 rgba(0,0,0,.3);--blur-8:blur(8px);--container:1120px;--gap:32px;--gap-m:16px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font)}button,input,select,textarea,optgroup{font-family:inherit}html[data-theme-init=loading]{visibility:hidden}blockquote,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.75rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}h4,button{font-size:1rem;font-weight:600}p input textarea li{font-size:1rem;font-weight:400}a{color:inherit;text-decoration:none}ul,ol,li{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;display:block}button{border:none;cursor:pointer}input,textarea,select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-4);color:var(--color-on-background);font-family:inherit;font-size:1rem;line-height:1.8}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary)}::placeholder{font-family:var(--font);color:var(--color-on-surface);opacity:.5}body{font-family:var(--font),system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--color-on-background);background:var(--color-background);line-height:1.8;font-size:1rem;position:relative}.main{padding-top:5rem;position:relative}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.page-title{padding:96px 0 0;display:flex;flex-direction:column;gap:2rem;height:auto;margin-bottom:2rem}.section{padding:5rem 0}.section-title{position:relative;margin:0 0 32px}.section-link{position:relative;margin:0 0 32px;display:flex;justify-content:space-between;align-items:flex-end}.btn-link{font-weight:600;color:var(--color-on-surface);transition:.3s}.btn-link:hover{color:var(--color-primary)}.btn-primary{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;white-space:nowrap;font-weight:600;border-radius:999px;background:var(--color-on-surface);color:var(--color-on-primary);transition:.3s}.btn-primary:hover{background:var(--color-primary)}.btn-img{display:inline-flex;justify-content:flex-end;align-items:center;gap:.5rem;white-space:nowrap;font-weight:600;color:var(--color-on-background);transition:.3s}#icon-btn-arrow{color:#000}.btn-area-center{display:flex;justify-content:center}.btn-area-right{display:flex;justify-content:right}.img-card{position:relative;background:var(--color-background);border-radius:var(--radius-8);border:2px solid var(--color-border);overflow:hidden;height:320px;color:var(--color-on-primary)}.img-card a{position:relative;z-index:2;gap:1rem;width:100%;height:100%;color:inherit;text-decoration:none;display:block}.img-card__thumb{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;transition:transform .75s ease;z-index:1;border-radius:inherit;background:var(--color-on-background)}.img-card__thumb--placeholder{background:repeating-linear-gradient(45deg,#f3f3f3,#f3f3f3 8px,#e9e9e9 8px,#e9e9e9 16px)}.img-card__body{position:relative;z-index:3;color:var(--color-on-background);background:rgba(255,255,255,0);width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;background:rgba(255,255,255,.5);backdrop-filter:var(--blur-8);transition:background .3s ease-in-out;transition:backdrop-filter .1s ease-in-out}.img-card__body h2{text-align:left}.img-card__excerpt{padding:1rem;opacity:1;transition:opacity .45s ease-in-out}.img-card:hover{box-shadow:var(--shadow-1)}.img-card:hover .img-card__thumb{transform:scale(1.15)}.img-card.project .img-card__body{background:rgba(0,0,0,.25);backdrop-filter:none}.img-card.project:hover .img-card__body{backdrop-filter:none}.img-card.project:hover .img-card__thumb{transform:scale(1.15)}.work-card>a{background:var(--color-on-primary);border:1px solid var(--color-border);border-radius:var(--radius-8);display:flex;flex-direction:column;transition:transform .1s ease,box-shadow .1s ease;height:400px}.work-card>a:hover{box-shadow:var(--shadow-1)}.work-card-thumb{position:relative;overflow:hidden;border-bottom:1px solid var(--color-border);border-radius:8px 8px 0 0}.work-card-thumb img{display:block;width:100%;height:240px;object-fit:cover;transition:opacity .45s ease-in-out,transform .45s ease-in-out}.work-card-thumb-hover{position:absolute;inset:0;opacity:0}.work-card:hover .work-card-thumb-hover{opacity:1;transform:scale(1.05)}.work-card:hover .work-card-thumb-normal{opacity:0}.work-card-info{padding:2rem;display:flex;flex-direction:column;gap:1rem}.work-card-title{font-weight:600;width:100%}.work-card-caption{width:100%;color:var(--color-on-surface)}.topics-card>a{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-8);display:flex;flex-direction:column;transition:transform .1s ease,box-shadow .1s ease;height:360px;overflow:hidden}.topics-card>a:hover{box-shadow:var(--shadow-1);transform:translateY(-2px)}.topics-card img{width:100%;height:auto;max-height:160px;object-fit:cover;border-bottom:1px solid var(--color-border)}.topics-card-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem;height:100%}.topics-card-tags{display:flex;gap:8px;font-size:.75rem}.topics-card-header{display:flex;justify-content:space-between}.topics-card-title{font-size:1.25rem;width:100%;margin-bottom:auto}.topics-card-date{font-size:.75rem;color:var(--color-on-surface)}.topics-card-cats{font-size:.95rem}.grid-3{display:grid;gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{display:grid;gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2-c{display:grid;gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2-c>*:nth-child(1){grid-column:1/-1}.list{margin:0;padding:0;list-style:none;font-family:var(--font);color:var(--color-on-background);max-width:var(--container)}.list li{position:relative;padding:8px 0 8px 20px;border-bottom:1px solid var(--color-border)}.list li:last-child{border-bottom:none}.news-list{display:grid}.news-item{display:grid;grid-template-columns:120px 1fr;gap:var(--gap-m);padding:12px}.news-list .news-item+.news-item{border-top:1px solid var(--color-border)}.news-link{font-weight:400;color:var(--color-on-background)}.news-link:hover{color:var(--color-primary)}.client-area{border-radius:var(--radius-8);display:flex;flex-direction:column;gap:2rem}.client{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.client-box{width:100%}.client-box ul{margin-bottom:1rem}.client-bottom{width:100%;text-align:center}.client-industry{font-weight:600}.nav-links{display:flex;flex-direction:row;justify-content:center;gap:2rem;padding:4rem}.page-numbers{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-on-surface);width:3.5rem;height:3.5rem;border-radius:var(--radius-999)}.page-numbers:hover{color:var(--color-primary)}.page-numbers.current{color:var(--color-primary);pointer-events:none}.faq-list{margin:0;padding:0;display:grid;justify-items:flex-end}.faq-item{padding:1.5rem 1rem 1.5rem 0;width:100%;max-width:800px;font-size:1.25rem}.faq-item+.faq-item{border-top:2px solid var(--color-border)}.faq-question{all:unset;display:flex;justify-content:space-between;align-items:flex-start;width:100%;cursor:pointer}.faq-icon{margin-left:12px;min-width:1em;text-align:center;font-weight:600}.faq-answer{overflow:hidden;padding:1rem 0;max-height:0;transition:max-height .24s ease}.faq-answer.is-open{max-height:240px}.faq-q{display:block}.faq-a{display:block}@media (max-width:1024px){.grid-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr 1fr}.grid-2-c{grid-template-columns:1fr 1fr}.img-card{height:360px}.img-card__excerpt{padding:.5rem}}@media (max-width:768px){body{font-size:.875rem}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.25rem}h3{font-size:1rem}h4 a button{font-size:.875rem}p input textarea li{font-size:.875rem}.section{padding:3rem 0}.btn-primary{padding:.5rem 1rem}.grid-3{grid-template-columns:1fr;padding:0 auto}.grid-2{grid-template-columns:1fr;padding:0 auto}.grid-2-c{grid-template-columns:1fr;padding:0 auto}.news-item{grid-template-columns:80px 1fr}.faq-item{font-size:1rem}}.section-404{padding:48px 0 24px;text-align:center;height:calc(100vh - 400px);display:flex;flex-direction:column;justify-content:center;gap:4rem}