@charset 'utf-8';

.casedetail{}
.casedetail .contentlist{padding: 46px 0;}
.casedetail .contentlist:nth-child(even){background: #f6f6f6;}
.casedetail .contentlist .title{text-align: center;}
.casedetail .contentlist .title h2{font-size: 32px;}
.casedetail .contentlist .content{margin-top: 20px;}
.casedetail .contentlist .content table{max-width: 100%; border-collapse: collapse;}
.casedetail .contentlist .content table td{border: solid #e6e6e6 1px; padding: 5px 10px;}
.casedetail .contentlist .content img{max-width: 100%;}
.casedetail .contentlist .content p{font-size: 16px; line-height: 2em;}

.casedetail .contentlist .relatedproducts{margin-top: 50px;}
.casedetail .contentlist .relatedproducts .title {
    border-bottom: solid #e6e6e6 1px;
}

.casedetail .contentlist .relatedproducts .title h3 {
    font-size: 18px;
    padding: 0 20px;
    line-height: 42px;
	text-align: left;
}

.casedetail .contentlist .relatedproducts .relatedlist{margin-top: 30px;}
.casedetail .contentlist .relatedproducts .relatedlist::after{content: ''; display: table; clear: both;}
.casedetail .contentlist .relatedproducts .relatedlist .list{width: 23.5%; float: left; margin-right: 2%;}
.casedetail .contentlist .relatedproducts .relatedlist .list:nth-child(4){margin-right: 0;}
.casedetail .contentlist .relatedproducts .relatedlist .list .image{overflow: hidden;}
.casedetail .contentlist .relatedproducts .relatedlist .list .image img{width: 100%; transition: all 0.5s;}
.casedetail .contentlist .relatedproducts .relatedlist .list:hover .image img{transform: scale(1.1);}
.casedetail .contentlist .relatedproducts .relatedlist .list .name{text-align: center; padding: 10px;}
.casedetail .contentlist .relatedproducts .relatedlist .list .name a{font-size: 16px; line-height: 22px;}

@media (max-width:960px) {
	.casedetail .contentlist{padding: 30px 15px;}
	.casedetail .contentlist .relatedproducts .relatedlist .list{width: 48%;}
}