@charset "utf-8";
/* =======================================
Top visual
========================================== */
.main__visual {
	background: url("/assets/images/category/case_mv.jpg?240731") no-repeat top center;
}
.case {
	margin: 50px auto 0;
}
.case__tl {
	color: #fff;
    font-size: 200%;
    background: #00a8e9;
    margin: 0 0 40px;
    padding: 10px;
    text-align: center;
}
.case-company-detail {
	margin: 0 0 40px;
}
.case__list li a {
	align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	height: 100%;
}
.case__subtl {
	background: #fff;
	color: #00A8E9;
	font-size: 180%;
	margin: 40px 0 20px;
	padding: 5px 10px;
    text-align: center;
    display: flex;
    align-items: center;
}
.case__subtl:before,
.case__subtl:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #00A8E9;
}
 
.case__subtl:before {
    margin-right: 1rem;
}
 
.case__subtl:after {
    margin-left: 1rem;
}
.case__txt {
    line-height: 1.6;
}
.case__txt-box {
	margin: 0 0 40px;
}
.case__txt-box2 {
	margin: 0 0 0px;
    display: flex;
    justify-content: space-between;
}
.case__txt-box2 img {
	width: 49%;
	height: auto
}
@media screen and (max-width: 740px) {
	.case__txt-box2 {
		flex-wrap:wrap;
	}
	.case__txt-box2 img {
		width:100%;
		margin-bottom: 15px
	}
	.case__txt-box2 img:last-child {
		margin-bottom: 0;
	}
}
.img-float--left {
	float: left;
	padding: 0 40px 0 0;
}
.img-float--right {
	float: right;
	padding: 0 0 0 40px;
}
/* detail page */
.innerarea {	
	max-width: 920px;
	margin: 70px auto 0;
}
.entry-title {
	display: none;
}
.company__box {
	background: #efefef;
	margin: 60px 0 0;
	padding: 40px;
}
.company__box h3 {
	background: url("../images/category/company_ic.png") no-repeat left;
	padding: 5px 0 5px 42px;
}
.company__box ul {
	border-top: 1px dotted #ccc;
	margin: 20px 0 0;
	padding: 20px 0 0;
}
.company__box li {
	margin: 0 0 10px;
}
.company__box li::before {
	font-size: small;
	display: inline-block;
	background: #ccc;
	margin: 0 10px 0 0;
	padding: 5px;
	text-align: center;
	width: 100px;
}
.company__box li:first-child::before {
	content: "会社名";
}
.company__box li:nth-child(2)::before {
	content: "所在地";
}
.company__box li:nth-child(3)::before {
	content: "事業内容";
}
.company__box li:nth-child(4)::before {
	content: "従業員数";
}
.company__box li:nth-child(5)::before {
	content: "会社URL";
}
.company__box li:last-child::before {
	content: "取材撮影";
}
@media screen and (max-width: 940px) {
	.entry-content {
		margin: 70px 20px 0;
	}
}
@media screen and (max-width: 840px) {
	.case .cta__btn a {
		display: block;
		margin: 0 auto;
		padding: 20px;
		text-align: center;
		width: 100%;
	}
	.img-float--left {
		float: none;
		padding: 0 0 20px;
	}
	.img-float--right {
		float: none;
		padding: 0 0 20px;
	}
	.company__box ul {
		border-top: none;
		padding: 0;
	}
	.company__box li::before {
		display: block;
		margin: 0 0 5px;
		padding: 5px;
		width: 100%;
	}
}