@charset "utf-8";

/* D20KK180520_562 */
/* copyright since 2006 http://subhand.net */


/*************************************************************/
/* for smartphone style at only text */
/*************************************************************/
/* スマホ（レスポンシブ）用、指定classとp文字のみ大きく読みやすくする　レターに最適化 */

/*************************************************************/
/*How to use*/
/*************************************************************/
/* index.htmlに
   <link rel="stylesheet" type=text/css href="css/likeres.css"> 宣言
   <meta name="viewport" content="width=device-width">　宣言
*/

/*
.container p →　スマホで見るとき250%になる。
.container span　→　<p><span style="fontsize:20px">AAA</span></p>のように使う。この場合170％になる。
.check li　→　class="check"の<li>の場合250％になる。
後はclassの場合追加宣言すれば良い
*/

/*.top_simg{ width:100%;}*/



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

/*必須*/
.container p{ 
	font-size:140%;
} 

/*div span {display:block;}*/
.impact1 { font-size:130% !important;}
.impact2 { font-size:110% !important; display:block; margin:10px auto 30px;}

br {
  display: none;
}


/*追加*/
.top_simg{ width:960px !important;}

.checkbox{ width:90%!important;}
.checkbox li { font-size:150% !important; background-size:contain; background-position:5px 30px !important; padding-left:60px !important;}

.checkbox01{ width:90%!important;}
.checkbox01 li { font-size:150% !important; background-size:contain; background-position:5px 30px !important; padding-left:60px !important;}

.pp  { font-size:170% !important;
	height: 200px; }
	
#faq dt { font-size:150% !important; line-height:1.4; background-position:left 10px;}
#faq dd {  background-position:10px 20px;}
#faq dd p{ font-size:150% !important; line-height:1.4;}


}


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

/*必須*/
.container p{ 
	font-size:160% !important;
	line-height:1.5 !important;
} 

/*div span {display:block;}*/
/*.container span { 
font-size:170% !important;
}*/

/*追加*/
.checkbox01 li { font-size:180% !important;}
.pp  { font-size:170% !important;
	height: 200px; }
#faq dt { font-size:200% !important; line-height:1.5; background-position:left 20px;}
#faq dd {  background-position:10px 30px;}
#faq dd p{ font-size:200% !important; line-height:1.5;}


}


/*
@media screen and (min-width: 481px) and (max-width: 680px) {
.top_simg{ width:960px}

}

@media screen and (min-width: 681px)  (max-width: 768px) {
.top_simg{ width:960px}

}

@media screen and (min-width: 769px) {
.top_simg{ width:960px}

}
*/
/* PCで必要なスタイル-レスポンシブフォント必ず必要 */
html{ font-size: 62.5%; }