@charset "utf-8";

/**
 *
 *  コンテンツ共通
 *
 */

a:hover{ color: #ac9061; }

/* レイアウト
-----------------------------------------------------------------*/
.wrap{
	position:relative;
	overflow:hidden;
	}

.inner{
	position:relative;
	width: 100%;
	margin:0 auto;
	}
.container{
	position:relative;
	margin-left:auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
}
.row{
	position:relative;
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack:justify; /*--- IE10 ---*/
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:no-wrap;
	-webkit-flex-wrap:no-wrap;
	-ms-flex-wrap:none; /*--- IE10用 ---*/
	}
.flex-center{
	webkit-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center; /*--- IE10 ---*/
}
.flex-start{
	-webkit-justify-content: flex-start;
	justify-content:flex-start;
	-ms-flex-pack: start; /*--- IE10 ---*/
}
.flex-wrap{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap; /*--- IE10用 ---*/	
}
.flex-re{
	-webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
}
.cell2,.cell3,.cell4{
	position:relative;
	box-sizing:border-box;
	}
.cell2 img,.cell3 img,.cell4 img{
	width:100%;
}
.cell2{
	width:50%;
	}
.cell3{
	width:33.333333%;
	}
.cell4{
	width:25%;
	}
.f-left{
	float:left;
	}
.f-right{
	float:right;
	}
figure img{
	width:100%;
	}
.slim{
	width:800px;
	margin:0 auto;
	}
.inline{ display:inline; }
.noshow{ display: none;}
.pc-1280{ display:block; }
header,article,section,footer{
	position:relative;
}
/* グローバルナビゲーション
-----------------------------------------------------------------*/
#header-navi{
	background: rgba(0,0,0,1);
	border-bottom: #ac9061 solid 5px;
	height: 130px;
	z-index: 10000;
}
.logo{
	position: absolute;
	top:20px;
	left: 0;
}
.logo a{
	display: inline-block;
	position: relative;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 22px;
	color: #FFF;
	line-height: 1.5;
}
.logo span{
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/header_logo.png) no-repeat left top;
	background-size: 94px auto;
	line-height: 1;
	margin-top: 5px;
}
.logo a em{
	font-style: normal;
	color: #ffbb00;
}
.logo a:hover{
	opacity: .7;
}

#global-navi{
	z-index: 200;
}
#global-navi ul.navi-main {
	float: right;
	padding:0;
	margin-top: 80px;
	}
#global-navi ul.navi-main li {
	float: left;
	padding: 0;
	border-left: #424242 solid 1px;
	padding-left: 20px;
	margin-left: 20px;
	}
#global-navi ul.navi-main > li a {
  display: block;
	position:relative;
	color: #FFF;
	font-size: 15px;
	letter-spacing: 1px;
	}
#global-navi ul.navi-main > li:first-child {
	border-left: none;
	}
#global-navi ul.navi-main > li a:hover,
#story #global-navi ul.navi-main > li.navi02 a,
#corp #global-navi ul.navi-main > li.navi03 a,
#message #global-navi ul.navi-main > li.navi03 a,
#profile #global-navi ul.navi-main > li.navi03 a,
#business #global-navi ul.navi-main > li.navi03 a,
#staff #global-navi ul.navi-main > li.navi04 a,
#require #global-navi ul.navi-main > li.navi05 a{
	color: #ac9061;
	}

#global-navi ul.navi-main > li.navi-entry{
	position: absolute;
	top:20px;
	right: 0;
	border: none;
}
#global-navi ul.navi-main > li.navi-entry a{
	display: inline-block;
	width: 128px;
	padding: 6px 0;
	font-size: 13px;
	letter-spacing: 0;
	text-align: center;
}
#global-navi ul.navi-main > li.navi-entry a.navi-newcomer{
	background: #ac9061;
}
#global-navi ul.navi-main > li.navi-entry a.navi-career{
	background: #324f7f;		
}
#global-navi ul.navi-main > li.navi-entry a.navi-newcomer:hover,
#global-navi ul.navi-main > li.navi-entry a.navi-career:hover{
	color: #FFF;
	opacity: .7;
}

/* Toggle Button */
#navi-toggle {
    display: none;
    position: absolute;
    right: 0;
    top: 27px;
    width: 24px;
    height: 20px;
    cursor: pointer;
    z-index: 101;
}
#navi-toggle div {
    position: relative;
}
#navi-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #FFF;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#navi-toggle span:nth-child(1) {
    top: 0;
}
#navi-toggle span:nth-child(2) {
    top: 8px;
}
#navi-toggle span:nth-child(3) {
    top: 16px;
}


/* #header
-----------------------------------------------------------------*/
header{
	z-index: 0;
}
#recruit header{
	height: 580px;
}
.cover-dot{
	width:100%;
	height: 580px;
	background: rgba(0,0,0,.5);
	position:absolute;
	z-index: 500;
}
header .mv-txt{
	color: #FFF;
	padding-top: 200px;
}

header .mv-txt .head-copy{
	width: 578px;
	height: 126px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/top/mv_ttl.png) no-repeat left top;
	background-size: 578px auto;
}

#mv_top{
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 1;
	height: 580px;
}
.mv_top_bg01 { background: url(../images/top/mv01.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg02 { background: url(../images/top/mv02.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg03 { background: url(../images/top/mv03.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg04 { background: url(../images/top/mv04.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg05 { background: url(../images/top/mv05.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg06 { background: url(../images/top/mv06.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg07 { background: url(../images/top/mv07.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg08 { background: url(../images/top/mv08.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg09 { background: url(../images/top/mv09.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg10 { background: url(../images/top/mv10.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg{
	overflow: hidden;
  width: 100%;
	height: 580px;
  display: block;
  -webkit-animation: inout 12s;
  -moz-animation: inout 12s;
  animation: inout 12s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

@-webkit-keyframes inout {
  0%   { -webkit-transform: scale(1.25); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes inout {
  0%   { -moz-transform: scale(1.25); }
  100% { -moz-transform: scale(1); }
}
@keyframes inout {
  0%   { transform: scale(1.25); }
  100% { transform: scale(1); }
}

/* ページタイトル
-----------------------------------------------------------------*/
.ttl-section{
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 25px;
}


/*-----------------------------------------------------------------

FOOTER

-----------------------------------------------------------------*/
footer{
	text-align: left;
	background: #ededed;
	padding-top: 50px;
	}
/* #FooterMenu
-----------------------------------------------------------------*/
#footer-navi{
}
#footer-navi ul{
	font-size: 15px;
	margin-bottom: 15px;
}
#footer-navi ul li{
	float: left;
	padding-right:20px;
}
#footer-navi ul li a{
	color: #484848;
}
#footer-bar{
	background: #000;
	position: relative;
	padding: 20px 0;
}
#footer-bar .logo{
	position: static;
}
#footer-bar .logo a{
	display:block;
	font-weight: 400;
	font-size: 17px;
	color: #FFF;
	width: auto;
}
.pagetop{
	position: absolute;
	top: -70px;
	right: 0;
}
.pagetop a{
	background:url(../images/arrow_up_wh.png) no-repeat 90% 50% #000;
	background-size: 15px 8px;
	padding:20px 60px 20px 20px;
	line-height: 1;
	color: #FFF	;
}
#footer-bottom{
	border-bottom: #ddd solid 1px;
	padding: 20px 0;
}
#footer-bottom ul{
}
#footer-bottom ul li{
	float: left;
	padding-right: 30px;
	position: relative;
}
#footer-bottom ul li a{
	color: #888;
}
#footer-bottom ul li::after{
	content: '/';
	color: #888;
	position: absolute;
	right: 13px;
	top:0;
}
#footer-bottom ul li:last-child:after{
display: none;
}
#footer-bottom .logo{
	right: 0;
	left: auto;
	top:-5px;
}
#footer-bottom .logo a{
	background: url(../../images/logo_co.png) no-repeat left top;
	width: 170px;
	height: 29px;
	background-size: 170px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.copy{
	text-align: center;
	color:#888888;
	padding: 20px 0;
	}
footer a:hover,
#footer-navi ul li a:hover,
#footer-bottom ul li a:hover{
	color: #ac9061;
}

/* --------------------------------テーブル----------------------------------- */
.table-farme{
	width: 100%;
	font-size: 15px;
}
.table-farme tr th,
.table-farme tr td{
	padding: 20px;
	line-height: 1.8;
}

.table-farme tr:nth-child(odd) th,
.table-farme tr:nth-child(odd) td{
	background: #f5f5f5;
}
.table-farme tr th{
	font-weight: 400;
	min-width: 6em;
}
.table-farme tr td{
	font-weight: 700;
}

/*-----------------------------------------------------------------
 PC MAX(1600px)以上のスタイル
-----------------------------------------------------------------*/
@media screen and (min-width: 1600px) {
}

/*-----------------------------------------------------------------
 PC 1280px以下のスタイル
-----------------------------------------------------------------*/
@media only screen and (max-width: 1279px) {
	.pc-1280{ display:none; }
}

/*-----------------------------------------------------------------

 PC 1050px以下のスタイル

-----------------------------------------------------------------*/
@media only screen and (max-width: 1049px) {
	.slim{
		width:90%;
		margin:0 auto;
		}
	#footer-navi > ul > li{
		padding: 0 23px;
	}
}
/*-----------------------------------------------------------------

 PC 960px以下のスタイル

-----------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	#global-navi ul.navi-main li {
		font-size: 12px;
		}
	#mobile-head .logo{
	}
	#mobile-head .logo a{
		font-size: 20px;
	}
	#mobile-head .logo span{
	}
}

/*-----------------------------------------------------------------

スマホスタイル

-----------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

.row.flex-cf{
	display:block;
	}
.row.flex-cf > .cell2,.row.flex-cf > .cell3,.row.flex-cf > .cell4{
	width:100%;
	}
.f-left,
.f-right{
	float:none;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
グローバルナビゲーション SP
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header-navi{
	height:75px;
	border-bottom: #ac9061 solid 4px;
}

#mobile-head .logo{
	left: 0;
	top:7px;
	line-height: 1.5;
}
#mobile-head .logo a{
	font-size: 14px;
}
#mobile-head .logo span{
	background-size: 54px auto;
}
#mobile-head {
	position: relative;
	z-index: 999;
	width: 100%;
	background: #fff;
	}
#global-navi {
	visibility:hidden;
	opacity:0;
	position: fixed;
  top: 75px;
  right: 0;
  bottom: 0;
  left: 0;
	overflow: auto;
	z-index:10000;
	width: 100%;
	height:100vh;
	box-sizing:border-box;
	padding: 0 0 75px;
	border-top: #2e2e2e solid 1px;
	background: rgba(0,0,0,0.9);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}
#global-navi ul.navi-main {
	float: none;
	position: static;
	right: auto;
	bottom: auto;
	margin:0;
	font-size: 13px;
	}

#global-navi ul.navi-main li {
	margin: 0;
	float: none;
	position:relative;
	margin-bottom:0;
	padding:20px;
	box-sizing:border-box;
	border-bottom:1px solid #2e2e2e;
	cursor:pointer;
	}
#global-navi ul.navi-main li a{
	padding:0;
	}
#global-navi ul.navi-main li a{
	background: url(../../images/icon_arrow_right.png) no-repeat 100% 49%;
	background-size: 5px 9px;
	}
#global-navi ul.navi-main > li.navi-entry{
	position:relative;
	top:auto;
	right: auto;
	width: 100%;
}
#global-navi ul.navi-main > li.navi-entry a{
	width:50%;
	padding: 10px 0;
}

#navi-toggle {
	display: block;
	z-index:10000;
	}

/* OPEN
	-------------------------------------------------------------- */
#header-navi.open {
	position: fixed;
	width: 100%;
}
.open #navi-toggle span { }
/* #navi-toggle 切り替えアニメーション */
.open #navi-toggle span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
	}
.open #navi-toggle span:nth-child(2) {
	left: 50%;
	width: 0;
}
.open #navi-toggle span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
	}
/* #global-navi スライドアニメーション */
.open #global-navi {
	visibility:visible;
	opacity:1;
	}
	
/* #header
-----------------------------------------------------------------*/
#recruit header{
	height: 300px;
}
.cover-dot{
	height: 300px;
}
.mv_top_bg01 { background: url(../images/top/mv01sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg02 { background: url(../images/top/mv02sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg03 { background: url(../images/top/mv03sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg04 { background: url(../images/top/mv04sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg05 { background: url(../images/top/mv05sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg06 { background: url(../images/top/mv06sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg07 { background: url(../images/top/mv07sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg08 { background: url(../images/top/mv08sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg09 { background: url(../images/top/mv09sp.jpg) no-repeat center center; background-size: cover; }
.mv_top_bg10 { background: url(../images/top/mv10sp.jpg) no-repeat center center; background-size: cover; }

header .mv-txt{
	padding-top: 36px;
}
.mv_top_bg{ height: 300px; }

/* ページタイトル
-----------------------------------------------------------------*/
.ttl-section{
	font-size: 20px;
	margin-bottom: 20px;
}



/*-----------------------------------------------------------------
FOOTER
-----------------------------------------------------------------*/
footer{
	text-align: left;
	background: #ededed;
	padding-top:0;
	}
	footer .container{
		width:100%;
	}
/* #FooterMenu
-----------------------------------------------------------------*/
#footer-navi{
	background: #FFF;
}
#footer-navi ul{
	font-size: 13px;
	margin-bottom: 0;
}
#footer-navi ul li{
	float:none;
	width: 100%;
	padding:15px;
	border-top:#d9d9d9 solid 1px;
	}
#footer-navi ul li a{
	background: url(../../images/icon_arrow_right.png) no-repeat 90% 49%;
	background-size: 5px 9px;
}
#footer-bar{
	background: #000;
	position: relative;
	padding: 10px 0;
}
#footer-bar .logo{
	position: static;
	margin-left:15px; 
}
#footer-bar .logo a{
	font-size: 13px;
}
.pagetop{
	position: absolute;
	top: 0;
	right: 0;
}
.pagetop a{
	background:url(../images/arrow_up_wh.png) no-repeat 86% 47% #000;
	background-size: 13px auto;
	padding:13px 40px 13px 10px;
	font-size: 13px;
}
#footer-bottom{
	border-bottom:none;
	padding: 15px 15px 0;
	box-sizing: border-box;
}

#footer-bottom ul li{
	padding-right: 16px;
}
#footer-bottom ul li a{
	font-size: 11px;
	letter-spacing: -.5px;
}
#footer-bottom ul li::after{
	right: 6px;
}
#footer-bottom .logo{
	position: relative;
	right: auto;
	left: auto;
	top:auto;
	text-align: center;
	padding-top: 40px
}
#footer-bottom .logo a{
	width: 130px;
	height: 22px;
	background-size: 130px auto;
}
.copy{
	text-align: center;
	color:#888888;
	padding:0 0 20px;
	}

#footer-bottom .logo{
	float: none;
	position: relative;
	left: auto;
	right: auto;
	top:auto;
}

	/* --------------------------------テーブル----------------------------------- */
	.table-farme{
		width: 100%;
		font-size: 13px;
	}
	.table-farme tr th,
	.table-farme tr td{
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 20px 20px 0;
	}

	.table-farme tr td{
		padding: 10px 20px 20px;
	}


}




/* =================================================
 *
 *  トップページ
 *
================================================= */

#top-content-head{
	padding-bottom: 60px;
	background: #ededed;
}
.main-catch{
	width: 100%;
	margin: 0 auto;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	background:#ededed;
	position:absolute;
	top:-96px;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 14px;
	text-indent: 14px;
	text-align: center;
	padding:30px 0;
}
#top-main-ttl{
	width: 154px;
	height: 154px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/top/main_ttl.png) no-repeat center center;
	background-size: 154px;
	position: absolute;
	top:-174px;
	right: 30px;
}
/* --------------
#top-know
-------------- */
#top-know{
	background: #ededed;
	padding-bottom: 80px;
}
#top-know *{
	text-align: center;
}
.frame-work{
	margin-bottom: 70px;
}
.frame-work li{
	margin-right: 1px;
}
.frame-work li:last-child{
	margin-right:0;
}
.frame-work li a{
	background: #FFF;
	padding-bottom: 40px;
}
.frame-work li a:hover{
	opacity: .7;	
}
.label-newcomer,
.label-career,
.label-box-new,
.label-box-caree{
	color: #FFF;
	padding: 15px 0;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1;
}
.label-newcomer,
.label-box-new{
	background: #ac9061;
}
.label-career,
.label-box-caree{
	background: #324f7f;
}
.label-box-new,
.label-box-caree{
	display: inline-block;
	width: 50%;
}
.top-job-cat01,
.top-job-cat02,
.top-job-cat03{
	display: block;
	width: 146px;
	height: 150px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 40px auto;
}
.top-job-cat01{
	background: url(../images/top/work_txt01.png) no-repeat center top;
	background-size: 146px auto;
}
.top-job-cat02{
	background: url(../images/top/work_txt02.png) no-repeat center top;
	background-size: 146px auto;
}
.top-job-cat03{
	background: url(../images/top/work_txt03.png) no-repeat center top;
	background-size: 146px auto;
}
.label-story{
	background: #000;
	color: #FFF;
	width: 60%;
	padding: 8px 0;
	margin: 0 auto;
	font-size: 17px;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	font-weight: 700;
	transition: .3s;
}
.top-frame-desc{
	font-size: 15px;
	margin-top: 25px;
	line-height: 1.8;
}
/* --------------
#select-entry
-------------- */
#select-entry{
	padding: 80px 0;
}
#select-entry h3,
#select-entry p,
.frame-entry h4,
.link-entry dt{
	text-align: center;
}
.frame-entry{
	color:#FFF;
}
.frame-entry h4{
	font-size: 25px;
	font-weight: 400;
}
.box-newcomer,
.box-career{
	position: relative;
	background: #ac9061;
	height: 260px;
	box-sizing: border-box;
	padding-top:80px; 
}
.box-career{
	background: #324f7f;
}
.link-entry{
	position: absolute;
	color: #FFF;
	left:50%;
	top:50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);	
	border:rgba(143,116,70,0) solid 1px;
}
.link-entry dt{
	border: rgba(255,255,255,.5) solid 1px;
	width: 220px;
	margin: 8px;
	padding: 10px 0;
	font-size: 16px;
	transition: .3s;
	cursor: pointer;
}
.link-entry dt:hover{
	background: rgba(255,255,255,.2);
}
.link-entry dd{
	display:none;
	text-align: left;
}
.link-entry dd a{
	color: #FFF;
	width: 100%;
	text-align: left;
	padding:12px 8px;
	background:url(../images/arrow_right-wh.png) no-repeat 95% 50% #ac9061;
	background-size: 5px 9px;
	border-top:rgba(143,116,70,1) solid 1px;
	box-sizing: border-box;
	font-size: 13px;
	letter-spacing: 1px;
}
.link-entry dd a:hover{
	background-color:#baa47d;
}
.link-entry.active{
	border:rgba(143,116,70,1) solid 1px;
}
.link-entry.active dt{
	color: #ac9061;
	background: rgba(255,255,255,1);
	border: rgba(255,255,255,1) solid 1px;
}

.box-career .link-entry{
	border:rgba(24,57,111,0) solid 1px;
}
.box-career .link-entry dd a{
	letter-spacing: 0;
	background-color:#324f7f;
	border-top:rgba(24,57,111,1) solid 1px;
}
.box-career .link-entry dd a:hover{
	background-color:#4e6891;
}
.box-career .link-entry.active{
	border:rgba(24,57,111,1) solid 1px;
}
.box-career .link-entry.active dt{
	color: #324f7f;
}

/*-----------------------------------------------------------------

 トップページPC 960px以下のスタイル

-----------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	.container{
		width: 90%;
	}

	.main-catch{
		top:-86px;
		font-size: 24px;
		letter-spacing: 3px;
		text-indent: 3px;
		padding:30px 0 25px 20px;
	}
}
/* =================================================
 *
 *  トップページ SPスタイル
 *
================================================= */
@media only screen and (max-width: 767px) {

	/* =================================================
	 *  トップページ
	================================================= */
	#top-content-head{
		padding-bottom: 30px;
	}
	#recruit header .mv-txt{
		padding-top: 100px;
	}
	header .mv-txt .head-copy{
		width: 300px;
		height: 66px;
		background-size: 100% auto;
	}

	.main-catch{
    top: -53px;
		font-size: 15px;
		letter-spacing: 1px;
		text-indent: 0;
		padding:15px;
		box-sizing: border-box;
	}
	#top-main-ttl{
		width: 60px;
		height: 60px;
		background-size: 60px;
		top:-80px;
		right: 2%;
	}
	/* --------------
	#top-know
	-------------- */
	#top-know{
		padding-bottom: 40px;
	}
	.frame-work{
		margin-bottom: 30px;
	}
	.frame-work li{
		margin-right:0;
		margin-bottom: 15px;
	}
	.frame-work li:last-child{
		margin-bottom: 0;
	}
	.frame-work li a{
		padding-bottom:0;
	}
	.label-newcomer,
	.label-career,
	.label-box-new,
	.label-box-caree{
		padding: 10px 0;
		margin-bottom:0;
		font-size: 13px;
	}
	.label-box-new,
	.label-box-caree{
		display: inline-block;
		width: 50%;
	}
	.harf{
		position:relative;
		display:-moz-box;
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-pack:justify; /*--- IE10 ---*/
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap:no-wrap;
		-webkit-flex-wrap:no-wrap;
		-ms-flex-wrap:none; /*--- IE10用 ---*/
	}
	.cell3 .harf figure,
	.cell3 .harf span{
		width:50%;
		position:relative;
		overflow: hidden;
	}
	.cell3 .harf figure img{
		display: none;
	}
	.top-job-img01{
		background: url(../images/top/work_img02.jpg) no-repeat 70% center;
		background-size: cover;
	}
	.top-job-img02{
		background: url(../images/top/work_img03.jpg) no-repeat 55% center;
		background-size: cover;
	}
	.top-job-img03{
		background: url(../images/top/work_img01.jpg) no-repeat 70% center;
		background-size: cover;
	}
	.top-job-cat01,
	.top-job-cat02,
	.top-job-cat03{
		margin: 34px 0;
		height: 109px;
	}
	.top-job-cat01,
	.top-job-cat02,
	.top-job-cat03{
		background-size: 105px auto;
	}
	.label-story{
		background:url(../images/arrow_right-wh.png) no-repeat 96% 50% #000;
		background-size: 5px 9px;
		width: 100%;
		font-size: 13px;
		padding: 12px 0;
	}
	.top-frame-desc{
		font-size: 12px;
		margin-top: 15px;
		line-height: 1.6;
	}
	.frame-corp{
		margin-bottom: 30px;
	}
	/* --------------
	#select-entry
	-------------- */
	#select-entry{
		padding: 40px 0;
	}
	.frame-entry h4{
		font-size: 18px;
	}
	.box-newcomer,
	.box-career{
		height: 150px;
		padding-top: 36px;
	}
	.link-entry{
		z-index: 100;
	}
	.link-entry {

	}
	.link-entry dt {
    width: 220px;
    margin: 8px;
    padding: 7px 0 5px;
    font-size: 13px;
	}
	.link-entry dt{
		font-size: 13px;
	}
	.link-entry dt:hover{
		background: rgba(255,255,255,.2);
	}
	.link-entry dd{
		display:none;
		text-align: left;
	}
	.link-entry dd a{
		color: #FFF;
		width: 100%;
		text-align: left;
		padding:12px 8px;
		background:url(../images/arrow_right-wh.png) no-repeat 95% 50% #ac9061;
		background-size: 5px 9px;
		border-top:rgba(143,116,70,1) solid 1px;
		box-sizing: border-box;
		font-size: 13px;
		letter-spacing: 1px;
	}
	.link-entry dd a:hover{
		background-color:#baa47d;
	}
	.link-entry.active{
		border:rgba(143,116,70,1) solid 1px;
	}
	.link-entry.active dt{
		border: #FFF solid 1px;
		color: #ac9061;
		background: rgba(255,255,255,1);
	}

	.box-career .link-entry{
		border:rgba(24,57,111,0) solid 1px;
	}
	.box-career .link-entry dd a{
		background-color:#324f7f;
		border-top:rgba(24,57,111,1) solid 1px;
	}
	.box-career .link-entry dd a:hover{
		background-color:#4e6891;
	}
	.box-career .link-entry.active{
		border:rgba(24,57,111,1) solid 1px;
	}
	.box-career .link-entry.active dt{
		color: #324f7f;
	}
}



/*-----------------------------------------------------------------
下層 1190px以下のスタイル
-----------------------------------------------------------------*/
@media only screen and (max-width: 1189px) {
	#Main .container{
		width: 90%;
	}
	#Main .list-thumb li {
    width: 30%;
	}
}

/*-----------------------------------------------------------------

下層960px以下のスタイル

-----------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	.container{
		width: 90%;
	}
	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	 お問い合わせ
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	table.form th{
		width: 36%;
	}
}

/*-----------------------------------------------------------------

下層SPスタイル

-----------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	/* #header
	-----------------------------------------------------------------*/

	/* パンくずリスト
	---------------------------------------------------------------------------*/
	.bread-crumb{
		top:15px;
		left: 15px;
		font-size:10px;
		}

	/* コンテンツ内
	---------------------------------------------------------------------------*/
	.alignleft {
		float: none;
	}

}

@media only screen and (max-width: 321px) {
	.main-catch {
    text-align: left;
    padding: 15px 0 15px 15px;
	}
}

/* iOS 8 用 */
.ios a:hover,
.ios *:hover{
	opacity: 1 !important;
}