@charset "UTF-8";

/* ++++++++++++++　　　採用 仕事内容（a-recruit_job.php）　　　++++++++++++++++++*/



/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　全てのスクリーンサイズで適用される設定・モバイルファースト
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */


/* 仕事エリア*/

.workplace-Area{
	width:100%;
	clear: both;
	margin:0 0 0 0;
}


.workplace-item-list{
	width:90%;
	clear: both;
	margin:0 auto 20px auto;
	padding:0 5%;

}

.workplace-item-frame{
	border:1px solid #5d7789;
	width:220px;
	text-align: center;
	font-size:20px;
	font-weight: bold;
	color:#137bbb;
	padding:10px 0;
	text-decoration: none;
	cursor:pointer;
	margin: 0 20px 20px 0;
	border-radius:8px;
}

.workplace-item-frame a{
	color:#137bbb;
	text-decoration: none;
}


.workplace-item-list ul li{
	list-style: none;
}

.workplace-item-list li{
	float: left;
}

.workplace-title{
	width:100%;
	border-bottom:1px solid #bec0c2;
}

.concept-title{
	width:100%;
}

h3.workplace-concept{
	color: #6f7070;
	font-size:22px;
	font-weight: bold;
	width:90%;
	max-width: 1000px;
	margin:20px auto 0 auto;
	padding:10px 5%;
}

h3.workplace-name{
	color: #6f7070;
	font-size:22px;
	font-weight: bold;
	width:90%;
	max-width: 1000px;
	margin:20px auto 0 auto;
	padding:10px 5%;
}

.workplace-waku{
	width:90%;
	max-width: 1000px;
	clear: both;
	margin:20px auto 20px auto;
	padding:0 5% 20px 5%;
	border-bottom:1px solid #edeeef;
}



.workplace-waku-2{
	width:90%;
	max-width: 1000px;
	clear: both;
	margin:0 auto 20px auto;
	padding:40px 5% 20px 5%;
}

.workplace-waku-2 ul{
	line-height: 30px;
		padding:0 5%;
}

.workplace-waku-2 ul li{
	list-style: disc;
}

.workplace-waku-back{
	width:100%;
	background-color:#f7f8f9;
}

h4.workplace-midashi{
	color: #044274;
	border-left:4px #044274 solid;
	padding:0 0 0 15px;
	font-size:18px;
	font-weight: bold;
	margin-left:10px;
}



.workplace-text{
	font-size:15px;
	color: #353535;
	padding:0 0 0 0;
	line-height:26px;
}

.workplace-text a{
    color: #356293;
}

.workplace-image{
	max-width: 675px;
	margin:30px auto 0 auto;
}

.workplace-image img{
	width: 100%;
}

.award-icon{
	width: 100%;
	
}

.award-icon img{
	max-width:120px;
}


/*透過 */

.workplace-item-frame:hover,
.workplace-text a:hover{
	opacity: 0.7;
}


/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 480px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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

	


	
}

/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 760px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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




h3.workplace-concept{
	color: #000000;
	font-size:26px;
	font-weight: bold;
	width:90%;
	max-width: 1000px;
	margin:20px auto 0 auto;
	padding:10px 5%;
}
	
.workplace-waku{
	width:90%;
	max-width: 1000px;
	clear: both;
	margin:40px auto 20px auto;
	padding:0 5% 40px 5%;
	border-bottom:1px solid #edeeef;
}
	

h3.workplace-name{
	color: #6f7070;
	font-size:26px;
	font-weight: bold;
	width:90%;
	max-width: 1000px;
	margin:20px auto 0 auto;
	padding:10px 5%;
}
	
h4.workplace-midashi{
	color: #044274;
	border-left:4px #044274 solid;
	padding:0 0 0 15px;
	font-size:20px;
	font-weight: bold;
	margin:0 0 20px 0;
}
	
.workplace-text{
	font-size:15px;
	color: #353535;
	padding:0 0 0 20px;
	line-height:26px;
}
	
}


/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 1000px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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

/* 仕事エリア*/
	

.workplace-item-list{
	width:100%;
	max-width: 1000px;
	clear: both;
	margin:0 auto;
	padding:0;
}
	

.workplace-waku-2{
	width:100%;
	max-width: 1000px;
	clear: both;
	margin:0 auto 20px auto;
	padding:40px 0 20px 0;
}
	
}