@charset "utf-8";
@import url("./recruit.css");
@import url("./staff.css");
body{background-color: #eef2f4}

.jb_page{ background: #eef2f4; }
.jb_block{ margin-bottom: 80px; }
.jb_block .sec_head{
	position: relative;
	z-index: 2;
	margin-bottom: 0;
}
.jb_block .sec_en.y{ color: #ffca07; }
.jb_block .sec_en.c{ color: #4fd4f8; }
.jb_block .sec_en.g{ color: #2fbc56; }
.jb_card{
	position: relative;
	z-index: 1;
	background: #ffffff;
	border-radius: 80px;
	margin-top: -72px;
	padding: 128px 60px 60px;
}
.jb_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 30px;
}
.jb_copy{ width: min(480px, 48%); }
.jb_lead{
  /*
	font-family: "M PLUS 1p", "Noto Sans JP", sans-serif;
  */
	font-weight: 800;
	font-size: clamp(22px, 2vw, 28px);
	line-height: 1.55;
	letter-spacing: 1px;
}
.jb_lead.y{ color: #f78c02; }
.jb_lead.c{ color: #4fd4f8; }
.jb_lead.g{ color: #2fbc56; }
.jb_txt{ margin-top: 14px; font-size: 16px; line-height: 33px; }
.jb_photo{ width: min(480px, 48%); }
.jb_photo img{
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
	border-radius: 40px;
}
.jb_h{
	border-left: 3px solid #f78c02;
	padding-left: 10px;
  /*
	font-family: "M PLUS 1p", "Noto Sans JP", sans-serif;
  */
	font-weight: 800;
	font-size: 20px;
}
.jb_h.c{ border-color: #4fd4f8; }
.jb_h.g{ border-color: #2fbc56; }
.jb_tasks{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 16px;
}
.jb_tasks p{
	background: #f4f2ee;
	border-radius: 10px;
	padding: 12px 18px;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 500;
}
@media screen and (max-width: 1080px){
	.jb_card{
		border-radius: 40px;
		margin-top: -56px;
		padding: 112px 24px 40px;
	}
}
@media screen and (max-width: 576px){
	.jb_card{
		margin-top: -36px;
		padding: 88px 24px 40px;
	}
	.jb_top{ flex-direction: column; }
	.jb_copy,.jb_photo{ width: 100%; }
	.jb_copy{order: 2;}
	.jb_photo{order: 1;}
	.jb_tasks{ grid-template-columns: 1fr; }
	.sec_en_row .sec_en{
		font-size: clamp(26px, 4.6vw, 32px)
	}
}