/*==背景画像==*/

.rec_image {
  background-position:left 0px top 100px;
  width: 100%;
  height: 350px;
  background-image: url(../img/image_sli02.jpg);
  position: relative;
  background-size: cover;
  display: flex; /* フレックスボックスを追加 */
  justify-content: center; /* 横方向に中央揃え */
  align-items: center; /* 縦方向に中央揃え */
  text-align: center; /* インライン要素の中央揃え */
}

.rec_image::before {
  background-position: top 100px;
  content: '';
  position: absolute;
  top: 100px;
  bottom: 0;
  right: 0;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明の背景 */
  z-index: 1; /* 背景の上に文字が乗るように */
}

/* 中央に配置する文字 */
.recimg_txt {
  top: 50px;
/*  left:1em;*/
  letter-spacing: 1.5em;
  color: #fff;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  position: relative;
  z-index: 2; /* 文字を背景の上に表示 */
}

.rec_white_txt{
 position: absolute;
 color: #fff;
 top: 75px;
}


/*==求める人材==*/

.box1-5 {
	margin: 2em auto;
	padding:2em;/*内側余白*/
	background-color:#E5F2F1;/*背景の色*/
}

.box2-9{
    width:72%;
    --border-color-1:#fafafa; /*背景ストライプの色*/
    --border-color-2:#ddd; /*上下枠線の色*/
    margin: 2em auto;
    padding:2em;/*内側余白*/
    background:linear-gradient(-45deg,transparent 25%,var(--border-color-1) 25%,var(--border-color-1) 50%,transparent 50%,transparent 75%,var(--border-color-1) 75%,var(--border-color-1));
    background-size: 4px 4px;
    border-bottom: 4px double var(--border-color-2);
    border-top: 4px double var(--border-color-2);
    background-clip: padding-box;
}

/*==採用フロー==*/
/*タイムライン全体の設定*/
.timeline{
  max-width: 70%;
  width:100%;
//  margin:80px auto 10px;
  padding:80px 40px;
}

.timeline li{
    /*線の起点とするためrelativeを設定*/
  position: relative;
  list-style: none;
  padding:0 0 20px 0;
}

.timeline dl{
  margin:0 0 20px 3em;
}

.timeline dd strong{
  display: block;
  padding:10px 0;
}


/*絶対配置で線を設定*/
.border-line {
    /*線の位置*/
  position: absolute;
  left:0.2em;
  top:0;
  width:2.5px;/*線の太さ*/
  height:0;/*はじめは高さを0に*/
  background: #ccc;
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width:10px;
  height: 10px;
  background:#666;
  border-radius: 50%;
}

.top_space{
 margin-left:150px;
}

/* スマートフォンの表示 */
@media screen and (max-width: 960px) {
 
  .top_space{
   margin-left:20%;
  }
}
/*==採用フローここまで==*/

/*見出し*/

.top_heading-38 {
    display: inline-block;
    font-weight:bold;
    border-bottom: solid 2px #28BFE7;
    line-height: 0.5;
    position: relative;
    padding: .5em 1.2em;
    color: #333333;
    margin-left: 150px;
//    margin-top:130px;
    margin-bottom:30px;
}

.top_heading-38::before,
.top_heading-38::after {
    display: inline-block;
    position: absolute;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border: 2px solid #28BFE7;
    content: '';
}

.top_heading-38::before {
    top: calc(50% - 3px);
    left: 0;
}

.top_heading-38::after {
    top: calc(50% + 3px);
    left: 5px;
}


/*==テーブル==*/
/* table01 */
#table01 tr {
  border-bottom: 1px solid #000;
}

#table01 th,
#table01 td {
  padding: 24px 0;
  color:#000;
  border-bottom: dashed 1px #000;
}

#table01 th {
  width: 300px;
}

#table01 td{
  width: 750px;
}

/* sp */
@media only screen and (max-width: 500px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }
}

.table_color{
  background-color:#fff;
  width: 75%;
}

.table_center{
  margin: auto;
}
}