@charset "utf-8";
/*====================================================================*/
/*【toppage.css】トップページ専用CSS
/*（エフジェイホテルズ・ブランドサイト・ハイアット対応）
/*====================================================================*/
/*===========================================================================================================================
　■PCMODE
　～900px
============================================================================================================================*/
/**************************************************************
■共通項目（PC）
***************************************************************/
#main > .content{
	max-width: 1400px;
}
h3{background-color:transparent!important}

.wrapper960{
	position: relative;
	max-width: 960px;
	margin: auto;
	min-height: 300px;
}
/*==================================================*/
/*各種オプション機能
/*==================================================*/
/*記号で区切らない*/
._wordbreaker{
	word-break:break-all!important;
	word-wrap:break-word!important;
	letter-spacing:-1px!important;
	text-align:justify!important;
}

/*==================================================*/
/*最大幅指定
/*==================================================*/
._format700{max-width: 700px;}
._format800{max-width: 800px;}

/*==================================================*/
/*【contents_box】
/*　各種コンテンツ
/*==================================================*/
.contents_box{
	box-sizing:border-box;
	margin:0 auto 40px;
	max-width: 960px;
	text-align: justify;
}
/*全画面幅出力表示*/
._fullscreen{
	margin-left:-500%!important;
	margin-right:-500%!important;
	padding-top:40px;
	padding-bottom:40px;
	padding-left: 500%!important;
	padding-right: 500%!important;
	max-width: none;
}
@media screen and (max-width:1400px){
	._fullscreen{
		margin-left: -10px!important;
		margin-right:-10px!important;
		padding-left: 10px!important;
		padding-right:10px!important;
	}
}
._bgColor01{background-color:#000000;}
._bgColor02{background-color:#EDEDED;}
._bgColor03{background-color:#6C5F4E;}

/*==================================================*/
/*【contents_ttl】
/*　見出しタグタイトル
/*==================================================*/
.contents_ttl{
	font-size: 2em;
	line-height:1.3;
	text-align:center;
}
.contents_ttl._colortype01{color:#333!important;}
.contents_ttl._colortype02{color:#fff!important;}
.contents_ttl span{display:inline-block;}

._mincho{
	font-family: "Roboto Slab",Garamond,"Times New Roman","游明朝","Yu Mincho","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

/*各エリアの最初のメッセージ*/
.first_ttl{
	font-size: 1.15em;
	max-width: 900px;
	margin: 1em auto;
}
/*==================================================*/
/*【.oubo_btn】
/*　応募ボタン（ハンヨウ）
/*==================================================*/
.oubo_btn{
	margin: auto;
}
._clearfix{
	clear:both;
}
.oubo_btn span{
	display:inline-block;
}
.oubo_btn a{
	border-width:2px;
	border-style:solid;
	display:block;
	font-size: 16px;
	padding: 1em;
	position:relative;
	text-align: center;
	text-decoration: none!important;
}
.oubo_btn a:after{
	content:"\e845";
	font-family: recop-iconfont;
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto;
	line-height: 1em;
	height: 1em;
}
.oubo_btn:hover a{
	opacity:.6;
}
.oubo_btn._colortype01 a{background-color:#BD132E;border-color:#BD132E;color:#fff!important;}/*赤背景＆白文字*/
.oubo_btn._colortype02 a{background-color:#EDEDED;border-color:#EDEDED;color:#000!important;}/*灰色＆黒文字*/
.oubo_btn._colortype03 a{background-color:#ffffff;border-color:#C51C35;color:#BD132E!important;}/*白背景＆赤文字*/

.oubo_btn._width700{max-width: 700px}
.oubo_btn._width800{max-width: 800px}


/*==================================================*/
/*【.list_jobsearch】
/* 各種検索
/*==================================================*/
.list_jobsearch {
	font-size: 0;
	margin: 0 -1% 40px;
	position: relative;
}
/*各種ボタン*/
.list_jobsearch > * {
	display: inline-block;
	margin: 1%;
	vertical-align: top;
}
/*******************************/
/*分割対応
/*******************************/
._column2 > * {width: calc(100%/2 - 2%);width: 18%\9}/*3分割*/
._column3 > * {width: calc(100%/3 - 2%);width: 31%\9}/*3分割*/
._column4 > * {width: calc(100%/4 - 2%);width: 23%\9}/*4分割*/
._column5 > * {width: calc(100%/5 - 2%);width: 18%\9}/*5分割*/

/*******************************/
/*各種カラー設定
/*******************************/
/*カラーその１*/
._colortype01 > * > a{
	background-color:#F86400;
	border:2px solid #F86400;
	color:#fff!important;
}
._colortype01 *:hover > a{
	background-color:#fff;
	color:#F86400!important;
}



/**************************************************************
■自由コンテンツ上（PC）
***************************************************************/

/*==================================================*/
/*【#keyvisual_box】
/*キービジュアル（PC）
/*==================================================*/
#keyvisual_box {
	text-align: center;
	max-width: none;
}
#keyvisual_box > *{
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
}
/*キービジュ画像*/
#keyvisual_box .kv_pic{
	position:relative;
}
#keyvisual_box .kv_pic:after{
	content:"";
	background:url(../images/kv_layer_pc.png) no-repeat center center scroll transparent;
	background-size: contain;
	position:absolute;
	top:0;bottom:0;right:0;left:0;margin:auto;
}
#keyvisual_box .kv_txt{
	box-sizing: border-box;
	color:#fff;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

#keyvisual_box .key_ttl {
	color:#fff;
	font-size: 1.8em;
	line-height:1.3;
	text-align:center;
}
#keyvisual_box .key_ttl span {display: inline-block;}

#keyvisual_box .kv_txt p{
	padding:0 1em;
	max-width: 780px;
	margin: 1em auto 0;
}


/*==================================================*/
/*【#search_box】
/* 職種検索（PC）
/* ★.list_jobsearchを使用
/*==================================================*/

/*各検索タイトル*/
.list_jobsearch > dt{
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
/*職種検索*/
#dl_jobType dd{background-color:#EDEDED;}
#dl_jobType .jobs_words{
	padding: 0 1em 1em;
	font-size: 14px;
}
/*職種名*/
#dl_jobType .jobs_ttl{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	position: relative;
	line-height: 1.3;
	margin:1em 0;
}
/*職種説明*/
#dl_jobType .jobs_txt {
	font-size: 1em;
	text-align: justify;
}



/**************************************************************
■自由コンテンツ中（PC）
***************************************************************/



/*==================================================*/
/*【#step_box】
/* これからのためのワンステップ（PC）
/* ★黒背景の枠部分
/*==================================================*/
#step_box{
	color:#fff;
	margin-bottom:0;
}
#step_box .step_txt {
	box-sizing: border-box;
	color: #fff;
	margin: auto;
	max-width: 920px;
	padding: 1em;
}
/*ステップ１，２，３大枠*/
.step_frame{
	margin: 40px auto;
}
/*----------------------------*/
/*【.step_list】
/* ステップ一覧
/* ★背景画像化対応
/*----------------------------*/
#step_box .step_list{
	background-size: cover;
	position:relative;
	margin:10px 0;
	min-height: 300px;
}
#step01.step_list{background-image:url("../images/kv_step01.jpg")}
#step02.step_list{background-image:url("../images/kv_step02.jpg")}
#step03.step_list{background-image:url("../images/kv_step03.jpg")}

/*----------------------------*/
/*【.dl_step】
/* 白枠テキスト
/* ★センタリング
/*----------------------------*/
.step_list .dl_step {
	background-color: rgba(255, 255, 255, 0.8);
	bottom: 0;
	box-sizing: border-box;
	color:#333;
	display: block;
	font-size: 14px;
	height: 50%;
	margin: auto;
	max-width: 480px;
	min-height: 240px;
	padding: 4%;
	position: absolute;
	text-align: left;
	top: 0;
	width: 50%;
}
.dl_step._PositionL {left: 0;}/*左寄せ*/
.dl_step._PositionR {right:0;}/*右寄せ*/

/*タイトル*/
.dl_step dt {
	font-weight: bold;
	line-height: 1.3;
}
.dl_step dt * {display: block;}
.dl_step dt em {font-size: 1.1em;}
.dl_step dt strong {
	font-size: 1.7em;
	letter-spacing: -1px;
	margin: 0.3em 0;
}
/*テキスト*/
.dl_step dd {
	max-width: 400px;
	text-align: justify;
}
/*==================================================*/
/*【#career_box】
/* “これまで”を踏まえてキャリアを選ぶ。（PC）
/* ★灰色の枠部分
/*==================================================*/
#career_box .carrer_frame {
	margin: 0 -1%;
	font-size: 0;
	text-align: center;
}
/*----------------------------*/
/*【.dl_carrer】
/* キャリア枠
/* ★リスト２分割
/*----------------------------*/
.dl_carrer {
	width: 48%;
	margin: 1%;
	font-size: 14px;
	display: inline-block;
	text-align: justify;
}
/*タイトル部*/
.dl_carrer dt * {
	display: block;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
}
/*タイトル上段*/
.dl_carrer dt em {
	font-size: 1.4em;
	margin: 1em 0 0;
}
/*タイトル下段*/
.dl_carrer dt strong {
	font-size: 1.7em;
	margin: 0.5em 0;
}
/*テキスト部*/
.dl_carrer dd{
	margin: 1em;
}
/*==================================================*/
/*【#int_box】
/* ハイアットだからこそ積み重ねたい経験がある。（PC）
/* ★インタビュー部
/*==================================================*/

/*----------------------------*/
/*【#profile_frame】
/* インタビューリンク
/* ★２カラム対応
/*----------------------------*/
#profile_frame {
	font-size: 0;
	margin: 40px -1%;
	vertical-align: top;
}
/*プロフィール*/
.dl_profile {
	box-sizing: border-box;
	background-color: #EDEDED;
	display: inline-block;
	font-size: 14px;
	margin: 0 1%;
	vertical-align: top;
	width: calc(100% / 2 - 2%);
}
/*タイトル*/
.dl_profile .profile_ttl {
	font-weight: bold;
	font-size: 1.3em;
	margin: 1em .5em;
	text-align: center;
}
/*テキスト*/
.dl_profile .profile_txt {
	margin: 1em;
}
/*ボタン*/
#profile_frame .profile_btn a{
	background-color: #000;
	color: #fff!important;
	display: block;
	font-size: 1.15em;
	line-height: 3em;
	position: relative;
	text-align: center;
}
#profile_frame .profile_btn a:before {
	content: "\e846";
	font-family: recop-iconfont;
	position: absolute;
	height: 1em;
	line-height: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 1em;
}

/*-----------------------------*/
/*【#voice_frame】
/* インタビュー部
/* ★テキスト＆画像左右回り込み
/*-----------------------------*/

/*インタビュー１人目と２人目の区切りリスト*/
.voice_list{margin: 40px auto;}

/*キービジュアル*/
.kv_ttl{position:relative;}

/*キービジュアル黒枠タイトル*/
.kv_ttl:after{
	content: "";
	background-size: contain;
	position: absolute;
	margin: auto;
	z-index: 10;
	text-align: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	max-height: 83.5%;
	top: 10%;
	max-width: 45.9%;
}
#staff01 .kv_ttl:after {background-image: url("../images/kv_int01_ttl_pc.png");left: 3%;}/*一人目*/
#staff02 .kv_ttl:after {background-image: url("../images/kv_int02_ttl_pc.png");right:3%;}/*二人目*/




/*インタビューテキストまとまり*/
.dl_int{
	box-sizing: border-box;
	margin: 40px auto;
	max-width: 900px;
	min-height: 320px;
	background-size:310px auto!important;
}
/*インタビュー見出し*/
.dl_int dt{
	color: #C51C35;
	font-weight: bold;
	font-size: 1.5em;
}
.dl_int dt em{display:block;}
/*インタビュー本文*/
.dl_int dd{margin:1em 0;}

/*インタビュー背景画像指定*/
#voice_frame .dl_int._pictR{padding-right:340px;}/*右寄せ*/
#voice_frame .dl_int._pictL{padding-left: 340px;}/*左寄せ*/
/*一人目その１*/
#staff01 .dl_int._pictR{
	background:
	url("../images/int01_bg01.jpg") right top no-repeat,
	url("../images/int01_bg02.jpg") right 160px no-repeat;
}
/*一人目その２*/
#staff01 .dl_int._pictL{
	background:
	url("../images/int01_bg03.jpg") left top no-repeat,
	url("../images/int01_bg04.jpg") left 160px no-repeat;
}
/*二人目その１*/
#staff02 .dl_int._pictR{
	background:
	url("../images/int02_bg01.jpg") right top no-repeat,
	url("../images/int02_bg02.jpg") right 160px no-repeat;
}
/*二人目その２*/
#staff02 .dl_int._pictL{
	background:
	url("../images/int02_bg03.jpg") left top no-repeat,
	url("../images/int02_bg04.jpg") left 160px no-repeat;
}

/*-----------------------------*/
/*【#outlet_frame】
/* 外部リンク部
/*-----------------------------*/
/*#ul_out_int{display: none;}*/
/*ブランドサイトへ*/
#ul_out_brand {
	max-width: 800px;
	margin:auto;
	text-align: center;
}




/*===========================================================================================================================
　■TABMODE
　900～670px
============================================================================================================================*/
@media screen and (max-width:960px){
/**************************************************************
■共通項目（TAB）
***************************************************************/
._wide{
	margin-left: -10px;
	margin-right: -10px;
}

#keyvisual_box > *{
	margin-left:-10px;
	margin-right:-10px;
	padding-left:0;
	padding-right:0;
}
/**************************************************************
■自由コンテンツ上（TAB）
***************************************************************/



/**************************************************************
■自由コンテンツ中（TAB）
***************************************************************/



}
/*===========================================================================================================================
　■SPMODE
　768px～
============================================================================================================================*/
@media screen and (max-width:768px){
/**************************************************************
■共通項目（SP）
***************************************************************/

	/*==================================================*/
	/*【contents_box】
	/*　各種コンテンツ
	/*==================================================*/
	.contents_box{margin:0 auto 40px;}


	/*==================================================*/
	/*分割対応（強制2カラム化）
	/*==================================================*/
	._column3 > *,
	._column4 > *,
	._column5 > * {width: calc(100%/2 - 2%);width: 48%\9}

	/*強制1カラム化(768px)*/
	._columnBreak768 > * {margin: 1% .5%;width: 99%;}

	/*==================================================*/
	/*【contents_ttl】
	/*　見出しタグタイトル
	/*==================================================*/
	.contents_ttl{
		font-size: 1.8em;
	}
	.first_ttl{
		font-size: 14px;
		text-align: justify;
	}

/**************************************************************
■自由コンテンツ上（SP）
***************************************************************/

	/*==================================================*/
	/*【#keyvisual_box】
	/*キービジュアル
	/*==================================================*/
	#keyvisual_box {
		text-align: left;
	}
	#keyvisual_box .kv_pic:after{
		background-image:url(../images/kv_layer_sp.png);
	}

  /*==================================================*/
  /*【#dl_jobHotel】
  /*ボタン一列
  /*==================================================*/
  #dl_jobHotel {

  }


	/*==================================================*/
	/*【#search_box】
	/* 職種検索（SP）
	/* ★.list_jobsearchを使用
	/*==================================================*/
	/*各検索タイトル*/
	.list_jobsearch > dt{
		font-size: 22px;
		margin: .5em 0;
	}

/**************************************************************
■自由コンテンツ中（SP）
***************************************************************/

	/*==================================================*/
	/*【#step_box】
	/* これからのためのワンステップ(SP)
	/* ★白抜きテキストを移動
	/*==================================================*/
	/*ステップ１，２，３大枠*/
	.step_frame{
		margin: 20px auto;
	}
	/*----------------------------*/
	/*【.step_list】
	/* ステップ一覧
	/* ★背景画像解除
	/*----------------------------*/
	#step_box .step_list{
		background-image:none!important;
	}
	#step_box .step_list,
	#step_box .wrapper960{
		min-height:auto;
	}

	/*----------------------------*/
	/*【.dl_step】
	/* 白枠テキスト
	/* ★センタリング解除
	/*----------------------------*/
	.step_list .dl_step {
		position: static;
		width: auto;
		padding: 1em;
		min-height: auto;
		max-width: none;
		background-color: #fff;
	}
	.dl_step dt {text-align: center;}
	.dl_step dd {
		max-width: none;
		margin-right: 0;
	}
	/*==================================================*/
	/*【#career_box】
	/* “これまで”を踏まえてキャリアを選ぶ。(SP)
	/* ★1カラム化
	/*==================================================*/
	/*----------------------------*/
	/*【.dl_carrer】
	/* キャリア枠
	/*----------------------------*/
	.dl_carrer{
		display:block;
		width: auto;
		margin: 0 1% 2em
	}

	/*==================================================*/
	/*【#int_box】
	/* ハイアットだからこそ積み重ねたい経験がある。(SP)
	/* ★テキスト回り込み解除
	/*==================================================*/
	/*-----------------------------*/
	/*【#profile_frame】
	/* インタビューリンク
	/*-----------------------------*/
	#profile_frame {
		font-size: 0;
		margin: 20px -1%;
		vertical-align: top;
	}
	.dl_profile{
		font-size: 12px;
	}
  .dl_profile .profile_ttl {
    font-size: 1.5em;
  }
	.dl_profile .profile_ttl em{
		display: block;
	}
	/*-----------------------------*/
	/*【#voice_frame】
	/* インタビュー部
	/* ★テキスト回り込み解除
	/*-----------------------------*/
	/*キービジュアル*/
	#voice_frame .kv_ttl{
		max-width: 480px;
		margin: auto;
		overflow: hidden;
	}
	#voice_frame .kv_ttl:after {
		position: static;
		display: block;
		padding: 21.4%;
		max-width: none;
	}
	#staff01 .kv_ttl:after {background-image: url("../images/kv_int01_ttl_sp.png");}/*一人目*/
	#staff02 .kv_ttl:after {background-image: url("../images/kv_int02_ttl_sp.png");}/*二人目*/
	/*背景画像指定・下固定*/
	#voice_frame .dl_int{
		box-sizing: border-box;
		margin: 20px auto;
		padding:0 0 26%!important;
		background-size: 50% auto!important;
	}
	.dl_int dt em{display:inline;}
	/*一人目その１*/
	#staff01 .dl_int._pictR{
		background:
		url("../images/int01_bg01.jpg") bottom left no-repeat,
		url("../images/int01_bg02.jpg") bottom right no-repeat;
	}
	/*一人目その２*/
	#staff01 .dl_int._pictL{
		background:
		url("../images/int01_bg03.jpg") bottom left no-repeat,
		url("../images/int01_bg04.jpg") bottom right no-repeat;
	}
	/*二人目その１*/
	#staff02 .dl_int._pictR{
		background:
		url("../images/int02_bg01.jpg") bottom left no-repeat,
		url("../images/int02_bg02.jpg") bottom right no-repeat;
	}
	/*二人目その２*/
	#staff02 .dl_int._pictL{
		background:
		url("../images/int02_bg03.jpg") bottom left no-repeat,
		url("../images/int02_bg04.jpg") bottom right no-repeat;
	}

}
/*===========================================================================================================================
　■NANOMODE(フォントサイズ調整など)
　480px～
============================================================================================================================*/
@media screen and (max-width:480px){
/**************************************************************
■共通項目（NANO）
***************************************************************/

	/*==================================================*/
	/*【.oubo_btn】
	/*　応募ボタン（ハンヨウ）
	/*==================================================*/
	.oubo_btn {
	}
	.oubo_btn a{
		font-size: 12px;
	}
  .oubo_btn a span {
    display: block;
  }

/**************************************************************
■自由コンテンツ上（NANO）
***************************************************************/

	/*==================================================*/
	/*【#keyvisual_box .key_ttl】
	/*　見出しタグタイトル（NANO)
	/*==================================================*/
  #keyvisual_box .key_ttl {
    font-size: 1.7em;
  }
	/*==================================================*/
	/*【#search_box】
	/* 職種検索（NANO）
	/* ★.list_jobsearchを使用
	/*==================================================*/
	/*各検索タイトル*/
	.list_jobsearch > dt{font-size: 18px;}
	#dl_jobType .jobs_ttl{text-align: left;}
	#dl_jobType .jobs_words{font-size: 12px;}

/**************************************************************
■自由コンテンツ中（NANO）
***************************************************************/

	/*==================================================*/
	/*【#step_box】
	/* これからのためのワンステップ（NANO）
	/* ★フォントサイズダウン
	/*==================================================*/
	#step_box .dl_step {
		font-size: 12px;
	}
	/*==================================================*/
	/*【#career_box】
	/* “これまで”を踏まえてキャリアを選ぶ。（NANO）
	/* フォントサイズダウン
	/*==================================================*/
	/*----------------------------*/
	/*【.dl_carrer】
	/* ★フォントサイズダウン
	/*----------------------------*/
	.dl_carrer{
		font-size: 12px;
	}
	/*==================================================*/
	/*【#int_box】
	/* ハイアットだからこそ積み重ねたい経験がある。（NANO）
	/* ★フォントサイズダウン
	/*==================================================*/
	/*-----------------------------*/
	/*【#profile_frame】
	/* インタビューリンク
	/*-----------------------------*/
	#profile_frame dl{
		font-size: 12px;
	}
  .dl_profile .profile_ttl {
    font-size: 1.3em;
  }


}


/*福岡にあるハイアットホテルで働く 中央寄せ*/

#dl_jobHotel dd {
    max-width: 470px;
}

#dl_jobHotel {
    text-align: center;
}