@charset "UTF-8";
/* CSS Document */

body {
	overflow: hidden!important;
}

.other__h__hero_inner {
	background-image: url("../images/recruit/h_hero.jpg");
}

.l__title_box {
	width: 67%;
	height: auto;
	margin-left: 0;
	position: relative;
}

.other_h_copy--txt {
	width: 287px;
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	height: auto;
}

.l__title--jp {
	text-align: left;
	margin-bottom: 4%;
}

.l__title--en {
	position: relative;
	z-index: 2;
}

.l__title--maker {
    width: 118%;
    height: auto;
    position: absolute;
    bottom: 3%;
    left: -7%;
    right: 0;
	z-index: 1;


}

.s__title--en_shosai {
	width: 26vw;
	margin-right: auto;
	margin-left: auto;
	max-width: 347px;
}


/*画像自由配置領域*/

.l_message_img_inner {
	width: 93.27%;
	height: auto;
	margin-left: 2%;
	margin-right: 4.36%;
}


.l__message_box__top {
	width: 67%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin: 0 28.6% 0 4.27%;
	position: relative;
}

.top__txt_box {
	width: 52%;
	height: auto;
	line-height: 2.2;
	text-align: left;
}

.top__txt_box h3 {
	font-size: 1.69vw;
}

.top__txt_box p {
	font-size: 1.23vw;
}

.top__img_box {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 33.7%;
}

.l__message_box__bottom {
	width: 93.27%;
	height: auto;
	margin-right: 4.36%;
	margin-left: 2%;
	margin-top: -6.45%;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-bottom: 6.27%;
}

.bottom__img_box--left {
	width: 28.65%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
}

.bottom__img_box--right {
	width: 42.78%;
	height: auto;
	margin-right: 0;
	margin-left: auto;
}

.serif_01 {
	width: 25%;
	max-width: 186px;
	position: absolute;
	right: -48%;
	top: -29%;
	z-index:3; 
}


.serif_02 {
	width: 52%;
	max-width: 540px;
	position: absolute;
	left: -23%;
	bottom:43%;
	z-index:3; 
}


/*************************
s__セカンドセクション　運営施設
*************************/

.s__work {
	width: 100%;
	height: auto;
}


.s__work--btn {
	max-width: 693.84px;
	width: 83.195vw;
	height: auto;
	margin-right: auto;
	margin-left:  auto;
}
/*************************
s__セカンドセクション　運営施設　END
*************************/

/*************************
s__弊社の強み
*************************/

.s__strong_img_wrap {
	height: auto;
	width: 47%;
	position: relative;
	left: 0;
	margin-right: 0;
}

.s__strong_copy_wrap {
	height: auto;
	width: 53%;
	position: relative;
	left: 0;
	margin-right: 0;
}

.s__strong_txt__inner {
	width: 70%;
	height: auto;
	position: absolute;
	overflow: hidden;
	top: 55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}


.banner_l__copy_wrap {
	width: 52.92%;
	max-width: 567.84px;
	position: relative;
	margin-left: 12%;
	margin-right: auto;
/*	padding: 0.38vh 0;*/
}

/*.banner_l__copy_inner {
	width: 42.386vw;
	max-width: 353.502px;
	height: auto;
	margin: 0 auto;
	position: relative;
}*/

/*.banner_l__copy_inner:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
/*}*/

.banner_number01 {
	width: 112.2px;
/*	margin-bottom: 31.682%;*/
	margin-top: 0;
	margin-left: 0;

/*	position: absolute;
	top: 0;
	left: 0;*/
}

.banner--title-en--meal {
	max-width: 336.6079px;
	width: 25.8929vw;
	height: auto;
/*	margin-bottom: 37.057%;*/
}

.banner--title--meal {
	position: absolute;
	top: 50%;
	left: 0;
	 transform: translateY(-50%);
  -webkit- transform: translateY(-50%) ;
	width: 25.84vw;
	max-width: 336.6079px;
	text-align: center;

}

.banner--title-jp--meal {
	margin: 0 auto;
	font-size: 1.3vw;
	margin-bottom: 1.3vh;
/*	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
  -webkit- transform: translateX(-50%);*/
}

.banner--txt--meal {
	margin-bottom: 0;
	margin-left: 0;
	position: absolute;
	bottom: 2%;
	left: 0;
	font-size: 20px;
	font-weight: lighter;
}



.st__title_box {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
}

.st__feature_wrap {
	width: 100%;
	height: auto;
	background-color: #f9f6f2;
	position: relative;
	padding-top: 8.53vh;
	padding-bottom: 6.846vh;
}

.st__feature_inner {
	width: 85vw;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.st__feature_box {
	display: flex;
	justify-content: space-between;
}

.st__feature--item {
	width: 59.71vw;
	max-width: 498px;
}

.st__item--img
,.st__item--txtBox {
	width: 100%;
	height: auto;
	margin-bottom: 13%;
}

.st--txt_num {
	width: 112px;
	height: auto;
	margin-bottom: 3.45%;
}

.feature--item--txtBox {
	margin-top: 9.236%;
}

.s-t__txt-title {
	font-size: 23px;
	font-weight: lighter;
	line-height: 1.5em;;
	letter-spacing: 1px;
}

.st__item--caps {
	max-width: 458px;
	width: 54.91vw;
	border-bottom: solid 1px #d8db7d;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 6%;
	padding-bottom: 2.4%;
}

.st__item--txtBox p{
	line-height: 1.8em;
	letter-spacing: 1px;
}





/*************************
インタビュー　スライダー
*************************/


.slider_wrap {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	height: auto;
	background-color: #FFF;
	padding-bottom: 9.307vh;
}

.slider_inner {
	width: 100vw;
	max-width: 1300px;
	height: auto;
	margin: 0 auto;
	z-index: 1;
}

.slider_inner .onlyPC{
	display: block;
}

.slider_inner .onlySP{
	display: none;
}

.serif03 {
	width:53%;
	max-width: 700px;
	position: absolute;
    top: 13.6%;
    right: -17%;
	z-index: 5;
}
	
.serif04 {
	width: 13%;
	max-width: 169px;
	position: absolute;
	top: 40%;
	left: -1.7%;
	z-index: 5;
}

/*************************
インタビュー　スライダー
*************************/


/*************************
スクロール アニメーション
*************************/

.scroll-fade {
  opacity: 0;
  transition: all 2s;
}

.scroll-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 2s;
}

.scroll-left.done, .scroll-fade.done {
  opacity: 1;
  transform: translate(0, 0);
}

.load-fade {
  opacity: 0;
  transition: all 2s;
}

.load-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 2s;
}

.load-left.done, .load-fade.done {
  opacity: 1;
  transform: translate(0, 0);
}

/*************************
スクロール アニメーション
*************************/




/*************************
s__recruit詳細
*************************/

.fi__about_table {
	width: 67.5%;
	max-width: 743px;
	height: auto;
	text-align: left;
	border-bottom: 2px solid #d8db7d;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	line-height: 2.5;
}

table, td, th {
		border-bottom: 2px solid #d8db7d;
}

th {
	width: 28%;
	max-width: 211px;
	color: #a1a1a1;
	padding-left: 10px;
}

td {
	color: #333;
	padding-right: 10px;
}

td,th {
	padding-top: 16px;
	padding-bottom: 16px;
}

.fi__about_table li {
	list-style-type: none;
}

.s__title--jp02 {
    /* margin: 0 auto; */
    text-align: center;
}

.s__title--en_strong {
    width: 90%;
    max-width: 600px;
}

.strong_title {
    position: absolute;
    top: -6%;
    left: 13%;
}

/***************************************
特大PC対応
***************************************/

@media screen and (min-width: 1300px) {

	.top__txt_box h3 {
		font-size: 27px;
		font-feature-settings: "palt";
	}

	.top__txt_box p {
		font-size: 18px;
	}

	.top__txt_box {
    	width: 65%;
	}



}


/***************************************
モバイル対応　タブレット　
***************************************/

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



}

/***************************************
モバイル対応　タブレット END
***************************************/




/***************************************
モバイル対応　SP
***************************************/

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

	.inner {
		width: 95vw;
	}

.l__message_box__top {
    width: 67%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
}

.top__txt_box {
    width: 100%;
    height: auto;
    line-height: 2.2;
    text-align: center;
    margin: 0 auto 19%;
	}

	.top__txt_box h3 {
    font-size: 3.69vw;
}
	.top__txt_box p {
    font-size: 2.5vw;
}

	.top__img_box {
    position: relative;
    bottom: -6%;
    right: -9%;
    z-index: 10;
    width: 41.7%;
}

	.l__message_box__bottom {
    width: 93.27%;
    height: auto;
    margin-right: 4.36%;
    margin-left: 2%;
    margin-top: -11.45%;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 6.27%;
}

	.bottom__img_box--left {
    width: 39.65%;
    height: auto;
    position: absolute;
    left: 5%;
    bottom: 0;
}
	.bottom__img_box--right {
    width: 63.78%;
    height: auto;
    margin-right: -8%;
    margin-left: auto;
}

.content__banner_wrap {
	width: 100%;
	height: auto;
	background-color: #FFF;
}
.content__banner_inner{
	width: 95vw;
	height: auto;
	padding: 6vh 0;
	margin: 0 auto;
}

.contet__banner_box {
    display: block;
}

.s__strong_img_wrap {
	height: 200px;
	width: 100%;
	position: static;
	overflow: hidden;
}

.s__strong_copy_wrap {
	height: auto;
	width: 100%;
	position: relative;
}

.s__strong_txt__inner {
	width: auto;
	height: auto;
	position: static;
	overflow: auto;
	top: 0;
    left: 0;
    transform: translateY(0) translateX(0);
  -webkit- transform: translateY(0) translateX(0);
	padding: 1.55vh;
}

.st__item--caps {
	max-width: 100%;
	width: auto;
	margin-bottom: 3.4%;
}

.fi__about_table {
	width: auto;
	max-width: 100%;
}

th {
	width: 28%;
	max-width: 28%;
	color: #a1a1a1;
	padding-left: 0;
}

td {
	color: #333;
	padding-right: 0
}

td,th {
	padding-top: 16px;
	padding-bottom: 16px;
}

.slider_wrap {
	padding-bottom: 6vh;
	padding: 0 20px 30px;
	box-sizing: border-box;
}

	
	.slider_inner {
		width: auto;
		max-width: inherit;
	}	
	
	.s__strong_txt__inner {
    padding-top: 20%;
}
.strong_title {
    position: absolute;
    top: 4%;
    left: 11%;
    width: 82%;
}
	
	.s__title--en_shosai {
    width: 56vw;
    margin-right: auto;
    margin-left: auto;
    max-width: 347px;
}
	
	.map__title_box {
    max-width: 388px;
    width: 59.887vw;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
	
	.contact_title--en {
    width: 54%;
    max-width: initial;
}
	
	.caps-jp {
    font-size: 14px;
}
	
	.s__title--jp {
    font-size: 14px;
}
	
	.s__title--jp02 {
    font-size: 15px;
}
	.map__title--jp.mbf10 {
    font-size: 13px;
}
	
	.s-t__txt-title {
    font-size: 17px;
    font-weight: lighter;
    line-height: 1;
}
	
	.st--txt_num {
    width: 112px;
    height: auto;
    margin-bottom: 3.45%;
}
	
	.st__item--img, .st__item--txtBox {
    width: 90%;
    height: auto;
    margin-bottom: 9.236%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10%;
}
	
	.slider_inner .onlyPC{
		display: none;
	}

	.slider_inner .onlySP{
		display: block;
	}	
	
}

/***************************************
モバイル対応　SP　END
***************************************/