@charset "UTF-8";.content{position:relative;margin:0 auto;box-sizing:border-box}.classes_wrap{position:relative;background-color:#000}.classes_wrap .classes_top_symbol{position:relative;margin-top:-44px;overflow:hidden}.classes_wrap .classes_top_symbol,.classes_wrap .classes_top_symbol .img_character_symbol{height:144px}.classes_wrap .classes_top_symbol .img_character_symbol{position:absolute;left:50%;width:2560px;margin-left:-1280px;display:block}.classes_wrap .classes_top h2{font-size:80px;color:#fff;position:absolute;width:100%;bottom:90px;text-align:center;z-index:16;-webkit-transform:translate3d(0, 15%, 0);transform:translate3d(0, 15%, 0);opacity:0;transition:opacity 0.7s ease-in 0.5s,-webkit-transform 0.5s 0.5s;transition:transform 0.5s 0.5s,opacity 0.7s ease-in 0.5s;transition:transform 0.5s 0.5s,opacity 0.7s ease-in 0.5s,-webkit-transform 0.5s 0.5s}.classes_wrap.on .classes_top h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}.classes_wrap.on .classes_top h2 span{display:inline-block}.classes_wrap .classes_top{position:relative;height:850px;box-sizing:border-box;overflow:hidden}.classes_wrap .classes_top .classes_back_wrap{position:relative;width:100%;height:100%}.classes_wrap .classes_top .classes_back{position:relative;width:100%;height:100%;opacity:0;transition:opacity 1s ease-out;background-position:50% 0;background-repeat:no-repeat;background-size:cover}.classes_wrap.on .classes_top .classes_back{opacity:1}.classes_wrap .classes_top:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.classes_wrap.character_0 .classes_back{background-image:url(../../img/classintroduction/character_0_top_effect.jpg?v=bb02b135)}.classes_wrap.character_0 .original .character_back{background-image:url(../../img/classintroduction/original_character_0_char.jpg?v=ef7439ba)}.classes_wrap.character_0 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_0_char.jpg?v=b37d0b55)}.classes_wrap.character_0 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_0_char.jpg?v=a71eff58)}.classes_wrap.character_4 .classes_back{background-image:url(../../img/classintroduction/character_4_top_effect.jpg?v=d28e3d15)}.classes_wrap.character_4 .original .character_back{background-image:url(../../img/classintroduction/original_character_4_char.jpg?v=8c5a2330)}.classes_wrap.character_4 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_4_char.jpg?v=fa8e80b2)}.classes_wrap.character_4 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_4_char.jpg?v=149574d9)}.classes_wrap.character_8 .classes_back{background-image:url(../../img/classintroduction/character_8_top_effect.jpg?v=f82a8f78)}.classes_wrap.character_8 .original .character_back{background-image:url(../../img/classintroduction/original_character_8_char.jpg?v=2aad8497)}.classes_wrap.character_8 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_8_char.jpg?v=cae9cdd6)}.classes_wrap.character_8 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_8_char.jpg?v=7db31fa5)}.classes_wrap.character_12 .classes_back{background-image:url(../../img/classintroduction/character_12_top_effect.jpg?v=1a8999ee)}.classes_wrap.character_12 .original .character_back{background-image:url(../../img/classintroduction/original_character_12_char.jpg?v=7e4f8e29)}.classes_wrap.character_12 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_12_char.jpg?v=642e183b)}.classes_wrap.character_12 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_12_char.jpg?v=d185ca1b)}.classes_wrap.character_16 .classes_back{background-image:url(../../img/classintroduction/character_16_top_effect.jpg?v=d012cc6e)}.classes_wrap.character_16 .original .character_back{background-image:url(../../img/classintroduction/original_character_16_char.jpg?v=682f2f05)}.classes_wrap.character_16 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_16_char.jpg?v=ed9074ac)}.classes_wrap.character_16 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_16_char.jpg?v=0f394043)}.classes_wrap.character_20 .classes_back{background-image:url(../../img/classintroduction/character_20_top_effect.jpg?v=fbdb1201)}.classes_wrap.character_20 .original .character_back{background-image:url(../../img/classintroduction/original_character_20_char.jpg?v=6e1e1a72)}.classes_wrap.character_20 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_20_char.jpg?v=619b1d79)}.classes_wrap.character_20 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_20_char.jpg?v=ba3528d5)}.classes_wrap.character_24 .classes_back{background-image:url(../../img/classintroduction/character_24_top_effect.jpg?v=d74b078c)}.classes_wrap.character_24 .original .character_back{background-image:url(../../img/classintroduction/original_character_24_char.jpg?v=23ac8c22)}.classes_wrap.character_24 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_24_char.jpg?v=ba04a5ee)}.classes_wrap.character_24 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_24_char.jpg?v=aead2472)}.classes_wrap.character_21 .classes_back{background-image:url(../../img/classintroduction/character_21_top_effect.jpg?v=44268561)}.classes_wrap.character_21 .original .character_back{background-image:url(../../img/classintroduction/original_character_21_char.jpg?v=46b5076d)}.classes_wrap.character_21 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_21_char.jpg?v=ae24291d)}.classes_wrap.character_21 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_21_char.jpg?v=0dc413ec)}.classes_wrap.character_28 .classes_back{background-image:url(../../img/classintroduction/character_28_top_effect.jpg?v=faff8736)}.classes_wrap.character_28 .original .character_back{background-image:url(../../img/classintroduction/original_character_28_char.jpg?v=cf23c971)}.classes_wrap.character_28 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_28_char.jpg?v=4bedde45)}.classes_wrap.character_28 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_28_char.jpg?v=31e525c5)}.classes_wrap.character_31 .classes_back{background-image:url(../../img/classintroduction/character_31_top_effect.jpg?v=a1ce61d8)}.classes_wrap.character_31 .original .character_back{background-image:url(../../img/classintroduction/original_character_31_char.jpg?v=3d59ae75)}.classes_wrap.character_31 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_31_char.jpg?v=b0efe20b)}.classes_wrap.character_31 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_31_char.jpg?v=d7a04548)}.classes_wrap.character_25 .classes_back{background-image:url(../../img/classintroduction/character_25_top_effect.jpg?v=64cfeeea)}.classes_wrap.character_25 .original .character_back{background-image:url(../../img/classintroduction/original_character_25_char.jpg?v=986d9a7a)}.classes_wrap.character_25 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_25_char.jpg?v=82eaa630)}.classes_wrap.character_25 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_25_char.jpg?v=d7cdf7fb)}.classes_wrap.character_27 .classes_back{background-image:url(../../img/classintroduction/character_27_top_effect.jpg?v=1b74f8de)}.classes_wrap.character_27 .original .character_back{background-image:url(../../img/classintroduction/original_character_27_char.jpg?v=2ea6eee5)}.classes_wrap.character_27 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_27_char.jpg?v=4c521668)}.classes_wrap.character_27 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_27_char.jpg?v=e5e6011f)}.classes_wrap.character_19 .classes_back{background-image:url(../../img/classintroduction/character_19_top_effect.jpg?v=4ef4f564)}.classes_wrap.character_19 .original .character_back{background-image:url(../../img/classintroduction/original_character_19_char.jpg?v=d3d3368d)}.classes_wrap.character_19 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_19_char.jpg?v=dace8aea)}.classes_wrap.character_19 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_19_char.jpg?v=72c79782)}.classes_wrap.character_23 .classes_back{background-image:url(../../img/classintroduction/character_23_top_effect.jpg?v=fb0d6852)}.classes_wrap.character_23 .original .character_back{background-image:url(../../img/classintroduction/original_character_23_char.jpg?v=59f275ff)}.classes_wrap.character_23 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_23_char.jpg?v=71fa2524)}.classes_wrap.character_23 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_23_char.jpg?v=6a5951ce)}.classes_wrap.character_11 .classes_back{background-image:url(../../img/classintroduction/character_11_top_effect.jpg?v=4333d3ff)}.classes_wrap.character_11 .original .character_back{background-image:url(../../img/classintroduction/original_character_11_char.jpg?v=84ecacea)}.classes_wrap.character_11 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_11_char.jpg?v=dbdc3b86)}.classes_wrap.character_11 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_11_char.jpg?v=ab6cfd68)}.classes_wrap.character_29 .classes_back{background-image:url(../../img/classintroduction/character_29_top_effect.jpg?v=c7603533)}.classes_wrap.character_29 .original .character_back{background-image:url(../../img/classintroduction/original_character_29_char.jpg?v=fb0fde79)}.classes_wrap.character_29 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_29_char.jpg?v=75a9c066)}.classes_wrap.character_26 .classes_back{background-image:url(../../img/classintroduction/character_26_top_effect.jpg?v=fba83801)}.classes_wrap.character_26 .original .character_back{background-image:url(../../img/classintroduction/original_character_26_char.jpg?v=323676eb)}.classes_wrap.character_26 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_26_char.jpg?v=edc39227)}.classes_wrap.character_26 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_26_char.jpg?v=b0630472)}.classes_wrap.character_17 .classes_back{background-image:url(../../img/classintroduction/character_17_top_effect.jpg?v=8c3c991a)}.classes_wrap.character_17 .original .character_back{background-image:url(../../img/classintroduction/original_character_17_char.jpg?v=a42a1012)}.classes_wrap.character_17 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_17_char.jpg?v=c3a3aec7)}.classes_wrap.character_5 .classes_back{background-image:url(../../img/classintroduction/character_5_top_effect.jpg?v=c1587234)}.classes_wrap.character_5 .original .character_back{background-image:url(../../img/classintroduction/original_character_5_char.jpg?v=daa3ee79)}.classes_wrap.character_5 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_5_char.jpg?v=173fd352)}.classes_wrap.character_5 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_5_char.jpg?v=8904da6a)}.classes_wrap.character_1 .classes_back{background-image:url(../../img/classintroduction/character_1_top_effect.jpg?v=031f19ec)}.classes_wrap.character_1 .original .character_back{background-image:url(../../img/classintroduction/original_character_1_char.jpg?v=52b4943a)}.classes_wrap.character_1 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_1_char.jpg?v=0b0c9ac8)}.classes_wrap.character_1 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_1_char.jpg?v=5685c436)}.classes_wrap.character_9 .classes_back{background-image:url(../../img/classintroduction/character_9_top_effect.jpg?v=9aa76937)}.classes_wrap.character_9 .original .character_back{background-image:url(../../img/classintroduction/original_character_9_char.jpg?v=ae0a6819)}.classes_wrap.character_9 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_9_char.jpg?v=a45847ea)}.classes_wrap.character_9 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_9_char.jpg?v=be5af045)}.classes_wrap.character_2 .classes_back{background-image:url(../../img/classintroduction/character_2_top_effect.jpg?v=87674a70)}.classes_wrap.character_2 .original .character_back{background-image:url(../../img/classintroduction/original_character_2_char.jpg?v=1cfdf37e)}.classes_wrap.character_2 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_2_char.jpg?v=ae1f77f1)}.classes_wrap.character_2 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_2_char.jpg?v=f52446b5)}.classes_wrap.character_10 .classes_back{background-image:url(../../img/classintroduction/character_10_top_effect.jpg?v=009d0f7a)}.classes_wrap.character_10 .original .character_back{background-image:url(../../img/classintroduction/original_character_10_char.jpg?v=374426ff)}.classes_wrap.character_10 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_10_char.jpg?v=aba36c2d)}.classes_wrap.character_10 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_10_char.jpg?v=2148f03a)}.classes_wrap.character_7 .classes_back{background-image:url(../../img/classintroduction/character_7_top_effect.jpg?v=f8f3b2d8)}.classes_wrap.character_7 .original .character_back{background-image:url(../../img/classintroduction/original_character_7_char.jpg?v=fd6dd00a)}.classes_wrap.character_7 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_7_char.jpg?v=033c4848)}.classes_wrap.character_7 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_7_char.jpg?v=e6e6cf84)}.classes_wrap.character_30 .classes_back{background-image:url(../../img/classintroduction/character_30_top_effect.jpg?v=df270db4)}.classes_wrap.character_30 .original .character_back{background-image:url(../../img/classintroduction/original_character_30_char.jpg?v=64400d3c)}.classes_wrap.character_30 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_30_char.jpg?v=1efe0f83)}.classes_wrap.character_30 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_30_char.jpg?v=1d136e80)}.classes_wrap.character_15 .classes_back{background-image:url(../../img/classintroduction/character_15_top_effect.jpg?v=a11c5f3c)}.classes_wrap.character_15 .original .character_back{background-image:url(../../img/classintroduction/original_character_15_char.jpg?v=26e15d9f)}.classes_wrap.character_15 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_15_char.jpg?v=b21c4e74)}.classes_wrap.character_15 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_15_char.jpg?v=f517e6b4)}.classes_wrap.character_6 .classes_back{background-image:url(../../img/classintroduction/character_6_top_effect.jpg?v=87287f31)}.classes_wrap.character_6 .original .character_back{background-image:url(../../img/classintroduction/original_character_6_char.jpg?v=96bec1eb)}.classes_wrap.character_6 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_6_char.jpg?v=982fee2e)}.classes_wrap.character_33 .classes_back{background-image:url(../../img/classintroduction/character_33_top_effect.jpg?v=df08ef8e)}.classes_wrap.character_33 .original .character_back{background-image:url(../../img/classintroduction/original_character_33_char.jpg?v=a9aac777)}.classes_wrap.character_33 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_33_char.jpg?v=480ba2d4)}.classes_wrap.character_33 .succession .character_back{background-image:url(../../img/classintroduction/succession_character_33_char.jpg?v=c983de0a)}.classes_wrap.character_34 .classes_back{background-image:url(../../img/classintroduction/character_34_top_effect.jpg?v=3bfcd687)}.classes_wrap.character_34 .original .character_back{background-image:url(../../img/classintroduction/original_character_34_char.jpg?v=fdb95254)}.classes_wrap.character_34 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_34_char.jpg?v=2d6bdd8c)}.classes_wrap.character_3 .classes_back{background-image:url(../../img/classintroduction/character_3_top_effect.jpg?v=b2e8b961)}.classes_wrap.character_3 .original .character_back{background-image:url(../../img/classintroduction/original_character_3_char.jpg?v=e85275a8)}.classes_wrap.character_3 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_3_char.jpg?v=b0cb9f1d)}.classes_wrap.character_32 .classes_back{background-image:url(../../img/classintroduction/character_32_top_effect.jpg?v=087d0eef)}.classes_wrap.character_32 .original .character_back{background-image:url(../../img/classintroduction/original_character_32_char.jpg?v=320f774e)}.classes_wrap.character_32 .awakening .character_back{background-image:url(../../img/classintroduction/awakening_character_32_char.jpg?v=b4aea97d)}.classes_wrap .original{position:relative;min-height:890px;padding:90px 30px;z-index:16;box-sizing:border-box}.classes_wrap .original > .inner{position:relative;z-index:21;display:flex;align-items:center;max-width:1300px;height:100%;margin:0 auto}.classes_wrap .original .left_area{max-width:710px;text-align:center;box-sizing:border-box}.awakening{position:relative;background:#f5f5f5;min-height:920px;box-sizing:border-box;padding:90px 30px}.awakening:before{display:none;content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;background-position:50% 0;-webkit-animation-name:characterOpacity;animation-name:characterOpacity;-webkit-animation-duration:2s;animation-duration:2s}.awakening > .inner{position:relative;z-index:21;display:flex;align-items:center;max-width:1300px;height:100%;margin:0 auto}.awakening .right_area{max-width:710px;text-align:center;margin:0 0 0 auto;box-sizing:border-box}.awakening .characteristic .label{color:#e5c39a}.awakening .characteristic h3{color:#f0f0f0}.awakening .characteristic .feature{border-color:rgba(255, 255, 255, 0.1);text-align:center}.awakening .characteristic .feature li span{color:#fff;overflow:hidden}.awakening .characteristic .feature li span.title{color:#cc4d4d}.awakening .characteristic .feature li span.title:before{background:#cc4d4d}.awakening .characteristic .desc{color:rgba(255, 255, 255, 0.6)}.succession{position:relative;background:#f5f5f5;min-height:920px;box-sizing:border-box;padding:90px 30px}.succession:before{display:none;content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;background-position:50% 0;-webkit-animation-name:characterOpacity;animation-name:characterOpacity;-webkit-animation-duration:2s;animation-duration:2s}.succession > .inner{position:relative;z-index:21;display:flex;align-items:center;max-width:1300px;height:100%;margin:0 auto}.succession .center_area{max-width:710px;text-align:center;box-sizing:border-box}.succession .characteristic .label{color:#8c7f6d;opacity:0.5;text-align:center}.succession .characteristic h3{color:#f0f0f0;text-align:center}.succession .characteristic .feature{border-color:rgba(255, 255, 255, 0.1);text-align:center}.succession .characteristic .feature li span{color:#fff;overflow:hidden}.succession .characteristic .feature li span.title{color:#c59d64}.succession .characteristic .feature li span.title:before{background:#c59d64}.succession .characteristic .desc{color:rgba(255, 255, 255, 0.6)}.classes_wrap .class_section{position:relative;background-color:#000;z-index:2}.classes_wrap .class_section .character_back{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;background-position:50% 0;background-size:cover;box-sizing:border-box}.classes_wrap .class_section .active_show{opacity:0;transition:opacity 0.25s ease-in}.classes_wrap .class_section .active_show.active{opacity:1;transition:opacity 0.4s ease-in}.classes_wrap.character_0 .original .characteristic .label{color:rgba(109, 126, 140, 0.5)}.classes_wrap.character_0 .original .characteristic .feature li span.title{color:#2c3b7c}.classes_wrap.character_0 .awakening .characteristic .label{color:rgba(149, 175, 194, 0.2)}.classes_wrap.character_0 .awakening .characteristic .feature li span.title{color:#5a71a7}.classes_wrap.character_0 .awakening .characteristic .feature li span{color:#a6b1b9}.classes_wrap.character_4 .original .characteristic .label{color:rgba(76, 97, 85, 0.5)}.classes_wrap.character_4 .original .characteristic .feature li span.title{color:#245237}.classes_wrap.character_4 .awakening .characteristic .label{color:rgba(87, 172, 144, 0.2)}.classes_wrap.character_4 .awakening .characteristic .feature li span.title{color:#52a98d}.classes_wrap.character_4 .awakening .characteristic .feature li span{color:#bccdc7}.classes_wrap.character_8 .original .characteristic .label{color:rgba(132, 134, 168, 0.5)}.classes_wrap.character_8 .original .characteristic .feature li span.title{color:#43309a}.classes_wrap.character_8 .awakening .characteristic .label{color:rgba(165, 151, 238, 0.2)}.classes_wrap.character_8 .awakening .characteristic .feature li span.title{color:#7f69e1}.classes_wrap.character_8 .awakening .characteristic .feature li span{color:#aca0b1}.classes_wrap.character_12 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_12 .original .characteristic .feature li span.title{color:#98130e}.classes_wrap.character_12 .awakening .characteristic .label{color:rgba(182, 132, 132, 0.5)}.classes_wrap.character_12 .awakening .characteristic .feature li span.title{color:#bc433b}.classes_wrap.character_12 .awakening .characteristic .feature li span{color:#a69a9a}.classes_wrap.character_16 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_16 .original .characteristic .feature li span.title{color:#921818}.classes_wrap.character_16 .awakening .characteristic .label{color:rgba(65, 133, 161, 0.2)}.classes_wrap.character_16 .awakening .characteristic .feature li span.title{color:#43b5ca}.classes_wrap.character_16 .awakening .characteristic .feature li span{color:#cfcfcf}.classes_wrap.character_20 .original .characteristic .label{color:rgba(121, 103, 89, 0.5)}.classes_wrap.character_20 .original .characteristic .feature li span.title{color:#6e3913}.classes_wrap.character_20 .awakening .characteristic .label{color:rgba(185, 156, 134, 0.2)}.classes_wrap.character_20 .awakening .characteristic .feature li span.title{color:#9f7a5f}.classes_wrap.character_20 .awakening .characteristic .feature li span{color:#c9c4c2}.classes_wrap.character_24 .original .characteristic .label{color:rgba(151, 126, 93, 0.5)}.classes_wrap.character_24 .original .characteristic .feature li span.title{color:#805415}.classes_wrap.character_24 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_24 .awakening .characteristic .feature li span.title{color:#a9844e}.classes_wrap.character_24 .awakening .characteristic .feature li span{color:#c6b6b3}.classes_wrap.character_21 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_21 .original .characteristic .feature li span.title{color:#921818}.classes_wrap.character_21 .awakening .characteristic .label{color:rgba(111, 146, 226, 0.2)}.classes_wrap.character_21 .awakening .characteristic .feature li span.title{color:#506ba4}.classes_wrap.character_21 .awakening .characteristic .feature li span{color:#9a9ca6}.classes_wrap.character_28 .original .characteristic .label{color:rgba(148, 163, 172, 0.5)}.classes_wrap.character_28 .original .characteristic .feature li span.title{color:#4a6272}.classes_wrap.character_28 .awakening .characteristic .label{color:rgba(182, 132, 132, 0.2)}.classes_wrap.character_28 .awakening .characteristic .feature li span.title{color:#bf3e3e}.classes_wrap.character_21 .awakening .characteristic .feature li span{color:#a69a9a}.classes_wrap.character_31 .original .characteristic .label{color:rgba(151, 126, 93, 0.5)}.classes_wrap.character_31 .original .characteristic .feature li span.title{color:#805415}.classes_wrap.character_31 .awakening .characteristic .label{color:rgba(208, 183, 223, 0.2)}.classes_wrap.character_31 .awakening .characteristic .feature li span.title{color:#8b76d7}.classes_wrap.character_31 .awakening .characteristic .feature li span{color:#b2b2b2}.classes_wrap.character_25 .original .characteristic .label{color:rgba(36, 80, 70, 0.5)}.classes_wrap.character_25 .original .characteristic .feature li span.title{color:#1a705c}.classes_wrap.character_25 .awakening .characteristic .label{color:rgba(149, 194, 191, 0.2)}.classes_wrap.character_25 .awakening .characteristic .feature li span.title{color:#689a94}.classes_wrap.character_25 .awakening .characteristic .feature li span{color:#afb4a7}.classes_wrap.character_27 .original .characteristic .label{color:rgba(112, 94, 121, 0.5)}.classes_wrap.character_27 .original .characteristic .feature li span.title{color:#683a8a}.classes_wrap.character_27 .awakening .characteristic .label{color:rgba(156, 130, 176, 0.2)}.classes_wrap.character_27 .awakening .characteristic .feature li span.title{color:#a166b9}.classes_wrap.character_27 .awakening .characteristic .feature li span{color:#aca0b1}.classes_wrap.character_19 .original .characteristic .label{color:rgba(151, 126, 93, 0.5)}.classes_wrap.character_19 .original .characteristic .feature li span.title{color:#5f0000}.classes_wrap.character_19 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_19 .awakening .characteristic .feature li span.title{color:#cc4d4d}.classes_wrap.character_19 .awakening .characteristic .feature li span{color:#c6b6b3}.classes_wrap.character_23 .original .characteristic .label{color:rgba(109, 126, 140, 0.5)}.classes_wrap.character_23 .original .characteristic .feature li span.title{color:#245983}.classes_wrap.character_23 .awakening .characteristic .label{color:rgba(149, 175, 194, 0.2)}.classes_wrap.character_23 .awakening .characteristic .feature li span.title{color:#4c8ec0}.classes_wrap.character_23 .awakening .characteristic .feature li span{color:#a6b1b9}.classes_wrap.character_11 .original .characteristic .label{color:rgba(124, 58, 54, 0.5)}.classes_wrap.character_11 .original .characteristic .feature li span.title{color:#811845}.classes_wrap.character_11 .awakening .characteristic .label{color:rgba(140, 109, 109, 0.5)}.classes_wrap.character_11 .awakening .characteristic .feature li span.title{color:#a64047}.classes_wrap.character_11 .awakening .characteristic .feature li span{color:#c3c3c3}.classes_wrap.character_29 .original .characteristic .label{color:rgba(76, 97, 85, 0.5)}.classes_wrap.character_29 .original .characteristic .feature li span.title{color:#245236}.classes_wrap.character_29 .awakening .characteristic .label{color:rgba(101, 140, 117, 0.2)}.classes_wrap.character_29 .awakening .characteristic .feature li span.title{color:#4d8e66}.classes_wrap.character_29 .awakening .characteristic .feature li span{color:#bccdc7}.classes_wrap.character_26 .original .characteristic .label{color:rgba(85, 35, 33, 0.5)}.classes_wrap.character_26 .original .characteristic .feature li span.title{color:#921818}.classes_wrap.character_26 .awakening .characteristic .label{color:rgba(182, 132, 132, 0.2)}.classes_wrap.character_26 .awakening .characteristic .feature li span.title{color:#bf3e3e}.classes_wrap.character_26 .awakening .characteristic .feature li span{color:#bcacac}.classes_wrap.character_17 .original .characteristic .label{color:rgba(76, 97, 85, 0.5)}.classes_wrap.character_17 .original .characteristic .feature li span.title{color:#245237}.classes_wrap.character_17 .awakening .characteristic .label{color:rgba(172, 129, 87, 0.25)}.classes_wrap.character_17 .awakening .characteristic .feature li span.title{color:#a98152}.classes_wrap.character_17 .awakening .characteristic .feature li span{color:#cdccbc}.classes_wrap.character_5 .original .characteristic .label{color:rgba(76, 76, 97, 0.5)}.classes_wrap.character_5 .original .characteristic .feature li span.title{color:#243852}.classes_wrap.character_5 .awakening .characteristic .label{color:rgba(255, 128, 144, 0.25)}.classes_wrap.character_1 .original .characteristic .label{color:rgba(77, 87, 108, 0.5)}.classes_wrap.character_1 .original .characteristic .feature li span.title{color:#314f97}.classes_wrap.character_1 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_9 .awakening .characteristic .label{color:rgba(229, 195, 154, 0.2)}.classes_wrap.character_9 .awakening .characteristic h3{color:#e4dada}.classes_wrap.character_9 .awakening .characteristic .feature li span.title{color:#998758}.classes_wrap.character_9 .awakening .characteristic .feature li span{color:#c6b6b3}.classes_wrap.character_9 .succession .characteristic .label{color:rgba(140, 109, 109, 0.5)}.classes_wrap.character_9 .succession .characteristic h3{color:#e4dada}.classes_wrap.character_9 .succession .characteristic .feature li span.title{color:#a7371d}.classes_wrap.character_9 .succession .characteristic .feature li span{color:#a39494}.classes_wrap.character_2 .original .characteristic .label{color:rgba(90, 58, 36, 0.5)}.classes_wrap.character_2 .original .characteristic .feature li span.title{color:#875023}.classes_wrap.character_2 .awakening .characteristic .label{color:rgba(149, 194, 191, 0.2)}.classes_wrap.character_2 .awakening .characteristic .feature li span.title{color:#948d4e}.classes_wrap.character_2 .awakening .characteristic .feature li span{color:#c3c1ab}.classes_wrap.character_2 .awakening .characteristic .desc{color:#c3c1ab}.classes_wrap.character_2 .succession .characteristic .label{color:#726981;opacity:1}.classes_wrap.character_2 .succession .characteristic .feature li span.title{color:#8979cc}.classes_wrap.character_2 .succession .characteristic .feature li span{color:#aea9b7}.classes_wrap.character_10 .original .characteristic .label{color:rgba(90, 58, 36, 0.5)}.classes_wrap.character_10 .original .characteristic .feature li span.title{color:#875023}.classes_wrap.character_10 .awakening .characteristic .label{color:rgba(139, 94, 120, 0.5)}.classes_wrap.character_10 .awakening .characteristic .feature li span.title{color:#c472a2}.classes_wrap.character_10 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_10 .awakening .characteristic .desc{color:rgba(206, 206, 206, 0.9)}.classes_wrap.character_10 .succession .characteristic .label{color:#6d7895}.classes_wrap.character_10 .succession .characteristic h3{color:#dadfe4}.classes_wrap.character_10 .succession .characteristic .feature li span.title{color:#3f7398}.classes_wrap.character_10 .succession .characteristic .feature li span{color:#959ea4}.classes_wrap.character_7 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_7 .original .characteristic .feature li span.title{color:#b77276}.classes_wrap.character_7 .awakening .characteristic .label{color:#91afc2}.classes_wrap.character_7 .awakening .characteristic .feature li span.title{color:#77a2bd}.classes_wrap.character_7 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_7 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_7 .succession .characteristic h3{color:#fff}.classes_wrap.character_7 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_7 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_30 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_30 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_30 .awakening .characteristic .label{color:#8784e9}.classes_wrap.character_30 .awakening .characteristic .feature li span.title{color:#767ae9}.classes_wrap.character_30 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_30 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_30 .succession .characteristic h3{color:#fff}.classes_wrap.character_30 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_30 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_15 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_15 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_15 .awakening .characteristic .label{color:#ff96f3}.classes_wrap.character_15 .awakening .characteristic .feature li span.title{color:#ffa8ef}.classes_wrap.character_15 .awakening .characteristic .feature li span{color:#cecece}.classes_wrap.character_15 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_15 .succession .characteristic h3{color:#fff}.classes_wrap.character_15 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_15 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_6 .original .characteristic .label{color:rgba(155, 56, 63, 0.5)}.classes_wrap.character_6 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_6 .awakening .characteristic .label{color:#f1c57c}.classes_wrap.character_6 .awakening .characteristic h3{color:#fff}.classes_wrap.character_6 .awakening .characteristic .feature li span.title{color:#f1c57c}.classes_wrap.character_6 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_33 .original .characteristic .label{color:rgba(56, 91, 155, 0.5)}.classes_wrap.character_33 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_33 .succession .characteristic .label{color:#92abe4}.classes_wrap.character_33 .succession .characteristic h3{color:#fff}.classes_wrap.character_33 .succession .characteristic .feature li span.title{color:#92abe4}.classes_wrap.character_33 .succession .characteristic .feature li span{color:#fff}.classes_wrap.character_33 .awakening .characteristic .label{color:#e7c38f}.classes_wrap.character_33 .awakening .characteristic h3{color:#fff}.classes_wrap.character_33 .awakening .characteristic .feature li span.title{color:#e6c28f}.classes_wrap.character_33 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_34 .original .characteristic .label{color:rgba(162, 145, 138, 0.5)}.classes_wrap.character_34 .original .characteristic .feature li span.title{color:#243652}.classes_wrap.character_34 .awakening .characteristic .label{color:rgba(159, 115, 98, 0.56)}.classes_wrap.character_34 .awakening .characteristic h3{color:#fff}.classes_wrap.character_34 .awakening .characteristic .feature li span.title{color:#9f7362}.classes_wrap.character_34 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_3 .original .characteristic .label{color:rgba(162, 145, 138, 0.5)}.classes_wrap.character_3 .original .characteristic .feature li span.title{color:#522424}.classes_wrap.character_3 .awakening .characteristic .label{color:rgba(231, 255, 255, 0.5)}.classes_wrap.character_3 .awakening .characteristic h3{color:#fff}.classes_wrap.character_3 .awakening .characteristic .feature li span.title{color:#e7ffe1}.classes_wrap.character_3 .awakening .characteristic .feature li span{color:#fff}.classes_wrap.character_32 .original .characteristic .label{color:rgba(162, 145, 138, 0.5)}.classes_wrap.character_32 .original .characteristic .feature li span.title{color:#522824}.classes_wrap.character_32 .awakening .characteristic .label{color:rgb(225, 241, 255, 0.8)}.classes_wrap.character_32 .awakening .characteristic h3{color:#fff;text-shadow:0 0 0.5em rgba(0,0,0,0.67059)}.classes_wrap.character_32 .awakening .characteristic .feature li span.title{color:#e1f1ff}.classes_wrap.character_32 .awakening .characteristic .feature li span{color:#fff}.classes_wrap .awakenOn{display:block!important}.characteristic .feature li.awakenOn{display:flex!important}.classes_wrap .talentOn{display:none!important}.classes_wrap .ascensionOn{display:none!important}.classes_wrap.character_17 .awakenOn{display:none!important}.classes_wrap.character_17 .talentOn{display:block!important}.classes_wrap.character_17 .feature .talentOn{display:flex!important}.classes_wrap.character_3 .awakenOn,.classes_wrap.character_32 .awakenOn,.classes_wrap.character_34 .awakenOn,.classes_wrap.character_6 .awakenOn{display:none!important}.classes_wrap.character_3 .ascensionOn,.classes_wrap.character_32 .ascensionOn,.classes_wrap.character_34 .ascensionOn,.classes_wrap.character_6 .ascensionOn{display:block!important}.classes_wrap.character_3 .feature .ascensionOn,.classes_wrap.character_32 .feature .ascensionOn,.classes_wrap.character_34 .feature .ascensionOn,.classes_wrap.character_6 .feature .ascensionOn{display:flex!important}.layer_tab ul li a.awakenOn{display:flex!important}.layer_tab ul li a.talentOn{display:none!important}.classes_wrap.character_17 .layer_tab ul li a.awakenOn{display:none!important}.classes_wrap.character_17 .layer_tab ul li a.talentOn{display:flex!important}.classes_wrap.character_3 .layer_tab ul li a.awakenOn,.classes_wrap.character_32 .layer_tab ul li a.awakenOn,.classes_wrap.character_34 .layer_tab ul li a.awakenOn,.classes_wrap.character_6 .layer_tab ul li a.awakenOn{display:none!important}.classes_wrap.character_3 .layer_tab_content ul li .title.awakenOn,.classes_wrap.character_32 .layer_tab_content ul li .title.awakenOn,.classes_wrap.character_34 .layer_tab_content ul li .title.awakenOn,.classes_wrap.character_6 .layer_tab_content ul li .title.awakenOn{display:block!important}.classes_wrap.character_3 .layer_tab ul li a.ascensionOn,.classes_wrap.character_32 .layer_tab ul li a.ascensionOn,.classes_wrap.character_34 .layer_tab ul li a.ascensionOn,.classes_wrap.character_6 .layer_tab ul li a.ascensionOn{display:flex!important}.characteristic .label{display:block;font-size:35px;color:#977e5d;letter-spacing:14px;margin-bottom:10px;line-height:1}.characteristic h3{margin-bottom:37px;font-size:36px;line-height:1.3;color:#010101}.characteristic .feature{border-top:1px solid rgba(1, 1, 1, 0.1);border-bottom:1px solid rgba(1, 1, 1, 0.1)}.characteristic .feature > ul{display:box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;-moz-align-items:center;-o-align-items:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-flex-align:center;min-height:70px;box-sizing:border-box;padding:15px 0;align-items:center;justify-content:center;font-size:0;line-height:1.6}.characteristic .feature li{float:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;padding:0.6rem 0}.characteristic .feature li span{display:inline-block;max-width:100%;vertical-align:middle;font-size:16px;color:#000;font-weight:normal}.characteristic .feature li span.title{position:relative;color:#5f0000}.characteristic .btn_wrap.mob_block{display:none}.characteristic .desc{margin:0 20px;padding-top:30px;font-size:15px;color:#010101;text-align:left;font-weight:normal;line-height:1.6;box-sizing:border-box;letter-spacing:-0.04rem}:lang(ja-JP) .characteristic .label,:lang(ja-JP) .characteristic .label{letter-spacing:0.32rem;margin-bottom:16px}:lang(ja-JP) .characteristic h3{font-size:32px}:lang(ja-JP) .characteristic .desc{letter-spacing:0}:lang(ru-RU) .characteristic h3{font-size:32px}:lang(ru-RU) .characteristic .desc{font-size:14px}:lang(ru-RU) .characteristic .desc br{display:none}.media_area{margin-top:50px;display:flex;align-items:center;justify-content:center;-ms-flex-align:center;flex-wrap:wrap;justify-content:flex-start}.media_area > p{width:350px;height:250px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(1, 1, 1, 0.2);box-shadow:0 4px 19px rgba(0, 0, 0, 0.69)}.media_area > p a img,.media_area > p.ready_area img{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.media_area > p.ready_area img{max-width:100%}.media_area > p a:before{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background-color:rgba(0, 0, 0, 0.35);transition:0.35s;opacity:0}.media_area > p a:hover:before{opacity:1}.media_area p.img_area{position:relative}.media_area p.img_area a:after{display:block;content:'';overflow:hidden;position:absolute;right:10px;bottom:5px;z-index:10;width:52px;height:53px;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) -139px -243px no-repeat;background-size:800px 800px}.media_area p.ready_area,.media_area p.video_area{margin-left:10px;position:relative}.media_area p.video_area a:after{display:block;content:'';overflow:hidden;position:absolute;right:10px;bottom:5px;z-index:10;width:42px;height:51px;background:url(../../../contents/common/img/sprites/spr_etc.png?v=9154bc47) -225px -243px no-repeat;background-size:800px 800px}.awakening .media_area > p{box-shadow:0 4px 19px rgba(51, 29, 22, 0.7)}.layer_class_detail{display:none}.select_classes_wrap{--padding-select_character:8px;position:relative;padding:120px 0 190px;background-image:url(../../img/classintroduction/select_classes_bg.jpg?v=1c5f3b69);background-position:50% 0;background-repeat:no-repeat;background-size:cover;z-index:3}.select_classes_wrap.select_main{--padding-select_character:9px}.select_classes_wrap .title_wrap{text-align:center;opacity:0;transition:opacity 1s ease-in}.select_classes_wrap.on .title_wrap{opacity:1}.select_classes_wrap .select_title{font-size:48px;color:#fff}.select_classes_wrap .select_title_desc{display:block;font-size:16px;color:rgba(255, 255, 255, 0.5);margin-top:15px}.select_classes_wrap .select_classes_list{width:93.5%;margin:60px auto 0;display:grid;grid-template-columns:repeat(7, calc(160px + var(--padding-select_character) * 2));justify-content:center;transition:display 0.8s,grid-template-columns 0.8s}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(5, calc(237px + var(--padding-select_character) * 2))}.select_classes_wrap .select_character{position:relative;padding:0 var(--padding-select_character) 14px;box-sizing:border-box;opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);transition:opacity 0.8s ease-in,-webkit-transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s;transition:opacity 0.8s ease-in,transform 0.8s,-webkit-transform 0.8s;-webkit-perspective:1000px;perspective:1000px}.select_classes_wrap.on .select_character{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.select_classes_wrap .select_character .class_wrap{position:relative;display:flex;width:100%;height:auto;aspect-ratio:237/329;box-shadow:0 1px 5px rgba(0,0,0,0.6);-webkit-filter:grayscale(1) brightness(0.8);filter:grayscale(1) brightness(0.8);border-radius:6px;overflow:hidden;box-sizing:border-box;-webkit-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);transform:scale3d(1, 1, 1) translate3d(0, 0, 0);-webkit-transition:filter 0.2s ease,transform 0.3s ease-out,box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out,-webkit-filter 0.2s ease,-webkit-transform 0.3s ease-out;transition:filter 0.2s ease,transform 0.3s ease-out,box-shadow 0.3s ease-out;transition:filter 0.2s ease,transform 0.3s ease-out,box-shadow 0.3s ease-out,-webkit-filter 0.2s ease,-webkit-transform 0.3s ease-out;outline:none;will-change:transform}.select_classes_wrap.select_main .select_character .class_wrap{border-radius:8px}.select_classes_wrap .select_character .class_wrap:active,.select_classes_wrap .select_character .class_wrap:focus{-webkit-filter:none;filter:none;-webkit-transform:scale(1.08);transform:scale(1.08);z-index:1}.select_classes_wrap .select_character.active .class_wrap{-webkit-filter:none;filter:none}.select_classes_wrap .select_character .class_wrap::before{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-radius:6px;-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;content:'';box-sizing:border-box;z-index:1;-webkit-transform:translate3d(0, 0, 2px);transform:translate3d(0, 0, 2px)}.select_classes_wrap.select_main .select_character .class_wrap::before{border-radius:8px}.select_classes_wrap .select_character .class_wrap:active::before,.select_classes_wrap .select_character .class_wrap:focus::before{border-color:#e7bc5c}.select_classes_wrap .select_character .class_name{position:absolute;left:0;bottom:14px;width:100%;min-height:22px;padding:0 10px;font-size:18px;color:#fff;text-align:center;box-sizing:border-box;-webkit-transform:translate3d(0, 0, 1px);transform:translate3d(0, 0, 1px);-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.select_classes_wrap .select_character.active .class_name{color:#e7bc5c}.select_classes_wrap .select_character .class_wrap:active .class_name,.select_classes_wrap .select_character .class_wrap:focus .class_name{color:#e7bc5c}.select_classes_wrap .select_character .class_name::after,.select_classes_wrap .select_character .class_name::before{position:absolute;left:calc(50% - 25px);bottom:100%;width:50px;height:50px;background:url(../../img/classintroduction/classes_symbol_spr.png?v=656ada04) no-repeat;background-size:100px auto;background-position-x:0;content:'';-webkit-transform:scale3d(0.9, 0.9, 1) translateZ(1px);transform:scale3d(0.9, 0.9, 1) translateZ(1px);-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.select_classes_wrap .select_character .class_name::after{background-position-x:-50px;opacity:0}.select_classes_wrap .select_character.active .class_name::before{opacity:0}.select_classes_wrap .select_character.active .class_name::after{opacity:1}.select_classes_wrap .select_character .class_wrap:active .class_name::before,.select_classes_wrap .select_character .class_wrap:focus .class_name::before{opacity:0}.select_classes_wrap .select_character .class_wrap:active .class_name::after,.select_classes_wrap .select_character .class_wrap:focus .class_name::after{opacity:1}.select_classes_wrap .select_character .class_wrap .card_glow{position:absolute;width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at 50% -20%, rgba(255,255,255,0.13333), rgba(0,0,0,0.05882));opacity:0}.select_classes_wrap .character_0 .class_name::after,.select_classes_wrap .character_0 .class_name::before{background-position-y:0}.select_classes_wrap .character_4 .class_name::after,.select_classes_wrap .character_4 .class_name::before{background-position-y:-50px}.select_classes_wrap .character_8 .class_name::after,.select_classes_wrap .character_8 .class_name::before{background-position-y:-100px}.select_classes_wrap .character_12 .class_name::after,.select_classes_wrap .character_12 .class_name::before{background-position-y:-150px}.select_classes_wrap .character_16 .class_name::after,.select_classes_wrap .character_16 .class_name::before{background-position-y:-200px}.select_classes_wrap .character_20 .class_name::after,.select_classes_wrap .character_20 .class_name::before{background-position-y:-250px}.select_classes_wrap .character_21 .class_name::after,.select_classes_wrap .character_21 .class_name::before{background-position-y:-300px}.select_classes_wrap .character_24 .class_name::after,.select_classes_wrap .character_24 .class_name::before{background-position-y:-350px}.select_classes_wrap .character_25 .class_name::after,.select_classes_wrap .character_25 .class_name::before{background-position-y:-400px}.select_classes_wrap .character_26 .class_name::after,.select_classes_wrap .character_26 .class_name::before{background-position-y:-450px}.select_classes_wrap .character_28 .class_name::after,.select_classes_wrap .character_28 .class_name::before{background-position-y:-500px}.select_classes_wrap .character_31 .class_name::after,.select_classes_wrap .character_31 .class_name::before{background-position-y:-550px}.select_classes_wrap .character_27 .class_name::after,.select_classes_wrap .character_27 .class_name::before{background-position-y:-600px}.select_classes_wrap .character_19 .class_name::after,.select_classes_wrap .character_19 .class_name::before{background-position-y:-650px}.select_classes_wrap .character_23 .class_name::after,.select_classes_wrap .character_23 .class_name::before{background-position-y:-700px}.select_classes_wrap .character_11 .class_name::after,.select_classes_wrap .character_11 .class_name::before{background-position-y:-750px}.select_classes_wrap .character_29 .class_name::after,.select_classes_wrap .character_29 .class_name::before{background-position-y:-800px}.select_classes_wrap .character_17 .class_name::after,.select_classes_wrap .character_17 .class_name::before{background-position-y:-850px}.select_classes_wrap .character_5 .class_name::after,.select_classes_wrap .character_5 .class_name::before{background-position-y:-900px}.select_classes_wrap .character_1 .class_name::after,.select_classes_wrap .character_1 .class_name::before{background-position-y:-950px}.select_classes_wrap .character_9 .class_name::after,.select_classes_wrap .character_9 .class_name::before{background-position-y:-1000px}.select_classes_wrap .character_2 .class_name::after,.select_classes_wrap .character_2 .class_name::before{background-position-y:-1050px}.select_classes_wrap .character_10 .class_name::after,.select_classes_wrap .character_10 .class_name::before{background-position-y:-1100px}.select_classes_wrap .character_7 .class_name::after,.select_classes_wrap .character_7 .class_name::before{background-position-y:-1150px}.select_classes_wrap .character_30 .class_name::after,.select_classes_wrap .character_30 .class_name::before{background-position-y:-1200px}.select_classes_wrap .character_15 .class_name::after,.select_classes_wrap .character_15 .class_name::before{background-position-y:-1250px}.select_classes_wrap .character_6 .class_name::after,.select_classes_wrap .character_6 .class_name::before{background-position-y:-1300px}.select_classes_wrap .character_33 .class_name::after,.select_classes_wrap .character_33 .class_name::before{background-position-y:-1350px}.select_classes_wrap .character_34 .class_name::after,.select_classes_wrap .character_34 .class_name::before{background-position-y:-1400px}.select_classes_wrap .character_3 .class_name::after,.select_classes_wrap .character_3 .class_name::before{background-position-y:-1450px}.select_classes_wrap .character_32 .class_name::after,.select_classes_wrap .character_32 .class_name::before{background-position-y:-1500px}.select_classes_wrap .select_character .class_img{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../img/classintroduction/classes_spr.jpg?v=4dadf15c) no-repeat;background-size:1000% auto;will-change:transform}.select_classes_wrap .character_0 .class_img{background-position:0 0}.select_classes_wrap .character_4 .class_img{background-position:calc((100% / 9) * 1) 0}.select_classes_wrap .character_8 .class_img{background-position:calc((100% / 9) * 2) 0}.select_classes_wrap .character_12 .class_img{background-position:calc((100% / 9) * 3) 0}.select_classes_wrap .character_16 .class_img{background-position:calc((100% / 9) * 4) 0}.select_classes_wrap .character_20 .class_img{background-position:calc((100% / 9) * 5) 0}.select_classes_wrap .character_21 .class_img{background-position:calc((100% / 9) * 6) 0}.select_classes_wrap .character_24 .class_img{background-position:calc((100% / 9) * 7) 0}.select_classes_wrap .character_25 .class_img{background-position:calc((100% / 9) * 8) 0}.select_classes_wrap .character_26 .class_img{background-position:calc((100% / 9) * 9) 0}.select_classes_wrap .character_28 .class_img{background-position:calc((100% / 9) * 0) calc((100% / 3) * 1)}.select_classes_wrap .character_31 .class_img{background-position:calc((100% / 9) * 1) calc((100% / 3) * 1)}.select_classes_wrap .character_27 .class_img{background-position:calc((100% / 9) * 2) calc((100% / 3) * 1)}.select_classes_wrap .character_19 .class_img{background-position:calc((100% / 9) * 3) calc((100% / 3) * 1)}.select_classes_wrap .character_23 .class_img{background-position:calc((100% / 9) * 4) calc((100% / 3) * 1)}.select_classes_wrap .character_11 .class_img{background-position:calc((100% / 9) * 5) calc((100% / 3) * 1)}.select_classes_wrap .character_29 .class_img{background-position:calc((100% / 9) * 6) calc((100% / 3) * 1)}.select_classes_wrap .character_17 .class_img{background-position:calc((100% / 9) * 7) calc((100% / 3) * 1)}.select_classes_wrap .character_5 .class_img{background-position:calc((100% / 9) * 8) calc((100% / 3) * 1)}.select_classes_wrap .character_1 .class_img{background-position:calc((100% / 9) * 9) calc((100% / 3) * 1)}.select_classes_wrap .character_9 .class_img{background-position:calc((100% / 9) * 0) calc((100% / 3) * 2)}.select_classes_wrap .character_2 .class_img{background-position:calc((100% / 9) * 1) calc((100% / 3) * 2)}.select_classes_wrap .character_10 .class_img{background-position:calc((100% / 9) * 2) calc((100% / 3) * 2)}.select_classes_wrap .character_7 .class_img{background-position:calc((100% / 9) * 3) calc((100% / 3) * 2)}.select_classes_wrap .character_30 .class_img{background-position:calc((100% / 9) * 4) calc((100% / 3) * 2)}.select_classes_wrap .character_15 .class_img{background-position:calc((100% / 9) * 5) calc((100% / 3) * 2)}.select_classes_wrap .character_6 .class_img{background-position:calc((100% / 9) * 6) calc((100% / 3) * 2)}.select_classes_wrap .character_33 .class_img{background-position:calc((100% / 9) * 7) calc((100% / 3) * 2)}.select_classes_wrap .character_34 .class_img{background-position:calc((100% / 9) * 8) calc((100% / 3) * 2)}.select_classes_wrap .character_3 .class_img{background-position:calc((100% / 9) * 9) calc((100% / 3) * 2)}.select_classes_wrap .character_32 .class_img{background-position:calc((100% / 9) * 0) calc((100% / 3) * 3)}.select_classes_wrap.select_main{padding:140px 0 560px;background-image:url(../../img/classintroduction/classes_main_bg.jpg?v=0ab24235);background-position:bottom center}.select_classes_wrap.select_main .select_character{width:100%;padding:0 var(--padding-select_character) 18px}.select_classes_wrap.select_main .select_character .class_wrap{-webkit-filter:none;filter:none}.select_classes_wrap.select_main .select_character .class_name{bottom:17px}.select_classes_wrap.select_main .select_character .class_name::after,.select_classes_wrap.select_main .select_character .class_name::before{bottom:120%}.select_classes_wrap.select_main .select_desc_wrap{display:flex;flex-direction:column;align-items:center;margin-top:125px}.select_classes_wrap.select_main .select_desc_wrap .select_desc_title{padding:0 0.5rem;color:#191614;font-size:46px;font-weight:bold;text-align:center}.select_classes_wrap.select_main .select_desc_wrap .select_desc_btn{display:flex;justify-content:center;align-items:center;margin-top:45px;width:390px;height:78px;font-size:20px;color:#201507}.app_mode .select_classes_wrap.select_main{padding-top:60px}.app_mode section.feature_wrap.first{padding-top:0;overflow:hidden}@media (min-width: 1025px){.select_classes_wrap .select_character:hover{z-index:2}.select_classes_wrap .select_character .class_wrap:hover{-webkit-filter:none;filter:none;-webkit-transform:scale3d(1.12, 1.12, 1) translate3d(0, 0, 0);transform:scale3d(1.12, 1.12, 1) translate3d(0, 0, 0);z-index:1}.select_classes_wrap .select_character .class_wrap:hover{transition-duration:0.15s;box-shadow:0 5px 20px 5px rgba(0,0,0,0.26667)}.select_classes_wrap .select_character .class_wrap:hover .card_glow{opacity:0.6}}@media (max-width: 1280px){.classes_wrap .classes_top{height:35.416rem}.classes_wrap .classes_top .classes_back{background-size:cover}.classes_wrap .classes_top h2{left:0;bottom:3.333rem;display:block;padding:0 5%;font-size:2.916rem;box-sizing:border-box}.classes_wrap .classes_top_symbol{margin-top:-1.898rem}.classes_wrap .classes_top_symbol,.classes_wrap .classes_top_symbol .img_character_symbol{height:6rem}.classes_wrap .classes_top_symbol .img_character_symbol{position:absolute;left:50%;display:block;width:106.6666rem;margin-left:-53.3333rem}.classes_wrap .original{display:flex;justify-content:flex-start;align-items:center;height:auto;box-sizing:border-box;min-height:42rem;padding:0;background-size:cover}.characteristic .label{font-size:1.3rem;letter-spacing:0.58rem;margin-bottom:0.6rem}.characteristic h3{max-width:28rem;margin:0 auto;padding-bottom:2.2rem;font-size:1.59rem;box-sizing:border-box}.characteristic h3 .mob_block{display:block}.characteristic .desc_wrap .btn_more{display:box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;-moz-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-align:center;width:100%;font-size:0.833rem;color:#000;font-weight:normal;border:1px solid rgba(0, 0, 0, 0.5);height:2.8333rem;box-sizing:border-box}.characteristic .feature{max-width:23rem;margin:0 auto 0.8rem auto}.characteristic .feature li + li{margin-left:0;margin-top:0.4166rem}.characteristic .feature li span{font-size:1.08rem}.characteristic .feature li span.title{margin-right:0;padding-left:0;font-size:0.75rem}.characteristic .feature li span.title:before{display:none}.characteristic .btn_wrap{width:23rem;margin:0 auto}.characteristic .btn_wrap.mob_block{display:block}.characteristic .desc{display:none}.media_area{justify-content:center;width:100%;margin-top:1.6rem}.media_area > p{width:11.25rem;height:7.916rem}.media_area > p a img{width:100%}.media_area p.ready_area,.media_area p.video_area{margin:0 0 0 0.5rem}.media_area p.img_area a:after{right:0.5rem;bottom:0.5rem;width:2.083rem;height:2.083rem;background-size:33.333rem 33.333rem;background-position:-5.791rem -10.125rem}.media_area p.video_area a:after{right:0.5rem;bottom:0.5rem;width:2rem;height:2.416rem;background-size:33.333rem 33.333rem;background-position:-9.375rem -10.125rem}.awakening{display:flex;justify-content:flex-end;align-items:center;height:auto;box-sizing:border-box;min-height:42.916rem;padding:0;background-size:cover}.awakening:before{background-size:cover}.awakening .characteristic .feature > ul{padding:0}.awakening .characteristic .desc_wrap{justify-content:flex-end}.awakening .characteristic .desc_wrap .btn_more{border-color:#fff;color:#fff}.awakening .media_area{align-items:flex-end}.succession{display:flex;justify-content:flex-start;align-items:center;height:auto;box-sizing:border-box;min-height:42.916rem;padding:0;background-size:cover}.succession:before{background-size:cover}.succession .characteristic .feature > ul{padding:0}.succession .characteristic .desc_wrap{justify-content:flex-start}.succession .characteristic .desc_wrap .btn_more{border-color:#fff;color:#fff}.succession .media_area{align-items:flex-start}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(6, calc(148px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(4, calc(237px + var(--padding-select_character) * 2))}.awakening .right_area,.classes_wrap .original .left_area,.succession .center_area{max-width:none;min-width:23rem;width:100%;margin:0}.classes_wrap .original .characteristic{padding:0}.classes_wrap .awakening,.classes_wrap .original,.classes_wrap .succession{flex-shrink:0;height:1px;min-height:42rem;padding:0 1.041rem;background-position-x:60%}.classes_wrap .awakening > .inner,.classes_wrap .original > .inner,.classes_wrap .succession > .inner{width:54%;min-width:23rem;margin:0;box-sizing:border-box}.classes_wrap.character_8 .original .character_back{background-position:left 68% center}.classes_wrap.character_24 .original .character_back{background-position:left 69% center}.classes_wrap.character_25 .original .character_back{background-position:left 69% center}.classes_wrap.character_31 .original .character_back{background-position:left 69% center}.classes_wrap.character_27 .original .character_back{background-position:left 67% center}.classes_wrap.character_1 .original .character_back{background-position:left 69% center}.classes_wrap.character_19 .original .character_back{background-position:left 72% center}.classes_wrap.character_11 .original .character_back{background-position:left 63% center}.classes_wrap.character_29 .original .character_back{background-position:left 70% center}.classes_wrap.character_5 .original .character_back{background-position:left 68% center}.classes_wrap.character_10 .original .character_back{background-position:left 68% center}.classes_wrap.character_7 .original .character_back{background-position:left 68% center}.classes_wrap.character_33 .original .character_back{background-position:left 68% center}.classes_wrap.character_34 .original .character_back{background-position:left 68% center}.classes_wrap.character_3 .original .character_back{background-position:left 68% center}.classes_wrap.character_32 .original .character_back{background-position:left 72% center}.classes_wrap.character_2 .awakening .character_back{background-position:left 16% center}.classes_wrap.character_4 .awakening .character_back{background-position:left 32% center}.classes_wrap.character_8 .awakening .character_back{background-position:left 36% center}.classes_wrap.character_24 .awakening .character_back{background-position:left 25% center}.classes_wrap.character_25 .awakening .character_back{background-position:left 23% center}.classes_wrap.character_26 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_31 .awakening .character_back{background-position:left 35% center}.classes_wrap.character_27 .awakening .character_back{background-position:left 32% center}.classes_wrap.character_1 .awakening .character_back{background-position:left 20% center}.classes_wrap.character_23 .awakening .character_back{background-position:left 29% center}.classes_wrap.character_19 .awakening .character_back{background-position:left 29% center}.classes_wrap.character_11 .awakening .character_back{background-position:left 29% center}.classes_wrap.character_29 .awakening .character_back{background-position:left 26% center}.classes_wrap.character_17 .awakening .character_back{background-position:left 28% center}.classes_wrap.character_5 .awakening .character_back{background-position:left 34% center}.classes_wrap.character_10 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_7 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_30 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_15 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_6 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_33 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_34 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_3 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_32 .awakening .character_back{background-position:left 30% center}.classes_wrap.character_4 .succession .character_back{background-position:left 70% center}.classes_wrap.character_8 .succession .character_back{background-position:left 72% center}.classes_wrap.character_16 .succession .character_back{background-position:left 76% center}.classes_wrap.character_20 .succession .character_back{background-position:left 76% center}.classes_wrap.character_24 .succession .character_back{background-position:left 76% center}.classes_wrap.character_25 .succession .character_back{background-position:left 71% center}.classes_wrap.character_26 .succession .character_back{background-position:left 75% center}.classes_wrap.character_31 .succession .character_back{background-position:left 77% center}.classes_wrap.character_27 .succession .character_back{background-position:left 74% center}.classes_wrap.character_1 .succession .character_back{background-position:left 75% center}.classes_wrap.character_23 .succession .character_back{background-position:left 77% center}.classes_wrap.character_19 .succession .character_back{background-position:left 71% center}.classes_wrap.character_11 .succession .character_back{background-position:left 79% center}.classes_wrap.character_5 .succession .character_back{background-position:left 71% center}.classes_wrap.character_10 .succession .character_back{background-position:left 76% center}.classes_wrap.character_12 .succession .character_back{background-position:left 80% center}.classes_wrap.character_7 .succession .character_back{background-position:left 80% center}.classes_wrap.character_30 .succession .character_back{background-position:left 80% center}.classes_wrap.character_15 .succession .character_back{background-position:left 65% center}.classes_wrap.character_33 .succession .character_back{background-position:left 65% center}:lang(ja-JP) .characteristic .label{font-size:1.875rem;margin-bottom:1.25rem}:lang(ja-JP) .characteristic h3{font-size:1.625rem;margin-bottom:5.833rem}.layer_class_detail{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.85);color:#fff;z-index:999}.layer_class_detail.active{display:block}.layer_class_detail .inner{position:absolute;top:50%;left:0;right:0;padding:0 2.083rem;height:29.166rem;box-sizing:border-box;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.layer_class_detail .inner h2{font-size:2.916rem;color:#fff;font-weight:normal;text-align:center;margin-bottom:2.5rem}.layer_class_detail .btn_layer_close{display:block;position:absolute;top:1rem;right:1rem;border:1px solid #fff;width:3.333rem;height:3.333rem;box-sizing:border-box;font-size:0}.layer_class_detail .btn_layer_close:hover{background:#fff}.layer_class_detail .btn_layer_close span{display:block;position:absolute;left:0.6rem;top:1.583rem;width:2rem;height:0.083rem;box-sizing:border-box;background:rgba(255, 255, 255, 0.5)}.layer_class_detail .btn_layer_close:hover span{background:#323232}.layer_class_detail .btn_layer_close span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.layer_class_detail .btn_layer_close span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.layer_tab{margin-bottom:2.5rem}.layer_tab ul{display:flex;align-items:center;justify-content:center;-ms-flex-align:center}.layer_tab ul li{width:100%;margin-left:-1px}.layer_tab ul li a{display:flex;align-items:center;justify-content:center;-ms-flex-align:center;height:3.75rem;box-sizing:border-box;border:1px solid rgba(255, 255, 255, 0.5);font-size:1.0833rem;color:#bbb;font-weight:normal}.layer_tab ul li.tab_original.active a{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c9b594), color-stop(1, #ad9d84));background:-webkit-linear-gradient(top, #c9b594 0, #ad9d84 100%);background:linear-gradient(top, #c9b594 0, #ad9d84 100%);border-color:#dac8b0;color:#000;font-weight:normal}.layer_tab ul li.tab_awakening.active a{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #8b3840), color-stop(1, #6f2c33));background:-webkit-linear-gradient(top, #8b3840 0, #6f2c33 100%);background:linear-gradient(top, #8b3840 0, #6f2c33 100%);border-color:#b35c64;font-weight:normal}.layer_tab ul li.tab_succession.active a{background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #39628d), color-stop(1, #2b416b));background:-webkit-linear-gradient(top, #39628d 0, #2b416b 100%);background:linear-gradient(top, #39628d 0, #2b416b 100%);border-color:#4a6b96;color:#fff;font-weight:normal}.layer_tab_content{display:none}.layer_tab_content.active{display:block}.layer_tab_content .feature{margin-bottom:2.0833rem}.layer_tab_content .feature ul li{margin:0.833rem 0}.layer_tab_content .feature ul li span{font-size:1.0416rem;line-height:1.875}.layer_tab_content .feature ul li .title{float:left;margin-right:0.833rem}.layer_tab_content .feature ul li .title + span{display:block;overflow:hidden}.layer_tab_content .desc{height:10rem;box-sizing:border-box;overflow-y:auto;padding-right:1rem;line-height:1.875}.layer_tab_content .desc br{display:none}.layer_tab_content.tab_content_original .feature ul li .title{color:#beab8e}.layer_tab_content.tab_content_awakening .feature ul li .title{color:#aa414a}.layer_tab_content.tab_content_succession .feature ul li .title{color:#6091d4}}@media (max-width: 1024px){.classes_wrap.character_10 .awakening{background-position:left 23% center}html:lang(ru-RU) .characteristic h3{font-size:1.625rem}.select_classes_wrap{--padding-select_character:0.5rem;padding:3.8rem 0;height:auto;min-height:51.666rem;background-image:url(../../img/classintroduction/m_select_classes_bg.jpg?v=e81dd4fd);background-size:cover}.select_classes_wrap.select_main{--padding-select_character:0.5rem}.select_classes_wrap .select_title{font-size:1.666rem}.select_classes_wrap .select_title_desc{font-size:0.833rem}.select_classes_wrap .select_classes_list{margin-top:2.5rem}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(5, calc(132px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(4, calc(178px + var(--padding-select_character) * 2))}.select_classes_wrap .select_character .class_wrap{will-change:initial;border-radius:0.4rem}.select_classes_wrap.select_main .select_character .class_wrap{border-radius:0.5rem}.select_classes_wrap .select_character .class_wrap:active,.select_classes_wrap .select_character .class_wrap:focus{-webkit-transform:none;transform:none}.select_classes_wrap .select_character .class_wrap::before{border-width:0.3rem}.select_classes_wrap .select_character .class_name{display:none}.select_classes_wrap.select_main{padding:6.8rem 0 48vw}.select_classes_wrap.select_main .select_character{padding:0 var(--padding-select_character) 1rem}.select_classes_wrap.select_main .select_desc_wrap{margin-top:4.66rem}.select_classes_wrap.select_main .select_desc_wrap .select_desc_title{font-size:2rem}.select_classes_wrap.select_main .select_desc_wrap .select_desc_btn{margin-top:1.8rem;width:16.25rem;max-width:100%;height:3.25rem;font-size:1rem}}@media (max-width: 767px){.awakening .right_area,.classes_wrap .original .left_area,.succession .center_area{max-width:none;min-width:auto;width:100%;margin:0}.classes_wrap .original,.classes_wrap .succession{height:auto;background-position:left 60% center}.classes_wrap .awakening{height:auto;background-position:left 35% center}.classes_wrap .original .characteristic{max-width:100%;margin:0 auto}.classes_wrap .awakening > .inner,.classes_wrap .original > .inner,.classes_wrap .succession > .inner{width:50%;min-width:11.25rem;height:auto;padding:4rem 0}.classes_wrap .original .characteristic{text-shadow:0 0 0.5em #fff}.classes_wrap .awakening .characteristic,.classes_wrap .succession .characteristic{text-shadow:0 0 1em #000}.classes_wrap .original .btn_more{box-shadow:0 0 1em rgba(231, 230, 228, 0.5)}.classes_wrap .awakening .btn_more,.classes_wrap .succession .btn_more{box-shadow:0 0 1em rgba(0, 0, 0, 0.5)}.characteristic .feature,.media_area{max-width:100%;min-width:11.25rem;border:none;margin-left:auto;margin-right:auto}.awakening .media_area,.media_area,.succession .media_area{flex-direction:column;align-items:center}.characteristic .feature li{width:100%;padding:0}.media_area p.ready_area,.media_area p.video_area{margin:0}.characteristic .btn_wrap{width:11.25rem;margin:0 auto}.characteristic .feature > ul{flex-direction:column;padding:0}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(4, calc(118px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(3, calc(178px + var(--padding-select_character) * 2))}.select_classes_wrap.select_main{padding:6.8rem 0 87vw;background-color:#373333;background-image:url(../../img/classintroduction/m_classes_main_bg.png?v=4426772d);background-size:100% auto}body.app_mode .classes_wrap .original > .inner{padding-top:3rem}body.app_mode .awakening > .inner,body.app_mode .succession > .inner{padding-top:3.583rem}body.app_mode .characteristic .desc_wrap .inner{padding:0}}@media (max-width: 640px){.classes_wrap .classes_top{min-height:35.416rem;height:105vw}.classes_wrap .awakening,.classes_wrap .original,.classes_wrap .succession{align-items:flex-start;height:auto;background-position:center 35%!important}.classes_wrap .awakening .characteristic,.classes_wrap .original .characteristic,.classes_wrap .succession .characteristic{max-width:auto}.classes_wrap .awakening > .inner,.classes_wrap .original > .inner,.classes_wrap .succession > .inner{width:100%;min-width:auto;height:auto;padding:3.5rem 0 0 0}.classes_wrap .awakening > .inner{padding:4rem 0 0 0}.characteristic h3{min-height:6.6rem;padding:0 0 2.2rem 0}.characteristic .feature,.media_area{max-width:11.25rem;margin:0 auto 0.8rem 0}.media_area{margin-top:2.5rem}.classes_wrap .awakening .characteristic .btn_wrap,.classes_wrap .awakening .characteristic .feature{margin:0 0 2.5rem auto}.classes_wrap .awakening .media_area{margin:0 0 2rem auto}.characteristic .feature > ul{padding:0}.characteristic .feature li{width:100%}.characteristic .btn_wrap{width:11.25rem;margin:0 auto 0 0}.classes_wrap.character_0 .classes_back{background-image:url(../../img/classintroduction/m_character_0_top_effect.jpg?v=1f5e2981)}.classes_wrap.character_0 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_0_char.jpg?v=39906264)}.classes_wrap.character_0 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_0_char.jpg?v=32219506)}.classes_wrap.character_0 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_0_char.jpg?v=ffb5b6fa)}.classes_wrap.character_4 .classes_back{background-image:url(../../img/classintroduction/m_character_4_top_effect.jpg?v=222a7df0)}.classes_wrap.character_4 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_4_char.jpg?v=50fc1199)}.classes_wrap.character_4 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_4_char.jpg?v=178c9142)}.classes_wrap.character_4 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_4_char.jpg?v=a1ef18d5)}.classes_wrap.character_8 .classes_back{background-image:url(../../img/classintroduction/m_character_8_top_effect.jpg?v=1e15f74b)}.classes_wrap.character_8 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_8_char.jpg?v=5714a5b0)}.classes_wrap.character_8 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_8_char.jpg?v=4f411abf)}.classes_wrap.character_8 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_8_char.jpg?v=6db6be64)}.classes_wrap.character_12 .classes_back{background-image:url(../../img/classintroduction/m_character_12_top_effect.jpg?v=277a187a)}.classes_wrap.character_12 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_12_char.jpg?v=45063b1c)}.classes_wrap.character_12 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_12_char.jpg?v=c448ac9c)}.classes_wrap.character_12 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_12_char.jpg?v=36366700)}.classes_wrap.character_16 .classes_back{background-image:url(../../img/classintroduction/m_character_16_top_effect.jpg?v=70f2e43e)}.classes_wrap.character_16 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_16_char.jpg?v=2efe17cb)}.classes_wrap.character_16 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_16_char.jpg?v=c44ae8f3)}.classes_wrap.character_16 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_16_char.jpg?v=61b63495)}.classes_wrap.character_20 .classes_back{background-image:url(../../img/classintroduction/m_character_20_top_effect.jpg?v=eb87a0d0)}.classes_wrap.character_20 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_20_char.jpg?v=d5bf216f)}.classes_wrap.character_20 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_20_char.jpg?v=afead548)}.classes_wrap.character_20 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_20_char.jpg?v=ded1ab7d)}.classes_wrap.character_24 .classes_back{background-image:url(../../img/classintroduction/m_character_24_top_effect.jpg?v=f3aa356d)}.classes_wrap.character_24 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_24_char.jpg?v=64c93090)}.classes_wrap.character_24 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_24_char.jpg?v=af791a1f)}.classes_wrap.character_24 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_24_char.jpg?v=f287ebd6)}.classes_wrap.character_21 .classes_back{background-image:url(../../img/classintroduction/m_character_21_top_effect.jpg?v=87ce0592)}.classes_wrap.character_21 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_21_char.jpg?v=1afca089)}.classes_wrap.character_21 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_21_char.jpg?v=cbab6edd)}.classes_wrap.character_21 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_21_char.jpg?v=bf684b08)}.classes_wrap.character_28 .classes_back{background-image:url(../../img/classintroduction/m_character_28_top_effect.jpg?v=73913e66)}.classes_wrap.character_28 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_28_char.jpg?v=eda1402e)}.classes_wrap.character_28 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_28_char.jpg?v=79fd12e2)}.classes_wrap.character_28 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_28_char.jpg?v=82452f58)}.classes_wrap.character_31 .classes_back{background-image:url(../../img/classintroduction/m_character_31_top_effect.jpg?v=616428e4)}.classes_wrap.character_31 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_31_char.jpg?v=07291625)}.classes_wrap.character_31 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_31_char.jpg?v=5718b958)}.classes_wrap.character_31 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_31_char.jpg?v=cab94573)}.classes_wrap.character_25 .classes_back{background-image:url(../../img/classintroduction/m_character_25_top_effect.jpg?v=070f38ed)}.classes_wrap.character_25 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_25_char.jpg?v=a774341b)}.classes_wrap.character_25 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_25_char.jpg?v=c8b361d6)}.classes_wrap.character_25 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_25_char.jpg?v=7a6fcb32)}.classes_wrap.character_27 .classes_back{background-image:url(../../img/classintroduction/m_character_27_top_effect.jpg?v=74f6b942)}.classes_wrap.character_27 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_27_char.jpg?v=66e6b792)}.classes_wrap.character_27 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_27_char.jpg?v=b33018ef)}.classes_wrap.character_27 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_27_char.jpg?v=3c9635c5)}.classes_wrap.character_19 .classes_back{background-image:url(../../img/classintroduction/m_character_19_top_effect.jpg?v=b27dcc8c)}.classes_wrap.character_19 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_19_char.jpg?v=e2e4bef9)}.classes_wrap.character_19 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_19_char.jpg?v=0f48c4e8)}.classes_wrap.character_19 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_19_char.jpg?v=0c478461)}.classes_wrap.character_23 .classes_back{background-image:url(../../img/classintroduction/m_character_23_top_effect.jpg?v=e6010d32)}.classes_wrap.character_23 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_23_char.jpg?v=136de7f5)}.classes_wrap.character_23 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_23_char.jpg?v=f5e3032f)}.classes_wrap.character_23 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_23_char.jpg?v=9e32bd94)}.classes_wrap.character_11 .classes_back{background-image:url(../../img/classintroduction/m_character_11_top_effect.jpg?v=eaf1d69d)}.classes_wrap.character_11 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_11_char.jpg?v=ff3cd997)}.classes_wrap.character_11 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_11_char.jpg?v=95a97b16)}.classes_wrap.character_11 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_11_char.jpg?v=057e29f3)}.classes_wrap.character_29 .classes_back{background-image:url(../../img/classintroduction/m_character_29_top_effect.jpg?v=83f7fedb)}.classes_wrap.character_29 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_29_char.jpg?v=bd53ec7d)}.classes_wrap.character_29 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_29_char.jpg?v=1e775de0)}.classes_wrap.character_26 .classes_back{background-image:url(../../img/classintroduction/m_character_26_top_effect.jpg?v=aabecf4f)}.classes_wrap.character_26 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_26_char.jpg?v=c04ac620)}.classes_wrap.character_26 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_26_char.jpg?v=3eef7c22)}.classes_wrap.character_26 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_26_char.jpg?v=d894c3e4)}.classes_wrap.character_17 .classes_back{background-image:url(../../img/classintroduction/m_character_17_top_effect.jpg?v=47ae6cc9)}.classes_wrap.character_17 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_17_char.jpg?v=0f0f30e1)}.classes_wrap.character_17 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_17_char.jpg?v=524f578a)}.classes_wrap.character_5 .classes_back{background-image:url(../../img/classintroduction/m_character_5_top_effect.jpg?v=7e9c5b3c)}.classes_wrap.character_5 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_5_char.jpg?v=c6d3851a)}.classes_wrap.character_5 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_5_char.jpg?v=fed7c5bb)}.classes_wrap.character_5 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_5_char.jpg?v=8eb43d8a)}.classes_wrap.character_1 .classes_back{background-image:url(../../img/classintroduction/m_character_1_top_effect.jpg?v=04990a14)}.classes_wrap.character_1 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_1_char.jpg?v=7d3a3176)}.classes_wrap.character_1 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_1_char.jpg?v=109c804b)}.classes_wrap.character_1 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_1_char.jpg?v=f9477ec3)}.classes_wrap.character_9 .classes_back{background-image:url(../../img/classintroduction/m_character_9_top_effect.jpg?v=44890bae)}.classes_wrap.character_9 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_9_char.jpg?v=6ace3f8f)}.classes_wrap.character_9 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_9_char.jpg?v=144dd49a)}.classes_wrap.character_9 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_9_char.jpg?v=5a6ab803)}.classes_wrap.character_2 .classes_back{background-image:url(../../img/classintroduction/m_character_2_top_effect.jpg?v=c5420bf2)}.classes_wrap.character_2 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_2_char.jpg?v=8ab70bb5)}.classes_wrap.character_2 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_2_char.jpg?v=ff6c0ec1);background-position:top center}.classes_wrap.character_2 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_2_char.jpg?v=749e3324)}.classes_wrap.character_10 .classes_back{background-image:url(../../img/classintroduction/m_character_10_top_effect.jpg?v=5c9fa926)}.classes_wrap.character_10 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_10_char.jpg?v=c2369fda)}.classes_wrap.character_10 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_10_char.jpg?v=462b32c6)}.classes_wrap.character_10 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_10_char.jpg?v=99d311a6)}.classes_wrap.character_7 .classes_back{background-image:url(../../img/classintroduction/m_character_7_top_effect.jpg?v=f3a7866a)}.classes_wrap.character_7 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_7_char.jpg?v=632c2d76)}.classes_wrap.character_7 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_7_char.jpg?v=9e94d0fb)}.classes_wrap.character_7 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_7_char.jpg?v=44cea092)}.classes_wrap.character_30 .classes_back{background-image:url(../../img/classintroduction/m_character_30_top_effect.jpg?v=3613c02b)}.classes_wrap.character_30 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_30_char.jpg?v=8beaf49c)}.classes_wrap.character_30 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_30_char.jpg?v=de57977e)}.classes_wrap.character_30 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_30_char.jpg?v=d242b566)}.classes_wrap.character_15 .classes_back{background-image:url(../../img/classintroduction/m_character_15_top_effect.jpg?v=758e3792)}.classes_wrap.character_15 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_15_char.jpg?v=48367b11)}.classes_wrap.character_15 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_15_char.jpg?v=e06936e9)}.classes_wrap.character_15 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_15_char.jpg?v=8d1568e5)}.classes_wrap.character_6 .classes_back{background-image:url(../../img/classintroduction/m_character_6_top_effect.jpg?v=ead420bb)}.classes_wrap.character_6 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_6_char.jpg?v=216ac24d)}.classes_wrap.character_6 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_6_char.jpg?v=11776e3c)}.classes_wrap.character_33 .classes_back{background-image:url(../../img/classintroduction/m_character_33_top_effect.jpg?v=ea50b8ac)}.classes_wrap.character_33 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_33_char.jpg?v=0eff0db1)}.classes_wrap.character_33 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_33_char.jpg?v=15036e20)}.classes_wrap.character_33 .succession .character_back{background-image:url(../../img/classintroduction/m_succession_character_33_char.jpg?v=0ec7a5ab)}.classes_wrap.character_34 .classes_back{background-image:url(../../img/classintroduction/m_character_34_top_effect.jpg?v=13c992eb)}.classes_wrap.character_34 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_34_char.jpg?v=baebd681)}.classes_wrap.character_34 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_34_char.jpg?v=a9e40476)}.classes_wrap.character_3 .classes_back{background-image:url(../../img/classintroduction/m_character_3_top_effect.jpg?v=0085a422)}.classes_wrap.character_3 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_3_char.jpg?v=50d8234a)}.classes_wrap.character_3 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_3_char.jpg?v=276fd44b)}.classes_wrap.character_32 .classes_back{background-image:url(../../img/classintroduction/m_character_32_top_effect.jpg?v=1a6ecb56)}.classes_wrap.character_32 .original .character_back{background-image:url(../../img/classintroduction/m_original_character_32_char.jpg?v=e9b53ff4)}.classes_wrap.character_32 .awakening .character_back{background-image:url(../../img/classintroduction/m_awakening_character_32_char.jpg?v=f39aefd2)}.select_classes_wrap .select_classes_list{grid-template-columns:repeat(4, minmax(calc(60px + var(--padding-select_character) * 2), calc(118px + var(--padding-select_character) * 2)))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(3, calc(118px + var(--padding-select_character)))}.layer_tab ul li a,.layer_tab_content .desc,.layer_tab_content .feature ul li span,.select_classes_wrap .select_title_desc{font-size:12px}.characteristic .desc_wrap .btn_more,.characteristic .feature li span,.characteristic .feature li span.title{font-size:13px}}@media (max-width: 480px){.select_classes_wrap .select_classes_list{grid-template-columns:repeat(3, minmax(calc(60px + var(--padding-select_character) * 2), calc(118px + var(--padding-select_character) * 2)))}.select_classes_wrap.select_main .select_classes_list{grid-template-columns:repeat(3, minmax(calc(60px + var(--padding-select_character) * 2), calc(118px + var(--padding-select_character) * 2)))}}@media only screen and (max-height: 415px) and (min-width: 415px) and (orientation: landscape){.layer_tab{margin-bottom:1rem}.layer_tab ul li a{height:2.2rem;font-size:0.8rem}.layer_tab_content .feature{margin-bottom:0.5rem}.layer_tab_content .feature ul li{margin:0.3rem 0}.layer_tab_content .feature ul li span{font-size:0.7rem}.layer_tab_content .feature ul li .title + span{font-size:0.7rem}.layer_tab_content .desc{height:4.4rem;font-size:0.6rem}.layer_class_detail .inner h2{display:none}.layer_class_detail .inner{height:auto}.layer_class_detail .btn_layer_close{top:50%;right:1.6rem;margin-top:-2.8rem;-webkit-transform:scale(0.7);transform:scale(0.7)}}@-webkit-keyframes characterOpacity{from{opacity:0}to{opacity:1}}@keyframes characterOpacity{from{opacity:0}to{opacity:1}}