@charset "UTF-8";

.content{
	margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
	justify-content: space-between;
	width: 450px;
	height: auto;
	background-color: #ffffff
}

.HEADLINE{
		margin: 25px auto 20px;
		width: 450px;
		height: 28px;
		font-size: 16px;
		line-height: 16px;
		font-weight: 700;
		font-family: 'Noto Sans JP', sans-serif;
		text-align: left;	
		border-style: dashed;
		border-bottom-width: 1px;
		border-color: #000000;
		color: #AC1728;
	}

.sample_element{
	width: 210px;
	height: auto;
}

.sample_card{
	width: 210px;
	height: 127px;
	border: 1px solid #000000;
}


.sample_card_txt_H{
	margin: 5px 0px 0px 0px ;
	height: 25px;
	text-align: left;
	font-size: 16px;
	line-height: 25px;
	color: #ff3300;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
}

.sample_card_txt{
	margin: 0px 0px 20px 0px;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	text-align: justify;
	text-justify: inter-ideograph;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
}

.card {
		width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;	
}

/*------------------▼JOB・名刺物語りへリンク▼------------------*/

.link{
	position: relative;
	margin: 40px auto 0px;
	padding: 0px 0px 20px 0px;
	width: 420px;
	text-align: center;
	border-style: dashed;
	/*border-top-width: 1px;*/
	border-bottom-width: 1px;
	border-color: #000000;
}

.job_line{}

.job_rogo_pos{}

.job_link{
	position: relative;
	margin: 30px auto 0px;
	width: 420px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 700;
	font-family: 'Noto Serif JP','Sawarabi Mincho',"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.job_rogo{
	position: relative;
	margin: 15px auto 0px;
	/*height: 46px;*/
	width:120px;
}

.story_line{}

.story_rogo_pos{}

.story_link{
	position: relative;
	margin: 30px auto 0px;
	width: 420px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 700;
	font-family: 'Noto Serif JP','Sawarabi Mincho',"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.story_rogo{
	position: relative;
	margin: 20px auto 0px;
	/*height: 46px;*/
	width:180px;
}

/*------------------▲JOB・名刺物語りへリンク▲------------------*/