@charset "utf-8";
/* 「solution/refills/」 配下ページ用CSS */


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


TOP KV


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

#kv h1,#kv h2, #kv p { position: absolute; }
#kv_txtinfo { top: 125px; border: #ff0000 solid 5px; } 
#kv_en { 0.5px; top: 225px; }
#kv_ja { top: 320px; }
#kv_btn { top: 520px; }



@media screen and (max-width: 1000px) {
#kv { height: 792px; background: url(../../images/main-vidual.png) no-repeat center 0;background-size: cover;}
#kv h1 { left: 158px; }
#kv_en { font-size: 30px; top: 270px; }
#kv_ja { font-size: 48px; top: 400px; }
#kv_btn { top: 550px; }
#kv_btn img { width: 315px; }

}

@media screen and (max-width: 590px) {

#kv { height: 520px;}
#kv h1 { top: 0px; line-height: 63px; }
#kv_txtinfo { top: 138px;}
#kv_en { font-size: 20px; top: 230px; }
#kv_ja { font-size: 42px; top: 290px; }
#kv_btn { top: 395px; }

}

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


FAQ KV


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

.kv_faq_txtinfo { font-size: 22px; font-weight: 400; margin-top: 12px; border: #ff0000 solid 5px; border-radius: 10px; padding: 16px; background-color: #fff;}
.kv_faq_txtinfo a { text-decoration: underline; background: linear-gradient(transparent 70%, #ffff7f 0%); }



@media screen and (max-width: 590px) {

.kv_faq_txtinfo { font-size: 13px; width: 330px;}

}

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


FAQ Android KV


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

#kv_faq_and_txtinfo { position: absolute; right: 0; left: 0; margin: 12px 40px;}



@media screen and (max-width: 590px) {

.kv_faq_and { height: auto; padding: 15px 0;}
#kv_faq_and_txtinfo { position: static; margin: auto;}

}


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


FAQ iOS KV


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

#kv_faq_ios_txtinfo { width: 80%; margin: 0 auto 30px; text-align: center;}