@charset "utf-8";

/* =================================================
 *
 *  下層
 *
================================================= 

 共通

----------------*/
header{
	margin-bottom: 60px;
}
footer{
	text-align: left;
	background: #FFF;
	padding-top:80px;
	}
#footer-bottom{
	background: #ededed;
	}
.copy{
	background: #ededed;
	}

/* -----------------------------------------------------------------
 #header
-----------------------------------------------------------------*/
header .mv-txt{
	color: #000;
	padding-top:0;
}

.lower header .cat-ttl{
	padding-top: 40px;
	margin-bottom: 40px;
}
.lower header .cat-ttl h1{
	color:#666666;
	font-size: 16px;
	font-weight: 400;
}
.lower header .cat-ttl h1 span{
	color:#9d8161;
	font-size: 34px;
	font-weight: 600;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	display: block;
	letter-spacing: 2px;
	text-indent: 2px;
	margin-bottom: 10px;
}
.container{
	position:relative;
	margin-left:auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
}

.contents-navi{
	text-align: center;
	width:100%;
	background:#f0f0f0;
	font-size: 15px;
}
.contents-navi ul li{
	text-align: center;
	width: 25%;
	margin: 20px 0;
	border-right: #d9d9d9 solid 1px;
}
.contents-navi ul li:first-child{
	border-left: #d9d9d9 solid 1px;	
}
.contents-navi ul .active{
	color:#9d8161;
	font-weight: 700;
	padding: 4px 0;
}
.contents-navi ul li a{
	text-align: center;
	display: block;	
	color:#737373;
	padding: 4px 0;
	font-weight: 400;
}
.contents-navi ul li a:hover{
	color:#9d8161;
}
.bottom-navi{
	margin-top: 60px;
}

.mv{
	position: relative;
	height: 225px;
}

#message .mv{
	background: url(../images/corp/message_mv.jpg) no-repeat center top;
	background-size: cover;
	height: 600px;
}
#profile .mv{
	background: url(../images/corp/profile_mv.jpg) no-repeat right top;
	background-size: cover;
}
#business .mv{
	background: url(../images/corp/business_mv.jpg) no-repeat center bottom;
	background-size: cover;
	height: 660px;
}
#require .mv{
	background: url(../images/require/mv.jpg) no-repeat left top;
	background-size: cover;
}

.mv .mv-txt{
	display: inline-block;
	position:relative;
	top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);	
}
#message .mv .mv-txt{
	left:20%;
	top:50%;
	position: absolute;
}
.mv .mv-txt h2{
	padding: 15px;
	color: #FFF;
	background: #9d8161;
	font-size: 14px;
	letter-spacing:1px;
}
#message .mv .mv-txt h2,
#business .mv .mv-txt h2{
	margin-bottom: 50px;
	display: inline-block;
}
#require .mv .mv-txt h2{
	display: inline-block;
	width: 290px;
	box-sizing: border-box;
}
#require .mv .mv-txt h2.ttl-career{
	background: #324f7f;
}
.mv .mv-txt h2 strong{
	font-size: 17px;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
}
.mv .mv-txt h3{
	font-size: 47px;
	letter-spacing: 10px;
	text-indent: 10px;
	margin-bottom: 40px;
}
#business .mv .mv-txt h3{
	letter-spacing: 5px;
	text-indent: 5px;
}

.mv .mv-txt h3 i{
	display: block;
	letter-spacing: 3px;
	text-indent: 3px;
	font-style: normal;
	font-size: 15px;
	color: #9d8161;
	margin-top: 10px;
}
.mv .mv-txt p{
	letter-spacing: 2px;
	text-indent: 2px;
	font-size: 15px;
	line-height: 2;
}

/* パンくずリスト
---------------------------------------------------------------------------*/
.bread-crumb{
	position: absolute;
	top:10px;
	left: 0;
	font-size:11px;
	text-align:left;
	}
.bread-crumb li{
	color:#9d8161;
	display:inline-block;
	}
.bread-crumb li a{
	margin-right:10px;
	padding-right:10px;
	color:#5e5e5e;
	position: relative;
	}
.bread-crumb li a::after{
	display: block;
	content: '/';
	position: absolute;
	top:0;
	right: -5px;
	color:#5e5e5e !important;
	}
.bread-crumb li a:hover{
	color:#9d8161;
	}

/* コンテンツ内
---------------------------------------------------------------------------*/
.entry .ttl-desc{
	border-left:#9e8261 solid 1px;
	padding-left: 20px;
	font-size: 20px;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.desc{
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 2.1;
	margin-bottom: 80px;
}
.entry figure{
	margin-bottom: 80px;
}

.entry .row .desc{
	width:56%;
}
.entry .row figure{
	width:40%;
}

/* 投稿内（シングルページ）
---------------------------------------------------------------------------*/

.alignleft {
	float: left;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

 会社を知るトップページ

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.top-bnr{
	margin-bottom: 30px;
}
.top-bnr a{
	position: relative;
}
.txt-frame{
	position: absolute;
	top:50%;
	right: 60px;
	margin-top: -110px;
	width: 300px;
	height: 220px;
	background: #9d8161;
	color: #FFF;
	box-sizing: border-box;
	padding: 50px 10px;
	transition: .5s;
}
.top-profile .txt-frame{
	left: 60px;
	right:auto;
}

#corp .ttl-section{
	font-size: 12px;
	margin-bottom: 30px;
	text-align: center;
}
#corp .ttl-section span{
	font-size: 22px;
	display: block;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	letter-spacing: 1px;
	text-indent: 1px;
	margin-bottom: 15px;
}
.txt-frame p{
	font-size: 13px;
	line-height: 1.8;
	width: 240px;
	margin: 0 auto;
}
.top-bnr a:hover{
	opacity:.7;
}
a:hover .txt-frame{
	background: #FFF;
	color: #9d8161;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

 事業内容ページ

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.entry .gold-frame{
	border:#aa8e61 solid 1px;
	padding: 40px;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.entry .gold-frame h3.ttl-desc{
	margin-bottom: 18px;
}
.entry .gold-frame .desc{
	margin-bottom: 0;
	color: #9d8161;
	line-height: 1.6;
}
.txt-center{
	text-align: center;
}
.content-logo{
	margin-bottom:40px; 
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

募集要項ページ

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#require .mv .mv-txt h2{
	width: 290px;
}
#require .table-farme{
	margin-bottom: 60px;
}
#require .table-farme th,
#require .table-farme td{
	font-weight: 400;
}
.table-farme td span{
	margin-bottom: 20px;
	display: block;
}
.btn-entry{
	margin: 0 10px 40px;
	padding: 20px 0;
	width: 35%;
	border: #9d8161 solid 2px;
	color: #9d8161;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px;
	text-indent: 2px;
}
.btn-entry:hover{
	border: #9d8161 solid 2px;
	color: #FFF;
	background: #9d8161;
}
.btn-entry.btn-career{
	width: 50%;
	border: #324f7f solid 2px;
	color: #324f7f;
	margin: 0 auto;
}
.btn-entry.btn-career:hover{
	border: #324f7f solid 2px;
	color: #FFF;
	background: #324f7f;
}
.contents-navi ul .career-navi.active,
.contents-navi ul .career-navi a:hover{
	color: #324f7f;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

 仕事を知るページ

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#work.lower header{
	margin-bottom: 80px;
}
#work.lower header .cat-ttl h2{
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 7px;
	text-indent: 7px;
	margin-top: 20px;
}
.work-navi ul li{
	width: 33.333%;
}
.work-navi ul li a{
	padding: 0;
	position: relative;
}
.work-navi ul li,
.work-navi ul li a{
	color:#808080;
	font-size: 12px;
	text-align:left;
}
.work-navi ul li i.newcomer-obj,
.work-navi ul li a i.newcomer-obj{
	color: #978061;
	padding: 0 6px;
}
.work-navi ul li i.career-obj,
.work-navi ul li a i.career-obj{
	color: #324f7f;
	padding: 0 6px;
}
.work-navi ul li span,
.work-navi ul li a span{
	color:#000;
	font-size: 24px;
	display: block;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	font-weight: 700;
	letter-spacing: 2px;
}
.list-box{
	margin: 0 auto;
	width: 190px;
	transition: .3s;
	border-bottom: rgba(255,255,255,0) solid 2px;
	padding: 4px 0;
	position: relative;
}
.work-navi ul li a .list-box{
	opacity: .4;
}
.show.list-new .list-box,
.list-new a:hover .list-box{
	border-bottom: #978061 solid 2px;
}
.show.list-caree .list-box,
.list-caree a:hover .list-box{
	border-bottom: #324f7f solid 2px;
}
.show.list-new-caree .list-box,
.list-new-caree a:hover .list-box{
	border-bottom: #324f7f solid 2px;
}
.show.list-new-caree .list-box::after,
.list-new-caree a:hover .list-box::after{
	transition: .3s;
}
.work-navi ul li a:hover .list-box{
	color: #808080;
	opacity: 1;
}
.show.list-new-caree .list-box::after,
.list-new-caree a:hover .list-box::after{
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 50%;
	height: 2px;
	background-color: #978061;
}
#work .mv{
	height: 520px;
}
.story01 .mv{
	background: url(../images/work/story02_mv.jpg) no-repeat center 30%;
	background-size: cover;
}
.story02 .mv{
	background: url(../images/work/story03_mv.jpg) no-repeat 70% 10%;
	background-size: cover;
}
.story03 .mv{
	background: url(../images/work/story01_mv.jpg) no-repeat center 25%;
	background-size: cover;
}
#work .mv .mv-txt{
	left: 20%;
	text-align: left;
}
#work.story01 .mv .mv-txt{
	left: -20%;
	text-align: left;
}
#work .mv .mv-txt h2{
	text-align: left;
	padding: 0;
	background: none;
	margin-bottom: 40px;
}
#work .mv .mv-txt h2 strong{
	display: inline-block;
	padding: 5px 20px;
	background: #383838;
	font-size: 14px;
	font-weight: 400;
}
#work .mv .mv-txt h2 span{
	display: inline-block;
	padding: 5px 40px;
	font-size: 14px;
	font-weight: 400;
}
#work .mv .mv-txt h2 span.newcomer-obj{
	background: #978061;
}
#work .mv .mv-txt h2 span.career-obj{
	background: #324f7f;
}
#work .mv .mv-txt h3{
	color: #FFF;
	font-size: 40px;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	font-weight: 700;
	letter-spacing: 2px;
	text-indent: 0;
}
#work .mv .mv-txt p{
	font-size: 42px;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-weight: 400;
	color: #FFF;
	line-height: 1.7;
}
.cut-in{
	height: 520px;
	overflow: hidden;
	position: relative;
}
#work .mv .mv-txt h3{
	color: #FFF;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 2px;
	text-indent: 0;
}

.cut-in img{
	position: absolute;
	left: 50%;
	top:50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.cut-in.cut01,
.cut-in.cut02{
	margin: 50px 0 80px;
}

.cut-in.cut03{
	height: 640px;
	margin: 50px 0 0;
}
.story01 .cut01{ background: url(../images/work/story02_cut01.jpg) no-repeat center center; background-size:cover; }
.story01 .cut02{ background: url(../images/work/story02_cut02.jpg) no-repeat center center; background-size:cover; }
.story01 .cut03{ background: url(../images/work/story02_cut03.jpg) no-repeat center center; background-size:cover; }
.story02 .cut01{ background: url(../images/work/story03_cut01.jpg) no-repeat center center; background-size:cover; }
.story02 .cut02{ background: url(../images/work/story03_cut02.jpg) no-repeat center 40%; background-size:cover; }
.story02 .cut03{ background: url(../images/work/story03_cut03.jpg) no-repeat center center; background-size:cover; }
.story03 .cut01{ background: url(../images/work/story01_cut01.jpg) no-repeat center center; background-size:cover; }
.story03 .cut02{ background: url(../images/work/story01_cut02.jpg) no-repeat center center; background-size:cover; }
.story03 .cut03{ background: url(../images/work/story01_cut03.jpg) no-repeat center center; background-size:cover; }

.work-obj{
	width: 40%;
}
.work-obj .caption{
	padding: 20px;
	background: #f2f2f2;
	font-size: 13px;
	color: #616161;
	line-height: 1.7;
}
.card{
	border:#e5e5e5 solid 1px;
	height: 240px;
	background: url(../../images/logo_co.png) no-repeat 20px 20px;
	background-size: 130px auto;
	margin-bottom: 34px;
	position: relative;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}
.box-center{
	position: absolute;
	left:50%;
	top:56%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.card h3{
	font-size: 14px;
	margin-bottom: 20px;
}
.card h3 span{
	font-size: 24px;
	display: inline-block;
	margin-right: 5px;
}
.card p{
	font-size: 12px;
	font-weight: 700;
	line-height: 2;
}
.work-obj h4{
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	font-size: 17px;
}
.hobby-img{
	margin: 40px auto;
	width: 170px;
}
.story02 .hobby-img{
	margin: 40px auto;
	width: 280px;
}
.dream-txt{
	margin: 40px auto;
	width: 279px;
}
.work-txt{
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	width:56%;
}
.work-txt h3.ttl-desc{
	font-size: 26px;
	line-height: 2;
	margin-bottom: 30px;
	font-weight: 400;
	letter-spacing: 4px;
}
.work-txt p.desc{
	margin-bottom: 30px;
	list-style: 2;
	letter-spacing: 0;
}
.work-txt p.desc strong{
	font-weight: 400;
	display: inline;
	background: #e2d9cc;
}
.story02 .work-txt p.desc strong,
.story03 .work-txt p.desc strong{
	background: #e8edff;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

 社員を知るページ

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#staff header{
	margin-bottom: 80px;
}
.staff-navi ul li {
	width: 16.66667%;
	margin: 10px 0;
	color: #958061;
	font-weight: 700;
	line-height: 1.5;
}
.staff-navi ul li a {
	padding: 0;
}
#staff .mv{
	height: 550px;
	text-align: left;
}
.person01 .mv{
	background: url(../images/staff/person01_mv.jpg) no-repeat center 10%;
	background-size: cover;
}
.person02 .mv{
	background: url(../images/staff/person02_mv.jpg) no-repeat center 10%;
	background-size: cover;
}
.person03 .mv{
	background: url(../images/staff/person03_mv.jpg) no-repeat center 10%;
	background-size: cover;
}
.person04 .mv{
	background: url(../images/staff/person04_mv.jpg) no-repeat center 10%;
	background-size: cover;
}
.person05 .mv{
	background: url(../images/staff/person05_mv.jpg) no-repeat center 10%;
	background-size: cover;
}
.person06 .mv{
	background: url(../images/staff/person06_mv.jpg) no-repeat center 10%;
	background-size: cover;
}
#staff .mv .mv-txt{
	position: absolute;
	background: #FFF;
	width: 363px;
	height: 318px;
	left: 50%;
	margin-left: -470px;
	box-sizing: border-box;
	padding: 60px 40px;
}

#staff .mv .mv-txt h3{
	color: #958061;
	border-bottom: #958061 solid 3px;
	padding-bottom: 10px;
	font-size: 21px;
	letter-spacing: 2px;
	text-indent: 0;
	margin-bottom: 30px;
}
#staff .mv .mv-txt h4{
	font-size:24px;
}
#staff .mv .mv-txt h4 span{
	font-size:45px;
	letter-spacing: 8px;
	padding-right: 6px;
}
#staff .mv .mv-txt p{
	font-size:16px;
	line-height: 1.7;
}
#staff .mv h2{
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	position: absolute;
	left: 48%;
	bottom:19%;
}
#staff .mv h2 span{
	display:inline-block;
	background: #274578;
	letter-spacing: 8px;
	font-weight: 400;
	text-indent: 0;
	padding: 8px;
	padding-right: 0;
	color: #FFF;
	line-height: 1;
	margin-bottom: 10px;
	font-style: italic;
}
#staff.person02 .mv .mv-txt{
	left: 50%;
	margin-left: 60px;
}
#staff.person02 .mv h2{
	left: 28%;
}

.staff-frame{
	position: relative;
	background: #ededed;
	box-sizing: border-box;
	padding: 70px 44px 66px;
	z-index: 100;
	width: 66%;
}
.staff-img{
	position: absolute;
	width: auto;
	z-index: 1;
}
.staff-frame h4{
	padding: 10px 0 10px 15px;
	background: #958061;
	color: #FFF;
	display: inline-block;
	position: absolute;
	top:-17px;
	left:-23px;
	font-family:HelveticaNeue, Helvetica, Arial," sans-serif";
	font-size: 16px;
	z-index: 500;
}
.staff-frame span{
	padding:10px;
	background: #857052;
	color: #FFF;
	display: inline;
	margin-left: 10px;
	letter-spacing: 1px;
}
.staff-frame .desc{
	margin-bottom: 0;
	font-size: 15px;
	letter-spacing: 0;
}
.staff-frame .ttl-desc{
	letter-spacing: 0;
	font-size: 16px;
}
.staff-box03 .ttl-desc{
	letter-spacing: -1px;
}
.staff-box01 .staff-frame{
	margin-left: auto;
	margin-right: 40px;
	width: 620px;
}
.staff-box02 .staff-frame{
	margin-left: 70px;
	margin-right: auto;
	width: 574px;
}
.staff-box03 .staff-frame{
	margin-left: auto;
	margin-right: 65px;
	width: 604px;
	padding: 70px 44px 40px;
}
.staff-box04 .staff-frame{
	margin-left: auto;
	margin-right: 65px;
	width: 604px;
}
.staff-box05 .staff-frame{
	margin-left: -36px;
	width: 650px;
}
.staff-box06 .staff-frame{
	margin-left: auto;
	margin-right: auto;
	width: 730px;
}
.staff-box07 .staff-frame{
	margin-left: -30px;
	width: 620px;
}
.staff-box08 .staff-frame{
	margin-left: auto;
	margin-right: 30px;
	width: 620px;
}
.staff-box09 .staff-frame{
	margin-left: -36px;
	width: 590px;
}
.staff-box01 .staff-img{
	left: -20px;
	top:-45px;
}
.staff-box02 .staff-img{
	right: 25px;
	bottom:-55px;
}
.staff-box05 .staff-img{
	right: 39px;
	top:-40px;
}
.staff-box07 .staff-img{
	right: 14px;
	top:-54px;
}
.staff-box01{ margin-bottom: 102px; }
.staff-box02{ margin-bottom: 108px; }
.staff-box03{ margin-bottom: 80px; }
.staff-box04{ margin-bottom: 100px; }
.staff-box05{ margin-bottom: 89px; }
.staff-box06{ margin-bottom: 94px; }
.staff-box07{ margin-bottom: 92px; }
.staff-box08{ margin-bottom: 73px; }
.staff-box09{ margin-bottom: 101px; }

.staff-box01::after,
.staff-box02::after,
.staff-box03::after,
.staff-box04::after,
.staff-box05::after,
.staff-box06::after,
.staff-box07::after,
.staff-box08::after{ content: ''; display: block; position: absolute; z-index: 10; }
.staff-box01::after{ background: url(../images/staff/person_line01.png) no-repeat 0 0; width: 323px; height: 110px; left:320px; bottom: -102px; }
.staff-box02::after{ background: url(../images/staff/person_line02.png) no-repeat 0 0; width: 311px; height: 125px; left:323px; bottom: -108px; }
.staff-box03::after{ background: url(../images/staff/person_line03.png) no-repeat 0 0; width: 1px;   height: 100px; left:611px; bottom: -80px; }
.staff-box04::after{ background: url(../images/staff/person_line04.png) no-repeat 0 0; width: 324px; height: 132px; left:288px; bottom: -100px; }
.staff-box05::after{ background: url(../images/staff/person_line05.png) no-repeat 0 0; width: 169px; height: 106px; left:288px; bottom: -89px; }
.staff-box06::after{ background: url(../images/staff/person_line06.png) no-repeat 0 0; width: 197px; height: 113px; left:259px; bottom: -94px; }
.staff-box07::after{ background: url(../images/staff/person_line07.png) no-repeat 0 0; width: 236px; height: 270px; left:104px; bottom: -228px; }
.staff-box08::after{ background: url(../images/staff/person_line08.png) no-repeat 0 0; width: 73px;  height: 279px; left:260px; bottom: -123px; }

.person02 .staff-box08{ margin-bottom: 163px; }
.staff-box08::after{ background: url(../images/staff/person_line08.png) no-repeat 0 0; width: 73px;  height: 279px; left:260px; bottom: -173px; }


#staff .cut-in{
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
}
#staff .cut01{ height: 690px; bottom: 160px; }
#staff .cut02{ height: 640px; bottom: 0; }
.person01 .cut01{ background: url(../images/staff/person01_cut01.jpg) no-repeat center center; background-size: cover; }
.person01 .cut02{ background: url(../images/staff/person01_cut02.jpg) no-repeat center center; background-size: cover; }
.person02 .cut01{ background: url(../images/staff/person02_cut01.jpg) no-repeat right center; background-size: 124%; }
.person02 .cut02{ background: url(../images/staff/person02_cut02.jpg) no-repeat 80% center; background-size: cover; }
.person03 .cut01{ background: url(../images/staff/person03_cut01.jpg) no-repeat center center; background-size: cover; }
.person03 .cut02{ background: url(../images/staff/person03_cut02.jpg) no-repeat left center; background-size: 120%; }
.person04 .cut01{ background: url(../images/staff/person04_cut01.jpg) no-repeat center top; background-size: cover; }
.person04 .cut02{ background: url(../images/staff/person04_cut02.jpg) no-repeat center center; background-size: cover; }
.person05 .cut01{ background: url(../images/staff/person05_cut01.jpg) no-repeat right center; background-size: 112%; }
.person05 .cut02{ background: url(../images/staff/person05_cut02.jpg) no-repeat center center; background-size: cover; }
.person06 .cut01{ background: url(../images/staff/person06_cut01.jpg) no-repeat right center; background-size: 110%; }
.person06 .cut02{ background: url(../images/staff/person06_cut02.jpg) no-repeat right center; background-size: cover; }
.txt-gold{ font-weight: 700; margin: 0 0 10px; color: #958061;}
.txt-navy{ font-weight: 700; margin: 40px 0 10px; color: #324f7f; }

.navi-ttl{
	color: #9d8161;
	font-size: 34px;
	font-weight: 600;
	font-family: HelveticaNeue, Helvetica, Arial," sans-serif";
	display: block;
	letter-spacing: 2px;
	text-indent: 2px;
	margin-bottom: 10px;	
}
.thumb-navi{
	padding:80px 0 60px;
}
.thumb-navi ul{
	border: none;
}
.thumb-navi ul li{
	width: 30%;
	height: 100px;
	border: none;
	background: #FFF;
	padding: 0;
	text-align: left;
}
.thumb-navi ul li img{
	width: 100px;
	height: 100px;
}
.thumb-navi ul li .list-box{
	padding: 10px 20px;
	box-sizing: border-box;
	margin: 0;
	border-bottom:none;
	line-height: 1.5;
}
.thumb-navi ul li a{
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 0;
	text-align: left;
	width: 100%;
}
.thumb-navi ul li h3{
	color:#958061;
	font-size: 12.5px;
	padding-bottom: 7px;
	border-bottom: #958061 solid 1px;
	margin-bottom: 10px;
	font-weight: 400;
}
.thumb-navi ul li h4{
	color:#000;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
	letter-spacing: 2px;
}
.thumb-navi ul li p{
	color:#787878;
	font-size: 10px;
	letter-spacing: 2px;
}
.thumb-navi ul li a:hover{
	opacity: .7;
}
#staff footer{
	padding-top: 30px;
}
/*-----------------------------------------------------------------
下層 1190px以下のスタイル
-----------------------------------------------------------------*/
@media only screen and (max-width: 1189px) {
	
	.staff-box03 .staff-frame{ margin-right: 0; }
	.staff-box04 .staff-frame{ margin-right: 0; }
	.staff-box05 .staff-frame{ margin-left: 20px; }
	.staff-box07 .staff-frame{ margin-left: 20px; }
	.staff-box09 .staff-frame{ margin-left: 20px; }

}

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

下層960px以下のスタイル

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

	#staff .mv .mv-txt {
		width: 363px;
		height: 318px;
		left: 50%;
		margin-left: -370px;
	}
	.staff-box01 .staff-img{
		left: -120px;
	}
	.staff-box02 .staff-img{
		right: -120px;
	}
	.staff-box05 .staff-img{
		right: -39px;
	}
	.staff-box07 .staff-img{
		right: -104px;
	}
	.staff-box05 .staff-frame{
		margin-left: -36px;
		width: 550px;
	}
	.staff-box01 .staff-frame{ margin-right: -50px; }
	.staff-box02 .staff-frame{ margin-left: -20px; }
	.staff-box03 .staff-frame{ margin-right: -50px; }
	.staff-box04 .staff-frame{ margin-right: -50px; }
	.staff-box05 .staff-frame{ margin-left: -20px; }
	.staff-box07 .staff-frame{ margin-left: -20px; }
	.staff-box08 .staff-frame{ margin-right: -40px; }
	.staff-box09 .staff-frame{ margin-left: -20px; }
	.staff-box01::after{ left:320px; }
	.staff-box02::after{ left:123px; }
	.staff-box03::after{ left:511px; }
	.staff-box04::after{ left:188px; }
	.staff-box05::after{ left:188px; }
	.staff-box06::after{ left:259px; }
	.staff-box07::after{ left:0; }
	.staff-box08::after{ background: url(../images/staff/person_line03.png) no-repeat 0 0; width: 1px; height: 100px; left:50%; bottom:-92px; }
}

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

下層SPスタイル

-----------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	/* header
	-----------------------------------------------------------------*/
	header{
		margin-bottom: 30px;
	}
	.lower header .cat-ttl{
		padding-top: 45px;
		padding-bottom: 25px;
		margin-bottom: 0;
		border-bottom: #d9d9d9 solid 1px;
	}
	.mv{
		height: 172px;
	}
	#message .mv{
		height: 360px;
	}
	#business .mv{
		background: url(../images/corp/business_mv.jpg) no-repeat 70% bottom;
		background-size: cover;
		height: 435px;
	}
	#message .mv .mv-txt{
		left:5%;
	}
	.mv .mv-txt h2{
		padding: 10px;
		font-size: 10px;
	}
	#message .mv .mv-txt h2,
	#business .mv .mv-txt h2{
		margin-bottom: 30px;
	}
	.mv .mv-txt h2 strong{
		font-size: 11px;
	}
	.mv .mv-txt h3{
		font-size: 30px;
		letter-spacing: 5px;
		text-indent: 5px;
		margin-bottom: 30px;
	}
	#business .mv .mv-txt h3{
		font-size: 25px;
		letter-spacing: 0;
		text-indent: 0;
	}
	.mv .mv-txt h3 i{
		font-size: 10px;
		margin-top: 10px;
	}
	.mv .mv-txt p{
		letter-spacing: 0;
		text-indent: 0;
		font-size: 11px;
	}
	#business .mv .mv-txt p{
		text-align: left;
		width: 90%;
		margin-left: 5%;
	}

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

	/* コンテンツ内
	---------------------------------------------------------------------------*/
	.bottom-navi {
    margin-top:0;
	}
	.contents-navi{
		width:100%;
		height: auto;
		position: relative;
		padding: 30px 0;
	}
	.contents-navi ul{
		box-sizing: border-box;
		width:90%;
		margin: 0 auto;
		font-size: 12px;
		text-align: left;
	}
	.contents-navi ul li{
		background:#FFF;
		width: 100%;
		border:none;
		margin:0 0 5px;
		display: block;
		box-sizing: border-box;
	}
	.contents-navi ul .active{
		text-align: left;
		padding:16px;		
	}
	.contents-navi ul li a{
		text-align: left;
		background: url(../../images/icon_arrow_right.png) no-repeat 94% 49%;
		background-size: 5px 9px;
		padding:16px;
	}
	.contents-navi ul li:first-child{
		border-left:none;
	}
	.contents-navi ul li:last-child{
		margin:0;
	}
	
	.entry .ttl-desc{
		font-size: 17px;
		margin-bottom: 20px;
	}
	.desc{
		font-size: 13px;
		line-height: 2;
		margin-bottom: 40px;
	}
	.entry .row .desc{
		width:100%;
	}
	.entry figure,
	.entry .row figure{
		width: 116%;
		height: 460px;
		margin-left: -8%;
		overflow: hidden;
	}
	.entry > figure img{
		height: 460px;
	}
	.entry .row figure img{
		width: 100%;
	}
	.entry .row figure{
		margin-bottom: 40px;
	}

	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	 会社を知る
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.top-bnr{
		margin-bottom: 30px;
		overflow: hidden;
	}
	.txt-frame,
	.top-profile .txt-frame{
		position: relative;
		top:auto;
		left: auto;
		right: auto;
		width:100%;
		height: auto;
		margin:0;
		padding: 20px;
		transition: .5s;
	}

	#corp .ttl-section{
		font-size: 10px;
		margin-bottom: 15px;
		text-align:left;
	}
	#corp .ttl-section span{
		font-size: 17px;
		margin-bottom: 8px;
	}
	.txt-frame p{
		font-size: 10px;
		line-height: 1.5;
		width: 100%;
	}
	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	 トップメッセージ
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.entry > figure.message-img{
		margin-bottom: 0;
		height: 400px;
		position: relative;
	}
	.entry > figure.message-img img{
		width: auto;
		height: 400px;
		margin:0 auto;
		position: absolute;
		top:0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);	
	}
	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	 事業内容
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.entry .gold-frame{
		border:#9d8161 solid 1px;
		padding: 20px;
		box-sizing: border-box;
		margin-bottom: 40px;
	}
	.entry .gold-frame h3.ttl-desc{
		margin-bottom: 18px;
		font-size: 17px;
	}
	.entry .gold-frame .desc{
		margin-bottom: 0;
		color: #9d8161;
	}
	.content-logo{
		margin-bottom: 30px;
	}
	.content-logo img{
		width: 160px;
		margin: 0 auto;
	}
	.desc.desc-left{
		text-align: left;
		letter-spacing: 1px;
	}

	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	募集要項
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#require .mv .mv-txt h2{
		width: 220px;
	}
	#require .table-farme{
		margin-bottom: 30px;
	}
	.btn-entry{
		box-sizing: border-box;
		margin: 0 0 10px;
		width: 100%;
		border: #9d8161 solid 2px;
		font-size: 17px;
	}
	.btn-entry:last-child{
		margin-bottom: 40px;
	}
	.btn-entry.btn-career{
		font-size: 16px;
		letter-spacing: 1px;
		text-indent: 1px;
		width: 100%;
	}
	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	 仕事を知るページ
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#work.lower header{
		margin-bottom: 40px;
	}
	#work.lower header .cat-ttl h2{
		font-size: 14px;
		letter-spacing: 3px;
		text-indent: 3px;
	}
	.work-navi ul li{
		width: 100%;
		padding: 10px 0 10px 20px;
	}
	.work-navi ul li a{
		padding: 0;
		position: relative;
	}
	.work-navi ul li,
	.work-navi ul li a{
		font-size: 10px;
	}
	.work-navi ul li span,
	.work-navi ul li a span{
		font-size: 20px;
		letter-spacing: 1px;
	}
	.list-box{
		margin: 0 auto;
		width:auto;
		display: inline-block;
		transition: .3s;
		border-bottom: rgba(255,255,255,0) solid 2px;
		padding: 4px 0;
		position: relative;
	}
	.work-navi ul li a .list-box{
		opacity: .4;
	}
	.show.list-new .list-box,
	.list-new a:hover .list-box{
		border-bottom: #978061 solid 2px;
	}
	.show.list-caree .list-box,
	.list-caree a:hover .list-box{
		border-bottom: #324f7f solid 2px;
	}
	.show.list-new-caree .list-box,
	.list-new-caree a:hover .list-box{
		border-bottom: #324f7f solid 2px;
	}
	.show.list-new-caree .list-box::after,
	.list-new-caree a:hover .list-box::after{
		transition: .3s;
	}
	.work-navi ul li a:hover .list-box{
		color: #808080;
		opacity: 1;
	}
	.show.list-new-caree .list-box::after,
	.list-new-caree a:hover .list-box::after{
		position: absolute;
		bottom: -2px;
		left: 0;
		z-index: 2;
		content: '';
		width: 50%;
		height: 2px;
		background-color: #978061;
	}
	#work .mv{
		height: 300px;
	}
	.story01 .mv{
		background: url(../images/work/story02_mv.jpg) no-repeat 34% bottom;
		background-size: cover;
	}
	.story02 .mv{
		background: url(../images/work/story03_mv.jpg) no-repeat 40% 10%;
		background-size: cover;
	}
	.story03 .mv{
		background: url(../images/work/story01_mv.jpg) no-repeat 45% center;
		background-size: cover;
	}
	#work .mv .mv-txt{
		left:auto;
		right: -23%;
	}
	#work.story03 .mv .mv-txt{
		left:auto;
		right: -16%;
	}
	#work.story01 .mv .mv-txt{
		left:auto;
		right: 15%;
	}
	#work.story02 .mv .mv-txt{
		left:auto;
		right: -18%;
	}
	#work .mv .mv-txt h2{
		margin-bottom: 20px;
	}
	#work .mv .mv-txt h2 strong{
		padding: 3px 10px;
		font-size: 10px;
	}
	#work .mv .mv-txt h2 span{
		padding: 3px 15px;
		font-size: 10px;
	}
	#work.story01 .mv .mv-txt h2 span{
		padding: 3px 8px;
		font-size: 10px;
	}
	#work .mv .mv-txt h3{
		font-size: 22px;
		letter-spacing: 0;
		margin-bottom: 20px;
	}
	#work .mv .mv-txt p{
		font-size: 22px;
		line-height: 1.7;
	}
	.cut-in{
		height: 260px;
	}
	.cut-in.cut01,
	.cut-in.cut02{
		margin: 40px 0;
	}

	.cut-in.cut03{
		height: 260px;
		margin: 40px 0 0;
	}
	.story03 .cut02{ background: url(../images/work/story01_cut02.jpg) no-repeat right center; background-size:cover; }
	.story03 .cut03{ background: url(../images/work/story01_cut03.jpg) no-repeat right center; background-size:cover; }
	.story02 .cut03{ background: url(../images/work/story03_cut03.jpg) no-repeat left center; background-size:cover; }

	.work-obj{
		width: 100%;
	}
	.work-obj .caption{
		padding: 15px;
		background: #f2f2f2;
		font-size: 13px;
		color: #616161;
		line-height: 1.7;
	}
	.card{
		height: 200px;
		background: url(../../images/logo_co.png) no-repeat 10px 10px;
		background-size: 96px auto;
		margin-bottom: 15px;
	}
	.card h3{
		font-size: 13px;
		margin-bottom: 10px;
	}
	.card h3 span{
		font-size: 22px;
	}

	.work-obj h4{
		font-size: 15px;
	}
	.hobby-img{
		margin: 20px auto;
	}
	.story02 .hobby-img{
		width: 170px;
	}
	.dream-txt{
		margin: 30px auto;
	}
	.work-txt{
		width:100%;
	}
	.work-txt h3.ttl-desc{
		font-size: 19px;
		line-height: 1.8;
		margin-bottom: 20px;
		font-weight: 400;
		letter-spacing: 4px;
	}
	.work-txt p.desc{
		margin-bottom: 20px;
		list-style: 1.9;
	}
	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	社員を知るページ
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#staff header{
		margin-bottom: 40px;
	}
	#staff .mv{
		height: 275px;
	}
	.person02 .mv{
		background: url(../images/staff/person02_mv.jpg) no-repeat center 10%;
		background-size: cover;
	}
	.person03 .mv{
		background: url(../images/staff/person03_mv.jpg) no-repeat center 10%;
		background-size: cover;
	}
	.person04 .mv{
		background: url(../images/staff/person04_mv.jpg) no-repeat center 10%;
		background-size: cover;
	}
	.person05 .mv{
		background: url(../images/staff/person05_mv.jpg) no-repeat center 10%;
		background-size: cover;
	}
	.person06 .mv{
		background: url(../images/staff/person06_mv.jpg) no-repeat center 10%;
		background-size: cover;
	}
	#staff .mv .mv-txt{
		width: 186px;
		height: 189px;
		left: 5%;
		margin-left:0;
		padding: 20px;
	}
	#staff .mv .mv-txt h3{
		border-bottom: #958061 solid 2px;
		padding-bottom: 10px;
		font-size: 14.5px;
		margin-bottom: 20px;
	}
	#staff .mv .mv-txt h4{
		font-size:16px;
		margin-bottom:16px;
	}
	#staff .mv .mv-txt h4 span{
		font-size:28px;
		letter-spacing: 3px;
	}
	#staff .mv .mv-txt p{
		font-size:10px;
	}
	#staff .mv h2{
		left: auto;
		bottom:8%;
		right: 5%;
	}
	#staff .mv h2 span{
		letter-spacing: 4px;
		padding: 4px;
		padding-right: 0;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.staff-frame{
		background: none;
		padding:0;
		width:100%;
	}
	.staff-img{
		position:static;
		width:112%;
		margin-left: -6%;
		z-index: 1;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.staff-frame h4{
		padding: 10px 0 10px 15px;
		position:static;
		top:auto;
		left:auto;
		font-size: 10px;
		margin-bottom: 20px;
	}
	.staff-frame span{
		padding:10px;
		background: #857052;
		color: #FFF;
		display: inline;
		margin-left: 10px;
		letter-spacing: 1px;
	}
	.staff-frame .desc{
		font-size: 13px;
	}
	.staff-frame .ttl-desc{
		letter-spacing: 0;
		font-size: 16px;
	}
	.staff-box03 .ttl-desc{
		letter-spacing: -1px;
	}
	.staff-box01 .staff-frame,
	.staff-box02 .staff-frame,
	.staff-box03 .staff-frame,
	.staff-box04 .staff-frame,
	.staff-box05 .staff-frame,
	.staff-box06 .staff-frame,
	.staff-box07 .staff-frame,
	.staff-box08 .staff-frame,
	.staff-box09 .staff-frame{
		width: 100%;
		margin: 0;
		padding: 0;
		}
	.staff-box03 .staff-frame,
	.staff-box06 .staff-frame,
	.staff-box08 .staff-frame{
		margin-bottom: 50px;
	}

	.staff-box01 .staff-img,
	.staff-box02 .staff-img,
	.staff-box05 .staff-img,
	.staff-box07 .staff-img{
		right:auto;
		left: auto;
		bottom: auto;
		top:auto;
	}
	.staff-box01,
	.staff-box02,
	.staff-box03,
	.staff-box04,
	.staff-box05,
	.staff-box06,
	.staff-box07,
	.staff-box08,
	.staff-box09{ margin-bottom:0 !important; }

	.staff-box01::after,
	.staff-box02::after,
	.staff-box03::after,
	.staff-box04::after,
	.staff-box05::after,
	.staff-box06::after,
	.staff-box07::after,
	.staff-box08::after{ display: none; }


	#staff .cut-in{
		position:static;
		left: auto;
		width: 100%;
		margin: 30px 0;
	}
	#staff .cut01{ height: 205px; bottom: auto; }
	#staff .cut02{ height: 317px; bottom: auto; margin-bottom: 0; }

	.person01 .cut01{ background: url(../images/staff/person01_cut01.jpg) no-repeat left center; background-size: cover; }
	.person01 .cut02{ background: url(../images/staff/person01_cut02.jpg) no-repeat 80% center; background-size: cover; }
	.person02 .cut01{ background: url(../images/staff/person02_cut01.jpg) no-repeat center center; background-size: cover; }
	.person02 .cut02{ background: url(../images/staff/person02_cut02.jpg) no-repeat center center; background-size: cover; }
	.person03 .cut01{ background: url(../images/staff/person03_cut01.jpg) no-repeat center center; background-size: cover; }
	.person03 .cut02{ background: url(../images/staff/person03_cut02.jpg) no-repeat center center; background-size: cover; }
	.person04 .cut01{ background: url(../images/staff/person04_cut01.jpg) no-repeat center 15%; background-size: cover; }
	.person04 .cut02{ background: url(../images/staff/person04_cut02.jpg) no-repeat center center; background-size: cover; }
	.person05 .cut01{ background: url(../images/staff/person05_cut01.jpg) no-repeat center center; background-size: cover; }
	.person05 .cut02{ background: url(../images/staff/person05_cut02.jpg) no-repeat center center; background-size: cover; }
	.person06 .cut01{ background: url(../images/staff/person06_cut01.jpg) no-repeat center center; background-size: cover; }
	.person06 .cut02{ background: url(../images/staff/person06_cut02.jpg) no-repeat 30% center; background-size: cover; }
	.txt-gold{ font-weight: 700; margin: 0 0 10px; color: #958061;}
	.txt-navy{ font-weight: 700; margin: 10px 0 10px; color: #324f7f; }

	.navi-ttl{
		font-size: 23px;
		margin-bottom: 20px;	
	}
	.thumb-navi{
		padding:40px 0;
	}
	.thumb-navi ul li{
		margin-bottom: 10px;
	}
	.thumb-navi ul li img{
		width: 100px;
		height: 100px;
	}
	.thumb-navi ul li .list-box{
		width: 90%;
		padding: 10px 20px;
		box-sizing: border-box;
		margin: 0;
		border-bottom:none;
		display: block;
		flex: 1;
		-webkit-flex: 1;
	}
	.thumb-navi ul li.row{
		display:-moz-box;
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.thumb-navi ul li a{
		display:-moz-box;
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding: 0;
		text-align: left;
		width: 100%;
	}
	.thumb-navi ul li h3{
		color:#958061;
		font-size: 12.5px;
		padding-bottom: 7px;
		border-bottom: #958061 solid 1px;
		margin-bottom: 10px;
		font-weight: 400;
		width: 86%;
	}
	.staff-box01::after,
	.staff-box02::after,
	.staff-box03::after,
	.staff-box04::after,
	.staff-box05::after,
	.staff-box06::after,
	.staff-box07::after,
	.staff-box08::after{ display: none;}
	#staff footer{ padding-top: 0; }

	#staff.person02 .mv .mv-txt{
		margin-left: -36px;
	}
	#staff.person02 .mv h2{
		left: 5%;
	}


}



@media only screen and (max-width: 550px) {
	.top-bnr figure img{
		width: auto;
		width: 551px;
		height: 190px;
	}
	.top-profile figure{
		height: 190px;
	}
	.top-profile figure img{
		position: absolute;
		right: 0;
	}
}
@media only screen and (max-width: 479px) {
	.entry figure,
	.entry .row figure{
		width: 116%;
		height: 260px;
		margin-left: -8%;
		overflow: hidden;
	}
	.entry > figure img{
		height: 260px;
	}
	.entry .row figure img{
		width: 100%;
	}
	.entry .row figure{
		margin-bottom: 40px;
	}
	.entry > figure.message-img,
	.entry > figure.message-img img{
		height: 260px;
	}
}