@charset "utf-8";
/* CSS Document */
/* スマホ　トヨタ自動車九州LP */
/* 201８/8 @yashiki */
html{margin:0px;padding:0px;}
body
{
  margin:0;
	width:100%;
	left:0;
	right:0;
	top:0;
	padding:0;
	font-family:"ヒラギノ角 ProN", "Osaka－等幅","Hiragino Kaku Gothic ProN";
}
hgroup
{
	margin:0 auto;
	padding:0;
	width:100%;
	left:0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

img
{
	max-width: 100%;
}

a
{
	display: block;
	text-decoration:none;
	color:black;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0.40);
}
a:link
{
	color:#333333;
}
a:visited
{
	color:#333333;
}
dl,dd,dt{
 padding:0; margin:0;
 } 
#wrapper
{
	margin:0 auto;
	padding:0;
	width:100%;
	left:0;
}
div
{
	margin:0;
	padding:0;
}
.bt
{
	padding:5% 0;
	width:100%;
	text-align:center;
}
.bt_txt
{
	width: 95%;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	line-height: 40px;
	font-size: 18px;
	color: #4F4F4F;
}
.img_center
{
	text-align: center;
}
.voice_box1
{
	background: #eeeede;
	width: 100%;
	padding: 2%;
}
.voice_box1 dl
{
	margin: 0;
	padding: 0;
}
.voice_box1 dt
{
	
}
header
{
	padding:1%;
}
header ul
{
	padding: 0;
	margin: 0;
}
header ul li.logo
{
	float: left;
	vertical-align:bottom;
	width:40%;
	padding-top: 1%;
}
header ul li.tel
{
	float: left;
	width:60%;
	text-align: right;
	padding-bottom: 1%;
}
#acMenu0 dt
{
  	cursor:pointer;
	text-align: center;
	width:100%;
	line-height: 1px;
}
#acMenu0 dd
{
	width:100%;
	line-height:25px;
	display:none;
	margin: 0 auto;
}
#acMenu0 dd div
{
	width: 95%;
	margin: 0 auto;
	padding: 2% 0;
}
.employee_box
{
	/*background: #eeeede;*/
	width: 100%;
	padding-bottom: 5%;
}
.emp_txt
{
	color: #555252;
	font-size: 18px;
	padding-bottom: 2%;
}
.emp_table
{
	padding:0;
	margin:0 auto;
	width: 90%;
}
.emp_table td
{
	border-bottom: #B5B3B3 2px solid;
}
.emp_title
{
	font-weight: bold;
	color: #215296;
	font-size: 22px;
	width: 95%;
	margin: 0 auto;
	padding: 6% 0;
}
.emp_detail
{
	font-size: 18px;
	width: 95%;
	margin: 0 auto;
	padding: 1% 0 2%;
}
.top
{
	width: 100%;
	text-align: center;
}

.bg
{
	background:url("../img/bg.png") ;
}
.bg table
{
	margin:0 auto 5%;
	width:90%;
	border-collapse: collapse;
}
.bg table th
{
	background-color:#28467D;
	color:#FFFFFF;
	padding:2%;
	width:30%;
	border:solid 1px white;
	line-height: 20px;
}
.bg table tr td
{
	background-color:#FFFFFF;
	padding:2%;
	border:solid 1px #666666;
}
.bg table tr td p
{
	margin: 2% 0;
}
.footer
{
	width:100%;
	text-align:center;
	padding:2% 0;
	font-size:11px;
	background: #0B4B97;
	color: #fff;
	margin: 3% 0 0;
}
#nolinehight
{
	line-height:0;
}
ul li
{
	list-style-type: none;
}
/*input.btn_submit {
  cursor: pointer;
  display: block;
  width: 300px;
  height: 72px;
  border: none;
  margin:0 auto;
  text-indent: -9999px;
  background: url(../img/bt_confirm.png) no-repeat 0 0;
}
 
input.btn_submit:hover {
  background: url(../img/bt_confirm.png) no-repeat 0 0px;
}*/
.point
{
	margin:0 auto;
	padding:0;
	width:95%;
}
.point li
{
	padding: 1% 0 0%;
	list-style-type: none;
}
.point li:last-child 
{
  	padding:1% 0 2%;
}
input[type=text]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   /*-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);*/
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:45px;
   padding:0 3px;
	 margin:0 auto;
	 background-color:#FFF8E1;
}
 
input[type=text]:focus {
   border:solid 1px #20b2aa;
}
 
/*input[type=text], select { 
   outline: none;
}*/
input[type=tel] 
{
	border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   /*-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);*/
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:45px;
   padding:0 3px;
	 margin:0 auto;
	 background-color:#FFF8E1;
}
input[type=tel]:focus {
   border:solid 1px #20b2aa;
}
 
input[type=tel], select { 
   outline: none;
}
input[type=email] 
{
	border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   /*-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);*/
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:45px;
   padding:0 3px;
	 margin:0 auto;
	 background-color:#FFF8E1;
}
input[type=email]:focus {
   border:solid 1px #20b2aa;
}
 
input[type=email], select { 
   outline: none;
}
.sex input
{
	display: none;
}
.sex label
{
	display: block;
	float: left;
	cursor: pointer;
	width: 80px;
	margin: 0;
	padding: 10px;
	background: #bdc3c7;
	color: #869198;
	font-size: 16px;
	text-align: center;
	line-height: 2;
	transition: .2s;
}
.sex label:first-of-type
{
	border-radius: 3px 0 0 3px;
}
.sex label:last-of-type
{
	border-radius: 0 3px 3px 0;
}
.sex input[type="radio"]:checked + .switch-on 
{
	background-color: #a1b91d;
	color: #fff;
	}
.sex input[type="radio"]:checked + .switch-off {
    background-color: #e67168;
	  color: #fff;
	}
	.chkbox {
	margin:			0 0 10px 20px;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-left:		38px;			/* ラベルの位置 */
	font-size:		40px;
	line-height:		32px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content:		'';
	width:			50px;			/* ボックスの横幅 */
	height:			50px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		50px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
}
input[type=checkbox]:checked ~ label.changed
{
    color: #FFF;
}
.boshu
{
	width:100%;
	margin:0 auto;
	background:#054382;
	padding:5% 0;
}
.form_txt
{
	font-size:17px;
	text-align:center;
	padding:3% 0;
	color:#FFFFFF;
	line-height:20px;
}


.header_box
{
	width:100%;
	padding:3% 0;
	text-align: center;
	background:#000000;
	color:white;
	letter-spacing: 2pt;
	font-size: 16px;
}
.top_txt
{
	width: 95%;
	margin: 0 auto;
	padding: 3% 0;
}
.table-ul 
{
  	display: table;
  	table-layout: fixed;
  	text-align: center;
  	width: 100%;
	padding: 0;
	margin: 0;
}
.table-ul li 
{
  	border-right: 1px solid #fff;
  	display: table-cell;
  	vertical-align: middle;
	height: 50px;
	color: white;
	padding:2% 3%;
	background-color:#054382;
}
.table-ul li:last-child 
{
  	border-right: 0;
}
.table-ul li a 
{
  	color: #fff;
  	display: block;
  	font-size: 12px;
  	text-decoration: none;
  	padding: 8px 0;
}
.cap1
{
	padding: 12% 0 2%;
	width:80%;
	margin: 0 auto;
}
.cap1_txt
{
	width: 80%;
	margin: 0 auto;
	padding: 3% 0 5%;
	line-height: 30px;
	color: #FFFFFF;
}
.cap1_img1
{
	width: 95%;
	margin: 0 auto;
	padding: 0 0 10%;
}
.img_list
{
	width: 94%;
	margin: 2% auto 7%;
}
.boshu
{
	width: 95%;
	margin: 0 auto;
	line-height: 20px;
	border-collapse: collapse;
}
.boshu th
{
	background-color: #054382;
	width: 30%;
	padding: 2%;
}
.boshu td
{
	padding: 2%;
}
.table-company
{
	width: 95%;
	margin: 0 auto 5%;
	border-collapse: collapse;
	line-height: 20px;
}
.table-company tr th
{
	border: solid 1px rgba(0,0,0,1.00);
	width: 30%;
	padding: 2%;
	background: rgba(248,249,233,1.00);
}
.table-company tr td
{
	border: solid 1px rgba(0,0,0,1.00);
	padding: 2%;
}