@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

*{margin: 0; padding: 0; list-style: none;}
img{display: block;}

a img{transition: 0.1s ease-in-out;}
a:hover img{opacity: 0.6;}

.hvr{transition: 0.1s ease-in-out;}
.hvr:hover{opacity: 0.6;}
.hvrBtn{transition: 0.1s ease-in-out;}
.hvrBtn:hover{opacity: 1;}

.abn{text-decoration: none !important;}

.sp{display: none;}

#pageTop{position: fixed; right:30px; bottom: 30px;}


body{font-size: 18px; line-height: 2; font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; color: #000; background: #fff8e7;}

.nav{display: table; margin: 0 auto;}
.nav li{display:table-cell;}
.nav li:after{content: "/";}
.nav li:last-child:after {display: none;}
.nav li a{padding: 0 40px; font-size: 20px; line-height: normal; font-weight: bold; color:#333; text-decoration: underline;}
.nav li a:hover{text-decoration: none;}

header{padding: 0;}
header img{margin: 0 auto; max-width: 1024px;}

footer #bnr{background: #0060AA; padding: 5px; margin-bottom: 0px; color:#FFF}
footer p{text-align: center; font-size: 14px;}
footer p img{margin: 0 auto; margin-bottom: 30px;}

.clear{clear:both;}
.fl_left{float:left;}
.fr_left{float:right;}
.sp_disp{display:none;}
.pc_disp{display:block;}

.main{
  margin:0 auto;
  padding:10px 0;
  width:98%;
  max-width:1024px;
}
h2{
  padding-left:30px;
  border-left: inset 10px #0060AA;
  background-color:#0B6DB8;
  margin:20px 0px;
  color:#FFF;
}
h3{font-size:20px;}

.clear{clear:both;}
.fs_8{font-size:0.8em;}
.mb_30{margin-bottom:30px;}
.w1000{width:1000px;}
.sample_photo{width:190px; margin:0;}
.tm_center{
	display: table-cell;
	vertical-align: middle;
}
hr{color:white;}
/************ guide_index ************/
.dl_white{
  //padding:10px;
  //background-color:#fff;
  margin-bottom:20px;
  border-radius:10px;
}
#guide_appinfo{
  float:left;
}
#main_guide{
  background:#fff8e7;
  width:100%;
}
.guide_photo{
  float:left;
  margin-right:3%;
}
.content{
  padding:10px;
  padding-bottom:20px;
  line-height:1.5;
}
.gray_frame{
  background-color:#eee;
  margin:0 auto;
  padding:30px;
  border-radius:10px;
}

.install_list li{
  padding:20px;
}
.system_ul li{
  display:inline-block;
}
.point_frame{
	width:100px;
	text-align:center;
	display:block;
	border-radius:10px;
	margin:0 auto;
	color:white;
	padding:3px;
	box-shadow:1px 1px 3px #888;
}
.arrow{
  width:40px;
  height:40px;
  margin:0 auto;
}
#point_list td{
	width:150px;
}
#point_criterion dt{
	font-weight:bold;
}
#point_criterion dd{
	color:#f48a11;
	padding-left:30px;
	font-weight:bold;
}
.main_content{
	color:#f48a11;
}
hr {
	height: 2px;
	background-color: #fff;
	border: none;
	color: #fff;
}
.list_disc li{
	list-style:disc;
	padding-bottom:10px;
}
#list_none li{
	list-style:none;
	padding-bottom:0px;
	padding-left:20px;
}
.group_set_li{
	border-radius:30px;
	padding:0px 0px 10px 40px;
}
#group_p{
	font-weight:bold;
}

/************ スマホ・タブレット ************/

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

	body{font-size: 4vw;}
	img{width: 100%; height: auto;}
	.pc{display: none;}
	.sp{display: block;}
	.sp_disp{display:block;}
	.pc_disp{display:none;}

	header{padding: 0;}
	header h1{width: 100%; margin: 0 auto;}
	header h1 img{margin-bottom: 5px;}
	h3{font-size:5vw;}
	
	.nav li{font-size: 4vw;}
	.nav li a{font-size: 4vw; padding: 0 1em; white-space: nowrap;}

	footer #bnr{background: #0060AA; padding: 5px; margin-bottom: 0px; color:#FFF}
	footer p{font-size: 3vw;}
	
	
	.btn-submit{
	  margin:5% 0px;
	}
	.main{
	  width:90%;
	}
	#guide_appinfo{
	  float:left;
	  width:100%;
	}
	.guide_photo{
	  width:45%;
	  margin-right:0;
	}
	.dl_sp_mrb{
	  margin-right:10%;
	  margin-bottom:20px;
	}
.arrow{
  width:50%; 
  margin:0 auto;
}
	.point_frame{
	  width:100%;
	}
#point_list{
	width:100%;
}
.point_frame{
	padding:3px 1px;
}
.group_set_li{
	border-radius:30px;
	padding:0px 0px 10px 20px;
}
	.ta_23{width:20% !important;font-size:55%;}
	.ta_15{width:5% !important;}
	.tx_left{text-align:left;}
}