@charset "utf-8";

/* CSS Document */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　株式会社トレンドイノベーション | リクルートサイト | 仕事・働き方を知る ページ用CSS　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*　見出し用グレー背景　*/
.title_bg {
	margin:-7px 0 10px 0;
	padding:15px 15px 8px;
	background:#f4f4f4;
}

/*　求人広告営業ページのスケジュール箇所　*/
.Schedule {
	margin-bottom: 10px;
	padding:10px;
	border:1px solid #ccc;
	width:100%;
}

.Schedule ul li {
	list-style: none;	
}



/*　左ブルーライン見出し　*/
h3.t01 {
	margin-bottom:15px;
	padding:10px 0 10px 5px;
	font-size:14px;
	border-left:5px solid #00aeff;
	background:#f4f4f4;
}


.toptitle{
	text-align:center;
}

@media only screen and (max-width:425px) {
	
	.toptitle{
	/*margin:-2% 0px 0px 0px;
	margin-top:-2%!important;*/
	
	position: relative;
    top: -50px;
    left: 0px;
	
	}

}


@media only screen and (max-width:375px) {
	
	.toptitle{
	position: relative;
    top: -70px;
    left: 0px;	
	}

}


@media only screen and (max-width:320px) {
	
	.toptitle{
	position: relative;
    top: -90px;
    left: 0px;	
	}

}



@media only screen and (max-width:425px) {

.contents_list{
	position: relative;
    top: -40px;
    left: 0px;	
	}

}


@media only screen and (max-width:375px) {

.contents_list{
	position: relative;
    top: -65px;
    left: 0px;	
	}

}

@media only screen and (max-width:320px) {

.contents_list{
	position: relative;
    top: -75px;
    left: 0px;	
	}

}

.contents_list h2{
	font-size:16px; 
	border-bottom:1px dotted #ccc;
	border-left:4px solid #ffa62b;
	margin:5px 3px 5px 5px;
	padding-left:10px;
}


/* 見出し箇所 */
.box1_title {
	margin:20px 0px 20px 0px;
	padding:12px 0px 12px 13px;
	color:#FFF;
	font-size:15px;
	background:#ffa62b;
}



/*トレンドについて　ボタン*/

.btn-grid { 
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  justify-content: space-between;
}

.btn-job {
  flex: 0 0 calc(50% - 6px); /* 2列用 */
  text-align: center;
  background-color: #f0f0f0;
  color: #333;
  font-size: 0.8125rem;
  font-weight: bold;
  padding: 12px;
  border-radius: 4px;
  text-decoration: none;
}

.btn-job.empty {
  visibility: hidden; /* 空白スペース保持 */
}







@media only screen and (max-width:425px) {
	
	.box1_title {
	margin-top:0px;
	}

}

@media only screen and (max-width:375px) {
	
	.box1_title {
	margin-top:0px;
	}

}

@media only screen and (max-width:320px) {
	
	.box1_title {
	margin-top:0px;
	}
		
}