@charset "utf-8";


input, textarea{
	font-size: 16px !important;
}


*:focus {
  outline: none !important;
  box-shadow:none !important;
}

p { margin: 0 ; padding: 0; clear:both; line-height: 1.2 }

/** hand cursor style **/
.cur_hand:hover { color: #0048B9; text-decoration: underline !important; cursor: pointer;}
.cur_hand_board:hover { cursor: pointer; background: #F2F2F2}


/*            */
.rounded-k30 {border-radius: 30px}


/*            */
.body-df-h30t {padding-top: 30px;}
.body-df-h40 {padding-top: 40px;}
.body-df-h60 {padding-bottom: 60px;}
.body-df-h80 {padding-bottom: 80px;}
.body-df-h100 {padding-bottom: 100px;}


/*            */
.bgc-sc { background: #064295}
.bgc-sc { background: #064295}
.bgc-top { background: #F1F8FF}
.bgc-art1 { background: #FFFADE}



/*             */
.body-gray1 { background: #F7F7F7}



/** error **/
.error {
color:#E70003;
font-weight: bold;
font-size: 0.8em;
}


/*           */
.btn-ok {
	/*font-size: 14px !important;*/
	color: #fff !important;
	background-color:#292929 !important;
}

.btn-ok:hover {
	/*font-size: 14px !important;*/
	color: #fff !important;
	background-color:#105DA2 !important;
}

.btn-active {
	font-size: 14px !important;
	color: #fff !important;
	background-color:#105DA2 !important;
}



/* ul  
-----------------------*/
ul{
	margin: 0;
	padding: 0;
}
ul li{
  list-style: none;
}



/* checklist
-----------------------*/
.li-list-box {width: 90%; padding: 0px; background: #D6E3ED; margin: 0 auto}
ul.li-list {
	list-style:none;
	padding: 0px 20px;
}
ul.li-list li {
	text-align:left;
	padding:20px 0px 10px 50px;
	background: url(../images/check01.png) left 34px no-repeat;
	}


/*copyright
------------------------------------- */
.copyright{
	width: 100%;
	text-align:center;
	padding:10px 0px;
	font-size:14px;
	background-color: #343434;
	color: #C1C1C1;
}
.copyright a{
/*	color:#1F1F1F;*/
	color: #C1C1C1;
}



/* faq
---------------------------------------------*/
#faq{
	width:100%;
	padding:15px;
	margin: 0px 0px;
	clear:both;
}

#faq dt{
	margin: 0px auto 0px;
	padding: 8px 0 10px 40px;
	line-height: 1;
	font-weight: bold;
	background-image: url(../images/q427.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#faq dd{
	position:relative;
	margin: 0px 0 40px 0;
	padding: 12px 20px 25px 40px;
	line-height:150%;
	/* border:solid 1px #CCC; */
	border-bottom:solid 1px #CCC;
	background-color:#fff;
	background-image: url(../images/a427.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	color: #0D344B;
	/* -moz-border-radius: 5px; */
	/* -webkit-border-radius: 5px; */
	/* border-radius: 10px; */
}








/** footer fix menu only smartphone */
/* フッター */
/* メニューをページ下部に固定 */
#fixed-footer-menu {
  position: fixed;
  width: 100%;
  bottom: 0px;
  opacity: 1;
  z-index: 100;
  /* padding-bottom: env(safe-area-inset-bottom);*/ /*for iphone */
}

/* メニューを横並びにする */
#fixed-footer-menu ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #fff;
  
}

/* メニューの要素 */
#fixed-footer-menu li {
  justify-content: center;
  align-items: center;
  width: 20%; /* 要素が5つの場合（100/5） */
  padding: 0;
  margin: 0;
}

/* メニューのボタン */
#fixed-footer-menu li a {
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 0px 0px 0px;
  /*font-size: 8px;*/
  text-decoration: none;
}

/* メニュータイトル */
#fixed-footer-menu li p {
  font-size: 10px; /* メニュータイトルのフォントサイズ */
}

/** アイコンのサイズを調整 */
.footer-icon {
  font-size: 20px;
}





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

.li-list-box {width: 100%; padding: 0px;}

ul.li-list {
	padding: 0px 0px 0px 10px;
}
ul.li-list li {
	padding:20px 20px 10px 30px;
	background-size: auto 22px;
	background-position: 0px 38px;
	}

} /* end */



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

html {font-size: 0.95em !important}

.body-sp-h0t {padding-top: 0px;}
.body-sp-h10 {padding-bottom: 10px;}
.body-sp-h20 {padding-bottom: 20px;}
.body-sp-h40 {padding-bottom: 40px;}
.body-sp-h60 {padding-bottom: 60px;}
.body-sp-h80 {padding-bottom: 80px;}



.footer-sp-box-shadow {
   box-shadow: 0 -1px 3px #E3E3E3 !important;
}

/*copyright
------------------------------------- */
.copyright{ font-size: 60%; }



}