/* ==========================================================================
   Page Header
========================================================================== */
.page__header .cover {
  background-image: url(../img/header.jpg); }


/* ==========================================================================
   Recruit Top
========================================================================== */
#recruit .read .headline .ttl__en {
    margin-top: 15px; }

#recruit #our-business .banner .cover {
    background-image: url(../img/index/our-business.jpg); }

#recruit #our-strength .bannerlist {
    padding-bottom: 0; }
#recruit #our-strength .bannerlist li:nth-of-type(odd) .cover {
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); }
#recruit #our-strength .bannerlist li:nth-of-type(even) .cover {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); }
#recruit #our-strength .bannerlist .bannerlist__header {
    margin-top: -1.75rem; }
#recruit #our-strength .bannerlist .bannerlist__header .ttl,
#recruit #our-strength .bannerlist .bannerlist__header .ttl__en {
    color: #262c38; }


#recruit #our-strength #motivation .cover {
    background-image: url(../img/index/motivation.jpg); }
#recruit #our-strength #challange .cover {
    background-image: url(../img/index/challange.jpg); }
#recruit #our-strength #career-step .cover {
    background-image: url(../img/index/career-step.jpg); }
#recruit #our-strength #benefits .cover {
    background-image: url(../img/index/benefits.jpg); }


#recruit #interview {
    padding-top: 0; }

/* ==========================================================================
   Interview
========================================================================== */
.interview__list {
    padding-top: 0; }
body:not(.single) .interview__list .row > div {
    padding-right: 5%;
    padding-left: 5%; }
.interview__list .btn {
    width: 100%;
    padding: 0;
    text-align: left; }
.interview__list .btn .imgBox {
    background-color: #eaeaea;
    transform: skewX(-12.5deg);
    overflow: hidden;
    position: relative; }
.interview__list .btn .imgBox .cover {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -12.5%;
    left: -12.5%;
    bottom: 0;
    background-position: center top;
    transform: skewX(12.5deg); }
.interview__list .btn .txtBox {
    width: 100%;
    position: relative; }
.interview__list .btn .txtBox::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: .75em;
    height: .75em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg) translate(-50%,-50%); }
.interview__list .btn p {
    display: flex;
    align-items: center; }
.interview__list .btn span {
    font-weight: 600; }
.interview__list .btn em {
    font-style: normal;
    color: #42a5b8;
    font-size: .75rem;
    font-weight: 500;
    margin-left: 10px; }

.interview__list .about .btn .imgBox::before {
    background-image: url(../img/company-nav/about.jpg); }
.interview__list .history .btn .imgBox::before {
    background-image: url(../img/company-nav/history.jpg); }
.interview__list .benefit .btn .imgBox::before {
    background-image: url(../img/company-nav/benefit.jpg); }
.interview__list .csr .btn .imgBox::before {
    background-image: url(../img/company-nav/csr.jpg); }

/* -----------
    Single
----------- */
.single-interview #profile .imgBox .cover {
    width: 100%;
    height: 100%;
    background-color: #eaeaea;
    background-position: center top;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); }

.single-interview #profile .profileBox {
    display: flex;
    margin: 15px 0; }
.single-interview #profile .profileBox p {
    display: flex;
    align-items: center;
    margin: 10px 0; }
.single-interview #profile .profileBox .profile-icon {
    display: flex;
    align-items: center;
    background-color: #42a5b8;
    color: #FFF;
    padding: 15px; }
.single-interview #profile .profileBox .profile-txt {
    background-color: #FFF;
    padding: 10px 15px; }
.single-interview #profile .profileBox .profile-txt em {
    font-style: normal;
    color: #42a5b8;
    font-size: .75rem;
    font-weight: 500;
    margin-left: 10px; }


.interview__row .txtBox .ttl {
    padding: 10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #42a5b8;
    line-height: 2rem;
    display: flex; }
.interview__row .txtBox p {
    display: flex; }
.interview__row .txtBox .faq-icon {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-right: 10px; }
.interview__row .txtBox .ttl .faq-icon {
    color: #42a5b8; }
.interview__row .txtBox p .faq-icon {
    color: #ff7d12; }

.interview__row .imgBox .cover {
    width: 100%;
    height: 100%; }
.interview__row:nth-of-type(odd) .cover {
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); }
.interview__row:nth-of-type(even) .cover {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); }
.interview__row:last-of-type .imgBox {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
.interview__row:last-of-type .imgBox .cover {
    clip-path: none;
    -webkit-clip-path: none; }

/* ==========================================================================
   Archive jobs
========================================================================== */
#entry__btn .btn {
    width: 100%;
    height: 10rem;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center; }
#entry__btn .btn::before {
    background-color: #262c38; }
#entry__btn .btn::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: .5em;
    height: .5em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg) translate(-50%,-50%); }
#entry__btn .btn span {
  display: block; }
#entry__btn .btn em {
    display: block;
    font-style: normal;
    margin-top: 4px;
    color: #ededed; }
#entry__btn p.tcbold {
    text-align: center;
    font-weight: bold;
}

/* ==========================================================================
   FAQ
========================================================================== */
#faq #faq-list .faq-icon {
    line-height: 1.1; }

#faq #faq-list .toggle__header {
    align-items: flex-start; }
#faq #faq-list .toggle__header .faq-icon {
    color: #42a5b8; }
#faq #faq-list .toggle__header .ttl {
    padding-left: 0; }
#faq #faq-list .toggle__body > div {
    display: flex;
    align-items: flex-start; }