/* ==========================================================================
   Recruit Top
========================================================================== */
#recruit #our-strength .banner {
    margin-bottom: 120px; }
#recruit #our-strength .banner:nth-of-type(even) {
	transform: translateY(120px); }
#recruit #our-strength .banner .imgBox {
    height: 460px; }
#recruit #our-strength .bannerlist .bannerlist__header {
    padding: 0 20px; }


#recruit #interview .content__header .headline {
	align-items: flex-start;
    text-align: left; }


/* ==========================================================================
   Interview
========================================================================== */
.interview__list .btn {
	margin: 25px auto;
	min-height: 300px;
	display: flex;
	align-items: center; }
.interview__list .btn::before {
    z-index: 1;
    background-color: transparent;
    border: 1px solid currentColor; }
.interview__list .btn .imgBox {
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	z-index: -1;
	width: 25%; }
.interview__list .btn .txtBox {
    padding: 0 10% 0 40%; }
.interview__list .btn .txtBox::after {
    right: 5%; }
.interview__list .btn p {
    margin: 1rem 0; }

body:not(.single) .interview__list > .row > div:nth-of-type(even) .btn .imgBox {
	left: auto;
	right: 1px; }
body:not(.single) .interview__list > .row > div:nth-of-type(even) .btn .txtBox {
	padding-left: 0;
	padding: 0 40% 0 10%; }
body:not(.single) .interview__list > .row > div:nth-of-type(even) .btn .txtBox::after {
	padding-left: 0;
	right: 30%; }

/* -----------
    Single
----------- */
.single-interview #profile .imgBox {
    min-height: 500px; }
.single-interview #profile .imgBox .cover {
    height: 600px; }
.single-interview #profile .txtBox {
    margin: 0 auto 0 15%; }

.single-interview #profile p {
    max-width: 37em; }


.interview__row:not(:last-of-type) {
    margin-bottom: 60px; }

.interview__row:not(:last-of-type) > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

.interview__row .imgBox .cover {
    height: 600px; }

.interview__row .txtBox > * {
    max-width: 37rem; }


.interview__row:nth-of-type(odd) .txtBox {
    padding: 0 7.5% 0 2.5%; }

.interview__row:nth-of-type(even) .txtBox {
    order: -1;
    padding: 0 2.5% 0 7.5%; }

.interview__row:last-of-type .imgBox {
    margin: 45px 0; }
.interview__row:last-of-type .imgBox .cover {
    height: 450px; }
.interview__row:last-of-type .txtBox {
    margin: 0 auto; }
.interview__row:last-of-type .txtBox > * {
    max-width: 50rem; }



.single-interview #other-interview .content__header .headline {
	align-items: flex-start;
    text-align: left; }
.single-interview #other-interview .interview__list .btn {
	min-height: 170px; }

.single-interview #other-interview .interview__list .txtBox {
    padding: 0 10% 0 32.5%; }

.single-interview #other-interview .interview__list .btn p {
    margin: .5rem 0; }

/* ==========================================================================
   Archive jobs
========================================================================== */
#job-list {
    margin-top: 140px; }
#job-list .offer-point {
	margin-bottom: 90px; }

/* ==========================================================================
   FAQ
========================================================================== */
#faq #faq-list {
	margin-top: 120px; }

#faq #faq-list .toggle__header .faq-icon {
    font-size: 1.75rem;
    padding: .9rem 1rem 0 30px; }

#faq #faq-list .toggle__body {
    padding: 30px; }

#faq #faq-list .toggle__body .faq-icon {
    font-size: 1.75rem;
    padding: 0 1rem 0 0; }