.title-character{margin:0 auto;width:200px}@media screen and (min-width: 640px){.title-character{width:450px}}.character-nav-list{display:flex;justify-content:space-between;margin:20px auto 0;max-width:600px;width:96%}@media screen and (min-width: 640px){.character-nav-list{margin:0 auto 0 0}}.character-nav-list .filter{overflow:hidden;width:18%}.hover{position:absolute;top:49%;left:49%;transform:translate(-50%, -50%);height:105%;opacity:.8;width:105%;mix-blend-mode:multiply}.active .hover{opacity:0}@media screen and (min-width: 640px){.hover:hover{cursor:pointer;opacity:0}}.character-main{margin:40px auto 0}@media screen and (min-width: 640px){.character-main{margin:80px auto 0}}.display-none{display:none}@media screen and (min-width: 640px){.item-inner{display:flex;justify-content:space-between}}@media screen and (min-width: 640px){.img-area{width:60%}}.text-area{text-align:left;margin:0 auto;width:90%}@media screen and (min-width: 640px){.text-area{width:40%}}.alphabet{height:96px;margin-top:30px;width:auto}@media screen and (min-width: 640px){.alphabet{height:138px}}h2{font-size:32px;padding:30px 0 10px}h3{display:inline-block;font-size:20px;font-weight:500;margin:10px auto 0}@media screen and (min-width: 640px){h3{font-size:24px}}.speech-bubble{display:inline-block;padding:0 0 0 2px;top:-4px;width:24px}@media screen and (min-width: 640px){.speech-bubble{top:-8px}}.speech-bubble:hover{cursor:pointer;opacity:.7}.character-text{margin:30px auto 0;line-height:1.8em}
/*# sourceMappingURL=../css_map/character.css.map */