@charset "utf-8";
a:visited{color:#333;}
h2{padding-left: 0;}
h2::before,h2::after{display: none;}
.slick-num{
	position:relative;
	left:67px;
	transform:translateX(-50%);
	display:flex;
	align-items:center;
	width: max-content;
	font-size:2rem;
}
.slick-num .slick-prev{
	background:url(/recruit-career/img/common/arrow_l_green_carousel.svg) no-repeat center left / 18px;
	left:-55px;
}
.slick-num .slick-next{
	background:url(/recruit-career/img/common/arrow_r_green_carousel.svg) no-repeat center left / 18px;
	right:-55px;
}
.slick-num .slick-prev::before,.slick-num .slick-next::before{display:none;}
.senior_item{
	width:354px;
	margin-right:20px;
	position:relative;
	list-style:none;
}
.senior_item::before,.senior_item::after{
	position:absolute;
	display:inline-block;
	content:'';
	height:2px;
	bottom:0;
}
.senior_item::before{
	width:100%;
	background:#DDDDDD;
}
.senior_item::after{
	right:0;
	width:40px;
	background:#1C8416;
}
.senior_link{
	display:block;
	height:100%;
	padding-bottom:15px;
	text-decoration:none;
	position:relative;
}
.senior_link::after{
	position:absolute;
	display:inline-block;
	content:'';
	background:url(/recruit-career/img/common/arrow_r_green.svg) no-repeat center bottom 30px / 21px;
	width:41px;
	height:100%;
	right:0;
	bottom:0;
	transition:background 0.3s;
}
.senior_item:hover .senior_link::after{animation:arrow_l_senior .3s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
@-webkit-keyframes arrow_l_senior{
	0%,100%{background-position:right 10px bottom 30px;}
	50%,60%{background-position:right -10px bottom 30px;}
	61%{opacity:0;background-position:left -20px bottom 30px;}
	62%{opacity:1;background-position:left -10px bottom 30px;}
}
.senior_thumb{
	position:relative;
	margin-bottom:11px;
	overflow:hidden;
	aspect-ratio:353 / 264;
}
.senior_thumb img{
	object-fit:cover;
	height:100%;
	width:auto;
	transition:transform 0.3s;
}
.senior_thumb:hover img{transform:scale(1.05);}
.senior_thumb::after{
	position:absolute;
	content:'';
	display:inline-block;
	width:100%;
	height:50%;
	bottom:0;
	left:0;
	background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;;
}
.senior_img{
	width:100%;
	transition:transform 0.3s;
}

.senior_title{
	position:absolute;
	bottom:15px;
	padding:0 15px;
	line-height:2.8rem;
	font-weight:bold;
	color:#fff;
	z-index:10;
	margin-bottom: 0;
}
.interview_name{
	font-size:1.7rem;
	letter-spacing:0.85px;
	line-height:2.5rem;
	margin-bottom:5px;
	font-weight:bold;
}
.interview_p,.interview_join{
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
	margin-bottom: 0;
}
.interview_p{
	font-weight:bold;
	margin:5px 0 3px;
}
.slick-list{
	margin-bottom:20px;
}
.now-count,.all-count{
	font-size:2rem;
	letter-spacing:1px;
	line-height:2.6rem;
	font-family:var(--font_roboto);
}

/* C1 */
.senior_list_c1{
	padding-left:0;
	margin-bottom:0;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:60px 20px;
}
.senior_item_c1{
	width:auto !important;
	margin-right:0;
}
.senior_item:hover .senior_img{
	transform:scale(1.05);
}


/* 詳細 */
.interview_top{
	padding:20px 0 50px;
	position:relative;
}
.interview_top::before{
	content:'';
	position:absolute;
	display:inline-block;
	background:#F9F9F9;
	width:100%;
	height:390px;
	bottom:0;
	left:0;
	z-index:-20;
}
.interview_top::after{
	content:'';
	position:absolute;
	display:inline-block;
	background:transparent linear-gradient(180deg, #BFF1A3 0%, #62D95B 24%, #145810 100%) 0% 0% no-repeat padding-box;;
	clip-path:polygon(40% 0, 100% 0%, 60% 100%, 0% 100%);
	height:100%;
	width:690px;
	left:50%;
	top:0;
	z-index:-10;
}
.senior_post .content_area{padding-top:0}
.senior_post
.interview_top_box{
	max-width:1140px;
	padding:0 20px;
	margin:auto;
	position:relative;
}
.interview_top_box_in{
	position:absolute;
	left:20px;
	top:100px;
	z-index:10;
}
.interview_top_ttl{margin-bottom:20px;display: block;width: 100%;}
.interview_top_span{
	font-size:3rem;
	letter-spacing:2.4px;
	line-height:calc(5.2rem + 18px);
	color:#fff;
	font-weight: bold;
	background:#1c8416;
	padding:8px 16px;
	-webkit-box-decoration-break:clone;
	box-decoration-break:clone;
	word-break: keep-all;
	line-break: strict;
	overflow-wrap: normal;
}
.interview_top_ttl::before{
	content:"SENIOR " attr(data-num);
	display:block;
	font-family:var(--font_roboto);
	font-weight:bold;
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.56rem;
	color:#178748;
	margin-top:-35px;
	padding-bottom:5px;
}
.interview_top_name{
	font-size:2rem;
	letter-spacing:1px;
	line-height:2.9rem;
	margin-bottom:12px;
	font-weight:bold;
}
.interview_top_name::after{
	content:attr(data-name);
	display:inline-block;
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
	color:#707070;
	padding-left:10px;
	font-weight:normal;
}
.interview_top_affiliation,.interview_top_post{font-weight:bold;}
.interview_top_affiliation{margin-bottom:0 !important;}
.interview_top_post{margin-bottom:8px;}
.interview_top_catch{
	margin-left:auto;
	width:742px;
}
.interview_content{
	padding:60px 20px 70px;
	margin:0 calc(50% - 50vw);
	width:100vw;
}
.bg_gray{background-color:#F9F9F9;}
.interview_content_in{
	max-width:900px;
	margin:auto;
}
.interview_content_h2{
	font-size:3rem;
	letter-spacing:1.5px;
	line-height:4.4rem;
	font-weight:bold;
	text-align:center;
	color:#1C8416;
	margin:0 0 32px;
}
.senior_post .content_area p{margin-bottom: 10px;}
.goals_content .thoughts{margin-bottom:20px;}
.step_content{
	background:#F9F9F9;
	margin-top:60px !important;
}
.timeline{
	display:grid;
	grid-template-columns:auto auto;
	margin:35px 0 10px;
}
.timeline dt{
	display:inline-block;
	font-size:2.2rem;
	letter-spacing:1.1px;
	line-height:3.2rem;
	font-weight:bold;
	color:#1C8416;
	padding-right:37px;
	position:relative;
}
.timeline dt br{display: none;}
.timeline dt::before,.timeline dt::after{
	display:inline-block;
	position:absolute;
	content:'';
	border-radius:50%;
}
.timeline dt::before{
	width:20px;
	height:20px;
	border:2px solid #DDDDDD;
	background: #F9F9F9;
	top:6px;
	right:-11px;
}
.timeline dt::after{
	width:12px;
	height:12px;
	background:#1C8416;
	top:10px;
	right:-7px;
}
.timeline dd{
	padding:0 0 30px 41px;
	position:relative;
}
.timeline dd p{
	font-size: 1.7rem;
	letter-spacing:0.85px;
	line-height:3.06rem;
}
.timeline dd::before{
	display:inline-block;
	content:'';
	position:absolute;
	width:2px;
	height:calc(100% - 18px);
	background:#dddddd;
	left:0;
	top:25px;
}
.timeline dd:last-child:before{
	height:calc(100% - 25px);
}
.timeline dd:last-child{padding-bottom:0;}
.timeline dd p:last-child{margin-bottom:0;}
.workstyle{
	display:grid;
	grid-template-columns:auto 380px;
	gap:30px;
}
.interview_content_box{
	display:grid;
	grid-template-columns:380px auto;
	gap:30px;
}
.goals_content{background: #F9F9F9;}
.message_content{
	background-color:#1C8416;
}
.message_box{
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
}
.message_txt{
	width:calc(100% - 190px);
	color:#fff;
}
.message_h2{
	margin:0 0 30px;
	color:#fff;
	text-align:left;
}
.message_img{
	width:160px;
	height:160px;
	border-radius:50%;
	overflow:hidden;
}
.schedule_content{padding:80px 20px;}
.schedule_content .interview_content_in{
	border:1px solid #1C8416;
	padding:50px 50px 57px;
}
.schedule_content .interview_content_h2{
	text-align:left;
	font-size:3rem;
	letter-spacing:1.5px;
	line-height:4.4rem;
}
.schedule_box dt{letter-spacing: 0;}
.scedule_head{
	color:#1C8416;
	font-weight:bold;
	margin-bottom: 0;
}
.scedule_txt{margin-bottom: 0;}
.off_box{
	border:1px solid #1C8416;
	padding:30px 40px;
	display:grid;
	grid-template-columns:auto 390px;
	gap:30px;
}
.off_h2{
	margin:0 0 20px;
	text-align:left;
}
.interview_bottom{
	background-color:#F9F9F9;
	padding-top:60px;
}
.interview_bottom h2{
	font-size:2.6rem;
	letter-spacing:1.3px;
	line-height:3.7rem;
	font-weight:bold;
	margin:0 0 40px;
	text-align:center;
}
.interview_bottom .slick-num{
	position:absolute;
	left:50%;
}
.senior_btn{
	margin:80px auto 0;
}
.senior_btn a{
	font-size: 1.6rem;
	letter-spacing: 0.8px;
	padding: 13px 40px 13px 17px;
	border:1px solid #1C8416;
	color:#fff;
	background:#1C8416 url(/recruit-career/img/common/arrow_r_white.svg) no-repeat center right 10px / 16px;
}
.senior_btn:hover a{
	color:#1C8416;
	background:#fff url(/recruit-career/img/common/arrow_r_green.svg) no-repeat center right 10px / 16px;
}
.interview_bottom #pankuzu{
	max-width:1140px;
	padding:0 70px 10px 20px;
	margin: 63px auto 0;
}

@media screen and (max-width:1024px){
.senior_item{
	width:335px;
}
.senior_thumb{
	aspect-ratio:335 / 251;
}
/* C1 */
.senior_list_c1{
	grid-template-columns:1fr 1fr;
}

/* 詳細 */
.interview_top{padding:30px 0;}
.interview_top::before{height:50%;}
.interview_top_box_in{top:60px;}
.interview_top_ttl{margin-bottom:8px;}
.interview_top_span{
	font-size:2.2rem;
	letter-spacing:1.92px;
	line-height:calc(3.2rem + 9px);
	padding:2px 9px;
}
.interview_top_ttl::before{
	font-size:1.2rem;
	letter-spacing:0;
	line-height:1.8rem;
}
.interview_top_name{
	font-size:1.8rem !important;
	letter-spacing:0.9px;
	line-height:2.6rem;
	margin-bottom:8px;
}
.interview_top_name::after{
	font-size:1.1rem !important;
	letter-spacing:0.55px;
	line-height:1.6rem;
}
.interview_top_affiliation,.interview_top_post,.interview_top_info{
	font-size:1.4rem !important;
	letter-spacing:0.7px;
	line-height:2.4rem;
}
.interview_top_post{margin-bottom: 7px;}
.interview_top_catch{
	margin-left:auto;
	width:600px;
}
.interview_content{
	padding:60px 20px;
	margin:0 calc(50% - 50vw);
	width:100vw;
}
.bg_gray{background-color:#F9F9F9;}
.interview_content_in{
	max-width:900px;
	margin:auto;
}
.slick-list{margin-bottom: 23px;}
.senior_btn{padding-top: 0;}

}

@media screen and (max-width:850px){
.interview_top_catch{
	width:450px;
}
}
@media screen and (max-width:768px){
.slick-num{
	font-size:1.8rem;
}
.slick-num .slick-prev{
	background:url(/recruit-career/img/common/arrow_l_green_carousel.svg) no-repeat center left / 18px;
	left:-55px;
}
.slick-num .slick-next{
	background:url(/recruit-career/img/common/arrow_r_green_carousel.svg) no-repeat center left / 18px;
	right:-55px;
}
.senior_link{padding-bottom: 17px;}
.senior_link::after{
	background-size:21px;
}
.senior_thumb{margin-bottom: 10px;}
.senior_thumb::after{height:37%;}
.senior_title{
	font-size:1.4rem;
	letter-spacing:1.4px;
	margin-bottom: 0;
	padding: 0 17px;
}
.interview_name{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.1rem;
	margin-bottom: 8px;
}
.interview_p,.interview_join{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
	margin-bottom:0;
}
.interview_p{margin-bottom: 4px;}
.interview_join{font-weight:normal;}
.now-count,.all-count{
	font-size:1.8rem;
	letter-spacing:0.9px;
	line-height:2.2rem;
}

/* 詳細 */
.interview_top{padding:0;}
.interview_top::before,.interview_top::after{display:none;}
.interview_top_span {
	font-size: 1.8rem;
	line-height: calc(3.2rem + 4px);
}
.interview_top_box{
	display:flex;
	flex-direction:column-reverse;
	padding:0 !important;
}
.interview_top_box_in{
	position:static;
	padding:48px 20px 0;
}
.interview_top_catch{
	position:relative;
	width:100%;
}
.interview_top_catch::before{
	content:'';
    position:absolute;
    display:inline-block;
    background:#F9F9F9;
    width:100%;
    height:50%;
    bottom:0;
    left:0;
    z-index:-20;
}
.interview_top_catch::after{
	content:'';
	position:absolute;
	display:inline-block;
	background:transparent linear-gradient(180deg, #BFF1A3 0%, #62D95B 24%, #145810 100%) 0% 0% no-repeat padding-box;
	clip-path:polygon(68% 0, 100% 0%, 100% 100%, 0% 100%);
	height:100%;
	width:50%;
	right:0;
	top:0;
	z-index:-10;
}
.interview_top_catch img{padding:30px 20px;}
.interview_content_h2{
	font-size:2.2rem;
	line-height:3.2rem;
	text-align:left;
	margin-bottom:15px;
}
.interview_content{padding:50px 20px 30px;}
.step_content{margin-top:28px;}
.timeline{margin-top: 34px;}
.timeline dt{
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.4rem;
	padding-right:24px;
}
.timeline dd{
	padding:0 0 19px 25px;
}
.timeline dt br{display: block;}
.timeline dd p{
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:2.16rem;
}
.timeline dt::before {top: 3px;}
.timeline dt::after {top: 7px;}
.timeline dd::before{top: 22px;}
.timeline dd:last-child:before{height:calc(100% - 28px);}
.workstyle{
	display:flex;
    flex-direction:column-reverse;
	gap:30px;
}
.thoughts{margin-bottom:20px;}
.interview_content_box{display:block;}
.message_content{padding: 30px 40px 26px;}
.message_box{flex-direction:column-reverse;}
.message_txt{width:100%;}
.message_h2{text-align:center;}
.message_img{margin:0 auto 15px;}
.schedule_content .interview_content_in{padding: 30px 20px;}
.scedule_head,.scedule_txt{
	margin-bottom:0 !important;
}
.schedule_content .interview_content_h2 {
	font-size: 2.2rem;
	line-height: 3.2rem;
	text-align: left;
	margin-bottom: 15px;
}
.schedule_box.timeline{padding: 0 8px;}
.interview_bottom{padding-top: 50px;}
.interview_bottom h2{
	font-size: 2.2rem;
	letter-spacing: 1.1px;
	line-height: 3.2rem;
	margin-bottom: 30px;
}

}
@media screen and (max-width:630px){
/* C1 */
.senior_list_c1{
	grid-template-columns:1fr;
	gap: 45px;
}
}