@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/

/*******************************
 基本設定
*******************************/
html{font-size: 62.5% !important;}

body {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
}

*:focus{
  outline: none;
}

ul li {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'fontawesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'),url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesome') format('svg');
}

/*******************************
 横幅指定
*******************************/
div#container,
body #contents,
#header .content {
  width: 100%;
}
#header {
  max-width: 1200px;
  margin: 0 auto;
}

/*******************************
 ヘッダー
*******************************/

/* 固定ヘッダ */
#header .content div.regular
{
	background-color:#ffffff; /* 背景 */
	color:#000000; /* 文字色 */
	height:69px; /* 高さ */
}

#header .content div.regular div.logo
{
	padding-top:10px; /* 企業ロゴ表示開始位置 上 */
	padding-left:20px; /* 企業ロゴ表示開始位置 左 */
}

#header .content div.regular .note
{
	bottom:5px; /* フリーコメント開始位置 下 */
	right:10px; /* フリーコメント開始位置 右 */
}

/*******************************
 フッター
*******************************/

/* フッタ関連の高さ指定 */
#footer .content .free
{
	height:60px;/* ★1 自由フッタの高さ */
}
#footer .content .regular
{
	height: 0px; /* ★2 固定フッタの高さ */
}
#footer {
	height: 60px;  /* footerの高さ（ ★1＋★2 ）分指定する*/
}
#main .space
{
	padding-bottom: 60px; /* footerの高さ（★1＋★2）分指定する */
}
/* 固定フッタ */
#footer .content .regular
{
	background-color:#d50000; /* 背景 */
	color: #ffffff; /* 文字色 */
}


/*******************************
 自由ヘッダー
*******************************/
#header .content .free {
}

.hdWrap {
  width: 100%;
  overflow: hidden;
}

.hdWrap .logo {
  margin: 20px 0 10px;
  float: left;
}

.hdWrap .logo a {
  display: block;
}

#header .content .free h1 {
  float: right;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  max-width: 1000px;
  margin-top: 33px;
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {
  width: 100%;
  max-width: 1200px;
  background: #282828;
  display: table;
  padding: 0 20px;
  box-sizing: border-box;
}

#footer .content .free .gobacktop {
  position: relative;
  right: 20px;
}

#footer .content .free .gobacktop a {
  border: solid 3px #555;
  width: 80px;
  height: 80px;
  display: inline-block;
  background: #fff;
  border-radius: 50px;
}
#footer .content .free .gobacktop a:link,
#footer .content .free .gobacktop a:visited {
  color: #555 !important;
  text-decoration: none !important;
}
#footer .content .free .gobacktop a:after {
  content: "\f106";
  font-size: 50px;
  font-size: 5rem;
  font-family: 'fontawesome';
  display: block;
  text-align: center;
}

#footer .content .free .copy {
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  display: table-cell;
  vertical-align: middle;
}

#footer .content .free .recop {
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

#footer .content .free .recop a:link,
#footer .content .free .recop a:visited {
  color: #fff !important;
  text-decoration: none !important;
}

@media screen and (max-width:1200px){
  .hdWrap {
    padding: 0 10px;
    box-sizing: border-box;
  }
}


@media screen and (max-width:670px){
  .hdWrap .logo {
    float: none;
    margin: 10px 0;
    text-align: center;
  }
  .hdWrap .logo a img {
    width: 100px;
  }
  .hdWrap .logo a {
    display: inline-block;
  }
  #header .content .free h1 {
    float: none;
    text-align: center;
    margin: 10px 0;
  }
  #footer .content .free .gobacktop a {
    width: 50px;
    height: 50px;
    border: solid 2px #555;
  }
  #footer .content .free .gobacktop a:after {
    font-size: 30px;
    font-size: 3rem;
  }
  #footer .content .free .copy {
    margin-top: 17px;
  }
  #footer .content .free .copy,
  #footer .content .free .recop {
    display: block;
    text-align: center;
    font-size: 9px;
    font-size: 0.9rem;
  }
}






/* ------------------------------
	採用強化バナー
------------------------------ */
#banneR2 {
	background: #f7f7f7;
	border: 1px solid #EF417E;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	display: table;
	max-width: 1040px;
	width: 100%;
	margin: 0 auto 60px;
}
#banneR2 p {
	background: #EF417E;
	box-sizing: border-box;
	color: #fff;
	display: table-cell;
	font-size: 3vw;
	font-weight: bold;
	padding: 1% 0 1% 1%;
	text-align: center;
}
@media screen and (min-width: 1041px) {
#banneR2 p {
	font-size: 31px;
}
#banneR2 p span {
	font-size: 42px !important;
}
}
#banneR2 p span {
	display: block;
	font-size: 4vw;
}
#banneR2 ul {
	background: url(../images/pcArrow.png) left no-repeat;
	background-size: auto 100%;
	display: table-cell;
	text-align: center;
	padding: 0 0 0 7%;
	vertical-align: middle;
	width: 60%;
}
#banneR2 li {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	font-weight: bold;
	text-align: center;
	width: 46%;
	margin: 0 1%;
	font-size: 16px;
}
#banneR2 li:hover a {
	background: #000;
	color: #fff !important;
}
#banneR2 li a {
	border: 1px solid #000;
	background: #fff;
	display: table-cell;
	text-decoration: none !important;
	vertical-align: middle;
	height: 48px;
	width: 500px;
}
#banneR2 li a span.min {
	display: inline-block;
	height: auto;
}
/* smartphone */
@media screen and (max-width: 640px) {
#banneR2 {
	display: block;
	padding-bottom: 0.5em;
}
#banneR2 p,
#banneR2 ul {
	display: block;
	width: 100%;
	padding: 1%;
	margin: 0;
}
#banneR2 ul:before {
	content: "";
	background: url(../images/spArrow.png) no-repeat;
	background-size: 100% 2em;
	display: block;
	width: 100%;
	height: 2em;
	position: absolute;
	top: 0;
}
#banneR2 p,
#banneR2 p span {
	font-size: 6vw;
}
#banneR2 p span {
	display: inline;
}
#banneR2 ul {
	background: none;
	padding: 3em 0 0.5em 0;
	position: relative;
}
}








/* -------------------------------
// 採用強化バナー
------------------------------- */
#BanneR {
	width: 100%;
	/* font-family: "メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; */
	background-color: #f7f7f7; /* バナー背景色 */
	/* border: 1px solid #282828; */
	margin-bottom: 60px;
}
#BanneR .bnr_h3 {
	font-size: 26px;
	text-align: center;
}
#BanneR p:after {
  content: "";
  display: block;
  border-top: solid 1px #EF417E;
  width: 50px;
  margin: 0.25em auto 0;
}
#BanneR p {
	color: #EF417E;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	padding: 2% 0 0.5em;
	text-align: center;
}
#BanneR ul {
	font-size: 0; /* デフォルト余白削除 */
	text-align: center; /* ボタン中央寄せ */
}
#BanneR li {
	background-color: #fff; /* ボタン背景色 */
	border: 1px solid #fff; /* ボタン枠線 */
	box-sizing: border-box;
	display: inline-block; /* ボタン横並び */
	font-size: 16px; /* 文字サイズ */
	font-weight: bold;
	margin: 0 1% 2%; /* ボタン間隔 */
	position: relative;
	width: 22%; /* ボタン幅 */
	height: 50px;
	vertical-align: top;

}
#BanneR li a {
	display: table-cell;
	width: 500px;
	height: 48px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #282828
}
#BanneR li span {
	color: #282828;
}
#BanneR li span.min {
	display: inline-block;
}

/* オンマウス時 */
#BanneR li:hover {
	background-color: #282828;
}
#BanneR li a:hover {
	opacity: 1; /* 透過処理解除 */
	text-decoration: none !important;
}
#BanneR li:hover a span {
	color: #fff;
}
@media screen and (max-width: 889px) {
	#BanneR li {
		font-size: 1.7vw;
	}
}
@media screen and (max-width: 670px) {
	#BanneR li {
		width: 45%;
	}
	#BanneR li span span {
		display: inline;
	}
	#BanneR p {
		font-size: 5vw;
	}
	#BanneR .bnr_h3 {
		font-size: 4.5vw;
	}
	#BanneR li a span:after {
	right: 10px;
	}
	#BanneR li {
		font-size: 3.2vw;
	}
	#BanneR li .min {
		display: block !important;
	}
}