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

.table-scroll {
  position: relative;
  width:100%;
  z-index: 1;
  margin-top: 0;
	margin-right: auto;
	margin-bottom:40px;
	margin-left: auto;
  overflow: auto;
	border: 0 solid red;
}

/* max-width: 767px, min-width: 768px 共通 */
table.overview {
	width: 100%;
  min-width: 900px; /* wrapperをはみ出してスクロールする最小左右幅 */
  margin: auto;
  border-collapse: separate; /* 隣接するセルのボーダーを間隔をあけて表示 */
  border-spacing: 0;
	table-layout: fixed; /* セル幅を固定するために必要 */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	border: 0 solid green;
}
/* min-width: 768px 上書き */
@media (min-width: 768px) {
	table.overview {
	  min-width: 800px; /* wrapperと同じ左右幅 */
	}
}

/* 一番左の段　スクロールしても固定 z-index: 2 */
table.overview th:first-child {
	position: -webkit-sticky;
  position: sticky;
  left: 0;
	z-index: 2;
}
/* セルの横幅 */
table.overview th.col20 {
	width: 16%;
}
/* セルの横幅 */
table.overview td.col25 {
	width: 28%;
}

/* th td共通 */
table.overview th,
table.overview td {
	font-family: "Open Sans", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #444;
	font-weight: 500;
	vertical-align: middle;
	text-align: left;
	border-bottom: #fff 1px solid;
	overflow-wrap : break-word;
	padding: 20px 10px; /* 上下　左右 */
	border-right: solid 1px rgb(255, 255, 255); /* 右にボーダー */
}

/* 左上のブランク */
table.overview th.rw {
  background: #fff;
}
/* 紹介料 外国人求職者の負担 */
table.overview th.re {
	font-size: 14px;
	background: #eee;
}

/* 項目 JC */
table.overview td.ra {
  background: #ce181e;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	text-align: center;
}
/* 項目 他社 */
table.overview td.rb {
  background: #81acc2;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
/* 項目 技能実習生 */
table.overview td.rc {
  background: #b4dab6;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

/* JCの金額 */
table.overview td.r2 {
  background: #fdeff5;
	font-size: 24px;
	font-weight: 800;
	color: #ce181e;
	text-align: left;
}

/* 他社の金額 */
table.overview td.r3 {
	background: #c1d2dd;
	font-weight: 600;
}

/* 技能実習生の金額 */
table.overview td.r4 {
	background: #e2efbc;
	font-weight: 600;
}






/*----------------------------------------

table.overview

----------------------------------------*/





/* table type01
----------------------------------------------------------------*/
table.type01 {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
}

table.type01 tr {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

table.type01 th, table.type01 td {
	text-align: left;
	padding: 15px;
	border-top: 1px solid #ccc;
}

table.type01 th {
	width: 25%;
	background: #ededed;
	border-left: 4px solid #ce181e;
}

table.type01 td {
	width: 75%;
	background: #fff;
	border-right: 1px solid #999;
}
/* 480px以下
----------------------------------------------------------------*/
@media only screen and (max-width:480px){
table.type01 {
	display: block;
	font-size: 13px;
}
table.type01 tbody {
	display: block;
}
table.type01 tbody tr {
	display: block;
	margin-bottom: 0em;
}
table.type01 tbody th, table.type01 tbody td {
	width: 100%;
	display: block;
}
table.type01 tbody th {
box-sizing: border-box;
	padding: 5px;
	list-style-type: none;
	color: #fff;
	background: #696969;
	border: none;
}
table.type01 tbody td {
box-sizing: border-box;
	padding: 15px 0px 15px 0;
	border: none;
}
table.type01 tr {
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
}
}

/* table type02 お問い合わせフォーム
----------------------------------------------------------------*/
table.type02 {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
}
table.type02 .p12 {
	font-size: 12px;
}
table.type02 tr {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

table.type02 th, table.type02 td {
	text-align: left;
	padding: 15px;
	border-top: 1px solid #ccc;
	vertical-align: top;
}

table.type02 th {
	width: 25%;
	background: #ededed;
	border-left: 4px solid #ce181e;
}

table.type02 td {
	width: 75%;
	background: #fffde5;
}
/* 480px以下
----------------------------------------------------------------*/
@media only screen and (max-width:620px){
table.type02 {
	display: block;
	font-size: 14px;
}
table.type02 tbody {
	display: block;
}
table.type02 tbody tr {
	display: block;
	margin-bottom: 0em;
}
table.type02 tbody th, table.type02 tbody td {
	width: 100%;
	font-size: 14px;
	display: block;
}
table.type02 tbody th {
box-sizing: border-box;
	padding: 8px;
	list-style-type: none;
	color: #222;
	background: #ededed;
	border: none;
}
table.type02 tbody td {
box-sizing: border-box;
	padding: 10px;
	border: none;
}
table.type02 tr {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
}

/* だいたいの価格目安と比較　価格比較表
----------------------------------------------------------------*/
table.brwsr1 {
	width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
		font-weight: 600;
}
table.brwsr1 th {
	width:20%;
    padding: 12px;
    vertical-align: middle;
    text-align: center;
    border-bottom: #fff 1px solid;
    color: #fff;
}
table.brwsr1 th.r2 {
    width: 27.5%;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    background: #ce181e;
		font-size: 24px;
		font-weight: 800;
		color: #fff;
}
table.brwsr1 th.r3, table.brwsr1 th.r4 {
    width: 27.5%;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    background: #ce181e;
		font-size: 18px;
		font-weight: 600;
		color: #fff;
}
table.brwsr1 td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #fff 1px solid;
}
table.brwsr1 td.r1 {
	border-right: #fff 1px solid;
	background: #eee;
	color: #444;
}
table.brwsr1 td.r2 {
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    background: #fdeff5;
		font-size: 24px;
		font-weight: 800;
		color: #ce181e;
		text-align: left;
}
table.brwsr1 td.r2 h3 {
		font-size: 16px;
		font-family: "Open Sans", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
		font-weight: 500;
		color: #ce181e;
		text-align: left;
}
table.brwsr1 th.r2,
table.brwsr1 th.r3,
table.brwsr1 th.r4 {
    text-align: center;
}

table.brwsr1 th.r3 {
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	background: #7cacc2;
}
table.brwsr1 td.r3 {
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	background: #c1d2dd;
}

table.brwsr1 th.r4 {
	border-left: #fff 1px solid;
	background: #b2d9b7;
}
table.brwsr1 td.r4 {
	border-left: #fff 1px solid;
	background: #e2efbc;
}

/* 問合せフォーム
----------------------------------------------------------------*/
table.contact {
	width: 100%;
	max-width: 462px;
	margin: auto;
	border: 0px solid #ccc;
	font-size: 16px;
	font-family: "Open Sans", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 200%;
	color: #444;
	text-align: left;
	}

table.contact th, table.contact td {
	padding: 0 0 15px 0;
	text-align: left;
	vertical-align: middle;
	border: 0px solid #ccc;
	}

table.contact th {
	font-weight: 800;
	}

table.contact td {
	font-weight: 500;
	}

.formText { /* 入力欄 */
	width: 305px;
	font-size:14px;
	padding: 7px 5px 7px 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
	}

	.formText-02 { /* 入力欄 */
		width: 100px;
		font-size:14px;
		padding: 7px 5px 7px 5px;
		background: #fff;
		border: 1px solid #cccccc;
		}

.formTextAddres { /* 入力欄 */
	width: 305px;
	margin-top:5px;
	font-size:14px;
	padding: 7px 5px 7px 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
	}

input.error { /* 入力エラーチェック */
	background: #cccccc;
}

p.error {
	color: #cc0000;
}

/* お問い合わせ内容の入力欄 480px以上
---------------------------------------------------- */
@media screen and (min-width: 680px){
	textarea.formText { /* お問い合わせ内容 */
		height: 100px;
		width: 450px;
	}
}

/* お問い合わせ内容の入力欄 479px以下
----------------------------------------------------------------*/
@media only screen and (max-width:599px){
	textarea.formText { /* お問い合わせ内容 */
		height: 100px;
		width: 300px;
	}
}