@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------ */

/* 共通

/* ------------------------------------------------------------------------ */
.spStyle{
	display: none;
}
body.recruitment h3{
	font-size: 24px;
}
body.recruitment #contentsBlock{
/*	background-color: #fafafa;*/
	padding: 0 0 120px;
}

body.recruitment .entry{
	margin-top: 0;
	
}

body.recruitment .mainVisual{
	background: url("/wp/wp-content/themes/bigman/recruit/common/img/img_mainvisual_recruitment.jpg") no-repeat center / cover;
}
.num{
	display: inline-block;
	background: linear-gradient(to right, #4ca9df, #1ccfa4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family: "Montserrat", sans-serif;
	font-size: 2.2rem;
    font-weight: 700;
	text-align: left;
}
.num span{
    font-size: 3.2rem;
}
.department{
	background-color: #2e2e2e;
	padding: 3px;
	margin-right: 16px;
	padding: 4px 8px;
	color: #fff;
	font-weight: 700;
}
.year{
	font-weight: 700;
	color: #626262;
	text-align: left;
}
.message{
	font-size: 2.8rem;
	font-weight: 700;
	text-align: left;
	margin-top: 8px;
}
/* ------------------------------------------------------------------------ */

/* 新卒採用

/* ------------------------------------------------------------------------ */

body.recruitment #new_graduate{
	margin-top: 35px
}
body.recruitment #new_graduate p{
	margin-top: 30px;
}
body.recruitment #new_graduate img{
	margin-top: 20px;
}
body.recruitment #new_graduate img:hover{
	opacity: .7;
}
body.recruitment #new_graduate .linkBox{
	justify-content: center;
}
body.recruitment #new_graduate .linkBox a{
	color: #4ca9df;
	text-decoration: underline;
}
body.recruitment #new_graduate .linkBox a:hover{
	text-decoration: none;
}
body.recruitment #new_graduate .linkBox a + a{
	margin-left: 4em;
}


/* ------------------------------------------------------------------------ */

/* キャリア採用

/* ------------------------------------------------------------------------ */
body.recruitment #career_recruitment{
	margin-top:120px;
}

body.recruitment #career_recruitment .tab-wrapper{
	display: flex;
	justify-content: center;
	margin-top: 40px;
	font-size: 1.6rem;
}
/* ラジオボタンを全て非表示に */
body.recruitment input[name="tab-radio"] {
	display: none;
}
body.recruitment .tab-label {
	display: block;
	color: #2e2e2e;
	cursor: pointer;
	font-size: 16px;
	line-height: 1.8;
	transition: .3s;
	text-decoration: none;
}
body.recruitment .tab-label:hover {
	opacity: .7;
}

/* 選択されたタブの見た目 */
body.recruitment .selected .tab-label {
	color: #4ca9df;
	border-bottom:2px solid #4ca9df;
	transition: .3s;
}
/* タブパネル */
body.recruitment .tab-panel {
	display: none;
	/* 初期状態では全て非表示 */
}
body.recruitment label{
	padding-right: 0;
	padding:0 7px;
	margin: 0 13px;
}
/* ------------------------------------------------------------------------ */
 
/* recruitment tblStyle
 
/* ------------------------------------------------------------------------ */
body.recruitment .tblStyle01 th{
	color: #1b325c;
}
body.recruitment .recruitment_tr th{
	width: 10%;
}
body.recruitment .ulStyle01{
	margin: 0 0 0 15px;
}
body.recruitment .ulStyle01 li{
	margin-left: 10px;
}
@media screen and (max-width: 1024px){
	body.recruitment label{
		margin: 0 7px;
	}
	body.recruitment .recruitment_tr th{
	width: 15%;
}
}
@media screen and (max-width: 767px){
	.pcStyle{
		display: none;
		
	}
	.spStyle{
		display: block;
	}
	body.recruitment{
	    width: calc(100% - 24px);
		margin: 0 auto;
	}
	body.recruitment h3{
		font-size: 2.0rem;
	}
	body.recruitment label{
		margin: 0;
		padding: 0;
	}
	body.recruitment #career_recruitment .tab-wrapper{
		flex-wrap: wrap;
	}
	body.recruitment #career_recruitment .tab-wrapper .tab{
		width: 30%;
		margin-top: 10px;
	}
	body.recruitment .selected .tab-label{
		display: inline-block;
	}
	body.recruitment .mainVisual {
   	 background: url(/wp/wp-content/themes/bigman/recruit/common/img/img_mainvisual_recruitment.jpg) no-repeat 38% center / cover;
	}
	/* ------------------------------------------------------------------------ */

	/* 新卒採用

	/* ------------------------------------------------------------------------ */
	body.recruitment #new_graduate{
		margin-top: 30px;
	}
	body.recruitment #new_graduate p{
		margin-top: 20px;
	}
	body.recruitment #new_graduate img{
		max-width: 130px;
	}
	body.recruitment #career_recruitment{
		margin-top: 80px;
	}
	body.recruitment #career_recruitment .tab-wrapper{
		margin-top: 30px;
	}
	body.recruitment #new_graduate .linkBox{
		flex-direction: column;
	}
	body.recruitment #new_graduate .linkBox a + a{
		margin-top: 1em;
		margin-left: 0;
	}
	/* ------------------------------------------------------------------------ */
 
/* recruitment tblStyle
 
/* ------------------------------------------------------------------------ */
	body.recruitment .tblStyle01 td,body.recruitment .tblStyle01 th{
		display: block;
		width: 100%;
	}
	body.recruitment .tblStyle01 tr:last-child th{
		border-bottom: none;
	}
}
	@media screen and (max-width: 600px){
	body.recruitment #career_recruitment .tab-wrapper .tab {
        width: 46%;
        margin-top: 10px;
    }
}