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

/* ==============================================
   一覧ページ（50音順・系統別）共通スタイル
============================================== */

/* --- 見出し（h1_title） --- */
.h1_title {
  clear: both;
  }
  
 @media (max-width: 480px) {
	.h1_title h1 {	
		position: relative;
		padding-bottom: 6px;
		font-size: x-large;
		text-align: center;
		font-weight: normal;
		border-left: none;
	}
}
@media (min-width: 480px) {
	.h1_title h1{	
		position: relative;
		padding-bottom: 6px;
		font-size: 30px;
		text-align: center;
		font-weight: normal;
		border-left: none;
	}
}

.h1_title h1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;

	background: repeating-linear-gradient(-45deg,
			#000 0.5%,
			#0077FF 0.5%,
			#0077FF 1%,
			#000 1%,
			#000 1.5%);
}


/* --- 職業の紹介枠 --- */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}
.clear_space {
  clear: both;
  height: 20px;
  width: 100%;
}


/* ==============================================
   スマホサイズ（画面幅575px以下）の時の調整
============================================== */
@media (max-width: 575px) {
  /* スマホの時は見出しの文字を少し小さくする */
  .h1_title h1 {
    font-size: 20px;
  }
  /* サイドバーが下に落ちた時の余白調整 */
  .col-sm-4 {
    margin-top: 40px;
  }
  /* スマホの時だけ、職業一覧エリアの両サイドに標準の余白（15px）を復活させる */
  .col-sm-8.text-left.px-2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}