@charset "utf-8";
/* Default CSS PC */

/* -------------------------------------------------------
サイト全体
------------------------------------------------------- */
html{
	width: auto;
	height:auto;
}
body{
	width: auto;
	height: auto;
}

#topcontrol{/* ページの先頭へリンクを前面に */
	z-index: 100;
}


/* -------------------------------------------------------
余白関係
------------------------------------------------------- */
/* paddingに関する設定 */
.pt0{padding-top: 0px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}

.pb0{padding-bottom: 0px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}

/* marginに関する設定 */
.mlr_auto{ margin-left: auto;margin-right: auto;}

.mt0{margin-top: 0px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mb0{margin-bottom: 0px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}


/* -------------------------------------------------------
寄せ・高さ・改行・写真枠
------------------------------------------------------- */
.text_c{text-align: center;}
.text_l{text-align: left;}
.text_r{text-align: right;}

.img_h{line-height: 0;}
.clear{clear: both;}
.block{display: block;}
.inblock{display: inline-block;}

.shadow01{
	display: inline-block;
	background-color: #003399;
	padding: 2px;
	line-height: 0;
}


/* -------------------------------------------------------
ボックス関係
------------------------------------------------------- */
/* 全体枠 */
#c_wrapper{
	width: auto;
	height: auto;
}

.c_contents{
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

/* 背景色 利用時は任意に変更 */
.c_bgcolor-eef7ff{background-color: #eef7ff;}
.c_bgcolor-eff8dd{background-color: #eff8dd;}
.c_bgcolor-003399{background-color: #003399;}

/* ボーダー枠 */
.c_border-003399{
	border: #003399 solid 3px;
	padding: 10px;
}


/* -------------------------------------------------------
Table関係（custom）
------------------------------------------------------- */
/* テーブル設定 */
.c_table-width20{width: 20%;}
.c_table-width30{width: 30%;}
.c_table-width35{width: 35%;}
.c_table-width40{width: 40%;}
.c_table-width50{width: 50%;}
.c_table-width60{width: 60%;}
.c_table-width70{width: 70%;}
.c_table-width80{width: 80%;}

/* DIVタグのtable化 */
.c_table{
	display: table;
	height: auto;
}
.c_table-cell{
	display: table-cell;
	height: auto;
}

/* DIV table時の内部位置調整 */
.c_table-top{vertical-align: top !important;}
.c_table-mid{vertical-align: middle !important;}
.c_table-bt{vertical-align: bottom !important;}

/* tableその1 */
.c_tabletag-area{
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.c_tabletag-area tbody tr th{
	width: 230px;
	font-weight: bold;
	vertical-align: top;
}
.c_tabletag-area tbody tr th.recruit_size{
	width: 330px !important;
}
.c_tabletag-area tbody tr th .inner{
	display: inline-block;
	padding: 8px 10px;
	margin-right: 30px;
	width: 180px;
	font-size: 15px;
	font-weight: bold;
}
.c_tabletag-area tbody tr th.recruit_size .inner{
	width: 280px !important;
}
.c_tabletag-area tbody tr th .border01{border-top: #003399 solid 1px;}
.c_tabletag-area tbody tr th .border02{border-top: #7f99cc solid 1px;}
.c_tabletag-area tbody tr th .border03{border-bottom: #003399 solid 1px;}
.c_tabletag-area tbody tr td{
	padding: 8px 10px;
	width: auto;
	vertical-align: top;
}
.c_tabletag-area tbody tr .border01{border-top: #808080 solid 1px;}
.c_tabletag-area tbody tr .border02{border-top: #bfbfbf solid 1px;}
.c_tabletag-area tbody tr .border03{border-bottom: #808080 solid 1px;}


/* -------------------------------------------------------
form関係（custom）
------------------------------------------------------- */
.form_check01{/* ※通常配置 */
	display: inline-block;
	background-color: #a41111;
	border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
	padding: 3px 10px 1px 10px;
	color: white;
	line-height: 1;
}
.form_check02{/* ※右配置 */
	display: inline-block;
	float: right;
	background-color: #a41111;
	border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
	padding: 3px 10px 1px 10px;
	color: white;
	line-height: 1;
}


/* -------------------------------------------------------
テキストボタン
------------------------------------------------------- */
.c_bt-green{
	position: relative;
	overflow: hidden;
}
.c_bt-green a{
	display: block;
	background-color: #015a07;/* ボタンの背景色 */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 6px 0;
	color: white;/* テキスト色 */
	text-decoration: none;
	text-align: center;
}

.c_bt-green a span{
	position: absolute;
	top: 18%;
	right: 10px;
}


/* -------------------------------------------------------
汎用ヘッダ（custom）
------------------------------------------------------- */
#header_area{
	display: table;
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
.header_area-logo{
	display: table-cell;
	width: 417px;
	line-height: 0;
	vertical-align: middle;
}
.header_area-dial{
	display: table-cell;
	font-size: 0px;
	text-align: right;
	line-height: 0;
	vertical-align: middle;
}
.header_area-dial li{
	display: inline-block;
}


/* -------------------------------------------------------
汎用メニュー（custom）
------------------------------------------------------- */
#c_nav{
	overflow: hidden;
	background-color: #003399;
	height: 60px;
}
.c_nav-menu{
	border-left: #4d71b8 solid 1px;
	margin-left: auto;
	margin-right: auto;
	width: 999px;
	font-size: 0px;
}
.c_nav-menu li{
	display: inline-block;
	border-right: #4d71b8 solid 1px;
}



/* -------------------------------------------------------
プロモーション（custom）
------------------------------------------------------- */
.c_promo-top{
	width: 100%;
	min-width: 1140px;
	overflow: hidden;
	line-height: 0;
}
.c_promo-topimg{
	position: relative;
	left: 50%; /* 画像の左端が画面中央にくる */
	margin-left: -1000px; /* 画像幅2400pxの半分だけ左に移動する */
}


/* 通常slide */
.slide_normal{
	overflow: hidden;
	width: 100%;
	height: auto;
	text-align: center;
}
.slide_normal ul li img{
	width: auto;
	height: 600px;
}

/* 下層ページ */
.c_promo-local{
	position: relative;
	overflow: hidden;
	min-width: 1000px;
	height: 240px;
}
.c_local-area{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
.c_local-photo01{
	margin: 0 -100%;
	padding: 0 100%;
}
.c_local-photo01 img{
	margin: 0 -500px;
}

.c_local-main01{
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
}
.c_local-main02{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}


/* -------------------------------------------------------
汎用フッタ（custom）
------------------------------------------------------- */
#c_footer{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
.c_footer-border{
	border-top: #003399 solid 4px;
}

.c_footer-link{
	overflow: hidden;
	padding: 35px 0 20px 0;
	font-size: 0px;
	text-align: center;
}
.c_footer-link li{
	display: inline-block;
	font-size: 14px;
	color: #999999;
}
.c_footer-link li a{
	color: #333333;
}


/* -------------------------------------------------------
カスタムコンテンツエリア（custom）
------------------------------------------------------- */
/* 見出し */
.c_tit01{
	display: table;
	background-color: white;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 0px 5px 0px #d4d4d4;
	-moz-box-shadow: 0px 0px 5px 0px #d4d4d4;
	-webkit-box-shadow: 0px 0px 5px 0px #d4d4d4;
	padding: 2px 0;
	margin: 5px 5px 25px 5px;
	width: 99%;
	line-height: 1.2;
}
.c_tit01 .bar{
	display: table-cell;
	padding-left: 2px;
	width: 10px;
	vertical-align: top;
}
.c_tit01 .bar span{
	display: block;
	background-color: #003399;
	width: 8px;
	height: 40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.c_tit01 .tit{
	display: table-cell;
	padding-left: 10px;
	font-family: "HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",Meiryo,"Times New Roman",serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
}

/* 見出し 左右にborder */
.c_text-lines-sides{
  display: table;
  text-align: center;
  white-space: nowrap;
}
.c_text-lines-sides:after,
.c_text-lines-sides:before{
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 2px), transparent -webkit-calc(50% + 2px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 2px)), to(transparent calc(50% + 2px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.c_text-lines-sides:after{/* 文字右の余白 */
  border-left: 0.5em solid transparent;
}
.c_text-lines-sides:before{/* 文字左の余白 */
  border-right: 0.5em solid transparent;
}
.c_text-lines-sides{/* フォントサイズとボーダーカラー設定 */
	font-family: "HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",Meiryo,"Times New Roman",serif;
  font-size: 24px;
  color: #333333;
}

/* 見出し 左にborder */
.c_text-lines-right{
  overflow: hidden;
  text-align: left;/* 左右どちらでも可能 */
}
.c_text-lines-right span {
  display: inline-block;
  padding: 0 0.5em;
  position: relative;
  font-family: "HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",Meiryo,"Times New Roman",serif;
  font-size: 24px;/* フォントサイズ */
}
.c_text-lines-right span:before,
.c_text-lines-right span:after {
  border-top: 1px solid;
  content: "";
  position: absolute;
  top: 50%;
  width: 99em;
  color: #003399;/* ボーダーカラー設定 */
}
.c_text-lines-right span:before {
  right: 100%;
}
.c_text-lines-right span:after {
  left: 100%;
}

.top_contact_fukuoka{
	display: flex;
	gap: 5%;
}