@charset "UTF-8";#profiles.group-list .container{padding:72px 0}@media (min-width: 768px){#profiles.group-list .container{padding:128px 0;width:100%}}.group-links{background-image:url(/assets/recrescendo/stave_sp-5609bfffa29f38230994729ac7005ed5.png);background-size:100% 20px;background-repeat:no-repeat;background-position:left bottom;margin-bottom:40px}@media (min-width: 768px){.group-links{background-image:url(/assets/recrescendo/stave_pc-e7c88d11c56563f9be61b549173f412c.png)}}.group-links .group-links-inner{display:flex;flex-wrap:wrap;justify-content:center;padding:0 36px 44px}@media (min-width: 768px){.group-links .group-links-inner{max-width:620px;margin:0 auto 40px;padding:0 0 70px}}.group-links .group-link-item{width:33.3333%;gap:24px;display:flex;justify-content:center}.group-section{max-width:430px;margin:0 auto 120px}@media (min-width: 768px){.group-section{max-width:920px}}.group-section .group-logo{width:185px;margin:0 auto 24px}@media (min-width: 768px){.group-section .group-logo{width:300px}}.group-section .group-characters{padding:0 7px}.group-section .characters-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 9px}.group-section .character-link{display:block;width:calc(50% - 9px);background:linear-gradient(to bottom, #201820 0%,#ff3be5 50%,#fec3e9 100%);padding:3px;border-radius:100vmax 100vmax 0 0;height:264px;position:relative;box-shadow:0 0 20px 0 rgba(53,16,34,0.1);position:relative;transform:translateY(0)}@media (min-width: 768px){.group-section .character-link{width:calc(100%/3 - 6px);height:430px}}@media (min-width: 768px){.group-section .character-link:hover{opacity:1;transform:translateY(-6px);box-shadow:0 0 30px 0 rgba(53,16,34,0.1)}}.group-section .character-link .character-part{position:absolute;top:-8px;left:0}.group-section .character-link .character-part span{display:block;font-size:18px;font-family:"futura-pt","Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","游ゴシック","Meiryo UI",Meiryo,sans-serif;background:linear-gradient(to right, #ff3be5,#4b0b4b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@media (min-width: 768px){.group-section .character-link .character-part span{font-size:30px}}.group-section .character-link .character-image{width:100%;height:196px;overflow:hidden;position:absolute;top:-14px;left:0;z-index:1}@media (min-width: 768px){.group-section .character-link .character-image{height:340px;top:-21px}}.group-section .character-link .character-image img{width:100%;height:100%;object-fit:cover;object-position:top center}.group-section .character-link .character-item-inner{width:100%;height:100%;border-radius:100vmax 100vmax 0 0;background-size:150%;background-color:#fff;background-position:center right;background-repeat:no-repeat;overflow:hidden;position:relative}.group-section .character-link .character-item-inner::after{content:"";display:block;border-radius:100vmax 100vmax 0 0;position:absolute;top:-16px;left:-16px;width:calc(100% + 32px);height:calc(100% + 32px);background:#fff;opacity:0.8;z-index:0}.group-section .character-link .character-info{width:100%;height:78px;background:#fff;position:absolute;bottom:0;left:50%;z-index:2;transform:translateX(-50%);padding:0 7px}@media (min-width: 768px){.group-section .character-link .character-info{height:107px}}.group-section .character-link .character-info .character-name{width:100%;text-align:center;color:#4c0b4b;font-size:14px;font-weight:600;border-bottom:1px solid #fec3e9;padding:8px 0 4px;line-height:1.3}@media (min-width: 768px){.group-section .character-link .character-info .character-name{font-size:24px}}.group-section .character-link .character-info .character-name span{display:block;font-size:13px;color:#ff3be5}@media (min-width: 768px){.group-section .character-link .character-info .character-name span{font-size:18px}}.group-section .character-link .character-info .character-cv{display:block;text-align:center;font-size:12px;font-weight:600;color:#4c0b4b;padding-top:7px}@media (min-width: 768px){.group-section .character-link .character-info .character-cv{font-size:14px}}.group-section .character-link .character-info .character-cv span{color:#ff3be5;margin-right:4px}
