@charset "UTF-8";

/* lv消去（拡張設定からでも消せる） */
#lv {
  display: none;
}

/* ピンク⇒水色変更 */
.heading.block_header_1 p,
.heading.block_header_6 .h {
  font-weight: 600;
  font-size: 3.4rem !important;
  line-height: 1.4;
  position: relative;
  padding-top: 0;
  letter-spacing: 0.2rem;
  color: #00B4AB;
  font-family: 'Archivo Black', sans-serif;
}

.heading.block_header_1:before,
.heading.block_header_6:before {
  background: #00B4AB;
  width: 1px;
  height: 30px;
  bottom: 0;
  left: calc(50% - 0.5px);
}

.heading.block_header_4 .h {
  font-weight: 700;
  color: #00B4AB;
}

.heading.block_header_4 p {
  color: #00B4AB;
}

/* 全体色味変更 */
body,
main {
  background-image: url(/common/upload_data/jobhunter-fukuokacom/image/20251020193146.png);
  background-size: cover;              /* 画像を画面いっぱいに拡大・縮小して表示 */
  background-position: center center;  /* 画面の中央に配置 */
  background-repeat: no-repeat;        /* 繰り返しなし */
  background-attachment: fixed;        /* 固定背景 */
  background-color: #000;              /* 背景余白が出たときの色（好みで変更） */
}
@media screen and (max-width: 768px) {
  body,
  main {
    background-image: url(/common/upload_data/jobhunter-fukuokacom/image/20251020201321.png);
    background-size: contain;
    background-position: center top;
    background-repeat: repeat-y; /* 縦方向に繰り返す */
    background-color: #000;
  }
}



header {
  background-color: #000000;
  color: #ffffff;
}

body {
  color: #000000;
}

header nav * {
  color: #ffffff;
}

footer {
  background: #000000;
  color: #ffffff;
}

footer a {
  color: #ffffff;
}

/* 固定ボタン背景 */
#fixbtn .fixbtnwrap {
  background: rgb(0 0 0 / 90%);
}

/* ヘッダー・フッターお問い合わせボタン消し */
header .header_contents .header_col1 .btn > a:nth-last-of-type(1):nth-last-child(2) {
  display: none;
}

#fixbtn .contents_btn01 a:nth-of-type(2):nth-last-of-type(1) {
  display: none;
}

/* フッター追従固定 */
#fixbtn .fixbtnwrap {
  background: rgb(0 0 0 / 90%);
  border-bottom: 1px dotted rgba(76, 73, 60, 0.4);
  bottom: 0 !important;
}

/* フッター追従電話アイコン白 */
#fixbtn .fixbtntel svg {
  fill: #ffffff;
}

/* スマホ対応（電話番号白） */
@media screen and (max-width: 600px) {
  #fixbtn .fixbtntel a,
  #fixbtn .fixbtntel span {
    color: #ffffff !important;
  }
}