@charset "UTF-8";
/* recruit-freshers top & common */
.recruit-freshers { width: 100%; padding:120px 40px 80px 40px; position: relative;}
.recruit-freshers * { box-sizing:border-box; }
.recruit-freshers a { transition: all 0.4s; }
.recruit-freshers figure { margin: 0; padding: 0;}
.recruit-freshers figure img { vertical-align: sub;}
.recruit-freshers-bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover;  z-index: -1; }
.recruit-freshers-wrap { z-index:1; display: flex; width: 100%; max-width: 1500px; margin: 0 auto; justify-content: space-between;}
.recruit-freshers a.secondary { color: #FFF; border: 1px solid #FFF; padding: 16px 32px; border-radius:50vw; font-size:clamp(13px,1vw,16px); font-weight:400;}
.recruit-freshers a.secondary:hover { background: rgba(255,255,255,0.2);}

.recruit-freshers-header { display:flex; flex-direction: column; align-items: start; justify-content:flex-start; width:40%; position:sticky; top: 200px; height: 100vh; display: flex; align-items: flex-start; }
.recruit-freshers-header h1.recruit-freshers-page-title, .recruit-freshers-header p.recruit-freshers-page-title { font-size:clamp(20px,1.8vw,32px); color: #FFF; font-weight: 700; line-height: 1; margin: 0 0 1em 0; padding: 0;}
.recruit-freshers-header-cta { display:flex; flex-direction:column; gap: 24px;}
.recruit-freshers-header-cta a.secondary {  padding: 8px 104px 8px 24px; background: url(../img/img_cta-arrow_wh.svg) no-repeat 90% 50%; background-size: 32px;}
.recruit-freshers-header-cta a.secondary:hover { background: rgba(0,0,0,0.1) url(../img/img_cta-arrow_wh.svg) no-repeat 95% 50%; background-size: 24px;}

.recruit-freshers-contents { width: 60%; min-height: 200vh; box-sizing: border-box; display: flex; flex-direction: column; gap: 80px 0;}
.recruit-freshers-message { background: rgba(255,255,255,0.85); padding:40px 80px; border-radius:20px; box-shadow: 0 0 12px rgba(0,0,0,0.08); }
.recruit-freshers-message h2 { font-size:clamp(24px,2.4vw,42px); color:#f05064; line-height:1.4; }
.recruit-freshers-message .message-body p { font-size:clamp(14px,1.2vw, 18px); line-height:2; margin-bottom:2em; }
.recruit-freshers-section-title { font-size: clamp(40px,3.6vw,60px); color: #FFF; font-weight:200; font-family: "Inter", sans-serif;line-height: 1; margin-bottom: 32px;}
.recruit-freshers-section-title .section-title-jp { color: #FFF; font-size: clamp(16px,2.4vw,24px); font-weight:500;}
.recruit-freshers-interview { width: 100%;}
.recruit-freshers-interview-wrap { display: flex; gap: 40px 0; flex-direction:column; }
.recruit-freshers-interview-box { width:100%; background:#FFF; box-shadow: 0 0 12px rgba(0,0,0,0.08); padding:0; overflow:hidden; border-radius:20px;}
.recruit-freshers-interview-box .recruit-freshers-interview-description { padding: 8px 32px 16px 32px; }
.recruit-freshers-interview-box .interview-category { background: #6f7987; color:#FFF; font-size: 13px; border-radius:6px; padding:2px 2em; display:inline-block; margin-bottom:0; }
.recruit-freshers-interview-box h2 { font-size:clamp(18px,1.6vw,32px); line-height:1.45; }
.recruit-freshers-interview-box .interview-lead-text { margin-bottom:40px; }
.recruit-freshers-interview-box .cta-wrap { display:flex; align-items:center; justify-content:center; }
.recruit-freshers-interview-box .primary { background:#f05064; padding: 16px 40px; color:#FFF; border-radius:50vw; }
.recruit-freshers-interview-box .primary:hover { opacity:0.7; }
.recruit-freshers-cta-wrap .cta-wrap { display:flex; gap:0 40px; width:100%; }
.recruit-freshers-cta-wrap .cta-wrap .btn_entry { width: 50%; font-size:clamp(16px,1.4vw,24px); font-weight:700; color: #f05064; padding: 40px 7vw 40px 3vw; background: #FFF url(../img/img_cta-arrow.svg) no-repeat 90% 50%; background-size: 48px; box-shadow: 0 0 12px rgba(0,0,0,0.08); border-radius:20px; border: 1px solid #FFF;}
.recruit-freshers-cta-wrap .cta-wrap .btn_entry:hover { background: #FFF url(../img/img_cta-arrow_wh.svg) no-repeat 99% 52%; background-size: 32px; box-shadow: 0 0 24px rgba(0,0,0,0.16); background-color: transparent; color: #FFF;}


@media (max-width: 768px) {
	.recruit-freshers { padding: 80px 20px;}
	.recruit-freshers-wrap { flex-direction: column; justify-content: space-between; gap: 32px 0;}
	.recruit-freshers-header { display:flex; flex-direction: column; width:100%; position: relative; top: auto; height: auto;}
	.recruit-freshers-header-cta { display:flex; flex-direction: initial; gap: 0 16px;}
	.recruit-freshers-header-cta a.secondary { padding: 8px 16px;background: none;}
	.recruit-freshers-contents { width: 100%; min-height: 200vh; gap: 24px 0;}
	.recruit-freshers-message { padding:16px 24px; }
	.recruit-freshers-cta-wrap .cta-wrap { flex-direction: column; gap: 16px 0;}
	.recruit-freshers-cta-wrap .cta-wrap .btn_entry { width: 100%; padding: 24px 7vw 24px 6vw;}
}

/* article */
.recruit-freshers-article { background:#FFF; padding: 20px 40px; border-radius:20px; box-shadow: 0 0 12px rgba(0,0,0,0.08);}
.recruit-freshers-article h1 {font-size:clamp(18px,1.8vw,32px); line-height: 1.4;}
.recruit-freshers-article h1 .sub-title { color: #f05064; font-size:clamp(12px,1.5vw,20px);}
.recruit-freshers-article h2 {font-size:clamp(16px,1.5vw,24px);}
.recruit-freshers-article figure img { border-radius:20px; margin-bottom: 20px;}
.recruit-freshers-article .summary { background:#F8F7FA; border: 3px solid #6f7987; border-radius:20px; padding: 10px 30px; margin-bottom: 40px;}
.recruit-freshers-article .interview-body { margin:60px 0; }
.recruit-freshers-article .interview-body .inteview-question { color:#6f7987; font-weight: 700;}
.recruit-freshers-article .interview-body .Interviewee { margin-bottom:2em; }
.recruit-freshers-article .interview-body .Interviewee .Interviewee1 { color:#209BA5; font-weight:700; }
.recruit-freshers-article .interview-body .Interviewee .Interviewee2 { color:#6A7C08; font-weight:700;}
.recruit-freshers-article .interview-body .hr-member-wrap { display:flex; gap:0 24px; }
.recruit-freshers-article .interview-body .hr-member-box { width: calc( 100% - 24px / 2);}

.inteview-link-box a { width: 100%; padding: 0; font-weight:500; background: #FFF url(../img/img_cta-arrow.svg) no-repeat 95% 80%; background-size: 48px; border-radius: 20px; overflow: hidden; box-shadow: 0 0 12px rgba(0,0,0,0.08); display: flex; gap: 0 24px; align-items: center;}
.inteview-link-box a:hover { background-position:99% 80%; background-size: 32px;box-shadow: 0 0 16px rgba(0,0,0,0.12); opacity: 0.9;}
.inteview-link-box a figure { width: 40%; min-height: 140px; height:150px; }
.inteview-link-box a figure img { width: 100%; height: 100%; object-fit: cover;}
.inteview-link-box a .interiew-title { width: calc( 60% - 48px); font-size:clamp(13px,1.2vw,18px); font-weight:500; padding: 8px 16px; }
.inteview-link-box a .interiew-title .interview-category { background:#6f7987; color:#FFF; border-radius:6px; display: inline-block; padding: 2px 8px; margin-right: 16px; font-size:clamp(11px,1vw,13px); }

.page-navi { display:flex; align-items:center; justify-content:center; }

@media (max-width: 768px) {
	.recruit-freshers-article { padding: 10px 20px;}
	.recruit-freshers-article .interview-body .hr-member-wrap { flex-direction: column; gap: 8px 0; }
	.recruit-freshers-article .interview-body .hr-member-box { width: 100%;}
	.inteview-link-box a { display: flex; flex-direction: column; gap: 0;}
	.inteview-link-box a figure { width: 100%; min-height: auto; height:auto; }
	.inteview-link-box a .interiew-title { width: 100%; font-weight:500; padding: 8px 16px; background: #FFF;}
}