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


.extratopcontainer {
	width:100%;
	height:auto;
	padding-top:100px;
	margin-bottom:200px;}
h1.kigyoname {
	width:90%;
	max-width:1200px;
	position: relative;
	font-size: 2.5em;
	text-align: center;
	margin:0 auto 80px auto;
	padding-bottom:20px;
	border-bottom: 7px solid #f6f6f6;}
h1.kigyoname::after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 7px;
	background-color: #FF6699;}
span.date {
	text-align:right;
	margin-bottom:10px;}
span.date::before {
	content:"情報提供日";
	background-color:#666;
	border-radius:100vh;
	color:#FFF;
	text-align:center;
	padding-left:2em;
	padding-right:2em;
	margin-right:15px;
	font-size:0.8em;}
table.kigyogaiyo {
	width:90%;
	max-width:1200px;
	margin:0 auto 5px auto;	
    border-collapse: separate;
    border-spacing: 0px 8px;}
table.kigyogaiyo tr th {
	width:25%;
	box-sizing:border-box;
	background-color:#F5ECE2;
	text-align:center;
	vertical-align:middle;
	padding:20px;
	border-bottom:#F5ECE2 solid 1px;}
table.kigyogaiyo tr td {	
	border-bottom:#F5ECE2 solid 1px;
	box-sizing:border-box;
	text-align:left;
	vertical-align:middle;
	padding:20px 20px 20px 50px;}
p.resultcaption {
	font-size:0.9em;
	text-align:left;
	width:90%;
	max-width:1200px;
	margin:0px auto 25px auto;
	color:#666666;}
@media screen and (max-width:870px){
table.kigyogaiyo tr td {	
	padding:20px;}}

@media screen and (max-width:600px){
h1.kigyoname {
	font-size: 1.8em;
	margin:0 auto 30px auto;}
table.kigyogaiyo tr th {
	font-size:0.9em;}}

@media screen and (max-width:500px){
table.kigyogaiyo tr th {
	width:100%;
	text-align:left;
	vertical-align:bottom;
	padding:10px 20px 8px 20px;
	border-bottom:none;
	display:block;}
table.kigyogaiyo tr td {
	vertical-align:top;
	width:100%;
	padding:10px 20px 10px 20px;
	display:block;}}