@charset "utf-8";

/*螟ｧ縺阪＞table
---------------------------------------------------------------------------*/
/*繝懊ャ繧ｯ繧ｹ*/
table.type03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #708090;
	border-left: 1px solid #708090;
	font-family: "YJTop Ellipsis,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;/*繝輔か繝ｳ繝育ｨｮ鬘・/
	font-size: 9px;	/*譁・ｭ励し繧､繧ｺ*/
}
table.type03 th {
	width: 10%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color:#34495e;
	border-right: 1px solid #708090;
	border-bottom: 1px solid #708090;
	font-family: "YJTop Ellipsis,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;/*繝輔か繝ｳ繝育ｨｮ鬘・/
	font-size: 9px;	/*譁・ｭ励し繧､繧ｺ*/
}
table.type03 td {
	width: 50%;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #708090;
	border-bottom: 1px solid #708090;
	font-family: "YJTop Ellipsis,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;/*繝輔か繝ｳ繝育・/
	font-size: 9px;	/*譁・ｭ励し繧､繧ｺ*/
}


/*会社概要
---------------------------------------------------------------------------*/
table.brwsr2 {
margin: 0 auto;
width: 60%;
border: none;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
border-collapse: separate;
border-spacing: 0 10px;
background: #f5f5f5;
}

table.brwsr2 th {
vertical-align: middle;
height: 50px;
width: 30%;
border-right: solid 1px #666;
margin: 0;
text-align: center;
color: #333;
font-size: 12px;
font-weight: bold;
}

table.brwsr2 td.data {
padding: 0;
margin: 0;
height: 53px;
width: 100px;
border: none;
color:#333333;
font-size: 12px;
line-height: 20px;
text-align: left;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
}

table.brwsr2 td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}

table.brwsr2 td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #34495e;
}



/*テーブル2
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta3-parts caption {
	font-weight: bold;		/*太字に*/
	padding: 0.2rem 1rem;	/*ボックス内の余白*/
	border-radius: 5px;		/*角を丸くする指定*/
	background:#708090;		/*背景色*/
	color: #fff;			/*文字色*/
	font-size: 20px;
}

/*テーブルブロック設定*/
.ta3-parts {
	border-collapse: separate;
	border-spacing: 0 1rem;	/*ここと、この下の数字は揃えておきます。要素間の隙間みたいなものです。*/
	table-layout: fixed;
	width: 100%;
	margin-bottom: 2rem;		/*テーブルの下に空けるスペース。２文字分。*/
font-size: 12px;	
}

/*th（左側）、td（右側）の共通設定*/
.ta3-parts th, .ta3-parts td {
	padding: 1rem;		/*ボックス内の余白*/
	word-break: break-all;	/*英語などのテキストを改行で自動的に折り返す設定。これがないと、テーブルを突き抜けて表示される場合があります。*/
}

/*th（左側）のみの設定*/
.ta3-parts th {
	width: 15%;				/*幅*/
	background: #eee;	/*背景色*/
	border-radius: 4px;		/*角を丸くする指定*/
}

@media screen and (max-width: 640px) {
  .ta3-parts th {
    width: 20%;
  }
  .ta3-parts td {
    border-bottom: solid 1px #ccc;
    width: 25%;
font-size: 10px;	
  }
}