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

/*　フローデザイン07　*/
.flow_design07 {
   /* display: flex;*/
justify-content: center;
  align-items: center;
  width: 100%;
	margin-left: auto;
	margin-right: auto;
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {
.flow_design07 {
width: 60%;}

	}/*追加指定ここまで*/

.flow07 {
  padding-left: 0;
}

.flow07 > li {
  list-style-type: none;
  display: flex;
}

.flow07 > li:not(:last-child) {
  margin: 0 0 50px;
}

.flow07 > li .icon07 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: var(--primary-color);
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow07 > li .icon07::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid var(--primary-color);
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow07 > li dl {
  padding: 0 0 0 30px;
  width: calc(100% - 115px);
}

.flow07 > li dl dt {
  padding: 0 0 5px;
  margin: 0 0 15px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 4px solid #CCCCCC;
  position: relative;
}
.flow07 > li dl dt::after {
  content: '';
  width: 30%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: var(--primary-color);
}

.flow07 > li dl dd {
  margin: 0;
}



/*テーブル　テンプレートパーティ　パーツ
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1-recruit caption {
	font-weight: bold;		/*太字に*/
	font-size: 2.8rem;      /*サイズアップ*/
	text-align-last: left;  /*左合わせで*/
	padding: 0.2rem 1rem;	/*ボックス内の余白*/
	margin-bottom: 15px;	/*下に空けるスペース*/
	border-radius: 5px;		/*角を丸くする指定*/
	background: #fff;		/*背景色*/
	color: #555;			/*文字色*/
}

/*テーブルブロック設定*/
.ta1-recruit {
	table-layout: fixed;
	/* === 修正: セルの境界線を単一線にする === */
	border-collapse: collapse;
	/* ================================== */
	border-top: 1px solid #999;	/*テーブルの一番上の線。幅、線種、色。*/
	margin-bottom: 2rem;		/*テーブルの下に空けるスペース。２文字分。*/
	background: #fff;		/*テーブル全体の背景色*/
	color: #555;			/*テーブル全体の文字色*/
	/* === 追加する設定: 左右の余白を自動にし、中央配置にする === */
	margin-left: auto;
	margin-right: auto;
    /* ==================================================== */
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {
	.ta1-recruit {
	width: 80%;}

	}/*追加指定ここまで*/



/*tr（１行分）タグ設定*/
.ta1-recruit tr {
	border-bottom: 1px solid #999;	/*テーブルの下線。幅、線種、色。*/
}

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

/*th（左側）のみの設定*/
.ta1-recruit th {
	width: 25%;			/*幅*/
	text-align: left;	/*左よせにする*/
	background: #fff;	/*背景色*/
	/* === 追加する設定 === */
	vertical-align: top; /* テキストを上合わせにする */
    /* ==================== */
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {
.ta1-recruit th {
	width: 20%;			/*幅*/
}
	}/*追加指定ここまで*/



.ta1-recruit td span {
font-size: 80%;
text-align: center;	/*左よせにする*/
background: var(--primary-color);	/*背景色*/
padding: 2px 8px;
color: #fff;
display: inline-block;
border-radius: 10px;
margin: 0 2px;}

.ta1-recruit td li {
list-style: none;
display: inline-block;
margin: 0;}



/*　初任給　テーブル　*/
/* table5：padding減らす */
.ta1-recruit .table5 
{
font-size: 0.9rem!important;
 border-collapse: collapse;
 line-height: 1.2rem;
}
.ta1-recruit .table5 td,
.ta1-recruit .table5 th{
padding: 0.5rem!important;
}


.ta1-recruit .table5 tr
{
height: auto!important;}