h1 {
	margin-bottom: 2rem;
	font-family: var(--font-family);
	font-weight: var(--font-weight-bold);
	font-style: normal;
}

.case .mainTitle {
    padding-bottom: 5px;
}
h1 span.caseCate{
	display: inline-block;
	font-size: 16px;
	margin-bottom: 12px;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-regular);
    font-style: normal;
    color: #333;
    padding: 6px 16px;
    background-color: #EAEAEA;
    border-radius: 100px;
    line-height: 1.1;
}
h1 span.sama {
    font-size: 70%;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-regular);
    font-style: normal;
    color: #666;
}
h1 span.caseTitle {
	display: block;
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight-bold);
    font-style: normal;
	 margin-bottom: 0rem;
	 font-size: 36px;
	 margin-top: 0;
	 padding: 0.2rem 0rem 0rem 0;
}
@media only screen and (max-width : 767px) {
    h1 span.caseTitle {
         font-size: 3rem;
         padding: 0.2rem 0rem 0rem 0;
    }
}




.product_related_entry_wrap {
	background-color: #424242;
	border-top: solid 1px #CCC;
	height: 1;
	width: 100%;
	padding: 16px;
	margin-top: 64px;
}
.product_related_entry {
	display: block; color: #000;
	background-color: #FFF;
	transition: 0.5s;
	max-width: 640px;
	padding: 32px;
	position: relative;
	padding-bottom: 64px;
	margin-left: auto;
	margin-right: auto;
}
.product_related_entry:hover {
	background-color: #E2ECF1;
}
.related_items_grid {
	justify-content: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.product_related_entry_desc {
	font-size: 15px;
	line-height: 155%; color: #444;
}
	.product_related_entry h3 {
	font-size: 22px;
}
.more_detail {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
}
.company_prof {


	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	border-color: #ddd;
}

.company_prof .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}
.company_prof .panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

	@media (min-width: 640px) {
	.product_related_entry_wrap {
		padding: 64px;
	}

}

@media (min-width: 980px) {
	.product_related_entry {
		display: block; color: #000;
		background-color: #FFF;
		transition: 0.5s;
		max-width: 640px;
		padding: 32px;
		padding-bottom: 64px;
	}

	.related_items_grid {
		display: grid;
		grid-template-columns: repeat( auto-fit, minmax(320px, 1fr ));
	}
	.grid-template-columns_1 .product_related_entry {
	} 
	.grid-template-columns_2 {
		gap: 32px;
	} 
	.grid-template-columns_3 {
		gap: 24px;
	}
	.grid-template-columns_2 .product_related_entry {
		padding: 26px;
		padding-bottom: 64px;
	}
	.grid-template-columns_3 .product_related_entry {
		padding: 18px;
		padding-bottom: 64px;
	}
	.product_related_entry_desc {
		font-size: 15px;
	}
	.product_related_entry_desc {
		font-size: 15px;
		line-height: 155%; color: #444;
	}
	.product_related_entry h3 {
		font-size: 22px;
	}

}

@media (min-width: 1200px) {
	.grid-template-columns_2 {
		gap: 64px;
	} 
	.grid-template-columns_3 {
		gap: 42px;
	}
	.grid-template-columns_1 .product_related_entry,
	.grid-template-columns_2 .product_related_entry,
	.grid-template-columns_3 .product_related_entry {
		padding-bottom: 86px;
	}
	.more_detail .ys_btn_s {
		font-size: 16px;
		padding: 12px 24px;
	}
	.grid-template-columns_3 .product_related_entry_desc {
		font-size: 14px;
	}

}