@charset "utf-8";
/* CSS Document */
*,*:after,*:before{
    box-sizing: border-box;
}

body {
	
}
table.company {
	max-width: 700px;
	margin: 0px auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 90%;
	padding: 10px 5px 0px;
}
table.company th {
	background: #3a3a3a;
	vertical-align: middle;
	text-align: left;
	width: 100px;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight: normal;
	padding-left: 30px;
}
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: #3a3a3a;
	border-width: 10px;
	margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
 table.company th::after {
 float: right;
 padding: 0;
 left: 30px;
 top: 10px;
 content: " ";
 height: 0;
 width: 0;
 position: relative;
 pointer-events: none;
 border: 10px solid transparent;
 border-left: #902929 10px solid;
 margin-top: -10px;
}
}
table.company th {
	max-width: 200px;
	width: 30%;
}
table.company td {
	background: #f8f8f8;
	max-width: 360px;
	padding: 15px 40px;
	line-height: 140%;
}
#wrapper {
	max-width: 1000px;
	/* height: 1250px; */
	background: #fff;
	margin: 0 auto;
}
.gaiyou {
	font-size: 300%;
	color: #000000;
	text-align: center;
	padding-top: 50px;
}


@media screen and (max-width: 480px) {
body{
	margin:0		
	}
table.company {
	width: 100%;
	border-spacing: 0px 5px;
	font-size: 85%;
	padding-left:10px;
	padding-right:10px;
}
table.company th {
	text-align: center;
	padding-left: 0px;
}

table.company th {
	width: 35%;
}
table.company td {
	padding: 15px 15px;
	line-height: 120%;
}
#wrapper {
	width: 100%;
	background: #fff;
	margin: 0 auto;
}
.gaiyou {
	font-size: 120%;
	text-align: center;
	padding-top: 50px;
}

}