@charset "utf-8";
/* CSS Document */
	/* 共通　*/
  .normal-tbl {
    width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
    font-size: 16px;
	  border: 1px solid #707070;
	  font-weight: 500;
  }
  .normal-tbl th {
    border: #707070 1px solid;
    text-align: left;
    padding: 10px 0px 10px 10px;
    font-weight: 500;
    width: 10%;
	  background: #DCDBDA;
  }
  .normal-tbl td {
    border: #707070 1px solid;
    text-align: left;
    padding: 10px 0px 10px 10px;
  }

@media print, screen and (max-width : 767px) {
  /*-------------------------
  スマホ用テーブル
	--------------------------- */
  /* 会社案内　*/
.company {
    width: 100%;
    margin: 0px auto 0px auto;
    border: none;
}
.company td{
	border-bottom: 1px solid #00AEBD;
	padding: 0px 0px 30px 0px ;
	font-size: 16px;
	display: block;
}
.company th{
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	color: #00AEBD;
	width: 100%;
	padding: 30px 0 10px 0;
	display: block;
}
/* オレンジ線　テーブル　*/	
.or-tbl {
    width: 100%;
    margin: 10px auto 0px auto;
    border: none;
}
.or-tbl td{
	border-bottom: 1px solid #FFA22C;
	padding: 0px 0px 30px 0px ;
	font-size: 16px;
	display: block;
	margin: 0 0 20px 0;
}
.or-tbl th{
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	color: #FFA22C;
	width: 100%;
	padding: 0px 0 10px 0;
	display: block;
}
	/* 青色線　テーブル　*/	
.gr-tbl {
    width: 100%;
    margin: 10px auto 0px auto;
    border: none;
}
.gr-tbl td{
	border-bottom: 1px solid #00AEBD;
	padding: 0px 0px 30px 0px ;
	font-size: 16px;
	display: block;
	margin: 0 0 20px 0;
}
.gr-tbl th{
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	color: #00AEBD;
	width: 100%;
	padding: 0px 0 10px 0;
	display: block;
}

  /* お問い合わせフォーム　*/
.contact {
    width: 100%;
    margin: 0px auto 0px auto;
    border: none;
}
.contact td{
	padding: 0px 0px 30px 0px ;
	font-size: 16px;
	display: block;
}
.contact th{
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	padding: 0px 0 10px 0;
	display: block;
}
	.contact-gr{
		background: #F4F4F4;
		border: 1px solid #DCDBDA;
		border-radius: 10px;
		padding: 10px;
		margin: 0 0 5px 0;
	}
	
}
/* == */
@media print, screen and (min-width : 768px) {
/* 会社案内　*/
  .company {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 0px auto;
    font-size: 16px;
  }
  .company th {
    border-bottom: #00AEBD 1px solid;
    text-align: left;
    padding: 20px 0px;
    font-weight: 500;
    width: 10%;
	  color: #00AEBD;
  }
  .company td {
    border-bottom: #00AEBD 1px solid;
    text-align: left;
    padding: 20px 0px;
  }
/* オレンジ線　テーブル　*/	
  .or-tbl {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 40px auto;
  }
  .or-tbl th {
    border-bottom: #FFA22C 1px solid;
    text-align: left;
    padding: 20px 0px;
    font-weight: 500;
    width: 10%;
	  color: #FFA22C;
  }
  .or-tbl td {
    border-bottom: #FFA22C 1px solid;
    text-align: left;
    padding: 20px 0px;
  }
	/* 青色線　テーブル　*/	
  .gr-tbl {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 40px auto;
  }
  .gr-tbl th {
    border-bottom: #00AEBD 1px solid;
    text-align: left;
    padding: 20px 0px;
    font-weight: 500;
    width: 10%;
	  color: #00AEBD;
  }
  .gr-tbl td {
    border-bottom: #00AEBD 1px solid;
    text-align: left;
    padding: 20px 0px;
  }

/*お問い合わせフォーム*/
  .contact {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 0px auto;
    font-size: 16px;
  }
  .contact th {
    text-align: left;
    padding: 20px 0px;
    font-weight: 500;
    width: 10%;
  }
  .contact td {
    text-align: left;
    padding: 20px 0px;
  }
	.contact-gr{
		background: #F4F4F4;
		border: 1px solid #DCDBDA;
		border-radius: 10px;
		padding: 10px;
		margin: 0 0 5px 0;
	}	
	/* 共通　*/
  .normal-tbl {
  }
  .normal-tbl th {
    padding: 10px 20px 10px 20px;
  }
  .normal-tbl td {
    padding: 10px 20px 10px 20px;
  }

}
@media print, screen and (min-width : 1200px) {
/* 会社案内　*/	
	  .company th {
    border-bottom: #00AEBD 1px solid;
    text-align: left;
    padding: 15px 0px;
    font-weight: 500;
    width: 200px;
	  color: #00AEBD;
  }
/* オレンジ線　テーブル　*/	
	  .or-tbl th {
    border-bottom: #FFA22C 1px solid;
    text-align: left;
    padding: 15px 0px;
    font-weight: 500;
    width: 200px;
	  color: #FFA22C;
  }
/* 青色線　テーブル　*/	
	  .gr-tbl th {
    border-bottom: #00AEBD 1px solid;
    text-align: left;
    padding: 15px 0px;
    font-weight: 500;
    width: 200px;
	  color: #00AEBD;
  }
	
/*お問い合わせフォーム*/	
	  .contact th {
    text-align: left;
    padding: 15px 0px;
    font-weight: 500;
    width: 200px;
  }

}
@media print, screen and (min-width : 1600px) {}