@charset"utf-8";
@media screen and (min-width: 1279px){}
@media screen and (max-width: 1800px){}
@media screen and (max-width: 1700px){}
@media screen and (max-width: 1700px){}
@media screen and (max-width: 1599px){}
@media screen and (max-width: 1500px){}
@media screen and (max-width: 1439px){}
@media screen and (max-width: 1365px){}
@media screen and (max-width: 1279px){
.container{ width: 80%; }
.case-tit{ margin-top: 25px; }
}
@media screen and (max-width: 1023px){
body{ padding-top: 0px !important; }

.iph{ display: block !important; }
.pc{ display: none !important; }
.container{ width: 85%; }

}
@media screen and (max-width: 767px){
.container{ width: 100%; }
.caseban-txt span{ font-size: 23px; margin-top: 0px;white-space: initial;word-break: break-word;}
.caseban-txt h1{ font-size: 34px; white-space: initial; text-decoration: none;}
/* .caseban-txt div a p{ font-size: 23px; white-space: initial; text-decoration: none;} */
.caseban-txt div p{ font-size: 13px; line-height: 20px; letter-spacing: 0.1875rem; }
@media screen and (max-width: 580px){
.caseban-img,
.caseban-txt{
	position: relative;
}
.caseban-txt img{
	width: 100%;
	position: relative;
	margin-top: 1.25rem;
	/* margin-bottom: 1.25rem; */
	visibility: visible;
} 
.caseban-txt a{
	text-decoration: none;
	/* visibility: hidden;
	margin-top: 0;
	position: absolute; */
	/* white-space: break-space; */
	display: none;
}
.img a{
	text-decoration: none;
	visibility: visible;
	position: relative;
}
.caseban-txt h1{
	white-space:inherit;
	color: white;
}
.caseban-txt span,
.caseban-txt h1,
.caseban-txt div p{
	color: #333;
	display: none;
}
.caseban-txt{
	padding-bottom: 30px;
}
.banner-casetxt{
	height: auto !important;
}
.caseban-txt{
	opacity: 1 !important;
}
.caseban-img{
	height: 350px !important;
}
}
@media screen and (max-width: 410px){
	.hm1tit {
	    margin-bottom: -40px;
	}
}