@charset "UTF-8";

#kinBlock{width:1000px; height:587px;margin:-80px auto -50px;position: relative;z-index:1;}

#kinBlock #kinChara{width:570px;position: absolute;left:-100px;right:0;margin:0 auto;top:60px;z-index:0;}
#kinBlock #kinText1{width:395px;position: absolute;left:0px;top:100px;z-index:1;}
#kinBlock #kinText2{width:395px;position: absolute;left:0px;top:230px;z-index:2;}
#kinBlock #kinText3{width:435px;position: absolute;right:0px;top:300px;z-index:2;}

@media (max-width:480px){
    
#kinBlock{width:100%; height:32vh;margin:-3.5vh auto -3.5vh;position: relative;z-index:1;}
   
#kinBlock #kinChara{ width:calc(100%*570/1000); position: absolute;left:17%;right:auto;top:3vh;z-index:0;}
#kinBlock #kinText1{ width:calc(100%*395/1000); position: absolute;left:1%;top:3vh;z-index:1;}
#kinBlock #kinText2{ width:calc(100%*395/1000); position: absolute;left:1%;top:11vh;z-index:1;}
#kinBlock #kinText3{ width:calc(100%*435/1000); position: absolute;right:1%;top:15vh;z-index:1;}
}