/***** デフォルト設定上書き *****/

.p-cover {
	height: clamp(140px, 21.818px + 31.515vw, 400px);
}

.p-archive-header {
	box-shadow:none;
	padding:0 0 50px;
}

.p-archive-header__title {
	margin-bottom:var(--size-20-30);
}

.p-cover__inner {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 767px) {
	.mb_none {
		display:none;
	}
}

/***** 変数 *****/
:root {
    --dev-color-rgb: 31, 74, 158;
    --sal-color-rgb: 203, 33, 85;
	--ins-color-rgb: 211, 144, 14;
	--ope-color-rgb: 90, 188, 24;
	--wh-50:clamp(40px, 2.273rem + 1.14vw, 50px);
	--size-10-30:clamp(10px, 0.909px + 2.424vw, 30px);
}

article {
/* 	margin: 0 calc(50% - 50vw);
	width: 100vw;	 */
}

.t_al_r {
	text-align:right;
}


/***** 採用情報 *****/

.reqruit_wrapper p,
.reqruit_wrapper ul,
.reqruit_wrapper li,
.reqruit_wrapper dl,
.reqruit_wrapper dt,
.reqruit_wrapper dd {
	margin:0;
	padding:0;
	line-height:1.6;
	list-style:none;
    letter-spacing: 0.05em;
}

.reqruit_wrapper a:hover {
	text-decoration:none;
}

.recruit_cont {
	margin:0 auto;
	padding:var(--wh-50) 30px;
	text-align:center;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

.recruit_cont > div {
	max-width:1180px;
	margin:0 auto;
	padding:0;
}

.alternate:nth-child(odd) {
	background:#f5f5f5;
	background-size:100vw;
}
/* .recruit_cont:last-child {
	background:#fff;
	padding:0;
} */

.recruit_cont .con_ttl {
	display: block;
    font-weight: 600 !important;
    font-size: clamp(22px, 1.148rem + 1.14vw, 32px) !important;
	margin-bottom:var(--size-30-50);
}
.recruit_cont .con_ttl:before {
	content:"-";
	padding-right:.7rem;
}
.recruit_cont .con_ttl:after {
	content:"-";
	padding-left:.7rem;
}

.recruit_cont_inner h3 {
	position:relative;
	font-size:var(--size-18-24);
	margin-bottom: 40px;
}
.recruit_cont_inner h3::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translate(-50%); /* 位置調整 */
	bottom: -15px; /* 下線の上下位置調整 */
	width: 60px; /* 下線の幅 */
	height: 5px; /* 下線の太さ */
	background-color: rgba(var(--dev-color-rgb), 1); /* 下線の色 */
	border-radius:2.5px;
}
/***** 3分割 *****/

.recruit_grid {
	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));
    gap: 1.5em;
	padding:0 ;
}

.occupation_box {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.occupation_box li {
	display:inline-block;
    overflow: hidden;
	color:#fff;
}

/***** 募集職種 *****/

.occupation_box li.development {
	background:rgba(var(--dev-color-rgb), 1);
}

.occupation_box li.sales {
	background:rgba(var(--sal-color-rgb), 1);
}

.occupation_box li.instructor {
	background:rgba(var(--ins-color-rgb), 1);
}

.occupation_box li.operation {
	background:rgba(var(--ope-color-rgb), 1);
}

.occupation_box > li > dl > dt {
	text-align:center;
    	font-size:var(--size-18-24) !important;
	padding:15px 5px;
	font-weight:600;
}

.occupation_box > li > dl dd {
	position:relative;
	text-align:left;
}

.occupation_box > li dl dd.oc_photo:before {
	content: '';
    position: absolute;
	top:0;
    bottom: auto;
    left: 0;
    right: 0;
	width:100%;
	min-height:240px;
	background-size:cover !important;
	-webkit-clip-path: polygon(0 13%, 100% 0%, 100% 87%, 0% 100%);
    clip-path: polygon(0 13%, 100% 0%, 100% 87%, 0% 100%);
}

.occupation_box li.development dd.oc_photo:before {
	background:url(/wp/wp-content/uploads/2023/10/recruit_img_dev.jpg) no-repeat center;
}

.occupation_box li.sales dd.oc_photo:before {
	background:url(/wp/wp-content/uploads/2023/10/recruit_img_sal.jpg) no-repeat center;
}

.occupation_box li.instructor dd.oc_photo:before {
	background:url(/wp/wp-content/uploads/2023/10/recruit_img_ins.jpg) no-repeat center;
}

.occupation_box li.operation dd.oc_photo:before {
	background:url(/wp/wp-content/uploads/2023/10/recruit_img_ope.jpg) no-repeat center;
}

.occupation_box > li dl dd.oc_photo p {
	padding:260px 20px 20px;
}

/***** 先輩たちの声 *****/

.staff_box {
	padding: var(--size-10-30);
	margin-bottom:var(--size-30-40);
/* 	display:flex;
	flex-wrap: wrap; */
	display:grid;
	grid-template-columns: 1fr 2fr;
	text-align:left;
/* 	border-bottom: 2px solid #ddd; */
}

.staff_box.development {
	background:rgba(var(--dev-color-rgb), .1);
}
.staff_box.sales {
	background:rgba(var(--sal-color-rgb), .1);
}
.staff_box.instructor {
	background:rgba(var(--ins-color-rgb), .1);
}
.staff_box.operation {
	background:rgba(var(--ope-color-rgb), .1);
}

.staff_box:last-child {
	margin-bottom:0;
}
.staff_box.sales,
.staff_box.operation {
/* 	direction:rtl; */
	grid-template-columns: 2fr 1fr;
}

.staff_box figure {
	margin:0;
	text-align:center;
	background:none;
/* 	box-shadow: 15px 15px 0px 0px rgba(0, 0, 0, 0.15); */
}
.staff_box figure img {
	border:1px solid #fff;
/* 	box-shadow: -15px -15px 0px 0px rgba(0, 0, 0, 0.1);	 */
}

.staff_box figure br {
	display:none;
}

.staff_box .staff_cate {
	display:flex;
	flex-wrap:nowrap;
	align-items: center;
}
.staff_box .staff_cate em {
	width:140px;
	font-size: var(--size-13-15);
	color:#fff;
	padding:.3em;
	margin:0 10px 7px 7px;
	text-align:center;
}
.staff_box.development .staff_cate em {
	padding:.3em;
	background:rgba(var(--dev-color-rgb), 1);
}
.staff_box.sales .staff_cate em {
	background:rgba(var(--sal-color-rgb), 1);
	margin-left: 0;
}
.staff_box.instructor .staff_cate em {
	background:rgba(var(--ins-color-rgb), 1);
}
.staff_box.operation .staff_cate em {
	background:rgba(var(--ope-color-rgb), 1);
}
.staff_box .staff_cate span {
	word-break: keep-all;
}

.staff_box dt{
	padding:var(--size-15-20);
	font-size: var(--size-18-22);
	font-weight:600;
	text-align:left;
}

.staff_box.development dt {
	background:rgba(var(--dev-color-rgb), 0.3);
}
.staff_box.sales dt {
	background:rgba(var(--sal-color-rgb), 0.3);
}
.staff_box.instructor dt {
	background:rgba(var(--ins-color-rgb), 0.3);
}
.staff_box.operation dt {
	background:rgba(var(--ope-color-rgb), 0.3);
}

.staff_box dd {
	padding:var(--size-15-20);
	text-align:left;
}

@media screen and (max-width: 767px) {
	.staff_box {
		grid-template-columns: 1fr !important;
	}
	.staff_box figure {
		order:2;
		box-shadow:none;
	}
	.staff_box figure img {
	box-shadow:none;
	}
	.staff_box > div {
		order:1;
	}
}

/***** データで見る *****/

/* グラフ1 */
.container {
  display: flex;
	margin:0 auto;
	padding:30px 40px 50px;
	width: min(100%, 950px);
}
@media screen and (max-width: 767px) {
	.container {
		padding:20px 0 30px;
	}
}
.container .inner {
    display: flex;
    flex-direction: column;
	width: 100%;
}
.label-vertical {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height:300px;
	font-size: clamp(12px, 11.545px + 0.121vw, 13px);
	font-weight:normal;
	padding-right:.3em;
	padding-top:10px;
	white-space: nowrap;
}
.label-vertical .label {
	
}
.graph {
  height: 280px;
/*   width: 678px; */
  border: 1px solid #ddd;
  position: relative;
  margin-top: 15px;
	background: #fff
}
.graph .bar:first-of-type {
/*   margin-left: 40px; */
}
.container .bar {
/*   float: left; */
  text-align: center;
  position: relative;
  margin: 0 3%;
  width: 4%;
  background-color: rgba(var(--dev-color-rgb), 1);
}

.container .bar.yosoku {
  background-color: rgba(var(--dev-color-rgb), .5);
}

.container hr {
  border: none;
  position: absolute;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background: #eaeaea;
}
.container .label-horizontal {
  display: flex;
	justify-content: space-around;
	padding-top: 10px;
	width:100%;
	align-items: center;
}
.container .label-horizontal .label{
	font-size: clamp(11px, 10.091px + 0.242vw, 13px);
	margin:0 1%;  
	width: 8%;
	text-align: center;
	white-space: nowrap;
}
.container .label-horizontal p {
	display:none;
}
@media screen and (max-width: 600px) {
	.container .label-horizontal {
		padding-top: 28px;
	}
	.container .label-horizontal .label {
		transform: rotate(-90deg);
		width: 11px;
	}
}

.bar_item {
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-items: flex-end;
	width:100%;
	height: 100%;
}


/* グラフ2 */

.graph_box {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	padding:40px 0 10px !important;
	gap:2.5em .7em;
}

.graph_box dt {
	font-size:var(--size-18-22);
	padding-bottom:var(--size-15-20);
}

.pie-chart-003 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pie-chart-003 > div {
	position:relative;
	min-width:200px;
	min-height:200px;
    margin: 0;
    border-radius: 50%;
}

.pie-chart-003.sex > div {
	background-image: conic-gradient(#53aeee 63%, #f980b5 63% 100%, #e2e2e2 100% 100%);
}

.pie-chart-003.age > div {
    background-image: conic-gradient(#76dc50 15%, #2dbde1 15% 42%, #e1a741 42% 57%, #EE4A80 57% 80%, #d747d2 80% 100%);
}

.pie-chart-003.department > div {
	background-image: conic-gradient(rgba(var(--dev-color-rgb), 0.6) 15%, rgba(var(--sal-color-rgb), 0.6) 15% 35%, #deab52 35% 55%, rgba(var(--ope-color-rgb), 0.6) 55% 75%, #bf79cc 75%, 90%, #5fc9c6 90% 100%);
}

.pie-chart-003.pref > div {
	background-image: conic-gradient(#72d04f 59%, #5396e0 59% 76%, #EE4A80 76% 88%, #e1a741 88% 100%);
}

.graph_box .pie-chart-003 li {
	position:absolute;
	font-size: var(--size-13-15);
	color:#fff;
	line-height:1.4;
}

.pie-chart-003.sex li {
	font-size: var(--fontsize-16);	
}

.pie-chart-003.sex li:nth-child(1) {
    top: 40%;
    left: 60%;
}

.pie-chart-003.sex li:nth-child(2) {
	top: 25%;
    left: 15%;
}

.pie-chart-003.age li:nth-child(1) {
    top: 10%;
    left: 55%;
}

.pie-chart-003.age li:nth-child(2) {
    top: 45%;
    left: 70%;
}
.pie-chart-003.age li:nth-child(3) {
	top: 70%;
    left: 42%;
}
.pie-chart-003.age li:nth-child(4) {
	top: 50%;
    left: 12%;
}
.pie-chart-003.age li:nth-child(5) {
	top: 10%;
    left: 23%;
}
.pie-chart-003.department li:nth-child(1) {
	top: 10%;
    left: 55%;
}
.pie-chart-003.department li:nth-child(2) {
    top: 40%;
    left: 70%;
}
.pie-chart-003.department li:nth-child(3) {
    top: 65%;
    left: 45%;
}
.pie-chart-003.department li:nth-child(4) {
    top: 55%;
    left: 7%;
}
.pie-chart-003.department li:nth-child(5) {
    top: 25%;
    left: 7%;
}
.pie-chart-003.department li:nth-child(6) {
	top: 5%;
    left: 30%;
}


.pie-chart-003.pref li:nth-child(1) {
	top: 40%;
    left: 60%;
}

.pie-chart-003.pref li:nth-child(2) {
	top: 55%;
    left: 10%;
}
.pie-chart-003.pref li:nth-child(3) {
    top: 25%;
    left: 10%;
}
.pie-chart-003.pref li:nth-child(4) {
    top: 6%;
    left: 28%;
}

.pie-chart-003 span {
	display:block;
/*     font-weight: 600; */
}

/***** いいところ *****/

.pr_box {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 2vw;
}

.pr_box li {
	border:1px solid #ddd;
	background:#fff;
	
}
.pr_box li dl dt {
	text-align:center;
    font-size: var(--size-18-24) !important;
	padding:75px 5px 0;
	background:url(/wp/wp-content/uploads/2023/08/ico_heart.png) no-repeat center 20px;
	background-size:45px auto;
	font-weight:600;
}

.pr_box li dd {
	text-align:left;
	padding:20px;
}

.woman_box {
	position:relative;
	margin:40px auto 0;
	background:#FFE8EF;
	border-radius:15px;
	padding:25px 15px;
	width: max(80%, 320px);
}
.woman_box h3 {
	font-size: var(--size-18-20);
	margin-bottom:var(--size-15-20);
}

.bnr_box {
	display:flex;
	flex-wrap:nowrap;
	justify-content: center;
	margin:20px 0 10px !important;	
}
.bnr_box li {
	margin: 0 var(--size-5-10);
}
.bnr_box a {
	display:block;
	width:100%;
}
.bnr_box li a img {
	min-width:80%;
}

/***** 募集概要 ******/
.reqruit_tbl {
	border:2px solid #ddd;
	width:100%;
	border-collapse: collapse;
	margin-bottom:clamp(20px, 0.568rem + 3.41vw, 50px) !important;
}
.reqruit_tbl th,
.reqruit_tbl td {
	border:1px solid #dadada;
	padding:var(--size-10-15);
	font-size:var(--size-14-18);
}
.reqruit_tbl th {
	background:#f5f5f5;
	text-align:center;
	width:25%;
	font-weight:600;
}
.reqruit_tbl td {
	text-align:left;
	background:#fff;
	font-size:var(--size-14-16);
}

.reqruit_tbl td dt {
	font-size:var(--size-15-18);	
}
.reqruit_tbl td dd .txt_point {
	padding-top:5px;
	font-weight:600;
}

.example {
	padding-left: 1.2em !important;
}
.example:before {
	content: "※";
	margin-left: -1.2em;
}

@media screen and (max-width: 640px) {
	.reqruit_tbl {
	}
	.reqruit_tbl th,
	.reqruit_tbl td {
		display:block;
		width:100%;
		border-width:0;
	}
	.reqruit_tbl th,
	.reqruit_tbl td {
		border-bottom-width:1px;
	}
	.reqruit_tbl tr:last-of-type td {
		border-bottom-width:0;		
	}
}

/***** 給与モデル *****/
.occupation_box.model > li > dl > dd {
	color:#333;
	padding:30px 20px;
	margin:0 0 10px;	
	background:#fff;
	background-size:cover !important;
	-webkit-clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%);
    clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%);
}

.occupation_box.model .development {
	background:rgba(var(--dev-color-rgb), 0.2);
	border:1px solid rgba(var(--dev-color-rgb), 1);
	border-top:10px solid rgba(var(--dev-color-rgb), 1);
}
.occupation_box.model .sales {
	background:rgba(var(--sal-color-rgb), 0.2);
	border:1px solid rgba(var(--sal-color-rgb), 1);
	border-top:10px solid rgba(var(--sal-color-rgb), 1);
}
.occupation_box.model .instructor {
	background:rgba(var(--ins-color-rgb), 0.2);
	border:1px solid rgba(var(--ins-color-rgb), 1);
	border-top:10px solid rgba(var(--ins-color-rgb), 1);
}
.occupation_box.model .operation {
	background:rgba(var(--ope-color-rgb), 0.2);
	border:1px solid rgba(var(--ope-color-rgb), 1);
	border-top:10px solid rgba(var(--ope-color-rgb), 1);
}

.occupation_box.model > li dl dt {
	color:#333;
}

.occupation_box.model hr,
.reqruit_tbl hr {
	border:0;
	width:100%;
	border-top: 1px solid #aaa;
    margin: 12px 0;
}

.salary {
	font-weight:600;
}

.occupation_box.model .model_dl {
/* 	display:grid;
	grid-template-columns:1fr 1fr;
	grid-row-gap:5px; */
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.occupation_box.model .model_dl dt {
	width:45%;
	font-weight:normal;
}
.occupation_box.model .model_dl dt:after {
	content:"：";
}
.occupation_box.model .model_dl dt.no_colon:after {
	content:"";
	width:0;
}
.occupation_box.model .model_dl dd {
	width:55%;
	text-align:right;
}
.occupation_box.model .model_dl dd.breakdown {
	width:100%;
	font-size:.9em;
}

.occupation_box.model .model_dl dt:last-of-type {
	font-weight:600 !important;
	padding:2px 0;
	font-weight:600;
}

.occupation_box.model .model_dl dd:last-of-type {
	font-weight:600;
	padding:2px 0;
}

/***** 選考方法 *****/
.entry_box {
	background:#fff;
	padding:clamp(0px, -11.364px + 3.03vw, 25px);
	margin-top:var(--size-15-20);
}
.entry_box > ul {
	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px .3em;
	padding: 0 0 30px !important;
}

.entry_box dt {
	position:relative;
	height:var(--wh-50);
	line-height:var(--wh-50);
	font-size:var(--size-14-18);
	font-weight:600;
	background:#eaeaea;
}
.entry_box li:not(:last-child) dt {
	margin-right:30px;
	padding-left:15px;
}

.entry_box li:last-child dt {
	background:#ff5050;
	color:#fff;
}

.entry_box li:not(:last-child) dt:after {
	content:"";
	position:absolute;
	right:-30px;
	height:var(--wh-50);
	width:30px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background:#eaeaea;
}

.entry_box dd {
	padding:20px 10px 10px;
	text-align:left;
}

.entry_box dd .sup {
	display:block;
	margin-top:5px;
	font-size:var(--size-13-15);
    text-indent: -1.2em;
    padding-left: 1.2em;
	padding-right: 1.2em;
}
.entry_box dd .sup:before {
	content:"※";
	padding-right:.2em;
}

.entry_sup_box {
	border:1px solid #ddd;
	border-radius:5px;
	padding:var(--size-15-20) var(--size-20-30);
	margin-bottom:10px;
/* 	margin-left:clamp(10px, -0.284rem + 4.55vw, 50px);
	margin-right:clamp(10px, -0.284rem + 4.55vw, 50px); */
	width:min(100%, 850px);
	margin: 0 auto var(--size-5-10);
}

.entry_sup_box ul {
	padding-left:15px;
}

.entry_sup_box li {
	list-style-type: disc;
	text-align:left;
	padding: .2em 0;
}

/***** 応募フォーム *****/

.entry_box {
	
}
.form_box {
	display:flex;
	flex-wrap:nowrap;
	justify-content: center;
/* 	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5em;
	justify-content:center; */
	padding:70px 0 0;
	margin:0 auto;
}
.form_box button {
	
}
.form_box button {
	text-align: center;
	vertical-align: middle;
	border: 2px solid #27acd9;
	border-radius:8px;
	margin:0 1.5vw;
	padding:0;
	transition: 0.5s;
	width:min(42%, 320px);
}

.form_box button a {
	display:block;
	padding:clamp(15px, 10.455px + 1.212vw, 25px) 1vw;
	font-size: clamp(16px, 10.545px + 1.455vw, 28px);
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}
.form_box button:hover {
	background: #fff;
	color: #27acd9;
}
.form_box button a:hover {
	text-decoration:none;
}

.form_box button.entry_mid {
	border-color: #ff9933;
	background:#ff9933;
}
.form_box button.entry_mid:hover {
	background: #fff;
	color: #ff9933;
}
.form_box button.entry_mid a:hover {
	color:#ff9933;
}

.form_box button.entry_new {
	border-color:#3333ff;
	background:#3333ff;
}
.form_box button.entry_new:hover {
	background: #fff;
	color:#3333ff;
}
.form_box button.entry_new a:hover {
	color:#3333ff;
}

/******************
 先輩社員の声 
******************/

/* ページ内メニュー */
.reqruit_nav {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
	padding: 0 15px;
}

.reqruit_nav ul {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:1vw;
	width: min(100%, 750px);
	margin:0 auto var(--size-20-40) auto;
}

.reqruit_nav li {
	text-align:center;
	font-size:var(--size-13-15);
	display: inline-grid;
}

.reqruit_nav li a {
	display:block;
	padding:var(--size-5-10);
}

.reqruit_nav li.development a {
	background:rgba(var(--dev-color-rgb), 0.2);	
}
.reqruit_nav li.sales a {
	background:rgba(var(--sal-color-rgb), 0.2);	
}
.reqruit_nav li.instructor a {
	background:rgba(var(--ins-color-rgb), 0.2);	
}
.reqruit_nav li.operation a {
	background:rgba(var(--ope-color-rgb), 0.2);	
}

.reqruit_nav li.development a:hover {
	background:rgba(var(--dev-color-rgb), 0.4);	
}
.reqruit_nav li.sales a:hover {
	background:rgba(var(--sal-color-rgb), 0.4);	
}
.reqruit_nav li.instructor a:hover {
	background:rgba(var(--ins-color-rgb), 0.4);
}
.reqruit_nav li.operation a:hover {
	background:rgba(var(--ope-color-rgb), 0.4);	
}

.reqruit_nav li a:hover {
	color:#fff;
}
.reqruit_nav li a:before {
	content:"▼";
	padding-right:.5vw;
}

/* コンテンツ */
.dev_cont {
	background:rgba(var(--dev-color-rgb), 0.1);
	margin-bottom:var(--size-30-50);
}
.sal_cont {
	background:rgba(var(--sal-color-rgb), 0.1);
	margin-bottom:var(--size-30-50);
}
.ins_cont {
	background:rgba(var(--ins-color-rgb), 0.1);
	margin-bottom:var(--size-30-50);
}
.ope_cont {
	background:rgba(var(--ope-color-rgb), 0.1);
	margin-bottom:var(--size-30-50);
}
.person_area {
	position:relative;
	padding-bottom:var(--size-10-20);
}
.person_area .profile_card {
	position:absolute;
	top:50px;
	padding:var(--size-15-30) var(--size-10-20);
	color:#fff;
	text-align:left;
	width:clamp(120px, -7.273px + 33.939vw, 400px);
	z-index:1;
}
.recruit_cont.dev_cont .profile_card {
	background:rgba(var(--dev-color-rgb), 0.8);
}
.recruit_cont.sal_cont .profile_card {
	background:rgba(var(--sal-color-rgb), 0.8);
	right:0;
}
.recruit_cont.ins_cont .profile_card {
	background:rgba(var(--ins-color-rgb), 0.8);
	right:0;
}
.recruit_cont.ope_cont .profile_card {
	background:rgba(var(--ope-color-rgb), 0.8);
}

.recruit_cont .profile_card .profile {
	font-weight:700;
	padding-top:var(--size-5-10);
	padding-bottom:var(--size-10-15);
	font-size:var(--size-18-22);
}

.recruit_cont .profile_card p {
	overflow:hidden;
	word-break: keep-all;
}

.recruit_cont .profile_card wbr {
}

@media screen and (max-width: 550px) {
	.person_area .profile_card {
		position:relative;
		display:block;
		width:100%;
		top:0;
	}
}

.person_area figure {
	margin:0;
	text-align:right;
/* 	max-height:400px; */
	overflow:hidden;
/* 	height: clamp(200px, 109.091px + 24.242vw, 400px); */
}

.recruit_cont.sal_cont figure,
.recruit_cont.ins_cont figure {
	text-align:left;	
}

.person_area figure img {
	width:min(100%, 950px);
}

.voice_lead {
	padding: var(--size-30-40) clamp(0px, -9.091px + 2.424vw, 20px);
	margin:0 !important;
	font-size: clamp(18px, 12.545px + 1.455vw, 30px) !important;
	text-align:left;
	line-height:1.8 !important;
}

.voice_box dl {
	width:min(100%, 900px);
	background: rgba(255, 255, 255, .85);
	margin:var(--size-10-20) 0;
	border-radius:10px;
	padding:var(--size-10-20);
}
.dev_cont .voice_box dl {
	border:1px solid rgba(var(--dev-color-rgb), .2);
}
.sal_cont .voice_box dl {
	border:1px solid rgba(var(--sal-color-rgb), .2);
}
.ins_cont .voice_box dl {
	border:1px solid rgba(var(--ins-color-rgb), .2);
}
.ope_cont .voice_box dl {
	border:1px solid rgba(var(--ope-color-rgb), .2);
}

.voice_box dl:nth-child(even) {
	right:0;
	margin-left:auto;
}

.voice_box dt{
	font-size: var(--size-18-22);
	font-weight:600;
	text-align:left;
	padding:0 var(--size-10-15);
}
.voice_box dt:before {
	content:"Q";
	font-size:var(--size-30-40);
	padding-right:.8vw;
}

.dev_cont .voice_box dt:before {
	color:rgba(var(--dev-color-rgb), 0.5);	
}
.sal_cont .voice_box dt:before {
	color:rgba(var(--sal-color-rgb), 0.5);	
}
.ins_cont .voice_box dt:before {
	color:rgba(var(--ins-color-rgb), 0.5);	
}
.ope_cont .voice_box dt:before {
	color:rgba(var(--ope-color-rgb), 0.5);	
}

.voice_box dd {
	padding:var(--size-10-15);
	text-align:left;
}

.voice_box dl:last-child {
}

.dev_cont .voice_box dl:last-child {
	background:#fff;
	box-shadow: 10px 10px 0px 0px rgba(var(--dev-color-rgb), .2);
}
.sal_cont .voice_box dl:last-child {
	background:#fff;
	box-shadow: 10px 10px 0px 0px rgba(var(--sal-color-rgb), .2);
}
.ins_cont .voice_box dl:last-child {
	background:#fff;
	box-shadow: 10px 10px 0px 0px rgba(var(--ins-color-rgb), .2);
}
.ope_cont .voice_box dl:last-child {
	background:#fff;
	box-shadow: 10px 10px 0px 0px rgba(var(--ope-color-rgb), .2);
}

.dev_cont .voice_box dl:last-child dt {
	color:rgba(var(--dev-color-rgb), 1);
}
.sal_cont .voice_box dl:last-child dt {
	color:rgba(var(--sal-color-rgb), 1);
}
.ins_cont .voice_box dl:last-child dt {
	color:rgba(var(--ins-color-rgb), 1);
}
.ope_cont .voice_box dl:last-child dt {
	color:rgba(var(--ope-color-rgb), 1);
}

.voice_box dl:last-child dt:before {
	content:"";
}

.btn_page_back {
	padding-top: var(--size-30-50) !important;
	margin:0 auto;
	text-align:center;
}

/********************
 * effect
********************/

.p-archive-header__title,
.p-archive-header__desc,
.occupation_box.effect li {
	opacity:0;  /* 最初は非表示にしておく */
	transform: translate(0, 50px);
}

.p-archive-header__title {
    animation: fadein .8s ease .3s 1 normal forwards;
	transform: translate(0, 30px);
}
.p-archive-header__desc {
    animation: fadein .8s ease .6s 1 normal forwards;
	transform: translate(0, 30px);
}

.occupation_box.effect > li {
	opacity:0;  /* 最初は非表示にしておく */
	transform: translate(0, 50px);
}

.occupation_box.effect.active > li:nth-child(1) {
	animation: fadein .5s ease-in-out .3s 1 normal forwards;
}

.occupation_box.effect.active > li:nth-child(2) {
	animation: fadein .5s ease-in-out .6s 1 normal forwards;
}

.occupation_box.effect.active > li:nth-child(3) {
	animation: fadein .5s ease-in-out .9s 1 normal forwards;
}

.occupation_box.effect.active > li:nth-child(4) {
	animation: fadein .5s ease-in-out 1.2s 1 normal forwards;
}

.staff_box.effect {
	opacity:.0;
}

.staff_box.effect.active:nth-child(odd) {
	transform: translateX(50px);
    animation: fadein 1s ease-in-out .3s 1 normal forwards;
}
.staff_box.effect.active:nth-child(even) {
	transform: translateX(-50px);
    animation: fadein 1s ease-in-out .3s 1 normal forwards;	
}

.pr_box.effect li {
	opacity:0;  /* 最初は非表示にしておく */
	transform: translateY(50px);
}

.pr_box.effect.active li:nth-child(1) {
    animation: fadein .5s ease-in-out .3s 1 normal forwards;
}

.pr_box.effect.active li:nth-child(2) {
    animation: fadein .5s ease-in-out .6s 1 normal forwards;
}

.pr_box.effect.active li:nth-child(3) {
    animation: fadein .5s ease-in-out .9s 1 normal forwards;
}

.container.effect .bar {
	opacity:0;  /* 最初は非表示にしておく */
	transform: translate(0, 0);
	height:0;
}

.container.effect.active .bar {
    animation: fadein 1s ease .3s 1 normal forwards;
	height:auto;
}

.graph_box.effect > li {
	opacity:0;  /* 最初は非表示にしておく */
}

.graph_box.effect.active > li:nth-child(1) {
    animation: fadein .5s ease .3s 1 normal forwards;
}
.graph_box.effect.active > li:nth-child(2) {
    animation: fadein .5s ease .6s 1 normal forwards;
}
.graph_box.effect.active > li:nth-child(3) {
    animation: fadein .5s ease .9s 1 normal forwards;
}
.graph_box.effect.active > li:nth-child(4) {
    animation: fadein .5s ease 1.2s 1 normal forwards;
}

.entry_box .effect li {
	opacity:.0;  /* 最初は非表示にしておく */	
}
.entry_box .effect.active li:nth-child(1) {
    animation: fadein .5s ease-in-out .2s 1 normal forwards;
}
.entry_box .effect.active li:nth-child(2) {
    animation: fadein .5s ease-in-out .4s 1 normal forwards;
}
.entry_box .effect.active li:nth-child(3) {
    animation: fadein .5s ease-in-out .6s 1 normal forwards;
}
.entry_box .effect.active li:nth-child(4) {
    animation: fadein .5s ease-in-out .8s 1 normal forwards;
}
.entry_box .effect.active li:nth-child(5) {
    animation: fadein .5s ease-in-out 1s 1 normal forwards;
}


/* 先輩たちの声 */

.person_area figure img.effect {
	opacity:0;  /* 最初は非表示にしておく */
}
.person_area figure img.active {
    animation: fadein .4s ease-in-out .3s 1 normal forwards;
}

.voice_lead.effect {
	opacity:0;  /* 最初は非表示にしておく */
}
.voice_lead.effect.active {
	transform: translateX(-40px);
    animation: fadein .5s ease-in-out .1s 1 normal forwards;
}

.voice_box dl.effect {
	opacity:0;  /* 最初は非表示にしておく */	
}

.voice_box dl.effect.active:nth-child(odd) {
	transform: translateX(20px);
    animation: fadein .5s ease-in-out .1s 1 normal forwards;
}
.voice_box dl.effect.active:nth-child(even) {
	transform: translateX(-20px);
    animation: fadein .5s ease-in-out .1s 1 normal forwards;
}

/* Youtube設置 */
.video_box {
	text-align: center;
	margin:0 auto 50px;
	width: min(100%, 800px);
	aspect-ratio: 16 / 9;
	iframe {
		width: 100%;
		height: 100%;
	}
}


@keyframes fadein {
  0% {
     opacity: 0
  }
  100% {
     opacity: 1;
	  transform: translate(0, 0); /* 終了時の位置をデフォルトに */
  }
}