@charset "UTF-8";

/* -----------------------------------------------
 *  	         recruittop.css
 * ----------------------------------------------- */


/* =====================Article===================== */

/* メインビジュアル */
article.recruit_main_visual{
	position:relative;
	margin:0 0 0 0;
	padding:0;
	}
div.blind_box{
	display:block;
	content:attr(blind);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0%;
	background-color:#000;
	opacity:0.4;
	z-index:90;
	}
div.pict{
	float:left;
	width:calc((100% / 8) - 0.01%);
	margin:0;
	padding:0;
	border:none;
	outline:none;
	}
svg.svg_every_one_fun{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	height:180px;
	z-index:100;
	fill:#ffffff;
	opacity:0;
	}
	
/* 768px */
@media only screen and (max-width: 48em) {
div.pict{
	width:calc(100% / 5);
	}
svg.svg_every_one_fun{
	height:180px;
	}
div.pict:nth-child(32),div.pict:nth-child(31){
	display:none;
	}
}

/* 480px */
@media only screen and (max-width: 30em) {
div.pict{
	width:calc(100% / 5);
	}
svg.svg_every_one_fun{
	height:100px;
	}
div.pict:nth-child(32),div.pict:nth-child(31){
	display:none;
	}
}
/* メインビジュアル */


/* ■■業種イメージ */

figure.job_figure01{
	width:50%;
	margin:0 0 3% 0;
	}
figure.job_figure01.job_pict_l{	float:left;	margin-right:3%;}
figure.job_figure01.job_pict_r{	float:right; margin-left:3%;}

figure.job_figure01sub{
	width:35%;
	margin:0;
	}
figure.job_figure01sub.job_pict_l{	float:left;	margin-right:3%;}
figure.job_figure01sub.job_pict_r{	float:right; margin-left:3%;}

/* 480px */
@media only screen and (max-width: 30em) {
figure.job_figure01{
	width:100%;
	margin:0 0 3% 0;
	}
figure.job_figure01.job_pict_l{	float:none;	margin-right:0;}
figure.job_figure01.job_pict_r{	float:none; margin-left:0;}

figure.job_figure01sub{
	width:100%;
	margin:0 auto 3% auto;
	}
figure.job_figure01sub.job_pict_l{	float:none;	margin-right:0;}
figure.job_figure01sub.job_pict_r{	float:none; margin:0 auto 3% auto;}

}


/*section*/

section.recruit_navi_sect{
	}



/* entry */
section.recruit_ently_sect{
	padding:20px 0;
	border:solid 3px #000000;
	}

/* mypage_btn */
div.mypage_btn{
	margin:0 auto;
	text-align:center;
	}
div.mypage_btn a{
	display:inline-block;
	padding:10px 80px;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	font-size:3.0em;
	font-size:30px;
	line-height:1.2;
	border:solid 2px #000000;
	outline:solid 0px #000000;
	box-sizing:border-box;
	font-family:'Roboto Condensed', sans-serif;
	}
div.mypage_btn a span{
	display:block;
	font-size:1.2em;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	}
div.mypage_btn a span::after{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:bottom;
	margin-left:8px;
	background:url(/photoservice/bp-photostudio/common/img/other_link_icon.png) no-repeat center center;
	background-size: cover;
	}
div.mypage_btn a:hover{
	outline:solid 3px #000000;
	transition:0.1s;
	}
/* 480px */
@media only screen and (max-width: 30em) {
div.mypage_btn a{
	width:100%;
	padding:10px 0;
	}
}



/* その他の仕事リスト(recruit下部) */
ul.other_job_list{
	width:100%;
	list-style:none;
	text-align:center;
	}
ul.other_job_list li{
	display:inline-block;
	position:relative;
	width:100px;
	height:100px;
	margin-right:4.4%;
	margin-bottom:3%;
	text-align:center;
	overflow:hidden;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
	 background-color:#ffffff;
	}
ul.other_job_list li a{
	display:block;
	color:#000;
	text-decoration:none;
	}
ul.other_job_list li a span{
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height:30px;
	color:#000;
	}

ul.other_job_list li:hover{
	opacity:0.8;
	transition:0.6s;
	}

/* 768px */
@media only screen and (max-width: 48em) {

}
/* 480px */
@media only screen and (max-width: 30em) {

}




/* ■NEWS */
section.news_sect.rec_sect{
	position:relative;
	}

dl.news_rec_list{
	width:100%;
	font-size:1.4em;
	font-size:14px;
	border-bottom: 1px solid #333;
	}
dl.news_rec_list dt{
	float:left;
	width:120px;
	margin:0;
	padding:10px 0;
	border-top: 1px solid #333;
	}
dl.news_rec_list dd{
	width:calc(100% - 120px);
	margin:0 0 0 120px;
	padding:10px 0;
	border-top: 1px solid #333;
	}
dl.news_rec_list dd a{
	text-decoration: underline;
	}
dl.news_rec_list dd a:hover{
	text-decoration: none;
	}

/* csrNews部分の囲みを生成 */
section.rec_news_sect{
	position:relative;
	margin:0;
	padding:0;
	}


/* 採用トップ積極採用文章 */
.career_sp {
  position: relative;
  margin-bottom: 20px;
  }

.career_sp::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.2;
    display:block
}


.career_sp p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  text-align: center;
  line-height: 1.0;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.5px;
  font-size: 40px;
  font-family :'Roboto Condensed', sans-serif;
  z-index: 10;
  }
  
.career_sp p span{
   font-size: 30px;
   font-weight: normal;
   font-family: "FOT-筑紫ゴシック Pro B";
}

.career_sp img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: 50% 30%
  }

.whats_bp_logo img {
  width: 150px;
  margin: 40px 0;
  }
  
  /* 480px */
@media only screen and (max-width: 30em) {
.career_sp p {
   line-height: 1.2;
}
.career_sp p span{
   font-size: 20px;
   line-height: 1.5; display:block;
}
.whats_bp_logo img {
  width: 30%
  }
}
  /* 採用トップ積極採用文章 */
  

  /* 運営会場 */
/* space_list_01  */
ul.space_list_01{
	list-style:none;
	}
ul.space_list_01 li{
	position:relative;
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:5%;
	padding-bottom:20px;/* DETAILの分 */
	height:280px;
	}
ul.space_list_01 li:nth-child(3n){
	margin-right:0;
	}
ul.space_list_01 li a{
	display:block;
	text-decoration:none;
	transition:all 0.3s;
	}

ul.space_list_01 li a::after{
	content:"";
	display:block;
	position:absolute;
	bottom:-5px;
	left:0;
	height:1px;
	width:0%;
	background-color: #000;
	transition:all 0.3s;
	}

ul.space_list_01 li figure{
	margin:0 0 10px 0;
	}
ul.space_list_01 li figure img{
	}
ul.space_list_01 li header{
	}
ul.space_list_01 li span.list3_tag{
	display:block;
	margin:0 0 10px 0;
	padding:5px 20px;
	border:solid 1px #000000;
	font-size:0.9em;
	font-size:9px;
	/* font-weight:bold; */
	text-align:center;
	font-family:'Roboto Condensed', sans-serif; letter-spacing:1px;
	}
ul.space_list_01 li span.list3_detail{
	position:absolute;
	bottom:0;
	left:0;
	display:inline-block;
	width:120px;
	background-color:#000;
	color:#FFF;
	font-size:0.9em;
	font-size:9px;
	text-align:center;
	}
ul.space_list_01 li span.list3_detail::after{
	content:"\0025B6";
	}

ul.space_list_01 li a:hover{
	opacity:0.8;
	}	
ul.space_list_01 li a:hover::after{
	width:100%;
	}
ul.space_list_01 li p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-align: left;
	font-weight: normal;
	}
	
@media only screen and (max-width: 48em) {
ul.space_list_01 li{
	position:relative;
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:5%;
	height:auto;
	min-height:300px;
	}
ul.space_list_01 li:nth-child(3n){
	margin-right:2%;
	}
ul.space_list_01 li:nth-child(4n){
	margin-right:2%;
	}
ul.space_list_01 li:nth-child(2n){
	margin-right:0;
	}
}
@media only screen and (max-width: 30em) {
ul.space_list_01 li{
	min-height:200px;
	}
ul.space_list_01 li span.list3_tag{
    padding: 3px;
	}
ul.space_list_01 li span.list3_detail{
    padding: 5px;
	}
ul.space_list_01 li p{
	font-size: 12px;
	font-size: 1.2rem;
	}
}
  /* 運営会場 */

  /* スタッフエピソード */
figure.people_figure01{
	width:50%;
	margin:0 0 3% 0;
	}
figure.people_figure01.people_pict_l{	float:left;	margin-right:3%;}
figure.people_figure01.people_pict_r{	float:right; margin-left:3%;}

figure.people_figure01sub{
	width:35%;
	margin:0 0 0 0;
	}
figure.people_figure01sub.people_pict_l{	float:left;	margin:0 3% 3% 0 ;}
figure.people_figure01sub.people_pict_r{	float:right; margin-left:3%;}

figure.people_figure01item{
	width:40%;
	margin:0 0 3% 0;
	}
figure.people_figure01item.people_pict_l{	float:left;	margin-right:3%;}
figure.people_figure01item.people_pict_r{	float:right; margin-left:3%;}


/* 480px */
@media only screen and (max-width: 30em) {
figure.people_figure01{
	width:100%;
	margin:0 0 3% 0;
	}
figure.people_figure01.people_pict_l{	float:none;	margin-right:0;}
figure.people_figure01.people_pict_r{	float:none; margin-left:0;}

figure.people_figure01sub{
	width:100%;
	margin:0 auto 3% auto;
	}
figure.people_figure01sub img{
	width:50%;
	margin:0 25% 3% 25%;
	}    
figure.people_figure01sub.people_pict_l{	float:none;	margin-right:0;}
figure.people_figure01sub.people_pict_r{	float:none; margin:0 auto 3% auto;}

figure.people_figure01item{
	width:80%; 
	margin:0 auto 3% auto;
	}
figure.people_figure01item.people_pict_l{	float:none;	margin-right:0;}
figure.people_figure01item.people_pict_r{	float:none; margin:0 auto 3% auto;}
}
  /* スタッフエピソード */
  
.benefit_block{
    padding: 20px 5px 10px;
    border: 3px solid #000;
}


/* =====================DL===================== */


/* 1400px */
@media only screen and (max-width: 87.5em) {
}
/* 1024px */
@media only screen and (max-width: 64em) {
}
/* 960px */
@media only screen and (max-width: 60em) {
}
/* 768px */
@media only screen and (max-width: 48em) {
}
/* 720px */
@media only screen and (max-width: 45em) {
}
/* 600px */
@media only screen and (max-width: 37.5em) {
}
/* 480px */
@media only screen and (max-width: 30em) {
}
/* 320px */
@media only screen and (max-width: 20em) {
}