@charset "UTF-8";
/* media query : mobile */
@media screen and (max-width:768px) {
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* media query : tablet */
@media screen and (min-width:769px) and (max-width:1024px){
}
/* 3.2.x recruit
--------------------------------------------------------------*/
/* common */
/* layout */
/* header */
.page-template-page-recruit .header-menu__en a {
    background: #0085FF;
}
/* mv */
.mv-recruit {
    background: url(../img/mv-recruit.png) no-repeat center/cover;
}
.mv-recruit h1 {
    line-height: 1.5;
    color: #FFF;
    font-weight: 900;
}
.mv-recruit__child {
    background: #27B1FF;
    color: #FFF;
}
.mv-recruit__child.page-new {
    background: #FFB800;
}
.mv-recruit__child.page-career {
    background: #FF007A;
}
.mv-recruit__child .h1 {
    z-index: 2;
}
.mv-recruit__child .h1 .interview-p {
    border-bottom: 2px solid #000;
    padding-bottom: 0.5rem;
    display: inline-block;
}
.mv-recruit__child .h1 .interview-h1 {
    font-weight: 600;
}
.mv-recruit__child .h1 .interview-pdesc {
    line-height: 1.8;
    border: none;
}
.mv-recruit__link {
    position: absolute;
    z-index: 2;
}
.mv-recruit__link a {
    display: flex;
    width: 6rem;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: 6rem;
    border: 2px solid #000;
    box-shadow: 2px 2px 0px #000;
}
a.mv-recruit__new {
    background: #FFB800;
}
a.mv-recruit__career {
    background: #FF007A;
}
.mv-recruit__interview {
    color: #000;
    overflow: hidden;
}
.mv-recruit__pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mv-recruit__pic:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0) 100%);
    z-index: 1;
}
.mv-recruit__pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .mv-recruit {
        padding-top: 3rem;
        height: 20rem;
    }
    .mv-recruit__child {
        height: 10rem;
    }
    .mv-recruit__interview {
        height: 12rem;
    }
    .mv-recruit h1 {
        font-size: 2rem;
    }
    .mv-recruit__child .h1 .interview-p {
        font-size: 1.8rem;
    }
    .mv-recruit__child .h1 .interview-h1 {
        font-size: 1.2rem;
    }
    .mv-recruit__child .h1 .interview-pdesc {
        font-size: 0.825rem;
    }
    .mv-recruit__link {
        display: flex;
        padding-left: 1.5rem;
        bottom: 1.5rem;
    }
    .mv-recruit__link a {
        height: 3rem;
    }
    .mv-recruit__link a:first-child {
        margin-right: 1rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .mv-recruit {
        padding-top: 10rem;
        padding-bottom: 15rem;
    }
    .mv-recruit h1 {
        font-size: 5rem;
    }
    .mv-recruit__child .h1 .interview-h1 {
        font-size: 1.6rem;
    }
    .mv-recruit__child .h1 .interview-pdesc {
        font-size: 1rem;
    }
    .mv-recruit__link {
        top: 1.6rem;
        right: 3rem;
    }
    .mv-recruit__link a {
        height: 6rem;
    }
    a.mv-recruit__new {
        margin-bottom: 1rem;
    }
    .mv-recruit__interview {
        height: 20rem;
    }
}
/* nav */
.page-recruit .page-menu {
    border: none;
    background: #0085FF;
}
.page-recruit .page-menu__list a {
    color: #FFF;
}
.page-recruit .page-menu__list .current_page_item a {
    background: #2F50D9;
    border: none;
}
/* h2 */
.page-recruit .h2 h2 {
    border-top: 1px solid #000;
    display: inline-block;
    padding-top: 0.8rem;
}
.page-recruit .h2 p {
    font-size: 1rem;
    font-weight: 400;
}
.page-recruit .h2.style {
    text-align: center;
    color: #FFF;
}
.page-recruit .h2.style:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    top: 0.5rem;
    left: 0.4rem;
    transform: skewX(-20deg);
}
.page-recruit .h2.style:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    transform: skewX(-20deg);
    top: 0;
    left: 0;
}
.page-recruit .h2.style h2 {
    padding-top: 0;
    border: none;
}
.page-recruit .h2.small {
    display: inline-block;
    padding: 1rem 2rem 0.6rem;
    margin-bottom: 2rem;
}
.page-recruit .h2.small h2 {
    font-size: 1.5rem;
    
}
.page-recruit .h2.color1:before {
    background: #27B1FF;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .page-recruit .h2.style {
        padding: 1.2rem 2rem 0.7rem;
    }
    .page-recruit .h2 h2 {
        font-size: 1.3rem;
        line-height: 1.5;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .page-recruit .h2.style {
        padding: 1.7rem 2rem 1rem;
    }
}
/* button */
.page-recruit .button {
    max-width: 15rem;
}
.page-recruit .button a {
    background: #FFF;
    border: 2px solid #000;
    border-radius: 0.8rem;
    color: #000;
    font-weight: 600;
    box-shadow: 2px 2px 0px #000;
    display: block;
}
.page-recruit .button a:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: 1rem;
    top: calc(50% - 0.5rem);
    background: url(../img/arrow-right__black.svg) no-repeat center/contain; 
}
/* table */
.recruit-table {
    width: 100%;
    border-top: 2px solid #000;
    margin-left: auto;
}
.recruit-table th {
    width: 30%;
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #000;
}
.recruit-table td {
    width: 70%;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #000;
}
/* quick */
.page-recruit .page-quick {
    background: #F0F4F7;
}
.page-recruit .page-quick__list li {
    background: #FFF;
    box-shadow: 2px 2px 0px #000;
    border-radius: 1rem;
}
.page-recruit .page-quick__list li:before {
    display: none;
}
.page-recruit .page-quick__list a {
    color: #000;
    padding: 1rem;
    flex-direction: row;
    border: 2px solid #000;
    border-radius: 1rem;
}
.page-quick__list a:after {
    background: url(../img/arrow-right__black.svg) no-repeat center/contain;
    margin: 0;
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.5rem);
}
/* entry */
.recruit-entry__h2 {
    text-align: center;
    margin-bottom: 2rem;
}
.recruit-entry__h2 h2 {

}
.recruit-entry__h2 p {
}
.recruit-entry__button {
    display: flex;
    justify-content: center;
    align-items: center;
}
a.recruit-entry__entry {
    display: flex;
    max-width: 21rem;
    height: 5rem;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: 6rem;
    border: 2px solid #000;
    box-shadow: 2px 2px 0px #000;
    margin: 0 1rem;
    background: #0085FF;
}
a.recruit-entry__entry:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: 1rem;
    top: calc(50% - 0.5rem);
    background: url(../img/arrow-right__white.svg) no-repeat center/contain; 
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .recruit-entry__button {
        flex-direction: column;
        margin-top: -2rem;
    }
    a.recruit-entry__entry {
        width: 100%;
        margin-top: 2rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    a.recruit-entry__entry {
        width: 50%;
    }
}
/* cv */
.page-template-page-recruit .cv,
.post-type-archive-interview .cv,
.single-interview .cv {
    background: #0085FF;
}
/* 3.2.x recruit-top
--------------------------------------------------------------*/
.recruit-top-message__txt {
    background: #FFB800;
    border-radius: 3rem;
    border: 2px solid #000;
    text-align: center;
    color: #FFF;
}
.recruit-top-message__txt h3 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
.recruit-top-message__txt .button {
    margin: 3rem auto 0;
}
.recruit-top-message__txt:before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    background: #FFF;
    left: calc(50% + 9rem);
    bottom: -2px;
}
.recruit-top-message__txt:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2.8rem;
    background: #000;
    transform: rotate(35deg);
    left: calc(50% + 10.2rem);
    bottom: -1.8rem;
}
.recruit-top-interview {
    overflow: hidden;
}
.recruit-top-interview__list {
    margin-right: -1.7rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.recruit-top-interview__list-item {
    width: calc(28% - 2rem);
    border: 2px solid #000;
    border-radius: 1.25rem;
    box-shadow: 4px 4px 0px #000;
    margin-right: 2rem;
    margin-bottom: 1rem;
    background: #FFF;
}
.recruit-top-interview__list-txt {
    border: 2px solid #000;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
    text-align: center;
}
.recruit-top-interview__list-txt:before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    background: #FFF;
    left: calc(50% + 4rem);
    bottom: -2px;
}
.recruit-top-interview__list-txt:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2.8rem;
    background: #000;
    transform: rotate(35deg);
    left: calc(50% + 5.2rem);
    bottom: -1.8rem;
}
.recruit-top-interview__list-slogan {
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}
.recruit-top-interview__list-name {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.recruit-top-interview__list-div {
    font-size: 0.825rem;
}
.recruit-top-interview__list-position {
    font-size: 0.725rem;
}
.recruit-top-interview__list-img {
    border-radius: 100%;
    overflow: hidden;
}
.recruit-top-interview__list-img:before {
    display: block;
    content: "";
    padding-top: 100%;
}
.recruit-top-interview__list-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.recruit-top-interview__list-item .button {
    margin: 2rem auto 0;
}
.recruit-top-interview .button.more {
    margin: 3rem auto 0;
    max-width: 21rem;
}
.recruit-top-link__list-item {
    border: 2px solid #000;
    border-radius: 1.25rem;
    box-shadow: 4px 4px 0px #000;
    margin-bottom: 4px;
    background: #FFF;
}
.recruit-top-link__list-txt {
    text-align: center;
}
.recruit-top-link__list-txt h4 {
    font-size: 3rem;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-bottom: 2rem;
    line-height: 1.2;
}
.recruit-top-link__list-txt p {
    margin-bottom: 2rem;
}
.recruit-top-link__list-img {
    text-align: center;
}
.recruit-top-link__list-img img {
    width: auto;
}
.recruit-top-link__list-item .button {
    margin: 2rem auto 0;
}

/* media query : mobile */
@media screen and (max-width:768px) {
    .recruit-top-message__txt {
        padding: 1.5rem;
    }
    .recruit-top-interview__list-slogan {
        font-size: 1.1rem;
    }
    .recruit-top-interview__list-item {
        padding: 1.5rem;
    }
    .recruit-top-interview__list-img {
        max-width: 70%;
        margin: 0 auto;
    }
    .recruit-top-link__list-item {
        padding: 1.5rem;
    }
    .recruit-top-link__list-item:first-child {
        margin-bottom: 1rem;
    }
    .recruit-top-link__list-img img {
        max-height: 10rem;
    }
    .recruit-top-img1 .img-box:before,
    .recruit-top-img2 .img-box:before {
        padding-top: 48%;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .recruit-top-message__txt {
        max-width: 40rem;
        margin: 0 auto;
        padding: 3rem;
    }
    .recruit-top-interview__list-slogan {
        font-size: 1.3rem;
    }
    .recruit-top-interview__list-item {
        padding: 2rem;
    }
    .recruit-top-link__list {
        display: flex;
    }
    .recruit-top-link__list-item {
        width: 50%;
    }
    .recruit-top-link__list-item {
        margin-right: 2rem;
    }
    .recruit-top-link__list-item:last-child {
        margin-right: 4px;
    }
    .recruit-top-link__list-item {
        padding: 2rem;
    }
    .recruit-top-link__list-img img {
        max-height: 14rem;
    }
    .recruit-top-img1 .img-box:before,
    .recruit-top-img2 .img-box:before {
        padding-top: 31%;
    }
}
/* 3.2.x recruit-message
--------------------------------------------------------------*/
.recruit-message__intro-img {
    border-top: 10px solid #27B1FF;
    border-bottom: 10px solid #27B1FF;
    margin-bottom: 3rem;
}
.recruit-message__intro-img figure:first-child {
    border: none;
}
.recruit-message__intro-img figure:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.recruit-message__intro-img figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.recruit-message__intro-subtitle {
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 600;
}
.recruit-message__intro-desc {
    text-align: center;
}


.recruit-message__sec-img figure {
    height: 100%;
}
.recruit-message__sec-img figure:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.recruit-message__sec-img figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.recruit-message__sec-subtitle {
    font-size: 1.5rem;
    font-weight: 600;
}
#recruit-message__sec1 {
    margin-bottom: 0;
    border-top: 10px solid #27B1FF;
    border-bottom: 10px solid #27B1FF;
}
#recruit-message__sec2 {
    margin-top: 0;
    border-bottom: 10px solid #27B1FF;
}
#recruit-message__sec2 {
    flex-direction: row-reverse;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .recruit-message__intro-img figure {
        border-top: 10px solid #27B1FF;
    }
    .recruit-message__intro-subtitle {
        font-size: 1rem;
    }
    #recruit-message__sec1 .recruit-message__sec-txt,
    #recruit-message__sec2 .recruit-message__sec-txt {
        border-bottom: 10px solid #27B1FF;
    }
    .recruit-message__sec-subtitle {
        padding: 1rem 1.5rem 1rem;
    }
    .recruit-message__sec-desc {
        padding: 0 1.5rem 1rem 1.5rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .recruit-message__intro-img {
        display: flex;
    }
    .recruit-message__intro-img figure {
        width: 50%;
        border-left: 10px solid #27B1FF;
    }
    .recruit-message__intro-subtitle {
        font-size: 1.5rem;
    }
    .recruit-message__sec {
        display: flex;  
    }
    .recruit-message__sec-txt {
        width: 60%;
    }
    .recruit-message__sec-img {
        width: 40%;
    }
    #recruit-message__sec1 .recruit-message__sec-txt {
        border-right: 10px solid #27B1FF;
    }
    #recruit-message__sec2 .recruit-message__sec-txt {
        border-left: 10px solid #27B1FF;
    }
    .recruit-message__sec-subtitle {
        padding: 3rem 3rem 2rem;
    }
    .recruit-message__sec-desc {
        padding: 0 3rem 3rem;
    }
}
/* 3.2.x recruit-interview
--------------------------------------------------------------*/
.recruit-interview__archive-item {
    border: 2px solid #000;
    border-radius: 1.25rem;
    box-shadow: 4px 4px 0px #000;
    margin-bottom: 2rem;
    background: #FFF;
}
.recruit-interview__archive-img {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    overflow: hidden;
}
.recruit-interview__archive-img:before {
    display: block;
    content: "";
    padding-top: 60%;
}
.recruit-interview__archive-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.recruit-interview__archive-txt {
    padding: 1.5rem 2rem 0;
    text-align: center;
}
.recruit-interview__archive-name {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.recruit-interview__archive-div {
    font-size: 0.825rem;
}
.recruit-interview__archive-position {
    font-size: 0.725rem;
    margin-bottom: 1rem;
}
.recruit-interview__archive-slogan {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}
.recruit-interview__archive-slogan:before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    top: -0.2rem;
    left: -1rem;
}
.recruit-interview__archive-slogan:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    right: -1rem;
    bottom: -0.2rem;
}
.recruit-interview__archive-item .button {
    margin: 2rem auto;
}
/* media query : mobile */
@media screen and (max-width:768px) {
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .recruit-interview__archive {
        margin-left: -2rem;
        display: flex;
        flex-wrap: wrap;
    }
    .recruit-interview__archive-item {
        width: calc(33.8% - 2rem - 12px);
        margin-left: 2rem;
    }
}
/* single-interview */
.recruit-interview__qa-list {
    margin-bottom: 3rem;
}
.recruit-interview__qa-list li {
    margin-top: 3rem;
}
.recruit-interview__qa {
    display: flex;
    justify-content: flex-end;
}
.recruit-interview__qa-q {
    flex-direction: row-reverse;
}
.recruit-interview__qa-txt {
    border-radius: 1.25rem;
    border: 1px solid #000;
}
.recruit-interview__qa-txt:before {
    content: "";
    position: absolute;
}
.recruit-interview__qa-txt:after {
    content: "";
    position: absolute;
}
.recruit-interview__qa-a:after {
    content: "";
    position: absolute;
}
.recruit-interview__qa-txt object {
    display: flex;
}
.recruit-interview__qa-txt object:before {
    content: "";
    position: absolute;
}
.recruit-interview__qa-txt object b {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
}
.recruit-interview__qa-txt object b strong {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-all;
    text-align: center;
    border-radius: 5rem;
    color: #FFF;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}
.recruit-interview__qa-txt object b span {
    font-size: 0.725rem;
    text-align: center;
    font-weight: 400;
}
.recruit-interview__qa-img {
    border-radius: 8rem;
    width: 3rem;
}
.recruit-interview__qa-pic:before {
    padding-top: 34%;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .recruit-interview__qa {
        align-items: flex-start;
    }
    .recruit-interview__qa-txt {
        padding: 1rem;
        font-size: 0.825rem;
    }
    .recruit-interview__qa-q {
        margin-bottom: 1rem;
    }
    .recruit-interview__qa-q .recruit-interview__qa-txt {
        margin-left: 1rem;
    }
    .recruit-interview__qa-a .recruit-interview__qa-txt {
        margin-right: 1rem;
        width: calc(100% - 2rem);
    }
    .recruit-interview__qa-a .recruit-interview__qa-img {
        width: 4rem;
    }
    .recruit-interview__qa-txt:before {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        top: calc(50% - 10px);
    }
    .recruit-interview__qa-q .recruit-interview__qa-txt:before {
        border-right: 10px solid #000;
        left: -10px;
    }
    .recruit-interview__qa-txt:after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        top: calc(50% - 9px);
    }
    .recruit-interview__qa-q .recruit-interview__qa-txt:after {
        border-right: 9px solid #FFF;
        left: -9px;
    }
    .recruit-interview__qa-a .recruit-interview__qa-txt:before {
        border-left: 10px solid #000;
        right: -10px;
    }
    .recruit-interview__qa-a .recruit-interview__qa-txt:after {
        border-left: 9px solid #fff;
        right: -9px
    }
    .recruit-interview__qa-a:after {
        border-left-width: 9px;
        border-left-style: solid;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        top: calc(50% - 9px);
        right: 67px;
    }
    .recruit-interview__qa-txt object {
        flex-direction: column;
        align-items: center;
        width: 90%;
        margin: 0 auto;
    }
    .recruit-interview__qa-txt object b {
        flex-direction: row;
        width: 100%;
    }
    .recruit-interview__qa-txt object b span {
        margin-left: 1rem;
        text-align: left;
        width: calc(100% - 6rem);
    }
    .recruit-interview__qa-txt object:before {
        width: 2px;
        height: 80%;
        top: 10%;
        left: 2.5rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .recruit-interview__qa {
        align-items: center;
    }
    .recruit-interview__qa-txt {
        padding: 2rem;
    }
    .recruit-interview__qa-q {
        margin-bottom: 3rem;
    }
    .recruit-interview__qa-q .recruit-interview__qa-txt {
        margin-left: 2rem;
    }
    .recruit-interview__qa-a .recruit-interview__qa-txt {
        margin-right: 2rem;
        width: calc(100% - 22rem);
    }
    .recruit-interview__qa-a .recruit-interview__qa-img {
        width: 8rem;
    }
    .recruit-interview__qa-txt:before {
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        top: calc(50% - 16px);
    }
    .recruit-interview__qa-q .recruit-interview__qa-txt:before {
        border-right: 16px solid #000;
        left: -16px;
    }
    .recruit-interview__qa-txt:after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        top: calc(50% - 15px);
    }
    .recruit-interview__qa-q .recruit-interview__qa-txt:after {
        border-right: 15px solid #FFF;
        left: -15px;
    }
    .recruit-interview__qa-a .recruit-interview__qa-txt:before {
        border-left: 16px solid #000;
        right: -16px;
    }
    .recruit-interview__qa-a .recruit-interview__qa-txt:after {
        border-left: 15px solid #fff;
        right: -15px
    }
    .recruit-interview__qa-a:after {
        border-left-width: 15px;
        border-left-style: solid;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        top: calc(50% - 15px);
        right: 136px;
    }
    .recruit-interview__qa-txt object {
        justify-content: space-between;
    }
    .recruit-interview__qa-txt object b {
        width: 20%;
        flex-direction: column;
    }
    .recruit-interview__qa-txt object:before {
        width: calc(100% - 10rem);
        height: 2px;
        top: 2.5rem;
        left: 5rem;
    }
}
/* 3.2.x recruit-system
--------------------------------------------------------------*/
.recruit-system__sec1 {
    border-bottom: 10px solid #27B1FF;
    margin: 0;
}

.recruit-system__sec1-img {
}
.recruit-system__sec1-img figure {
    height: 100%;
}
.recruit-system__sec1-img figure:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.recruit-system__sec1-img figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.recruit-system__sec1-subtitle {
    padding: 3rem 3rem 0rem 3rem;
    font-size: 1.5rem;
    font-weight: 600;
}
.recruit-system__sec2,
.recruit-system__sec3,
.recruit-system__sec4 {
    border-bottom: 10px solid #27B1FF;
    margin-bottom: 0;
}
.recruit-system__sec3 .recruit-system__sec3-desc {
    margin-top: 3rem;
}
.recruit-system__schedule {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recruit-system__schedule li {
    width: 32%;
    margin-bottom: 3rem;
}
.recruit-system__schedule h3 {
    background: #4990CE;
    border-radius: 0.6rem;
    text-align: center;
    color: #FFF;
    margin-bottom: 0.4rem;
}
.recruit-system__schedule div {
    border-radius: 0.6rem;
    background: #e9f3f9;
    padding: 0.5rem;
    height: 73%;
}
.recruit-system__schedule p {
    background: #89C5E7;
    border-radius: 0.5rem;
    text-align: center;
    margin-bottom: 0.5rem;
    color: #FFF;
    padding: 0.2rem 0;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .recruit-system__sec1-txt {
        border-bottom: 10px solid #27B1FF;
    }
    .recruit-system__sec1-desc {
        padding: 0 1.5rem 1rem 1.5rem;
    }
    .recruit-system__sec2,
    .recruit-system__sec3,
    .recruit-system__sec4 {
        padding-bottom: 5rem;
    }
}
/* media query : desktop */
@media screen and (min-width:85rem) {
    .recruit-system__sec1 {
        display: flex;
    }
    .recruit-system__sec1-txt {
        width: 60%;
        border-right: 10px solid #27B1FF;
    }
    .recruit-system__sec1-img {
        width: 40%;
    }
    .recruit-system__sec1-txt {
        margin-left: calc(50% - 42.5rem);
    }
    .recruit-system__sec1-desc {
        padding: 0 3rem 3rem 3rem;
    }
    .recruit-system__sec2,
    .recruit-system__sec3,
    .recruit-system__sec4 {
        padding-bottom: 8rem;
    }
}
/* 3.2.x recruit-culture
--------------------------------------------------------------*/
.recruit-culture__sec2__img li {
    border: 2px solid #000;
    box-shadow: 4px 4px 0px #000;
    border-radius: 1.25rem;
    margin-bottom: 3rem;
    padding: 2rem;
    text-align: center;
}
.recruit-culture__sec2__img h3 {
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom: 2px solid #000;
    display: inline-block;
    text-align: center;
    margin-bottom: 2rem;
}
.recruit-culture__sec3-img {
    border-radius: 1.25rem;
    overflow: hidden;
    margin-top: 2rem;
}
.recruit-culture__sec2__img p {
    margin-top: 1.5rem;
}
.recruit-culture__sec3-thumb {
    margin-top: 1rem;
    overflow: hidden;
}
.recruit-culture__sec3-thumb li {
    overflow: hidden;
}
.recruit-culture__sec4 {
    border-top: 10px solid #27B1FF;
}
/* media query : mobile */
@media screen and (max-width:768px) {
    .recruit-culture__sec3-thumb li {
        border-radius: 0.525rem;
        margin: 0 0.2rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
    .recruit-culture__sec2__img {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .recruit-culture__sec2__img li {
        width: 26%;
    }
    .recruit-culture__sec3-thumb li {
        border-radius: 0.825rem;
        margin: 0 0.5rem;
    }
}
/* 3.2.x recruit-qna
--------------------------------------------------------------*/
.recruit-qna__list {

}
.recruit-qna__item {
    border: 2px solid #E1E8EE;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    padding: 1rem 1.5rem;
}
.recruit-qna__list-q {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5;
}
.recruit-qna__list-q:before {
    content: "Q";
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    margin-right: 0.7rem;
    color: #2F50D9;
}
.recruit-qna__list-q:after {
    content: "";
    position: absolute;
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../img/arrow-down__black.svg) no-repeat center/contain;
    right: 0;
    top: calc(50% - 0.5rem);
}
.recruit-qna__list-a {
    border-top: 1px solid #E1E8EE;
    padding-top: 1rem;
}
.recruit-qna__list-a:before {
    content: "A";
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    margin-right: 0.7rem;
    color: #2F50D9;

}
/* media query : mobile */
@media screen and (max-width:768px) {
    .recruit-qna__list-q {
        padding-right: 1.5rem;
    }
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* 3.2.x recruit-new,career
--------------------------------------------------------------*/
.recruit-new-guideline,
.recruit-career-guideline {
    padding-top: 8rem;
    border-top: 10px solid #27B1FF;
}
.recruit-new-guideline h3,
.recruit-career-guideline h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.recruit-new-guideline h3:before,
.recruit-career-guideline h3:before {
    content: "◉";
    display: inline-block;
    margin-right: 0.5rem;
}
.recruit-manage {
    margin-top: 2rem;
    text-align: right;
}
.recruit-career__law table {
    width: 100%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
.recruit-career__law table th {
    background: #d6ecff;
    padding: 1rem;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    font-weight: 500;
}
.recruit-career__law table td {
    width: 20%;
    background: #e8f7ff;
    padding: 1rem;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    text-align: center;
}