@charset "utf-8";

/*=====================================

parts.css

=====================================*/

/*-------------------------------------
 list
-------------------------------------*/
.menuList {
	margin: 0 -29px 20px 0;
	letter-spacing: -0.4em;
	overflow: hidden;
}
.menuList li {
	display: inline-block;
	width: 374px;
	margin: 0 29px 40px 0;
	font-weight: bold;
	letter-spacing: normal;
	vertical-align: top;
}
.menuList li h3 {
	padding: 10px 0 5px 0;
	color: #c40006;
	font-size: 24px;
}
.menuList li h3 a {
	color: #c40006;
	text-decoration: none;
}
.menuList li p {
	font-size: 14px;
	line-height: 2;
}

.noteList01 li {
	padding: 0 0 0 1em;
	font-size: 13px;
	text-indent: -1em;
}

.dlList01 dt {
	clear: both;
	float: left;
	width: 65px;
}
.dlList01 dd {
	padding: 0 0 0 65px;
}


/*-------------------------------------
 txt
-------------------------------------*/
.txtLead p {
	margin: 0 0 15px 0;
	font-weight: bold;
	line-height: 2.1;
}


/*-------------------------------------
 btn
-------------------------------------*/
.btnStyle01,
.btnStyle02 {
	padding: 0 0 50px 0;
	text-align: center;
}
.btnStyle01 a,
.btnStyle02 a {
	display: inline-block;
	width: 630px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border: 5px solid #000;
	background: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.btnStyle01 a {
	font-size: 28px;
	line-height: 60px;
}
.btnStyle02 a {
	font-size: 32px;
	line-height: 80px;
}

/*-------------------------------------
 title
-------------------------------------*/
.ttlStyle01 {
	text-align: center;
}
.ttlStyle01 em {
	display: inline-block;
	min-width: 240px;
	padding: 0 0 30px 0;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 7px solid #c40006;
}
.ttlStyle02 {
	margin: 0 0 15px 0;
	min-height: 45px;
}
.ttlStyle02 img {
	vertical-align: middle;
}
.ttlStyle02 em {
	display: inline-block;
	padding: 5px 0 0 7px;
	color: #595959;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}


/*-------------------------------------
 box
-------------------------------------*/
.cntBox01 {
	clear: both;
	margin: 0 0 90px 0;
	padding: 50px 50px 0 50px;
	background: #fafafa;
}
.cntRow {
	position: relative;
	clear: both;
}
.cntBox01:after,
.cntRow:after {
	clear: both;
	display: block;
	content: "";
}
.cntBox01 h4 {
	margin: 0 0 30px 0;
	color: #c40006;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.6;
}
.cntBox01 .cntRow {
	padding: 0 0 50px 0;
}
.cntBox01 .cntTxt {
	float: left;
	width: 475px;
}
.cntBox01 .cntPic {
	float: right;
	width: 570px;
}
.cntBox01 .cntSlider {
	float: right;
	width: 570px;
	padding: 0 0 30px 0;
}
.cntSlider .bx-wrapper .bx-pager .bx-pager-item,
.cntSlider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.cntSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.cntSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #c40006;
}
.cntSlider .bx-wrapper .bx-next,
.cntSlider .bx-wrapper .bx-prev {
	display: none;
}


/*-------------------------------------
 bx
-------------------------------------*/
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -35px;
	width: 100%;
	text-align: center;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/common/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}


/*-------------------------------------
 ニュース
-------------------------------------*/
.newsMain {
	float: left;
	width: 860px;
}
.newsNav {
	float: right;
	width: 240px;
}
.newsNavTitle {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	border-bottom: 7px solid #e0e0e0;
}

/* 一覧
-------------------------------------*/
.newsTab {
	margin: 0 0 50px 0;
	padding: 0 10px;
	text-align: right;
	letter-spacing: -0.4em;
	border-bottom: 1px solid #bbb;
}
.newsTab li {
	display: inline-block;
	width: 133px;
	margin: 0 10px -1px 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	letter-spacing: normal;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	border: 1px solid #bbb;
	background: #bbb;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.newsTab li.select {
	color: #c40006;
	border-bottom: 1px solid #fff;
	background: #fff;
}
.newsList ul li {
	clear: both;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.newsList ul li .newsDate {
	float: left;
	width: 180px;
	padding: 2px 20px 0 0;
	font-size: 13px;
}
.newsList ul li .newsDate img {
	float: right;
	width: 80px;
	padding: 3px 0 0 0;
}
.newsList ul li .newsTxt {
	overflow: hidden;
}
.newsDateNav li {
	border-bottom: 1px solid #e0e0e0;
}
.newsDateNav li a {
	display: block;
	line-height: 55px;
	text-align: center;
}
.newsDateNav li.current a {
	font-weight: bold;
}

/* 詳細
-------------------------------------*/
.newsDetailTitle p {
	margin: 0 0 40px 0;
	font-size: 13px;
}
.newsDetailTitle p img {
	width: 80px;
	margin: 0 0 0 15px;
	vertical-align: middle;
}
.newsDetailTitle h3 {
	margin: 0 0 40px 0;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.newsDetail p {
	margin: 0 0 20px 0;
	line-height: 2.1;
}
.newsDetail table {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 14px;
	border-top: 1px solid #000;
}
.newsDetail table th {
	padding: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.newsDetail table td {
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #000;
}
.newsRow {
	padding: 0 0 30px 0;
}
.newsRow:after {
	clear: both;
	display: block;
	content: "";
}
.newsRow .imgR,
.newsRow .imgL {
	width: 250px;
}
.newsReleaseNav {
	margin: 0 0 20px 0;
}
.newsReleaseNav li {
	border-bottom: 1px solid #e0e0e0;
}
.newsReleaseNav li a {
	display: block;
	padding: 9px 0;
	font-size: 13px;
	line-height: 1.4;
}
.newsReleaseNav li a .newsDate {
	font-size: 12px;
}
.newsLink a {
	display: block;
	padding: 0 5px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	background: url(/common/images/icn_arw01.png) no-repeat 226px center #000;
}

/* 新着情報
-------------------------------------*/
.newsArea {
	margin: -45px 0 50px 0;
	background: #f7f7f7;
}
.newsTitle,
.newsGroup {
	display: table-cell;
	vertical-align: middle;
}
.newsTitle {
	width: 180px;
	padding: 0 0 10px 0;
}
.newsTitle h3 {
	color: #c40006;
	font-size: 18px;
	font-weight: bold;
}
.newsTitle p {
	width: 130px;
}
.newsTitle p a {
	display: block;
	padding: 0 5px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	background: url(/common/images/icn_arw01.png) no-repeat 116px center #000;
}
.newsGroup {
	width: 1000px;
	padding: 15px 0 7px 0;
}
.newsGroup ul {
	overflow: hidden;
}
.newsGroup ul li {
	clear: both;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.newsGroup ul li .newsDate {
	float: left;
	width: 180px;
	padding: 2px 20px 0 0;
	font-size: 13px;
}
.newsGroup ul li .newsDate img {
	float: right;
	width: 80px;
	padding: 3px 0 0 0;
}
.newsGroup ul li .newsTxt {
	overflow: hidden;
}


/*-------------------------------------
 ゲーム
-------------------------------------*/

/* 一覧
-------------------------------------*/
.gameBox {
	padding: 0 0 50px 0;
}
.gameBox:after {
	clear: both;
	display: block;
	content: "";
}
.gameBox .gamePic {
	float: left;
	width: 620px;
}
.gameBox .gameTxt {
	position: relative;
	float: right;
	width: 520px;
}
.gameBox .gameTxt h4 {
	margin: -10px 0 20px 0;
	font-size: 11px;
	line-height: 1.5;
}
.gameBox .gameTxt h4 a {
	text-decoration: none;
}
.gameBox .gameTxt h4 em {
	display: inline-block;
	font-size: 30px;
	vertical-align: middle;
}
.gameList {
	margin: 0 -29px 0 0;
	letter-spacing: -0.4em;
	overflow: hidden;
}
.gameList li {
	display: inline-block;
	width: 374px;
	margin: 0 29px 30px 0;
	letter-spacing: normal;
	vertical-align: top;
}
.gameList li h4 {
	min-height: 52px;
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 1.4;
}
.gameList li h4 a {
	text-decoration: none;
}
.gameList li h4 em {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}
.gameList li .gamePic img {
	border: 1px solid #cecece;
	box-sizing: border-box;
}
.gameInfo {
	font-size: 11px;
}
.gameInfoName {
	font-weight: bold;
}
.gameInfoCategoryIcn {
	display: inline-block;
	min-width: 60px;
	margin: 0 7px 0 0;
	padding: 0 4px;
	color: #fff;
	font-family: 'Archivo Narrow', sans-serif;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	background: #606060;
}
.gameInfoCopyright {
	font-size: 10px;
}
.gameBanner {
	position: absolute;
	right: 0;
	bottom: 0;
}
.gameBtn {
	padding: 15px 0 0 0;
	text-align: right;
}
.gameBtn a {
	display: inline-block;
	width: 300px;
	color: #000;
	font-size: 28px;
	line-height: 80px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 5px solid #000;
	background: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.gameReadmore {
	margin: 0 0 50px 0;
	padding: 12px 0 10px 0;
	cursor: pointer;
	line-height: 1;
	text-align: center;
	border: 2px solid #000;
	background: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.gameReadmore img {
	vertical-align: top;
}

/* 詳細
-------------------------------------*/
.gameVisual {
	position: relative;
	margin: 0 0 60px 0;
}
.gameMainVisual {
	position: relative;
	z-index: 1;
}
.gameDetailTitle {
	margin: 0 0 60px 0;
}
.gameDetailTitle h3 {
	margin: 0 0 15px 0;
	color: #c40006;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.gameDetailTitle p {
	width: 920px;
	margin: 0 auto;
	font-weight: bold;
	line-height: 2.1;
}
.gameData {
	width: 100%;
	font-size: 14px;
	border-top: 1px solid #000;
}
.gameData th {
	padding: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.gameData td {
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #000;
}
.gameData td a {
	text-decoration: underline;
}



/*-------------------------------------
 企業情報
-------------------------------------*/

/* トップ
-------------------------------------*/
.companyBanner {
	text-align: center;
}

/* トップメッセージ
-------------------------------------*/
.messageBox {
	position: relative;
	padding: 50px 0 25px 0;
	text-align: center;
}
.messageBox p {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.4;
}
.messagePic {
	position: absolute;
	right: 0;
	bottom: 20px;
}
.messageName {
	padding: 70px 0 0 0;
}


/* バイキングとは
-------------------------------------*/
.aboutusItem {
	padding: 20px 0 0 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.aboutusItem li {
	display: inline-block;
	width: 340px;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.aboutusItem li p {
	padding: 20px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}
.aboutusMovie {
	text-align: center;
}

/* 会社概要
-------------------------------------*/
.infoTxt {
	float: left;
	width: 520px;
}
.infoTxt dl dt {
	clear: both;
	float: left;
	width: 130px;
	font-size: 16px;
	font-weight: bold;
}
.infoTxt dl dd {
	padding: 0 0 18px 130px;
}
.infoPic {
	float: right;
	width: 600px;
	margin: -50px -50px -50px 0;
}
.infoAccess {
	padding: 30px 0 100px 0;
	overflow: hidden;
}
.infoAccess dl {
	float: left;
	width: 420px;
}
.infoAccess dl dt {
	clear: both;
	float: left;
	width: 180px;
	font-size: 16px;
	font-weight: bold;
}
.infoAccess dl dd {
	padding: 0 0 15px 180px;
	font-size: 14px;
}
.infoAccess p {
	float: right;
	width: 131px;
}


/*-------------------------------------
 採用情報
-------------------------------------*/

/* トップ
-------------------------------------*/
.pageTitleRecruit01 {
	height: auto;
}
.pageTitleRecruit01 .pageVisual {
	position: relative;
	left: 0;
	right: 0;
	margin: 0;
	text-align: center;
}
.pageTitleRecruit01 .pageVisual img {
	max-width: 100%;
}
.pageTitleRecruit01 h2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}
.recruitIndexTitle {
	position: relative;
	z-index: 10;
	margin: 0 0 -7px 0;
	text-align: center;
}
.recruitIndexTitle h3 {
	display: inline-block;
	min-width: 270px;
	padding: 30px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	border-bottom: 7px solid #000;
}

/* 募集職種 */
.recruitIndexTab {
	background: #c40006;
}
.recruitIndexTab ul {
	width: 1180px;
	margin: 0 auto;
	padding: 0 10px;
	letter-spacing: -0.4em;
	text-align: center;
}
.recruitIndexTab ul li {
	position: relative;
	display: inline-block;
	width: 250px;
	padding: 45px 20px 35px 20px;
	cursor: pointer;
	letter-spacing: normal;
	vertical-align: top;
}
.recruitIndexTab ul li .recruitIndexTabPic {
	width: 250px;
	height: 250px;
}
.recruitIndexTab ul li .recruitIndexTabPic img {
	width: 200px;
	margin: 25px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.recruitIndexTab ul li.select .recruitIndexTabPic img {
	width: 250px;
	margin: 0;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
.recruitIndexTab ul li.select:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 0 18px 18px 18px;
	border-color: transparent transparent #f7f7f7 transparent;
}
.recruitIndexTabTxt {
	color: #fff;
	font-size: 11px;
	line-height: 1.4;
}
.recruitIndexTabTxt em {
	display: block;
	font-size: 28px;
	font-family: 'Archivo Narrow', sans-serif;
}
.recruitIndexPanel {
	margin: 0 0 60px 0;
	background: #f7f7f7;
}
.recruitIndexPanelBox {
	position: relative;
	width: 1180px;
	margin: 0 auto;
	padding: 40px 50px 20px 50px;
	font-size: 16px;
}
.recruitIndexPanelBox h4 {
	color: #595959;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.1;
}
.recruitIndexPanelBox h4 em {
	display: inline-block;
	padding: 0 10px 15px 0;
	color: #c40006;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 50px;
	font-weight: normal;
	vertical-align: middle;
}
.recruitIndexPanelBox dl {
	padding: 10px 0 0 0;
}
.recruitIndexPanelBox dl dt {
	clear: both;
	float: left;
	width: 135px;
	color: #c40006;
	font-weight: bold;
}
.recruitIndexPanelBox dl dd {
	padding: 0 0 20px 135px;
	line-height: 2;
}
.recruitIndexPanelBox p {
	padding: 0 0 20px 0;
}


/* 社員座談会 */
.recruitIndexTalk {
	position: relative;
	margin: 0 0 60px 0;
	color: #fff;
	background: #c40006;
	overflow: hidden;
}
.recruitIndexTalkPic {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	margin: 0 0 0 -960px;
}
.recruitIndexTalkBox {
	position: relative;
	z-index: 2;
	width: 1280px;
	min-height: 427px;
	margin: 0 auto;
	overflow: hidden;
}
.recruitIndexTalkTxt {
	float: right;
	width: 540px;
	padding: 40px 50px 0 0;
	font-weight: bold;
}
.recruitIndexTalkTxt h4 {
	margin: 0 0 30px 0;
	font-size: 26px;
}
.recruitIndexTalkTxt p {
	line-height: 2.1;
}
.recruitIndexTalkReadmore a {
	display: block;
	width: 130px;
	margin: 35px 0 0 0;
	padding: 10px 0 8px 0;
	cursor: pointer;
	line-height: 1;
	text-align: center;
	border: 2px solid #fff;
	background: #c40006;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.recruitIndexTalkReadmore a img {
	vertical-align: top;
}

/* ここがスゴイ */
.recruitIndexTopic {
	position: relative;
	margin: 0 0 60px 0;
	color: #fff;
	background: #c40006;
}
.recruitIndexTopicBox {
	width: 1260px;
	height: 380px;
	margin: 0 auto;
}
.recruitIndexTopicBox ul li {
	margin: -50px 0 0 0;
	padding: 50px;
}
.recruitIndexTopicTxt {
	position: relative;
	float: left;
	width: 500px;
	height: 340px;
	padding: 40px 30px 0 50px;
	font-weight: bold;
}
.recruitIndexTopicTxt h4 {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0 0 0 30px;
	font-size: 26px;
}
.recruitIndexTopicTxt h4 img {
	position: absolute;
	top: -50px;
	left: -50px;
}
.recruitIndexTopicTxt p {
	line-height: 2.1;
}
.recruitIndexTopicPoint {
	position: absolute;
	right: -10px;
	bottom: -59px;
}
.recruitIndexTopicPic {
	float: right;
	width: 580px;
	height: 380px;
	overflow: hidden;
}

.recruitIndexTopicBox .bx-wrapper .bx-prev {
	left: 0;
	background: url(/common/images/btn_prev.png) no-repeat 0 0;
}
.recruitIndexTopicBox .bx-wrapper .bx-next {
	right: 0;
	background: url(/common/images/btn_next.png) no-repeat 0 0;
}
.recruitIndexTopicBox .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -96px;
	outline: 0;
	width: 50px;
	height: 96px;
	text-indent: -9999px;
	z-index: 99;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	overflow: hidden;
}
/* バナー */
.recruitBanner {
	position: relative;
	width: 1180px;
	margin: 0 auto 50px auto;
	padding: 0 10px;
}
.recruitBanner ul {
	margin: 0 -35px 0 0;
	overflow: hidden;
}
.recruitBanner ul li {
	float: left;
	margin: 0 35px 10px 0;
}
.recruitBanner ul li a {
	display: block;
	height: 90px;
	padding: 0 40px 0 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
	border: 5px solid #e6e6e6;
	background: url(/common/images/icn_arw04.png) no-repeat right center #e6e6e6;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.recruitBanner ul li dl,
.recruitBanner ul li p {
	min-width: 187px;
	height: 60px;
	padding: 15px 20px 15px 15px;
	background: #fff;
}
.recruitBanner ul li p {
	line-height: 60px;
}
.recruitBanner ul li dl dd {
	font-size: 14px;
	font-weight: normal;
}
.recruitBanner ul .recruitBanner01 a {
	display: table;
}
.recruitBanner ul .recruitBanner01 dl,
.recruitBanner ul .recruitBanner01 p {
	display: table-cell;
	padding: 14px 20px 14px 15px;
	vertical-align: middle;
}
.recruitBanner ul .recruitBanner01 p img {
	border: 1px solid #f1f1f1;
}
.recruitBanner ul .recruitBanner04 a {
	display: table;
}
.recruitBanner ul .recruitBanner04 dl,
.recruitBanner ul .recruitBanner04 p {
	display: table-cell;
	padding: 14px 20px 14px 15px;
	vertical-align: middle;
}
.recruitBanner ul .recruitBanner04 p img {
	border: 1px solid #f1f1f1;
}


/* 中途採用
-------------------------------------*/
.recruitCareerTab ul {
	padding: 0 0 0 10px;
	letter-spacing: -0.4em;
	text-align: left;
}
.recruitCareerTab ul li {
	display: inline-block;
	width: 255px;
	margin: 0 10px -1px 0;
	padding: 12px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	border: 1px solid #bbb;
	background: #bbb;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.recruitCareerTab ul li em {
	display: block;
	font-size: 24px;
	font-family: 'Archivo Narrow', sans-serif;
}
.recruitCareerTab ul li.select {
	color: #696969;
	border: 1px solid #e0e0e0;
	border-bottom: 1px solid #fff;
	background: #fff;
}
.recruitCareerTab ul li.select em {
	color: #c40006;
}
.recruitCareerPanel {
	padding: 40px 30px;
	border: 1px solid #e0e0e0;
	background: #fff;
}
.recruitCareerPanel h5 {
	padding: 5px 15px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	background: #c40006;
}
.recruitCareerPanel dl dt {
	clear: both;
	float: left;
	width: 122px;
	padding: 12px 0;
	color: #c40006;
	font-weight: bold;
}
.recruitCareerPanel dl dd {
	padding: 12px 0 12px 122px;
	border-bottom: 1px solid #c40006;
}
.recruitCareerLead {
	padding: 40px 0 30px 0;
	font-weight: bold;
}
.recruitCareerPanel ul {
	margin: 0 -28px 0 0;
	letter-spacing: -0.4em;
	overflow: hidden;
}
.recruitCareerPanel ul li {
	display: inline-block;
	width: 495px;
	margin: 0 28px 40px 0;
	letter-spacing: normal;
	vertical-align: top;
}
.recruitCareerPanel ul li h6 {
	margin: 0 0 10px 0;
	color: #c40006;
	font-size: 22px;
	font-weight: bold;
}
.recruitCareerPanel ul li p {
	margin: 0 0 20px 0;
}
.recruitCareerPanel ul li dl {
	border-top: 1px solid #c40006;
}
.recruitDetail table {
	width: 100%;
}
.recruitDetail table th {
	width: 137px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.recruitDetail table td {
	padding: 0 0 30px 0;
}
.recruitFlowList {
	overflow: hidden;
}
.recruitFlowList li {
	clear: both;
	padding: 15px 0 0 0;
	background: url(/common/images/icn_arw03.png) no-repeat 2px 5px;
}
.recruitFlowList li:first-child {
	padding: 0;
	background: none;
}
.recruitFlowTitle {
	float: left;
	width: 90px;
	font-weight: bold;
}
.recruitFlowTxt {
	padding: 0 0 0 90px;
}

/* よくある質問
-------------------------------------*/
.recruitQa,
.guidelineQa{
	width: 1000px;
	margin: -15px auto 30px auto;
}
.recruitQa dt,
.recruitQa dd,
.guidelineQa dt,
.guidelineQa dd{
	position: relative;
	padding: 0 0 0 45px;
}
.recruitQa dt,
.guidelineQa dt{
	margin: 15px 0 3px 0;
	cursor: pointer;
}
.recruitQa dt .recruitQ,
.recruitQa dd .recruitA,
.guidelineQa dt .guidelineQ,
.guidelineQa dd .guidelineA{
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
}
.recruitQa dt .recruitQ,
.guidelineQa dt .guidelineQ{
	color: #fefefe;
	background: #c40006;
}
.recruitQa dd .recruitA,
.guidelineQa dd .guidelineA{
	color: #e0e0e0;
	background: #fff;
}
.recruitQa dt .recruitTxt,
.guidelineQa dt .guidelineTxt{
	min-height: 35px;
	padding: 5px 53px 5px 13px;
	color: #c40006;
	font-size: 20px;
	font-weight: bold;
	background: url(/common/images/icn_plus.png) no-repeat 914px 11px #fff;
}
.recruitQa dt.open .recruitTxt,
.guidelineQa dt.open .guidelineTxt{
	background: url(/common/images/icn_minus.png) no-repeat 914px 11px #fff;
}
.recruitQa dd .recruitTxt,
.guidelineQa dd .guidelineTxt{
	padding: 12px 30px;
	font-size: 14px;
	line-height: 1.8;
	background: #fff;
}
.recruitQaReadmore,
.guidelineQaReadmore{
	width: 130px;
	margin: 0 auto -20px auto;
	padding: 12px 0 10px 0;
	cursor: pointer;
	line-height: 1;
	text-align: center;
	border: 2px solid #000;
	background: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.recruitQaReadmore img,
.guidelineQAReadmore img{
	vertical-align: top;
}

/* 座談会
-------------------------------------*/
.pageTitleRecruit02 {
	height: 575px;
}
.recruitTalkMember {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 1;
	background: url(/recruit/tabletalk/images/recruit_talk_member_bg.png) repeat-x left bottom;
}
.recruitTalkMember dl {
	width: 1280px;
	margin: 0 auto;
	letter-spacing: -0.4em;
}
.recruitTalkMember dl dt {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: bottom;
}
.recruitTalkMember dl dd {
	display: inline-block;
	margin: 0 0 0 -14px;
	padding: 0 0 17px 0;
	letter-spacing: normal;
	vertical-align: bottom;
}
.recruitTalkMember dl dd ul li {
	float: left;
	margin: 0 5px 0 0;
}
.recruitTalkTitle {
	clear: both;
	position: relative;
	padding: 29px 0 25px 0;
	text-align: center;
	background: #f7f7f7;
}
.recruitTalkTitle p {
	margin: 0 0 5px 0;
}
.recruitTalkTitle h3 {
	font-size: 36px;
	font-weight: bold;
}
.recruitTalkTitle:after {
	display: block;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -22px;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 22px 22px 0 22px;
	border-color: #f7f7f7 transparent transparent transparent;
}
.recruitTalkTheme {
	clear: both;
	position: relative;
	min-height: 667px;
	overflow: hidden;
}
.recruitTalkThemePic {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	margin: 0 0 0 -960px;
}
.recruitTalkTheme ul {
	position: relative;
	z-index: 2;
	width: 1280px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden;
}
.recruitTalkTheme ul li {
	width: 810px;
	margin: 0 0 30px 0;
	overflow: hidden;
}
.recruitTalkIcn {
	float: left;
	width: 70px;
}
.recruitTalkBalloon {
	float: right;
	position: relative;
	width: 720px;
	background: #fff;
	box-sizing: border-box;
}
.recruitTalkBalloon:before {
	content: "";
	position: absolute;
	top: 20px;
	left: -11px;
	margin-top: -3px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 11px 7px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.recruitTalkBalloon:after {
	content: "";
	position: absolute;
	top: 20px;
	left: -12px;
	margin-top: -4px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 12px 8px 0;
	z-index: -1;
}
.recruitTalkBalloon p {
	padding: 15px 20px;
	line-height: 1.8;
}
.recruitTalkBalloon p em {
	font-weight: bold;
}
.recruitTalkThemeR ul li {
	float: right;
}
.recruitTalkAvatar01 .recruitTalkBalloon { border: 1px solid #73ba20; }
.recruitTalkAvatar01 .recruitTalkBalloon:after { border-color: transparent #73ba20 transparent transparent; }
.recruitTalkAvatar01 .recruitTalkBalloon p em { color: #73ba20; }
.recruitTalkAvatar02 .recruitTalkBalloon { border: 1px solid #9b54ab; }
.recruitTalkAvatar02 .recruitTalkBalloon:after { border-color: transparent #9b54ab transparent transparent; }
.recruitTalkAvatar02 .recruitTalkBalloon p em { color: #9b54ab; }
.recruitTalkAvatar03 .recruitTalkBalloon { border: 1px solid #008bb6; }
.recruitTalkAvatar03 .recruitTalkBalloon:after { border-color: transparent #008bb6 transparent transparent; }
.recruitTalkAvatar03 .recruitTalkBalloon p em { color: #008bb6; }
.recruitTalkAvatar04 .recruitTalkBalloon { border: 1px solid #ef6f3b; }
.recruitTalkAvatar04 .recruitTalkBalloon:after { border-color: transparent #ef6f3b transparent transparent; }
.recruitTalkAvatar04 .recruitTalkBalloon p em { color: #ef6f3b; }
.recruitTalkBtn {
	margin: 0 0 -100px 0;
	padding: 45px 0;
	background: #f7f7f7;
}
.recruitTalkBtn .btnStyle02 {
	padding: 0;
}

/*-------------------------------------
 お問い合わせ
-------------------------------------*/
.contactTel {
	padding: 32px;
	text-align: center;
	background: #fff;
}
.contactTel p {
	display: inline-block;
	padding: 0 52px;
	font-size: 40px;
	font-weight: bold;
	line-height: 36px;
	background: url(/common/images/icn_tel.png) no-repeat left center;
}
.contactForm {
	margin: 40px 0 30px 0;
	padding: 35px 0 0 0;
	border: 4px solid #c40006;
	background: #fff;
}
.contactForm dl {
	width: 740px;
	margin: 0 auto 32px auto;
	padding: 15px 20px 20px 20px;
	font-size: 16px;
	border: 2px solid #000;
}
.contactForm dl dt {
	margin: 0 0 10px 0;
}
.contactForm dl dd ul {
	letter-spacing: -0.4em;
}
.contactForm dl dd ul li {
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	vertical-align: top;
}
.contactForm dl dd ul li label {
	position: relative;
	padding: 4px 0 0 37px;
}
.contactForm dl dd ul li label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.contactForm dl dd ul li label:before {
	position: absolute;
	top: 0;
	left: 3px;
	content: "";
	width: 20px;
	height: 20px;
	border: 2px solid #4f4f4f;
	background: #fff;
}
.contactForm dl dd ul li label.checked:after {
	position: absolute;
	top: -7px;
	left: 0;
	content: "";
	width: 32px;
	height: 28px;
	background: url(/common/images/icn_check.png) no-repeat 0 0;
}
.contactForm table {
	width: 675px;
	margin: 0 auto;
}
.contactForm table th {
	width: 204px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.contactForm table td {
	padding: 0 0 35px 0;
	font-size: 14px;
}
.contactForm table td input {
	height: 36px;
	padding: 3px;
	box-sizing: border-box;
	border: none;
	background: #efefef;
}
.contactForm table td ul {
	margin: 0 0 -24px 0;
}
.contactForm table td ul li {
	margin: 0 0 24px -15px;
}
.contactForm table td ul li.inputAddress input {
	margin: 0 15px 0 5px;
}
.inputTxt01 {
	width: 470px;
}
.inputTxt02 {
	width: 100px;
}
.inputTxt03 {
	width: 120px;
}
.inputTxt04 {
	width: 390px;
}
.inputTxt05 {
	width: 470px;
	height: 120px;
	padding: 3px;
	box-sizing: border-box;
	border: none;
	background: #efefef;
}
.inputHyphen {
	margin: 0 5px;
}
.contactRequire {
	color: #c40006;
	font-size: 14px;
	font-weight: normal;
}
.contactPrivacy {
	width: 810px;
	height: 125px;
	margin: 0 auto;
	padding: 15px 20px;
	font-size: 13px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
}
.contactPrivacy ul {
	padding: 0 0 5px 20px;
}
.contactPrivacy p {
	padding: 0 0 15px 0;
}
.contactCheck {
	padding: 10px 0 30px 0;
	font-size: 16px;
	text-align: center;
}
.contactBtn {
	text-align: center;
}
.contactBtn input {
	width: 630px;
	color: #000;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
	font-size: 32px;
	font-weight: bold;
	line-height: 80px;
	letter-spacing: 10px;
	text-decoration: none;
	cursor: pointer;
	border: 5px solid #000;
	background: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.g-recaptcha{
       margin-right: auto;
       margin-left: auto;
       text-align: center;
       width: 300px;
       padding: 0 0 30px;
}

/*-------------------------------------
 プライバシーポリシー
-------------------------------------*/
.privacyList {
	margin: 0 0 0 10px;
	padding: 15px 0 5px 20px;
	line-height: 2;
}
.privacyList li {
	margin: 0 0 15px 0;
	list-style: disc;
}

/*-------------------------------------
 配信ガイドライン
-------------------------------------*/
h5.guidelineH5 {
font-size: 18px;
font-weight: bold;
margin:20px 0 15px;
}

@media screen and (max-width: 780px){
h5.guidelineH5 {
font-size:16px;
}
}

.guidelineList {
margin: 0 0 20px 0;
padding: 0 0 5px 20px;
}
.guidelineList li {
margin: 0 0 5px 0;
list-style: disc;
}

p.guidelineEnd {
text-align:right;
}





















/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/


/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 781px) {

.btnStyle01 a:hover,
.btnStyle02 a:hover,
.contactBtn input:hover,
.gameBtn a:hover {
	color: #fff;
	background: #000;
}
.cntSlider .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #c40006;
}
.menuList li a:hover,
.gameBanner a:hover,
.gamePic a:hover,
.companyBanner a:hover {
	opacity: 0.8;
}
.newsTab li:hover,
.newsLink a:hover,
.newsTitle p a:hover,
.gameBox .gameTxt h4 a:hover,
.gameList li h4 a:hover,
.recruitCareerTab ul li:hover {
	opacity: 0.7;
}
.newsTab li.select:hover {
	opacity: 1;
}
.gameReadmore:hover,
.recruitQaReadmore:hover,
.guidelineQaReadmore:hover{
	background: #000;
}
.gameData td a:hover {
	text-decoration: none;
}
.recruitIndexTab ul li:hover .recruitIndexTabPic img {
	width: 250px;
	margin: 0;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
.recruitIndexTalkReadmore a:hover {
	background: #fff;
}
.recruitIndexTopicBox .bx-wrapper .bx-prev:hover {
	background: url(/common/images/btn_prev_on.png) no-repeat 0 0;
}
.recruitIndexTopicBox .bx-wrapper .bx-next:hover {
	right: 0;
	background: url(/common/images/btn_next_on.png) no-repeat 0 0;
}
.recruitBanner ul li a:hover {
	border: 5px solid #c40006;
	background: url(/common/images/icn_arw05.png) no-repeat right center #c40006;
}

/*-------------------------------------
 緊急連絡用ツイッター
-------------------------------------*/

/* 拡張パーツ */
.bandBannertwitter {
	background: #c40006;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
}

.iframetwitter {
	background: #f0f8ff;
	color: #fff;
	text-align: center;
}


}









/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 780px) {

/*-------------------------------------
 list
-------------------------------------*/
.menuList {
	max-width: 400px;
	margin: 0 auto 20px auto;
}
.menuList li {
	display: block;
	width: auto;
	margin: 0 0 40px 0;
}
.menuList li h3 {
	padding: 10px 0 0 0;
	font-size: 18px;
}

.dlList01 dt {
	float: none;
	width: auto;
}
.dlList01 dd {
	padding: 0;
}


/*-------------------------------------
 btn
-------------------------------------*/
.btnStyle01,
.btnStyle02 {
	padding: 0 0 20px 0;
}
.btnStyle01 a,
.btnStyle02 a {
	display: block;
	width: auto;
	border: 3px solid #000;
}
.btnStyle01 a,
.btnStyle02 a {
	font-size: 20px;
	line-height: 40px;
}


/*-------------------------------------
 title
-------------------------------------*/
.ttlStyle01 em {
	padding: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 4px solid #c40006;
}


/*-------------------------------------
 box
-------------------------------------*/
.cntBox01 {
	margin: 0 -10px 50px -10px;
	padding: 20px 10px 0 10px;
}
.cntBox01 h4 {
	margin: 0 0 20px 0;
	font-size: 18px;
}
.cntBox01 .cntRow {
	padding: 0 0 20px 0;
}
.cntBox01 .cntTxt {
	float: none;
	width: auto;
	padding: 0 0 20px 0;
}
.cntBox01 .cntPic {
	float: none;
	width: auto;
	text-align: center;
}
.cntBox01 .cntSlider {
	float: none;
	width: auto;
	text-align: center;
}


/*-------------------------------------
 ニュース
-------------------------------------*/
.newsMain {
	float: none;
	width: auto;
	margin: 0 -10px;
}
.newsNav {
	float: none;
	width: auto;
}
.newsNavTitle {
	font-size: 16px;
}

/* 一覧
-------------------------------------*/
.newsTab {
	margin: 0;
}
.newsTab li {
	width: 20%;
	margin: 0 4px -1px 4px;
	font-size: 14px;
	line-height: 40px;
}
.newsList ul li {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #d6d6d6;
}
.newsList ul li:after {
	position: absolute;
	top: 3px;
	bottom: 3px;
	right: 0;
	width: 18px;
	content: "";
	background: url(/common/images/icn_arw08.png) no-repeat right center;
	background-size: 18px auto;
}
.newsList ul li .newsDate {
	float: none;
	width: auto;
	padding: 0 30px 0 10px;
	font-size: 11px;
	overflow: hidden;
}
.newsList ul li .newsDate img {
	padding: 0;
}
.newsList ul li .newsTxt {
	padding: 0 30px 0 10px;
}
.newsList ul li a {
	display: block;
}

/* 詳細
-------------------------------------*/
.newsDetailTitle {
	padding: 0 10px;
}
.newsDetailTitle p {
	margin: 0 0 10px 0;
}
.newsDetailTitle p img {
	display: inline-block;
	float: none;
	margin: 0 0 0 5px;
	padding: 2px 0 0 0;
	vertical-align: top;
}
.newsDetailTitle h3 {
	margin: 0 0 20px 0;
	font-size: 18px;
	text-align: left;
}
.newsDetail {
	padding: 0 10px;
}
.newsDetail p {
	margin: 0 0 20px 0;
	line-height: 1.8;
}
.newsDetail table th {
	display: block;
	padding: 5px 0 0 0;
	border-right: none;
	border-bottom: none;
}
.newsDetail table td {
	display: block;
	padding: 0 0 5px 0;
}
.newsRow .imgR,
.newsRow .imgL {
	width: 120px;
}
.newsLink a {
	background: url(/common/images/icn_arw01.png) no-repeat 97% center #000;
}


/* 新着情報
-------------------------------------*/
.newsArea {
	margin: 0 0 20px 0;
}
.newsTitle,
.newsGroup {
	display: block;
}
.newsTitle {
	width: auto;
	margin: 0 -10px 0 0;
	padding: 0;
	overflow: hidden;
}
.newsTitle h3 {
	float: left;
	padding: 15px 0 0 0;
}
.newsTitle p {
	float: right;
	width: 93px;
	margin: 13px 0;
}
.newsTitle p a {
	padding: 0 10px;
	font-size: 12px;
	line-height: 35px;
	text-decoration: none;
	background: url(/common/images/icn_arw09.png) no-repeat 82px center #000;
	background-size: 7px 8px;
}
.newsGroup {
	width: auto;
	margin: 0 -10px;
	padding: 0;
}
.newsGroup ul {
	border-top: 1px solid #d6d6d6;
}
.newsGroup ul li {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #d6d6d6;
}
.newsGroup ul li:after {
	position: absolute;
	top: 3px;
	bottom: 3px;
	right: 0;
	width: 18px;
	content: "";
	background: url(/common/images/icn_arw08.png) no-repeat right center;
	background-size: 18px auto;
}
.newsGroup ul li .newsDate {
	float: none;
	width: auto;
	padding: 0 30px 0 10px;
	font-size: 11px;
	overflow: hidden;
}
.newsGroup ul li .newsDate img {
	padding: 0;
}
.newsGroup ul li .newsTxt {
	padding: 0 30px 0 10px;
}
.newsGroup ul li a {
	display: block;
}


/*-------------------------------------
 ゲーム
-------------------------------------*/

/* 一覧
-------------------------------------*/
.gameBox .gamePic {
	float: none;
	width: auto;
}
.gameBox .gameTxt {
	position: relative;
	float: none;
	width: auto;
}
.gameBox .gameTxt h4 {
	margin: 0 0 10px 0;
}
.gameList {
	margin: 0;
}
.gameList li {
	display: block;
	width: auto;
	margin: 0 0 30px 0;
}
.gameList li h4 em {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}
.gameBtn {
	padding: 15px 0 0 0;
	text-align: right;
}
.gameBtn a {
	display: block;
	width: auto;
	color: #000;
	font-size: 20px;
	line-height: 40px;
	border: 3px solid #000;
}

/* 詳細
-------------------------------------*/
.gameVisual {
	margin: 0 0 30px 0;
}
.gameDetailTitle {
	margin: 0 0 30px 0;
}
.gameDetailTitle h3 {
	font-size: 20px;
}
.gameDetailTitle p {
	width: auto;
}
.gameData th {
	display: block;
	padding: 5px 0 0 0;
	border-right: none;
	border-bottom: none;
}
.gameData td {
	display: block;
	padding: 0 0 5px 0;
}


/*-------------------------------------
 企業情報
-------------------------------------*/

/* トップメッセージ
-------------------------------------*/
.messageBox {
	padding: 25px 0;
	text-align: left;
}
.messageBox p {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8;
}
.messagePic {
	bottom: 95px;
	width: 100%;
	text-align: center;
}
.messagePic img {
	width: 110px;
}
.messageName {
	padding: 330px 0 0 0;
	text-align: center;
}
.messageName img {
	width: 167px;
}


/* バイキングとは
-------------------------------------*/
.aboutusItem {
	padding: 0;
}
.aboutusItem li {
	clear: both;
	display: block;
	width: auto;
	margin: 0 0 10px 0;
	overflow: hidden;
}
.aboutusItem li img {
	display: inline-block;
	width: 22%;
	max-width: 100px;
	padding: 0 8px 0 0;
	vertical-align: middle;
}
.aboutusItem li p {
	display: inline-block;
	width: 65%;
	min-width: 221px;
	max-width: 280px;
	padding: 0;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
}
.aboutusMovie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.aboutusMovie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* 会社概要
-------------------------------------*/
.infoTxt {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
}
.infoTxt dl dt {
	float: none;
	width: auto;
	font-size: 15px;
}
.infoTxt dl dd {
	padding: 0 0 10px 0;
}
.infoPic {
	float: none;
	width: auto;
	margin: 0;
}
.infoMap {
	position: relative;
	padding-bottom: 62.5%;
	height: 0;
	overflow: hidden;
}
.infoMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.infoAccess {
	padding: 30px 0;
}
.infoAccess dl {
	float: none;
	width: auto;
}
.infoAccess dl dt {
	float: none;
	width: auto;
	font-size: 15px;
}
.infoAccess dl dd {
	padding: 0 0 10px 0;
	font-size: 14px;
}
.infoAccess p {
	float: none;
	width: auto;
}
.infoAccess p img {
	width: 100%;
}


/*-------------------------------------
 採用情報
-------------------------------------*/

/* トップ
-------------------------------------*/
.recruitIndexTitle h3 {
	padding: 0 0 30px 0;
	font-size: 28px;
}

/* 募集職種 */
.recruitIndexTab ul {
	display: table;
	width: auto;
	padding: 0 5px;
	table-layout: fixed;
}
.recruitIndexTab ul li {
	display: table-cell;
	width: 25%;
	padding: 18px 0 12px 0;
	cursor: pointer;
	box-sizing: border-box;
}
.recruitIndexTab ul li .recruitIndexTabPic {
	width: 68px;
	height: 68px;
	margin: 0 auto;
}
.recruitIndexTab ul li .recruitIndexTabPic img {
	width: 52px;
	margin: 8px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.recruitIndexTab ul li.select .recruitIndexTabPic img {
	width: 68px;
}
.recruitIndexTab ul li.select:after {
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #c40006 transparent transparent transparent;
}
.recruitIndexTabTxt {
	padding: 6px 0 0 0;
	line-height: 1.2;
}
.recruitIndexTabTxt em {
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 1.1;
}
.recruitIndexPanelBox {
	width: auto;
	padding: 18px 0 0 0;
	font-size: 14px;
}
.recruitIndexPanelBox h4 {
	padding: 0 10px 10px 10px;
	font-weight: normal;
	border-bottom: 1px solid #d6d6d6;
}
.recruitIndexPanelBox h4 em {
	display: block;
	padding: 0 0 5px 0;
	font-size: 25px;
}
.recruitIndexPanelBox dl {
	padding: 10px;
}
.recruitIndexPanelBox dl dt {
	float: none;
	width: auto;
	color: #c40006;
}
.recruitIndexPanelBox dl dd {
	padding: 0 0 10px 0;
	line-height: 1.6;
}
.recruitIndexPanelBox p {
	padding: 10px;
}
.recruitIndexPanelBox .recruitIndexItem {
	padding: 0 0 40px 135px;
}

/* ここがスゴイ */
.recruitIndexTopicBox {
	width: auto;
	height: auto;
	margin: 0 auto;
}
.recruitIndexTopicBox ul li {
	margin: 0;
	padding: 0 30px 20px 30px;
}
.recruitIndexTopicTxt {
	float: none;
	width: auto;
	height: auto;
	padding: 20px 0;
}
.recruitIndexTopicTxt h4 {
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 1.5;
}
.recruitIndexTopicTxt h4 img {
	position: absolute;
	top: -20px;
	left: -20px;
	width: 55px;
}
.recruitIndexTopicPic {
	float: none;
	width: auto;
	height: auto;
}
.recruitIndexTopicBox .bx-wrapper .bx-prev {
	left: 0;
	background: url(/common/images/btn_prev_on.png) no-repeat 0 0;
	background-size: 18px auto;
}
.recruitIndexTopicBox .bx-wrapper .bx-next {
	right: 0;
	background: url(/common/images/btn_next_on.png) no-repeat 0 0;
	background-size: 18px auto;
}
.recruitIndexTopicBox .bx-wrapper .bx-controls-direction a {
	margin-top: -35px;
	width: 18px;
	height: 34px;
}
/* バナー */
.recruitBanner {
	width: auto;
	margin: 0 auto;
}
.recruitBanner ul {
	margin: 0;
}
.recruitBanner ul li {
	float: none;
	margin: 0 0 15px 0;
}
.recruitBanner ul li a {
	height: auto;
	padding: 0 20px 0 0;
	font-size: 20px;
	border: 3px solid #e6e6e6;
	background: url(/common/images/icn_arw04.png) no-repeat right center #e6e6e6;
	background-size: 14px auto;
}
.recruitBanner ul li dl,
.recruitBanner ul li p {
	min-width: 187px;
	height: auto;
	padding: 3px 3px 3px 8px;
}
.recruitBanner ul li p {
	line-height: 1.4;
}
.recruitBanner ul li dl dt {
	display: inline-block;
	vertical-align: middle;
}
.recruitBanner ul li dl dd {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}
.recruitBanner ul .recruitBanner01 a {
	display: block;
	width: auto;
}
.recruitBanner ul .recruitBanner01 dl,
.recruitBanner ul .recruitBanner01 p {
	display: block;
	padding: 3px 3px 3px 8px;
	vertical-align: middle;
}
.recruitBanner ul .recruitBanner01 p {
	padding: 3px 3px 8px 8px;
	text-align: center;
}
.recruitBanner ul .recruitBanner04 a {
	display: block;
	width: auto;
}
.recruitBanner ul .recruitBanner04 dl,
.recruitBanner ul .recruitBanner04 p {
	display: block;
	padding: 3px 3px 3px 8px;
	vertical-align: middle;
}
.recruitBanner ul .recruitBanner04 p {
	padding: 3px 3px 8px 8px;
	text-align: center;
}

/* 中途採用
-------------------------------------*/
.recruitCareerTab {
	position: relative;
	margin: 0 -10px -1px -10px;
	overflow: hidden;
}
.recruitCareerTab ul {
	display: table;
	padding: 0 7px 0 10px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 3px 0;
}
.recruitCareerTab ul li {
	display: table-cell;
	width: 23%;
	margin: 0;
	padding: 5px 0;
	font-size: 10px;
	vertical-align: middle;
}
.recruitCareerTab ul li em {
	font-size: 13px;
}
.recruitCareerPanel {
	margin: 0 -10px;
	padding: 20px 10px;
	border: none;
	border-top: 1px solid #e0e0e0;
}
.recruitCareerPanel h5 {
	padding: 1px 7px;
	font-size: 17px;
}
.recruitCareerPanel dl dt {
	clear: both;
	float: none;
	width: auto;
	padding: 10px 0 0 0;
}
.recruitCareerPanel dl dd {
	padding: 0 0 10px 0;
}
.recruitCareerLead {
	padding: 10px 0 30px 0;
	font-weight: normal;
}
.recruitCareerPanel ul {
	margin: 0;
}
.recruitCareerPanel ul li {
	display: block;
	width: auto;
	margin: 0 0 40px 0;
}
.recruitCareerPanel ul li h6 {
	font-size: 18px;
}
.recruitDetail table th {
	display: block;
	width: auto;
	font-size: 15px;
}
.recruitDetail table td {
	display: block;
	padding: 0 0 20px 0;
}
.recruitFlowTitle {
	float: none;
	width: auto;
	font-weight: bold;
}
.recruitFlowTxt {
	padding: 0;
}

/* よくある質問
-------------------------------------*/
.recruitQa,
.guidelineQa{
	width: auto;
}
.recruitQa dt,
.recruitQa dd,
.guidelineQa dt,
.guidelineQa dd{
	padding: 0 0 0 25px;
}
.recruitQa dt .recruitQ,
.recruitQa dd .recruitA,
.guidelineQa dt .guidelineQ,
.guidelineQa dd .guidelineA{
	width: 28px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
}
.recruitQa dt .recruitTxt,
.guidelineQa dt .guidelineTxt{
	padding: 3px 25px 3px 13px;
	font-size: 14px;
	background: url(/common/images/icn_plus.png) no-repeat 98% center #fff;
	background-size: 12px 12px;
}
.recruitQa dt.open .recruitTxt,
.guidelineQa dt.open .guidelineTxt{
	background: url(/common/images/icn_minus.png) no-repeat 98% center #fff;
	background-size: 12px 12px;
}
.recruitQa dd .recruitTxt,
.guidelineQa dd .guidelineTxt{
	padding: 12px 13px;
	font-size: 13px;
}


/*-------------------------------------
 お問い合わせ
-------------------------------------*/
.contactForm {
	padding: 20px 10px 0 10px;
}
.contactForm dl {
	width: auto;
	margin: 0 0 20px 0;
	padding: 15px 10px 5px 10px;
	font-size: 14px;
}
.contactForm dl dd ul li {
	display: block;
	width: auto;
	margin: 0 0 10px 0;
}
.contactForm dl dd ul li label {
	display: inline-block;
	padding: 0 0 0 16px;
}
.contactForm dl dd ul li label:before {
	top: 5px;
	left: 2px;
	width: 10px;
	height: 10px;
	border: 1px solid #4f4f4f;
}
.contactForm dl dd ul li label.checked:after {
	position: absolute;
	top: 1px;
	left: 0;
	content: "";
	width: 16px;
	height: 14px;
	background-size: 16px 14px;
}

.contactForm table {
	width: 100%;
	margin: 0;
}
.contactForm table th {
	display: block;
	width: auto;
}
.contactForm table td {
	display: block;
	padding: 0 0 20px 0;
}
.contactForm table td input {
	font-size: 15px;
	box-sizing: border-box;
}
.contactForm table td ul li {
	margin: 0 0 24px 0;
}
.contactForm table td ul li.inputAddress label {
	display: block;
}
.contactForm table td ul li.inputAddress input {
	margin: 0;
}
.inputTxt01 {
	width: 100%;
}
.inputTxt02 {
	width: 27%;
}
.inputTxt03 {
	width: 100%;
}
.inputTxt04 {
	width: 100%;
}
.inputTxt05 {
	width: 100%;
	height: 120px;
	padding: 3px;
}
.contactPrivacy {
	width: auto;
	height: 125px;
	-webkit-overflow-scrolling: touch;
}
.contactBtn input {
	width: 100%;
	font-size: 20px;
	line-height: 40px;
	border-radius: 0;
	-webkit-appearance: none;
}


/*-------------------------------------
 プライバシーポリシー
-------------------------------------*/





}