/* -------------------------------- 

PC CSS

-------------------------------- */

@media only screen and (min-width: 769px) {

/* -------------------------------- 

KITTY

-------------------------------- */
#kt-area{
  position: relative;
}

#kt-area .kt-title01{
  position:absolute; 
  top:-16px; 
  left:190px;
}

#kt-area .kt-title02{
  position:absolute;
  top:-5px;
  right:290px;
}

#kt-area .kt-search{
  position:absolute; 
  top:-16px; 
  left:260px;
}

#kt-area .kt-album{
  position:absolute; 
  top:-16px; 
  left:270px;
}

#kt-area .kt-tokusyoku{
  position:absolute; 
  top:-16px; 
  left:280px;
}

#kt-area .kt-company{
  position:absolute; 
  top:-16px; 
  left:330px;
}

#kt-area .kt-krp{
  position:absolute; 
  top:-16px; 
  left:150px;
}

#kt-area .kt-contact{
  position:absolute; 
  top:-16px; 
  left:330px;
}

#kitty{
  width: 95%;
  margin: 30px auto 0;
  border: solid #04a76e 5px;
}
.kitty_top{
position: relative;
width: 100%;
text-align: center;
}
.kt_kr{
width: 98%;
padding-top: 1%;
}
.kitty_title{
position: absolute;
width: 82%;
top: 15%;
left: 9%;
color: #555;
font-size: 27px;
border-bottom: solid #555 2px;
}
.kitty_sub_title{
width: 100%;
color: #04a76e ;
font-size: 27px;
font-weight: 900;
}
.kitty_logo{
width: 100%;
text-align: center;
}
.kt_kr_logo{
width: 80%;
padding-top: 1%;
}
.kitty_main{
width: 100%;
padding-top: 1%;
text-align: center;
}
.kitty_t1{
width: 100%;
color: #555 ;
padding-bottom: 2%;
font-size: 18px;
font-weight: 900;
}
.kitty_t2{
width: 100%;
color: #555 ;
font-size: 22px;
font-weight: 900;
}
.kitty_c{
width: 100%;
color: #555 ;
font-size: 14px;
font-weight: 300;
}
#kitty_2{
  width: 97%;
  margin: 30px auto 0;
}
.kitty_top_2{
position: relative;
width: 100%;
text-align: center;
}
.kt_kr_s{
width: 100%;
padding-top: 1%;
}


}


/* -------------------------------- 

SP CSS

-------------------------------- */
@media only screen and (max-width: 768px) {

/* -------------------------------- 

KITTY

-------------------------------- */

#kt-area{
  position: relative;
  text-align: center;
}

#kt-area img{
  width: 15%;
  height: auto;
}


#kt-area .kt-title01{
  position:absolute; 
  top:-50px; 
}

#kt-area .kt-title02{
}

#kt-area .kt-search{
margin-top:10px;
}

#kt-area .kt-tokusyoku{
  margin-top:10px;
}

#kt-area .kt-company{
  margin-top:10px;
}

#kt-area .kt-krp{
  margin-top:10px;
}

#kt-area .kt-contact{
  margin-top:10px;
}

#kitty{
border: solid #04a76e 5px;
  width: 95%;
  margin: 30px auto 0;
}
.kitty_top{
position: relative;
width: 100%;
text-align: center;
}
.kt_kr{
width: 98%;
padding-top: 1%;
}
.kitty_title{
position: absolute;
width: 82%;
top: 15%;
left: 9%;
color: #555;
font-size: 3.4vw;
border-bottom: solid #555 2px;
}
.kitty_sub_title{
width: 100%;
color: #04a76e ;
font-size: 3.3vw;
font-weight: 900;
}
.kitty_logo{
width: 90%;
margin: 0 auto;
text-align: center;
}
.kt_kr_logo{
width: 90%;
padding-top: 1%;
}

.kitty_main{
width: 100%;
padding-top: 1%;
text-align: center;
}
.kitty_t1{
width: 100%;
color: #555 ;
padding-bottom: 2%;
font-size: 2.2vw;
font-weight: 900;
}
.kitty_t2{
width: 100%;
color: #555 ;
font-size: 2.8vw;
font-weight: 900;
}
.kitty_c{
width: 100%;
color: #555 ;
font-size: 2vw;
font-weight: 300;
}

#kitty_2{
  width: 98%;
  margin: 10px auto 0;
}
.kitty_top_2{
position: relative;
width: 100%;
text-align: center;
}
.kt_kr_s{
width: 100%;
padding-top: 1%;
}


}