#character .inner{min-height:812px}@media screen and (max-width:768px){#character .inner{min-height:135.73333vw}#character .inner.short{min-height:114.4vw}}#character .chara_idx{padding-bottom:40px}@media screen and (max-width:768px){#character .chara_idx{padding-bottom:8vw}}#character .chara_idx ul{display:flex;flex-wrap:wrap;width:1044px;margin:10px auto 0}@media screen and (max-width:768px){#character .chara_idx ul{justify-content:space-between;width:83.33333vw;margin:10px 0 0 68px}}#character .chara_idx ul li{position:relative}@media screen and (min-width:769px){#character .chara_idx ul li{width:225px;margin:0 18px 94px}#character .chara_idx ul li::after,#character .chara_idx ul li::before{content:"";display:block;width:266px;height:157px;bottom:-41px;left:-17px;position:absolute;z-index:-1;transition:all .25s cubic-bezier(.21,.51,.51,1)}#character .chara_idx ul li::before{background:url(../../210328/img/character/index_bg.png) no-repeat left top;opacity:1}#character .chara_idx ul li:hover::before{opacity:0}#character .chara_idx ul li::after{background:url(../../210328/img/character/index_bg_on.png) no-repeat left top;opacity:0}#character .chara_idx ul li:hover::after{opacity:1}#character .chara_idx ul li:nth-child(n+5):nth-child(-n+8)::before{background-image:url(../../210328/img/character/index_bg2.png)}#character .chara_idx ul li:nth-child(n+5):nth-child(-n+8)::after{background-image:url(../../210328/img/character/index_bg2_on.png)}#character .chara_idx ul li:nth-child(n+9):nth-child(-n+11)::before{background-image:url(../../210618/img/character/index_bg3.png)}#character .chara_idx ul li:nth-child(n+9):nth-child(-n+11)::after{background-image:url(../../210618/img/character/index_bg3_on.png)}#character .chara_idx ul li:nth-child(n+12):nth-child(-n+13)::before{background-image:url(../img/character/index_bg4.png)}#character .chara_idx ul li:nth-child(n+12):nth-child(-n+13)::after{background-image:url(../img/character/index_bg4_on.png)}#character .chara_idx ul li:nth-child(11){margin-right:200px}}@media screen and (max-width:768px){#character .chara_idx ul li{width:42vw;margin:0 -.26667vw 2vw}}#character .chara_intro{padding-bottom:80px}@media screen and (max-width:768px){#character .chara_intro{padding-bottom:1.33333vw}}#character .chara_intro .inner{width:1216px;margin:0 auto}@media screen and (max-width:768px){#character .chara_intro .inner{width:auto;margin-top:-2vw}}#character .chara_intro .inner span{display:block;position:absolute;top:283px}@media screen and (max-width:768px){#character .chara_intro .inner span{top:41.06667vw}}#character .chara_intro .inner span:nth-of-type(1){left:0}@media screen and (max-width:768px){#character .chara_intro .inner span:nth-of-type(1){left:1.33333vw}}#character .chara_intro .inner span:nth-of-type(2){right:0}@media screen and (max-width:768px){#character .chara_intro .inner span:nth-of-type(2){right:1.33333vw}}#character .chara_intro p.btn{text-align:center}@media screen and (max-width:768px){#character .chara_intro p.btn{margin-top:5.6vw}}#character .chara_intro p.btn a{display:inline-block;padding:10px 56px 10px 60px;border:1px solid #8d9bd0;border-radius:40px;background:#fff;font-size:20px;line-height:1;letter-spacing:.2em;color:#8d9bd0;transition:all .25s cubic-bezier(.21,.51,.51,1)}@media screen and (max-width:768px){#character .chara_intro p.btn a{padding:2.4vw 11.33333vw;font-size:3.73333vw}}.pc #character .chara_intro p.btn a:hover{background:#eff3ff}