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




/*メインイメージ*/
.parallaxParent {
	height: 400px;
  overflow: hidden;
  position: relative;
	margin-top: -12px;
}
.parallaxParent #img_url{
	width: auto;
  height: 100%;
  background-image: url(../img/recruit/entry/main_img.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  top: auto;
	bottom: 348px;
}

/*パンくずリスト*/
#bread_list{
	background-color: #00adb2;
	margin-bottom: 56.4px;
}


/**********/
.para_sizing{
	text-align: center;
}

/*各エリアの設定*/
#ttl_JOB{
	position: relative;
    top: 165px;
}

/*タイトル*/
h1.ttl_main{
	font-size: 45px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
.ttl_main.white{
	color: #ffffff;
}
h1.ttl_ja{
	font-size: 20px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
.ttl_ja.white{
	color: #ffffff;
}
/*タイトル*/
h2.ttl_s{
	font-size: 36px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
h2.ttl_s_ja{
	font-size: 17px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
/**********************/
.sub_ttl{
	font-size: 25px;
	line-height: 1em;
	padding-bottom: 20.5px;
}
.sub_ttl.white{
	color: #ffffff;
}
.txt{
	font-size: 15px;
	line-height: 2em;
	width: 730px;
	margin: 0 auto;
}
.txt.white{
	color: #ffffff;
}


/*本文*/
/*枠*/
.panel{
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
 	padding-top: 110px; /* 打ち消し用のパディング */
}

/*タイトル*/
.ttl_wrap{
	position: relative;
}

/*本文*/
.txt_wrap{
	padding: 0px 0 120px 0; 
}



/*********************/
/*エントリー*/
/*********************/
/*本文*/
p.description{
	width: 900px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 25.2px;
}
p.description span{
	color: #E9474D;
	display: block;
	text-align: left;
	line-height: 1;
	margin: 29px 0 0 0;
}
.color_red{
	color: #E9474D;
}

/*お問い合わせ*/
dl.inq_wrap{
	font-size: 14px;
	width: 900px;
	margin: 0 auto 45px;
	padding: 33px 0px 40px 0px;
	border-top: #DCDDDD 1px solid;
	border-bottom: #DCDDDD 1px solid;
	text-align: left;
}
dl.inq_wrap dt{
	font-size: 14px;
	line-height: 1em;
	padding: 32px 0 19px 0;
	vertical-align: middle;
	display: block;
	clear: left;
	float: left;
	width: 220px;
}
dl.inq_wrap.conf dt{
	padding: 19px 0 0 0;
}



/*お問い合わせ内容選択*/
dl.inq_wrap dt span{
	margin: -16px 0 0;
	display: inline-block;
	font-size: 14px;
	line-height: 1.em;
	line-height: 1.5em;
}
dl.inq_wrap dt span.small{
	margin: -16px 0 0;
	display: inline-block;
	font-size: 12px;
	line-height: 1.em;
	line-height: 1.5em;
}
dl.inq_wrap dd{
	font-size: 14px;
	padding: 16px 0;
	vertical-align: middle;
	display: block;
	float: left;
	width: 680px;
}
dl.inq_wrap.conf dd{
	padding: 19px 0 0 0;
}


/*-----チェックボックス-----*/
.checkbox01-input{
  /*display: none;*/
	opacity: 0;
  margin-left: -16px;
}
.checkbox01-parts{
  padding: 0 0 0 30px;
  position:relative;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
	background: #EAEFF9;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #1D50A2;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #1D50A2;
  border-right: 3px solid #1D50A2;
}

/*-----ラジオボタン-----*/

.radiobutton01-wrap{
	position: relative;
	display: inline-block;
	margin-right: 42px;
	margin-top: 9px;
}
.radiobutton01-wrap.top{
	margin-top: 0;
}
.radiobutton01-wrap.block{
	position: relative;
	display: block;
	margin-right: 42px;
}

.radiobutton01-wrap:last-of-type{
	margin-right: 0;
}

.radiobutton01-input{
  /*display: none;*/
  position: absolute;
  opacity: 0;
  top: 6px;
  left: 4px;
  overflow-x: hidden;
}
.radiobutton01-label{
	position: relative;	/* ボックスの位置を指定する */
	padding: 0 0 0 22px; /* ボックス内側の余白を指定する */
}
.radiobutton01-label:after, .radiobutton01-label:before {
	position: absolute;	/* ボックスの位置を指定する */
	content: "";	/* ボックスのコンテンツ */ 
	display: block;	/* ブロックレベル要素化する */ 
	top: 50%;	/* 上部から配置の基準位置を決める */ 
}
.radiobutton01-label:after {
	margin-top: -10px; /* チェック枠の位置 */
	width: 16px; /* ボックスの横幅を指定する */
	height: 16px;	/* ボックスの高さを指定する */
	border: 2px solid #ccc;	/* ボックスの境界線を実線で指定する */
	border-radius: 50%;	/* ボックスの角丸を指定する */
}
.radiobutton01-label:before {
	left: 5px; /* 左から配置の基準位置を決める */
	margin-top: -5px;	/* チェックマークの位置 */
	width: 10px; /* ボックスの横幅を指定する */
	height: 10px;	/* ボックスの高さを指定する */
	background: #1D50A2; /* ボックスの背景色を指定する */
	border-radius: 50%;	/* ボックスの角丸を指定する */
	opacity: 0;	/* 要素を透過指定する */
}
input[type=radio]:checked + .radiobutton01-label:before {
	opacity: 1;	/* 要素を表示する */
}
.radiobutton01-label:hover:after {
	/*border-color: #1D50A2;*/ /* ボックスの境界線を実線で指定する */
}

/*-----テキスト入力エリア-----*/
input.hoge{
	width: 640px;
	height: 50px;
	padding: 0 0 0 15px;
	background: #EAEFF9;
	border: none;
}
input.half{
	width: 240px;
	height: 46px;
	padding: 0 0 0 15px;
	background: #EAEFF9;
	border: none;
}

input.small{
	width: 108px;
	height: 50px;
	padding: 0 0 0 15px;
	background: #EAEFF9;
	border: none;
}
input.middle{
	width: 190px;
	height: 50px;
	padding: 0 0 0 15px;
	background: #EAEFF9;
	border: none;
}
input.long{
	width: 516px;
	height: 50px;
	padding: 0 0 0 15px;
	background: #EAEFF9;
	border: none;
}

input.free,
textarea.free{
	width: 516px;
	height: 220px;
	padding: 0 0 0 15px;
	background: #EAEFF9;
	border: none;
	vertical-align:top;
	resize: none;
}


/********************************/

/*氏名半分*/
.name_half{
	float: left;
	width: 268px;
	margin-right: 30px;
}
.name_half:last-of-type{
	margin-right: 0;
}
.name_half span{
	padding-right: 11px;
}

/*生年月日など*/
.day{
	padding: 0 30px 0 8px;
}

/*住所*/
dl.inq_wrap dd.address_right{
	font-size: 14px;
	width: 640px;
	padding: 0;
	vertical-align: middle;
	display: block;
	float: left;
}

dl.inq_wrap dl.address_wrap{
	font-size: 14px;
	line-height: 1em;
	width: 640px;
	padding: 0;
	vertical-align: middle;
	display: block;
	clear: left;
	float: left;
}
dl.inq_wrap dl.address_wrap dt{
	font-size: 14px;
	line-height: 1em;
	width: 143px;
	padding: 32px 0 19px 0;
	vertical-align: middle;
	display: block;
	clear: left;
	float: left;
}
dl.inq_wrap.conf dl.address_wrap dt{
	padding: 19px 0 0 0;
}
dl.inq_wrap dl.address_wrap dd{
	font-size: 14px;
	width: 497px;
	padding: 19px 0;
	vertical-align: middle;
	display: block;
	float: left;
}
dl.inq_wrap dl.address_wrap dd{
	padding: 16px 0;
}


/*-----SELECT-----*/
.select_wrap {
	position: relative;
	display: inline-block;
}

select{
    /* position:  relative; */
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 50px;
   	/*min-width: 190px;*/
    padding: 8px 15px;
    border:none;
	background-color: #EAEFF9;
	background-image: url(../img/arrow.svg);
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: right 16px center;
    border-radius:3px;
}
select.small{
	width: 107px;
}
select.middle{
	width: 190px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#EAEFF9;
  color:#fff;
  border-color:#EAEFF9;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

/*チェックボックス*/


/*-----フォーム内テキスト-----*/
input[type="text"] {
  font-size: 14px;
}
/* Firefox */
::-moz-placeholder {
  color: #D3DEF1;
}
/* IE */
input:-ms-input-placeholder {
  color: #D3DEF1;
}

/*-----ボタン-----*/
/*リセット*/
input#reset_btn{
	width: 250px;
	height: 60px;
	background: #C9CACA;
	border: none;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	margin: 0 20px 0 0;
}
/*送信*/
input#submit_btn{
	width: 400px;
	height: 60px;
	background: #1D50A2;
	border: none;
	color: #fff;
	letter-spacing: 0.5em;
	font-size: 16px;
	cursor: pointer;
}

/*エラー*/
#error{
	display: none;
	font-size: 15px;
	color: #ffffff;
	background-color: #E9474D;
	padding: 0 1.5em;
	margin-bottom: 1.5em;
	border-radius: 3px;
}
.with-errors{
	display: none;
	font-size: 15px;
	color: #E9474D;
	margin-left: 3em;
	opacity: 0;
}


/*プレースホルダー*/
/* 標準版(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #c6d4ec; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #c6d4ec; }

/* Firefox 18- */
:-moz-placeholder {
    color: #c6d4ec; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #c6d4ec; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #c6d4ec; }

.d_inlineblock{
	display: inline-block;
}
.d_block{
	display: block;
}


/*罫線*/
dl.inq_wrap dd.line{
	padding: 0!important;
	margin: 0!important;
	width: 100%;
}
dl.inq_wrap dd.line hr{
	padding: 0;
  margin: 33px 0 33px 0;
  background-color: #DCDDDD;
  height: 1px;
  border: none;
}
dl.inq_wrap dd.line hr.hr2{
	padding: 0;
  margin: 33px 0 14px 0;
  background-color: #DCDDDD;
  height: 1px;
  border: none;
}



/*個人情報について*/
.personal{
	display: inline-block;
	margin: 65px auto 0 auto;
}
.personal ul li{
	text-indent: 1em;
	margin-left: -1em;
	text-align: left;
	font-size: 14px;
	line-height: 24.2px;
}
.personal ul li a{
	color: #e9474d;
	text-decoration: none;
}