@charset "utf-8";
/* 各種ページ */

/* テーブル */
table.company {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
}
 
table.company th,
table.company td {
    padding: 10px;
	font-size: 1rem;
}
 
table.company th {
    background: #006DD9;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #006DD9;
    border-width: 10px;
    margin-top: -10px;
}
table.company td {
    background: #f8f8f8;
    padding-left: 20px;
}

/* テーブル（報酬） */
table.remuneration {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
}
 
table.remuneration th,
table.remuneration td {
    padding: 10px;
	font-size: 1rem;
}
 
table.remuneration th {
    background: #006DD9;
    vertical-align: middle;
    text-align: left;
    width: 130px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    
}
 
table.remuneration th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #006DD9;
    border-width: 10px;
    margin-top: -10px;
}
table.remuneration td {
    background: #f8f8f8;
    padding-left: 20px;
}
/* テーブル2 */

#table{
	width: 95%;
	border-collapse: collapse;
	margin-left:2.5%;
	
}
#table td,
#table th{
	padding: 10px;
	border: 1px solid #ccc;
	font-size:9px;
	font-size:0.9rem;
	line-height:1.2rem;
	
}
#table th{
	font-weight: bold;
	
	background:#EAF4FF;
}
#table thead th{
	background:#D0E8FF;
}
/* テーブル3 */

section table {
	 width: 98%;
	 margin-right:2%;
}
section th, section td  {
	padding: 10px;
	border: 1px solid #ddd;
	font-size:0.9rem;
	line-height:1.2rem;
}
section th  { background: #D0E8FF; }
 
.demo02 th  { width: 13%; }
.demo02 th td   { text-align: center; }
.demo02 td:first-child  { text-align: left; }

.checklist{
	width:95%;
	line-height:30px;
	float:left;
	font-size:1rem;
	margin:0 2%;
}
.checklist dl{
	border-bottom:1px dotted #D90000;
	margin-bottom:20px;
	}
.checklist dt{
	width:30px;
	height:30px;
	float:left;
	background:url(../images/chack_list.png) no-repeat top left;
	}
.checklist dd{
	margin-left:40px;
	
	}
/* お問い合わせ
------------------------------------------------------------*/
/*
.contact {
	width: 100%;
	display:block;
	float: left;
	margin-bottom:60px;
}
.contact dl {
	float: left;
	width: 100%;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height:1em;
}
.contact dt {
	float: left;
	width: 25%;
	text-align:left;
	margin-left:20px;
	margin-right:0;

}
.contact dd {
	float:right;
	width: 70%;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	text-align:left;
	text-indent:40px;
	
}
*/
@media only screen and (max-width: 768px) {
	
			
		/* テーブル2 */	
			#table{
		display: block;
		list-style:none;
	}
		#table thead{
			display: none;
		}
		#table tbody{
			display: block;
		}
			#table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table tbody th,
			#table tbody td{
				display: list-item;
				border: none;
			}
			#table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				background: #D0E8FF;
			}
			#table tbody td{
				margin-left: 20px;
				padding: 0;
			}
			
			/* テーブル3 */
			.demo02 { 
    display: block; 
    width: 100%; 
	margin: 0 -10px;
  }
  .demo02 thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
  }
  .demo02 tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
  }
  .demo02 th{ 
    display: block;
    width:auto;
  }
  .demo02 tbody tr{ 
    display: inline-block; 
    margin: 0 -3px;
  }
  .demo02 td{ 
    display: block;
  }
}