/*—————————————————————————————————
staff
—————————————————————————————————*/
.top_bg_wrap_title .jp {
  padding-top: 16px;
}
.top_bg.staff {
  background-image: url("../img/staff/location_pc.jpg");
}
@media screen and (max-width: 768px) {
.top_bg.staff {
  background-image: url("../img/staff/location_sp.jpg");
}
  
}
.staff_wrap {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: 120px auto 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #292929;
}
.staff_wrap:last-child {
  border-bottom: none;
}
@media screen and (max-width: 960px) {
  
}
@media screen and (max-width: 560px) {
	.staff_wrap {
  margin: 80px auto 80px;
	}
  
}
/*
staff detail
———————————*/
.concept {
    max-width: 340px;
    margin: 100px auto;
}
.about_wrap_item_text {
	font-size: 12px;
        line-height: 2.2;
    letter-spacing: 0.175em;
        color: #5e91a6;
}
.staff_detail {
  display: flex;
	align-items: center;
  gap: 56px;
}
.staff_detail_photo {
 
}
.staff_detail_photo_img {
	position: relative;
	display: block;
}
.staff_detail_photo_img img {
	width: 350px;
}
.staff_detail_item {
  width: 60%;	
padding: 0 3.5% 0 0;
}
.staff_detail_item .title {
  color: #5e91a6;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.staff_detail_item .sub_en {
	margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px;
}
.staff_detail_item .name {
  margin-top: 16px;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0.1em;
}
.staff_detail_item .insta {
  display: flex;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  margin-top: 8px;
  letter-spacing: 0.1em;
	margin-bottom: 30px;
}
.insta_btn {
	display: block;
    width: auto;
    padding: 0 15px 0 15px;
    border: #EAE5E3 1px solid;
    line-height: 26px;
    font-size: 14px;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 25px;
}
.logo_instagram {
	transform: scale(1.2) translate(0, 2px);
}
.staff_detail_item .insta span {
  margin-left: 8px;
  padding-top: 4px;
}
.staff_detail_item .text {
 text-align: justify;
  margin-top: 8px;
  line-height: 1.7em;
	font-size: 14px;
}
.sub_en_prof {
	margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
}
@media screen and (max-width: 1050px) {
}
@media screen and (max-width: 960px) {
  .staff_detail {
    display: block;
  }
  .staff_detail_photo {
    text-align: center;
  }
  .staff_detail_photo img {
    width: 100%;
  }
.staff_detail_photo_img {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.staff_detail_photo_img::after {
	bottom: -10px;
    left: calc(100% - 50px);
	}
  .staff_detail_photo .sub_en {
    left: 20%;
    width: 60%;
  }
  .staff_detail_item {
    width: 100%;
    margin-top: 40px;
	 padding: 0;
  }
}

@media screen and (max-width: 560px) {
	.concept {
    	margin: 80px auto;
	}
  .staff_detail_photo img {
    width: 100%;
  }
  .staff_detail_item {
    margin-top: 55px;
	}
	.staff_detail_item .title {
    font-size: 15px;
	font-weight: 500;
	}
	.staff_detail_item .name {
    margin-top: 14px;
    font-size: 20px;
	}
	.staff_detail_item .sub_en {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px;
}
	.staff_detail_item .text {
    margin-top: 8px;
    line-height: 1.7em;
    font-size: 13px;
	}
	.top_bg.staff {
		height: 250px;
	}
	.top_bg.staff .top_bg_wrap {
    height: 250px;
	}
  .top_bg.staff .top_bg_wrap .top_bg_wrap_title {
    padding-top: 20px;
    line-height: 48px;
    font-size: 3.5rem;
  }
  .top_bg.staff .top_bg_wrap .top_bg_wrap_title .jp {
    padding-top: 0;
	 font-size: 12px;
  }
	.top_bg.staff .top_bg_wrap .top_bg_wrap_title .jp::after {
    bottom: 0px;
	}
	
}

/*
showcase
———————————*/
.staff_title {
  display: flex;
  align-items: baseline;
  margin-top: 80px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.staff_title .sub_en {
  display: block;
  margin-left: 16px;
}
.staff_en {
  position: absolute;
  top: -120px;
  left: 0;
  line-height: 1em;
  color: #afc8d3;
  font-size: 5rem;
  font-family: MADECanvas;
  font-weight: 500;
  letter-spacing: -8px;
}
.staff_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 24px;
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
}
.staff_list_item img {
  width: 100%;
  vertical-align: bottom;
}

@media screen and (max-width: 960px) {
  .staff_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
  }
}
@media screen and (max-width: 560px) {
  .staff_title {
    margin-top: 56px;
  }
  .staff_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .staff_en {
    bottom: 0;
  }
}