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


/*タイトルのラインカラー*/
.title-word {
	border-color: #0067c0;
}

/*--会社概要--*/

/*外枠*/
.company {
	margin: 60px 10px 50px 10px;
}

main, .container {
	margin-top: 0;
	padding-top: 0;
}

.table-list {
	width: 95%;
	margin: 0 auto;
	background-color: white;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	box-sizing: border-box;
	display: table;
	border-color: gray;
}

.tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

/*中身*/

tr {
    display: table-row;
    vertical-align: inherit;
    border-collapse: inherit;
    font-family: "NotoSansJP Regular", "源ノ角ゴシック Code JP M";
	letter-spacing: 0.1em;
}

th, td {
	box-sizing: border-box;
	border: 1px solid #d6d6d6;
	display: table-cell;
}

th {
	background-color: #eee;
	text-align: center;
	vertical-align: top;
	border-right: none;
	color: black;
	width: 20%;
	padding: 20px 0;
	font-size: 17px
}

td {
	color: #525252;
	vertical-align: inherit;
	width: 80%;
	padding: 20px 0 20px 30px;
	font-size: 17px;
}

td ul li {
	list-style: none;
}

/*googlemap*/

.inner {
	margin-top: 30px;
}

iframe {
	width: 80%;
	height: 250px;
}


@media (max-width: 960px)/*minは750*/{
	.company {
		/*margin: 30px 10px 50px 10px;*/
	}
	
	.table-list {
		width: 90%;
	}
	
	th,td {
		font-size: 16px;
	}
	
	.boss {
		padding-left: 2px;
		padding-right: 2px;
	}
}

@media (max-width: 750px){
	.company {
		margin: 40px 20px 50px 20px;
	}
	
	table {
		display: table;
		box-sizing: border-box;
		text-indent: initial;
		unicode-bidi: isolate;
		font-size: 16px;
	}
	
	.table-list {
		width: 100%;
		max-width: 600px;
	}
	
	tbody {
		display: table-row-group;
		vertical-align: middle;
	}
	
	tr {
		display: table-row;
		width: 100%;
	}
	
	th {
		display: block;
		padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
		text-align: left;
		vertical-align: top;
		width: 100%;
	}
	
	.boss {
		padding-left: 10px;
	}
	
	td {
		padding: 10px;
		display: block;
		width: 100%;
	}
	
	th, td {
		border: solid 1px #d6d6d6;
	}
	
	th {
		border-bottom: none;
	}
	
	td {
		border-bottom: none;
	}
	
	tr:last-child td {
		border-bottom: solid 1px #d6d6d6;
	}
}

@media (max-width: 480px) {
	td {
		color: black;
	}
}