@charset "utf-8";
/*news*/

main{padding-top:0;}
@media print, screen and (min-width:768px) {main{padding-top:0;}}
.breadcrumb{padding-top:50px;}
@media print, screen and (min-width:768px) {.breadcrumb{padding-top:100px;}
}


/*
index.html
*/
#newsIndWrap{
	display:flex;
	flex-direction: column-reverse;
	width:90%;
	max-width:1000px;
	margin:0 auto;
}
#newsIndWrap main{
	margin:0 0 80px;
}
#newsIndWrap aside{
	margin:0 0 40px;
}
#newsIndWrap aside h3{
	text-align:left;
	font-size:1.4rem;
	border-bottom:1px solid #ccc;
	padding:0 0 3px 0;
	margin:0 0 10px 0;
}
#newsIndWrap aside ul{
	text-align:left;
	font-size:1.3rem;
}
#newsIndWrap aside a::after{
	content:"";
	display:inline-block;
	width:6px;
	height:6px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	transform:rotate(45deg);
	margin:0 0 1px 5px;
}
/**/
#newsIndList{
	width:100%;
	text-align:left;
	font-size:1.4rem;
	line-height:1.5;
	border-top:1px solid #ccc;
	display:flex;
	flex-wrap:wrap;
	color:#000;
}
#newsIndList li{
	width:100%;
	padding:1em 0;
	border-bottom:1px solid #ccc;
	text-align:left;
}
#newsIndList li[class^="cat"]::before{
	display:inline-block;
	margin:0 0.5em 0 0;
	color:#fff;
	font-size:1.1rem;
	transform:translateY(-1px);
	width:5em;
	line-height:18px;
		height:19px;
	text-align:center;
}
#newsIndList li.cat01::before{
	content:"企業情報";
	background-color:#30a1d2;
}
#newsIndList li.cat02::before{
	content:"採用情報";
	background-color:#3eac4a;
}
#newsIndList li.cat03::before{
	content:"お知らせ";
	background-color:#f1ab3e;
}
#newsIndList li .date{
	display:inline-block;
	margin-bottom:0.5em;
}
#newsIndList li a{
	display:block;
}
/**/

@media print, screen and (min-width:768px) {
	#newsIndWrap{
		display:flex;
		flex-direction: row-reverse;
	}
	#newsIndWrap main{
		width:75%;
		margin-left:7%;
	}
	#newsIndWrap aside{
		width:18%;
	}
	#newsIndWrap aside ul{
		text-align:left;
		font-size:1.5rem;
	}
	#newsIndWrap aside h3{
		font-size:1.7rem;
	}
	#newsIndWrap aside li{
		margin-bottom:5px;
	}
	/**/
	#newsIndList{
		font-size:1.6rem;
	}
	#newsIndList li[class^="cat"]::before{
		width:6em;
		font-size:1.2rem;
		margin:2px 1em 0 0;
		line-height:20px;
		height:21px;
	}
	#newsIndList li{
		display:flex;
	}
	#newsIndList li .date{
		width:8em;
		margin-bottom:0;
	}
	#newsIndList li a{
		width:calc(100% - 8em);
	}
}
/**/


/*
detail
*/
.newsDtlUnit{
	max-width:750px;
	width:90%;
	margin:0 auto 40px;
	text-align:left;
}
.newsDtlDate{
	font-size:1.2rem;
}
.newsDtlTtl{
	font-size:1.6rem;
	font-weight:normal;
	border-bottom:1px solid #999;
	padding-bottom:10px;
	margin-bottom:20px;
}
.newsDtlBody{
	margin:0 0 20px;
}
.newsDtlBody p{
	font-size:1.4rem;
	margin-bottom:1em;
}
.newsDtlBody img{
	margin-bottom:20px;
}
.newsDtlUnit .btn01{
	margin:80px auto 80px;
}
.newsDtlFile p{
	font-size:1.4rem;
	margin-bottom:1em;
}
@media print, screen and (min-width:768px) {
	.newsDtlUnit{
		margin:0 auto 80px;
	}
	.newsDtlDate{
		font-size:1.4rem;
	}
	.newsDtlTtl{
		font-size:2.2rem;
	}
	.newsDtlBody p{
		font-size:1.6rem;
	}
	.newsDtlFile p{
		font-size:1.6rem;
	}
}






/*
index_short
*/

#newsShortList{
	width:100%;
	text-align:left;
	font-size:1.2rem;
	line-height:1.5;
	border-top:1px dotted rgba(255,255,255,0.5);
	display:flex;
	flex-wrap:wrap;
	color:#fff;
}
#newsShortList dt{
	padding:5px 0;
	width:8em;
	border-bottom:1px dotted rgba(255,255,255,0.5);
	text-align:right;
}
#newsShortList dt.new::before{
	padding:2px 3px;
	margin:0 5px 0 0;
	content:"NEW";
	background-color:#e71f19;
	color:#fff;
	font-size:1rem;
}
#newsShortList dd{
	width:calc(100% - 8em);
	padding:5px 0 5px 1em;
	border-bottom:1px dotted rgba(255,255,255,0.5);
}
#newsShortList dd a{
	color:#fff !important;
}
/**/
@media print, screen and (min-width:768px) {
	#newsShortList{
		font-size:1.6rem;
	}
	#newsShortList dt{
		padding:10px 0;
	}
	#newsShortList dt.new::before{
		padding:3px 5px;
		margin:0 10px 0 0;
		font-size:1.2rem;
	}
	#newsShortList dd{
		padding:10px 0 10px 1em;
	}
}