@charset "utf-8";
/* CSS Document */

.content {
    display: none;
}
.content.show {
    display: block;
}


/*採用トップ画像*/
.recruit_top_img{
	width: 1100px;
	margin: 0 auto;
	
}


/*タブ切り替えコンテンツ(社員の声)*/
.syain_message_contents{
	width: 1000px;
	margin: 0 auto;
	
}
.syain_message_contents h3{
	width: 1000px;
	margin: 0 auto;
	
	background:  linear-gradient(90deg, #0082ff, #283bb5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	text-align: center;
	font-size: 34px;
	margin: 100px auto 40px;
} 

.message_cont{
	display: flex;
	    justify-content: space-between;
}

.message_cont .list_left, .message_cont .list_right{
	width: 50%;
}
.message_cont .list_right{
	margin: 40px 0 0 0;
}

.syain_message_contents li h5{
	color: #003cb4;
	font-size: 21px;

	
}
.syain_message_contents li{
	margin: 20px 0;
	padding: 20px;
	 background-image: linear-gradient(0deg, #ffffff, #e6ecf8 70%);
}

.tab-container {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.tab-container div{
	display: flex;
	width: 48%;
    text-align: center;
	    justify-content: space-around;
    align-items: center;
	
}

.tab-container .tab{
	
/*	padding: 20px;
	font-size: 21px;
	border: 1px solid;
	border-radius: 30px;
	border-image:linear-gradient(90deg, #0082ff, #283bb5) 1;
	*/
	background:  linear-gradient(90deg, #0082ff, #283bb5);
	border-radius: 16px;
    padding: 2px;  
	margin: 4px auto;
}


.tab-container .tab span{
	 background: #FFFFFF;
	border-radius: 16px;
    padding: 10px;
	width: 100%;
	
	
}



.tab-container .active span{
		background:  linear-gradient(90deg, #0082ff, #283bb5);
	color: #FFFFFF;
}

/*採用情報*/

.saiyou{
	background-image: url("../img/recruit/saiyou_back.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.saiuoi_img{
	width: 800px;
	margin: 40px auto 0;
}


.saiyou table{
	width:50%;
	border: none;
	margin: 0 auto;
}

.saiyou table th,.saiyou table td{
	border:none;
	padding: 20px;
}


.saiyou h3 {

    margin: 20px auto 40px;
}

.saiyou p{

	text-align: center;
}