@charset "utf=8";

.title-box {
    text-align: center;
}


/* ==========================================
recruit01
========================================== */

.recruit01-text-box {
    margin: 4rem auto 0;
}

.recruit01-btn-row {
    max-width: 70rem;
    width: 100%;
    margin: 4rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.anchor-btn {
    max-width: 29.6rem;
    width: 100%;
    text-align: center;
}

.anchor-btn.com-btn-border a:after {
    content: none;
}

/* ==========================================
recruit02
========================================== */

.recruit02-text-box {
    margin: 6rem auto 0; 
    text-align: center;
}

.recruit02-contents {
    margin: 10rem auto 0;
}

.recruit02-contents .row-contents:nth-child(n+2) {
    margin: 6rem auto 0;
}

.recruit02-contents .row-contents:nth-of-type(2n) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.recruit02-img, .recruit02-text-area {
    max-width: 61rem;
    width: 48%;
}

.recruit02-title-block h3 {
    padding: 0 .3rem;
}

.recruit02-text-block {
    padding: 0 .3rem;
    margin: 3.5rem 0 0;
}

/* ==========================================
recruit03
========================================== */

/* ====== tab ======= */

.tab-group {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5rem;
  	padding: 2rem .5rem;
  	position: relative;
    margin: 4rem auto 0;
}

/*.tab-group:before {
    content: "";
    position: absolute;
    height: .1rem;
    top: 0;
  	right: 0;
    left: 0;
    margin: auto;
    width: 100%;
 	background: var(--ui-border-color);
	z-index: 0;
}

.tab-group:after {
    content: "";
    position: absolute;
    height: .1rem;
    bottom: 0;
  	right: 0;
    left: 0;
    margin: auto;
    width: 100%;
 	background: var(--ui-border-color);
	z-index: 0;
} */

.tab {
	position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: solid .1rem var(--ui-border-color);
    text-align: center;
    padding: 1.5rem;
    transition: .3s;
    box-shadow: 0 .3rem .4rem 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.tab:hover, .tab.active {
    border: solid .1rem var(--secondary);
    background: var(--secondary);
    box-shadow: unset;
    transition: .3s;
}

.tab:hover .tabLogo, .tab.active .tabLogo {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    transition: .3s;
}

.tab:hover::before, .tab.active::before {
  opacity: 1;
}

.panel-group {
    margin: 20px auto 0;
}

.panel {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease;
}

.panel.show {
  opacity: 1;
  visibility: visible;
  height: auto;
}

/* =================== */

.job-container {
    margin: 4rem auto 0;
    border: .1rem solid var(--ui-border-color);
}

.job-row:last-child .th, .job-row:last-child .td {
    border: 0 solid var(--ui-border-color);
}

.job-row {
    display: flex;
}

.job-left-box.bg-secondary {
    background: var(--secondary);
}

.job-right-box.bg-white {
    background: var(--white);
}

.job-left-box, .job-right-box {
    padding: 2rem 1.2rem;
}

.job-title {
    text-align: center;
}

/* ==========================================
recruit04
========================================== */

.recruit-process-glid {
    margin: 4rem auto 0;
}

.recruit-process-num {
    font-family: var(--font-family01);
    font-size: 2rem;
    text-align: center;
    margin: 1.6rem auto 0;
}

/* ==========================================
recruit05
========================================== */

.recruit-table-area {
    margin: 4rem auto 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {


        
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    /* ==========================================
    recruit01
    ========================================== */

    .recruit01-btn-row {
        flex-direction: column;
    }

    .anchor-btn:nth-child(n+2) {
        margin: 2rem auto 0;
    }

    /* ==========================================
    recruit02
    ========================================== */

    .recruit02-contents {
        margin: 6rem auto 0;
    }

    .recruit02-contents .row-contents:nth-child(n+2) {
        margin: 4rem auto 0;
    }

    .recruit02-contents .row-contents:nth-of-type(2n) {
        flex-direction: column;
    }

    .recruit02-img {
        width: 100%;
    }

    .recruit02-text-area {
        width: 100%;
        margin: 2.5rem auto 0;
    }

    .job-row {
        display: block;
    }


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */