@charset "utf-8";

body {
    overflow-x: hidden;
}

.bg-white-mask:before {
    height: 100%;
}

/*-----------------------------------------------------------
働く環境
-----------------------------------------------------------*/

.recruit02-main {
    padding: 60px 15px 60px 15px;
}

.recruit02-num-title-box {
	flex-shrink: 0;
	padding: 0 0 8px;
	position: relative;
}

.recruit02-num-title-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    max-width: 164px;
    width: 170%;
    height: 25px;
    background: url(/system_panel/uploads/images/text-deco-secondary01.png) no-repeat center / contain;
    z-index: -1;
    transform: rotate(-6deg);
}

.env-title {
	font-size: clamp(18px, 16.301px + 0.453vw, 25px);
	font-weight: 500;
  	letter-spacing: 0.05em;
	line-height: 1.5;
  	margin: 3px 0 0;
}

.recruit02-left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.recruit02-right {
    line-height: 1.85;
}

.recruit02-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #AEAAA3;
}

.recruit-slider-text-block {
	margin: 10px 0 0;
}

.recruit-slider-img-box {
	aspect-ratio: 600 / 800;
}

/*-----------------------------------------------------------
スライダー
-----------------------------------------------------------*/

.recruit-slider-contents {
    margin: 60px auto 0;
    overflow: hidden;
}

/*-----------------------------------------------------------
働く仲間
-----------------------------------------------------------*/

.recruit03-left {
	max-width: 500px;
}

.recruit03-item {
    flex-direction: column;
	margin: 20px 0 0;
	padding: 0 0 20px;
  	border-bottom: 1px solid #9B9B9A;
}

.recruit03-item:last-child {
  	border-bottom: 0px;
}
  
.recruit03-th {
	padding-bottom: 20px;  
}

.staff-name {
    font-size: 18px;
}

/*-----------------------------------------------------------
会社概要
-----------------------------------------------------------*/

.recruit04-main {
    padding: 60px 15px 60px 15px;
    border: 1px solid var(--primary);
}


/*-----------------------------------------------------------
募集要項
-----------------------------------------------------------*/

/*タブ切り替え*/

.tab {
    cursor: pointer;
}

.panel {
    display: none;
    margin: 40px auto 0;
    padding: 60px 0 60px 0;
}

.panel.is-show {
    display: block;
}

.gjs-dashed .panel  {
    display: block;
    padding: 60px 15px 60px 15px;
}

.tab-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto 0;
    gap: 20px;
  	position: relative;
}

.tab {
    cursor: pointer;
    max-width: 315px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 100vmax;
}

.tab.is-active {
	color: var(--white);
	background: var(--primary);
}

.tab:hover {
	color: var(--white);
	background: var(--primary);
}

.entry-main {
	background: #fff;
}

.entry-btn-row {
	gap: 20px;
}

.entry-btn-row .com-tel-btn, .entry-btn-row .entry-btn {
    width: 100%;
}

.entry-btn-row .com-tel-btn {
    color: var(--white);
    border: 1px solid var(--white);
    background: rgba(255, 255, 255, 20%);
}

.entry-btn-row .tel-img {
    filter: brightness(0) invert(1);
}

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

@media screen and (min-width:375px) {

}/* min-width: 375px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:414px) {

/*-----------------------------------------------------------
top06
-----------------------------------------------------------*/  


}/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:576px) {

/*-----------------------------------------------------------
top01
-----------------------------------------------------------*/

  
/*-----------------------------------------------------------
top02
-----------------------------------------------------------*/
  

  
}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width: 768px) {
  
/*-----------------------------------------------------------
働く環境
-----------------------------------------------------------*/
.recruit02-item {
    flex-direction: row;
    padding: 0 0 60px;
}

.recruit02-left {
    align-items: flex-start;
    width: 260px;
}
  
.recruit02-num-title-box:after {
    left: -7px;
}
  
/*-----------------------------------------------------------
スライダー
-----------------------------------------------------------*/
.recruit-slider-contents {
    margin: 80px auto 0;
}
  
/*-----------------------------------------------------------
働く仲間
-----------------------------------------------------------*/

.recruit03-item {
    flex-direction: row;
	margin: 40px 0 0;
}
  
.recruit03-th {
	padding-bottom: 0;  
}
  
.staff-name {
    font-size: 25px;
}

}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:992px) {

/*-----------------------------------------------------------
top05
-----------------------------------------------------------*/



}/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


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

@media screen and (min-width: 1024px) {

/*-----------------------------------------------------------
ENVIRONMENTS
-----------------------------------------------------------*/
  
.recruit02-main {
	padding: 60px 25px 60px 25px;
}

.recruit02-left {
    justify-content: flex-start;
    flex-direction: row;
    width: 340px;
    gap: 20px;
}
  
.recruit02-num-title-box:after {
    left: -16px;
}
  
/*-----------------------------------------------------------
スライダー
-----------------------------------------------------------*/
.recruit-slider-contents {
    margin: 100px auto 0;
}


/*-----------------------------------------------------------
働く仲間
-----------------------------------------------------------*/
.staff-name {
    font-size: 30px;
}

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:1200px) {
  

/*-----------------------------------------------------------
働く環境
-----------------------------------------------------------*/
  
.recruit02-main {
    padding: 100px 35px 100px 35px;
}

  
.recruit02-item {
    gap: 70px;
}

  
.recruit02-left {
    width: 380px;
    gap: 25px;
}

/*-----------------------------------------------------------
Staff
-----------------------------------------------------------*/
  
.recruit03-right {
	width: 59.2% !important;
}

/*-----------------------------------------------------------
会社概要
-----------------------------------------------------------*/
  
.recruit04-main {
    padding: 100px 15px 100px 15px;
}
  
/*-----------------------------------------------------------
募集要項
-----------------------------------------------------------*/
  
.panel {
    padding: 100px 15px 100px 15px;
}

  
}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:1400px) {



.recruit02-left {
    width: 430px;
    gap: 40px;
}



/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/
  
/*-----------------------------------------------------------
top02
-----------------------------------------------------------*/


}/* min-width: 1400px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:1500px) {

/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/



}/* min-width: 1500px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:1600px) {


}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1700px) {
  

  
}/* min-width: 1700px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */