@charset "UTF-8";
/* -----------------------------------------------
original design
	/case/

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

/* -----------------------------------------------
	layout
----------------------------------------------- */
#page-header {
	margin-top: 0;
	padding-top: 0;
}
.case-list-area {
	padding-top: 140px;
	margin-top: -140px;
}
/*
	title
----------------------------------------------- */
.content .main .headline {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 0.25em;
	border-bottom: 3px solid #ccc;
}
.content .main .headline::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #FFB700;
}
.content .main .headline span {
	padding: 0 0 10px 0;
	font-weight: bold;
}
.content .main .headline .ruby {
	padding-left: 10px;
	font-size: 20px;
}

/*
	記事ページ
----------------------------------------------- */
.content .subheadline span {
	font-weight: bold;
}
#service.content .main .headline.main-title span {
	font-weight: normal;
	font-weight: normal;
}
#service.content .main .text-area .headline {
	border-bottom: none;
}
#service.content .main .text-area .headline span {
	font-weight: normal;
}
#service.content .main .text-area .headline::after {
	content: none;
}
@media only screen and (max-width: 767px) {
	#page-header {
		padding-top: 10px;
	}
	.case-list-area .title-area .headline {
		padding-bottom: 0;
		padding-top: 0;
	}
	.case-list-area .title-area .headline span {
		font-size: 24px;
		margin: 0 0 10px 0;
		padding: 0;
	}
}