.c-tab-radio{opacity:0;position:absolute;width:auto}.c-tab-labels{display:flex;margin-bottom:4em;position:relative;font-weight:700;padding:8px;width:fit-content;border:solid 1px var(--pale-gray);border-radius:3em;background-color:#fff}.c-tab-labels label{position:relative;cursor:pointer;border-radius:4px;width:11em;text-align:center;line-height:1;padding:1em 0;z-index:2;transition:color .2s}.c-tab-labels label:before{content:"";display:block;aspect-ratio:1/1;width:.3em;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);right:1em;background-color:currentColor;opacity:0;transition:opacity .2s}.c-tab-labels label.-current{color:#fff}.c-tab-labels__circle{display:inline-block;background:var(--text);width:11em;height:3em;border-radius:3em;position:absolute;transition:transform .2s;left:8px}.c-tab-labels__circle:before{content:"";display:block;aspect-ratio:1/1;width:.3em;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);right:1em;background-color:#fff}@media (hover: hover){.c-tab-labels label:not(.-current):hover{color:#7918f2}.c-tab-labels label:not(.-current):hover:before{opacity:1}}@media (min-width: 768px){.c-tab-labels{margin-left:auto}}@media (max-width: 767px){.c-tab-labels{font-size:1.4rem}}.c-tab-content{opacity:0;visibility:hidden;height:0}.c-tab-bottom{text-align:center;margin:5em 0 3em;font-size:1.4rem}.c-tab-bottom__h3{font-size:3rem;margin-bottom:.5em}.c-tab-bottom .c-link-arrow{margin:0 auto .8em}.c-works-cards{display:grid}@media (min-width: 768px){.c-works-cards{grid-template-columns:repeat(auto-fill,minmax(425px,1fr));gap:60px}}@media (max-width: 767px){.c-works-cards{grid-template-columns:repeat(1,1fr);gap:32px}}.c-works-cards-item{font-size:1.4rem;will-change:opacity,transform;opacity:0;transform:scale(.8)}.c-works-cards-item a{display:block;color:currentColor}.c-works-cards-item .c-img{aspect-ratio:3/2;background:linear-gradient(140deg,#fff 30%,var(--bg-gray) 100%);border-radius:1em;margin-bottom:.8em;position:relative;overflow:hidden}.c-works-cards-item img{width:100%;height:100%;object-fit:cover}.c-works-cards-item time{font-size:1rem;color:var(--dark-gray)}.c-works-cards-item__title{line-height:1.38;margin:.3em 0}.c-works-cards-item .c-client-name{font-size:1.2rem}.c-works-cards-item .c-client-name span:before{content:"|";margin:0 .5em}.c-works-cards-item .c-tag-area{margin-top:.5em}.c-works-cards-item.-entered{animation:cardEnter .2s linear 0s forwards}@media (hover: hover){.c-works-cards-item a{transition:opacity .2s}.c-works-cards-item a:hover{opacity:.7;text-decoration:none}}@media (min-width: 768px){.c-works-cards-item__title{font-size:1.8rem}}@media (max-width: 767px){.c-works-cards-item__title{font-size:1.6rem}}.c-works-list{position:relative;overflow:hidden}@media (min-width: 768px){.c-works-list{width:var(--container-pc-s);max-width:100%;margin:auto}}.c-works-list-item{border-bottom:solid 1px var(--bg-gray);will-change:opacity,transform;opacity:0;transform:translate(2em)}.c-works-list-item a{padding:1.4em 0;display:block;position:relative;color:currentColor}.c-works-list-item time{font-size:1rem;line-height:1;display:block;color:var(--dark-gray)}.c-works-list-item .c-title{margin:.5em 0 .4em;line-height:1.32;width:100%;position:relative;transition:color .2s,transform .2s}.c-works-list-item .c-title:before{content:"";display:block;aspect-ratio:1/1;width:.3em;position:absolute;background-color:currentColor;border-radius:100%;top:.5em;left:0;opacity:0;transition:opacity .2s,transform .2s}.c-works-list-item .c-client-name{font-size:1.2rem}.c-works-list-item .c-client-name span:before{content:"|";margin:0 .5em}.c-works-list-item .c-tag-area{margin-top:.8em}.c-works-list-item.-entered{animation:listEnter .2s linear 0s forwards}@media (hover: hover){.c-works-list-item a:hover{opacity:1!important;text-decoration:none}.c-works-list-item a:hover .c-title{color:var(--link);transform:translate(1em)}.c-works-list-item a:hover .c-title:before{opacity:1;transform:translate(-1em)}}@media (min-width: 768px){.c-works-list-item .c-title{font-size:1.8rem}}@media (max-width: 767px){.c-works-list-item .c-title{font-size:1.6rem}}
