@charset "UTF-8";

/*余白調整*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	padding-top:10px;
	padding-bottom:10px;
}


/*共通*/
html,body{height:100%;}
body{padding-top:60px;font-family :YuGothic,    /* Mac用 */'Yu Gothic', /* Windows用 */sans-serif;font-weight:500;background-color:#fff;overflow-x: hidden;}

section{padding:60px 0px;position:relative;}
img{width:100%;}
ul,li{list-style: none;padding:0;margin:0;}
.container{padding:0px;}
.padding-0{padding:0;}
.bg-cover{background-size:cover;background-position: center center;background-repeat: none;}
.position-c{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
h1,h2{font-weight:bold;width:100%;text-align:center;}
h3{font-weight:bold;}
a{text-decoration: none !important;}
p{line-height:180%;}
.bg-gray{background-color:#fafafa;}
.nowarp{white-space: nowrap;}
.indent-1 {
padding-left:1em;
text-indent:-1.5em;
}


.top .container{margin-bottom:40px !important;}




/*ボックス共通*/
#member-top,#person-top,#work-style-top,.title,.box-a,.box-b,.box-c,.box-d,.box-e,#top-image{
	background-color:#fff;background-position: center;background-size: cover;
}

#timeline .box-e{background-color:#bbb !important;background-blend-mode: multiply !important;}
#top-jobs .box-a{background-color:#ccc !important;background-blend-mode: multiply !important;}
/*ボックスa制御*/
.box-a{height:300px;background-color:#ddd;position:relative;display: block;}
.box-a h2{width:90%;margin:0px;text-align:center;color:#fff;}
.box-a h2 small{display:block;color:#fff;margin-top:20px;}

@media screen and (max-width:991px){
.box-a h2 span{display: block;margin:5px;}
}



/*ボックスb制御*/
.box-b{height:200px;background-color:#ddd;position:relative;}
.box-b p{padding:10px 20px;color:#fff;background-color:rgba(93,15,13,0.90);
font-size:18px;position:absolute;bottom:0;margin:0px;border-radius: 0 40px 0 0;}
.box-b span{display:block;font-size:12px;}

@media screen and (max-width:767px){
	.box-b{height:300px;}}

@media screen and (max-width:500px){
	.box-b{height:180px;}}
	
/*ボックスc制御*/
.box-c{height:200px;background-color:#ddd;}
.box-c h2{margin:0px;color:#fff;}


/*ボックスd制御*/
.box-d{height:100px;background-color:#ddd;}
.box-d h2{margin:0px;color:#fff;}
	
/*ボックスe制御*/
.box-e{height:150px;background-color:#ddd;margin:20px 0px;position:relative;}
.box-e h3{padding:0;margin:0;color:#fff;}


/*リンクアクションの制御*/
div:hover{
　-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}

.zoom1 a,.zoom2 a{height:100%;width:100%;display:block;margin:0;padding:0;text-decoration: none;}

.zoom1:hover,.zoom2:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.zoom1:hover,.box-d:hover{position:relative;transform:scale(1.05);z-index:999;}
.zoom2:hover{position:relative;transform:scale(1.1);z-index:999;}

@media screen and (max-width:767px){
.zoom1:hover,.zoom2:hover{transform:none;}}


/*ナビゲーション*/

.navbar{height:60px;}
.navbar-brand{display: block;padding:0px 20px;}
.navbar-brand img{height:100%;width:auto;}
.navbar-default .navbar-nav>li>a{padding-top:20px;}
.navbar-header{height:60px;}
.navbar-toggle{margin-top:13px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form,.navbar .container-fluid{background-color: #fafafa;}
.luxbar-fixed{box-shadow:none;}
.luxbar-menu-right{background-color:#fff;}
.luxbar-menu>ul{width:100%;max-width:1200px;margin:0 auto;}
.luxbar-brand{width:170px;margin-top:-5px;}
.luxbar-item a{padding:22px 15px 17px;font-size:12px;height:60px;}
.luxbar-item a:hover{background-color:#fafafa !important;border-bottom:2px solid rgba(142,0,2,1.00);}
@media screen and (max-width:767px){
	.luxbar-item a,.luxbar-item a:hover{border-bottom:solid 1px #fff;background-color:#fafafa !important;padding-left:20px;}
	.luxbar-item a:hover{background-color:#eee !important;}
	.luxbar-item a::before{content:'#';margin-right:10px;color:#ccc;}
}

	
/*トップ・ヘッダー*/
#top-image{background-image: url(../img/bg/top-image.jpg);height:490px !important;background-position:bottom !important;background-repeat: no-repeat;background-blend-mode: normal !important;background-position:30% 100% !important}
@media screen and (max-width:800px){#top-image{background-position:38% 100% !important;}}

#top-image{position: relative;}
#top-image small{color:#222 !important;font-weight:bold;}
#top-image div{width:100%;}
#top-image h1{margin:0px;}
#top-image .top-message{top:20%;}

@media screen and (max-width:500px){#top-image h1{margin:0px;font-size:27px;padding:0 20px;}}
@media screen and (max-width:380px){#top-image h1{margin:0px;font-size:24px;padding:0 20px;}}

/*トップ・メンバー*/

.member-1{background-image:url(../img/member/1.jpg);}
.member-2{background-image:url(../img/member/2.jpg);}
.member-3{background-image:url(../img/member/3.jpg);}
.member-4{background-image:url(../img/member/4.jpg);}

/*トップ・カンパニー*/

company-image1{}
company-image2{}
company-image3{}
company-image4{}

/*カンパニーポリシー*/

.kihan{display:block;background-color:#fafafa;border: 5px solid #51040A;border-radius: 10px;}
.kihan div{}
.kihan p{font-size:35px;font-weight:bold;min-width:190px;}

/*トレーニング*/

#kensyu h3{margin-left:-8px;margin-top:0px;margin-bottom:30px;}
#kensyu h4{line-height:170%;font-weight:bold;}
#kensyu h4 i{color:#51040A !important;}

@media screen and (max-width:991px){
	#kensyu h3{text-align:center}
}

.senmon h3{margin:0px;text-align:center;}
.senmon p{margin-top:20px;}


/*date*/

#date-box .item{height:300px;}
#date-box p{min-width:200px;}
#date-box h3{line-height:170%;font-size:20px;}
#date-box i{color:#51040A;}
.bg1{background-color:#fafafa !important;}
.bg2{background-color:#f5f5f5 !important;}
.bg3{background-color:#eee !important;}

/*福利厚生*/

#welfare-box h3{width:90%;color:#fff;margin:0px;padding:0px;font-size:25px;text-align:center;}


/*HISTORY*/


#history-box h3{line-height:160%;margin-top:-5px;}
#history-box .box-b{background-color:transparent!important;text-align:right;}
#history-box img{height:100%;width:100%;object-fit: cover;}

@media screen and (max-width:767px){
	#history-box .box-b{text-align:center !important;}
}

/*ワークスタイルCSS*/

#work-style-top{height:250px;background-color:#ddd;color:#fff;position: relative;}
#work-style-top div{width:100%;}
#work-style-top h1{margin:0px;}
#work-style-top .top-message{top:50%;}
#work-style-top p{margin-top:15px;}
 
#persona .col-sm-12{margin:0 10px;}
#persona .col-xs-1,#persona .col-xs-11{font-size:25px;}
#persona .col-xs-1 i{color:#51040A;}

#persona h2{background-color:#51040A;padding:10px;color:#f9f9f9;font-size:14px;width:250px;margin-bottom:0px;
position:absolute;top:-80px;left:0;transform: translateY(-50%);border-radius: 2px;}

.LR-box h3{font-size:20px;margin-bottom:20px;}
.LR-box i{color:#51040A;}

#timeline h2{font-size:25px;}

#timeline i{color:#51040A;}

@media screen and (max-width:767px){
#persona h2{left:50%;transform:translate(-50%,-50%);}
#persona .col-xs-1, #persona .col-xs-11
	{font-size:18px;}
}



/*メンバートップ*/

#member-top{height:250px;background-color:#ddd;color:#fff;position: relative;}
#member-top div{width:100%;}
#member-top h1{margin:0px;}
#member-top .top-message{top:50%;}


/*タイトル*/

.title{height:250px;background-color:#ddd;color:#fff;position: relative;}
.title div{width:100%;}
.title h1,title h2{margin:0px;font-size:40px;}
.title .top-message{top:50%;}



/*個別ページトップ*/


#person-top{height:1000px;background-color:#fff;color:#fff;position: relative;width:100%;overflow: hidden;border-bottom:2px solid #fff;}
#person-top::after{content:'';width:300%;position:absolute;height:200%;left:-20%;top:250px;background-color:#fff;z-index;0;display: block;
transform: rotate(-8deg);}

#person-top div{width:100%;}
#person-top h1{margin:0px;}
#person-top .top-message{top:50%;}

.person{position:absolute;z-index:999;width:300px;height:300px;object-fit: cover;top:170px;right:15px;}

.name{position:absolute;z-index:999;width:100%;color:#fff;top:100px;left:15px;
max-width:60%;}
.name h1,.name h2{text-align:left;margin-bottom:40px;}
.name h2 small{display: block;color:#fff;margin-bottom:10px;float: left;width:100%;}

#person-important{margin-top:-600px;}
#person-important i,#person-off i,#person-off i{color:#51040A;}
#person-important h2,#person-off h2{margin-bottom:40px;font-size:25px;text-align:left;}
#person-off h2{font-size:28px;margin-bottom:20px;}
#person-off h2 small{font-size:18px;margin:0 20px;color:#333;font-weight: bold;}
#person-off p{margin-top:20px;}
#person-box{margin-top:-20px;}

@media screen and (min-width:1600px){#person-top::after{top:120px;}}
@media screen and (max-width:768px){
	.name{top:40px;}
	.person{left:50%;transform:translateX(-50%);top:200px;}
	#person-important{margin-top:-600px;}
}

@media screen and (max-width:500px){
	.person{width:250px;height:250px;}
	.name h1,.name h2{font-size:25px;}
	#person-important h2, #person-off h2{font-size:25px;}
}


@media screen and (max-width:500px){}


/*エントリー*/

#entry{height:200px;background-color:#ccc;
background-image:url(../img/bg/entry.jpg);background-size:cover;background-position:center;background-blend-mode: multiply;}
.entry-btn{min-width:295px;max-width:295px;border:2px solid #fff;color:#fff;padding:10px 20px;font-size:24px;font-weight:bold;margin:0 auto;
text-align: center;}



/* footer */
/* -------------------------- */

footer img{width:80%;max-width:120px;margin-bottom:20px;}

footer{
	background-color:rgba(81,4,12,1.00); color:#ddd;padding-top:20px;
}

footer a,footer a:link,footer a:visited,footer a:active,footer a:hover{color:#ddd !important;}

/*-----footer_top-----*/
#footer_top:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
#footer_top{width: 100%; min-height: 1px; color: #FFF; padding: 35px 0; margin: 0 auto;}
#footer_top a{color: #FFF;}

#footer_top_left{
	padding: 1px;
	float: left;
}
#footer_top_left dl{
	font-size: 92%;
	line-height: 160%;
	padding: 18px 20px;
}

#footer_logo{margin-bottom: 20px;}
#footer_logo a{
	display: inline-block;
	width: 171px;
	height: 62px;
	background: url(../img/footer-logo.svg) no-repeat;
	text-indent: -9999px;
}
#footer_logo a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	transition: all 0.3s;
}


#footer_top_right{float: right;}
#footer_top_right .footer_itembox{
	margin-left: 50px;
	float: left;
}
.footer_title{border-bottom: 1px solid #ccc;margin-bottom:10px;}
.footer_title a{
	display: block;
	background: url(../image/common/footer_arr.gif) no-repeat right 50%;
	background-size: 4px 5px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
}

/*foot_box01*/
.footer_itembox.foot_box01{width: 285px;}
.footer_itembox.foot_box01 ul.footnav{
	font-size: 0;
	line-height: 0;
	margin-top: 10px;
	margin-left: 10px;
}
.footer_itembox.foot_box01 ul.footnav li{
	display: inline-block;
	width: 49%;
	font-size: 12px;
	line-height: 180%;
}

/*foot_box02 foot_box03*/
.footer_itembox.foot_box02, .footer_itembox.foot_box03{width: 100%;}

.footer_itembox.foot_box02 ul.footnav,
.footer_itembox.foot_box03 ul.footnav{
	font-size: 0;
	line-height: 0;
	margin-top: 10px;
	margin-left: 10px;
}
.footer_itembox.foot_box03 ul.footnav{margin-bottom: 10px;}

.footer_itembox.foot_box02 ul.footnav li,
.footer_itembox.foot_box03 ul.footnav li{
	font-size: 12px;
	line-height: 180%;
}


/*-----footer_bottom-----*/
#footer_bottom {background: #555; padding: 20px 10px;}
#footer_bottom_in:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
#footer_bottom_in {
	width: 100%;
	min-height: 1px;
	margin: 0 auto;
}
#footer_bottom_in a{color: #FFF;}

#footer_bottom_in ul{
	font-size: 0;
	line-height: 0;
	float: left;
}
#footer_bottom_in ul li{
	display: inline-block;
	border-right: 1px solid #FFF;
	font-size: 11px;
	line-height: 120%;
	padding: 0 8px;
}
#footer_bottom_in ul li:last-child{border-right: none;}

footer small{
	font-size: 78%;
	line-height: 120%;
	color: #FFF;
	float: right;
	text-align:center;
}


@media screen and (max-width:1180px)
{
	

	
}



/*アイコン系*/

.icon {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

.icon-small {
  font-size: 46px;
  float: left;
  line-height: 54px;
  padding-right: 10px;
}

.icon-big {
  font-size: 80px;
  line-height: 120px;
  display: block;
}


.member-box .box-b{height:350px;}