@charset "utf-8";

/* ======================================================
 * case_style_piece.css
====================================================== */

.infoBox {
		border: 1px solid #999;
		border-radius: 6px;
		margin: 20px auto;
		padding: 30px;
		box-sizing: border-box;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	
	position: relative;
	width: 100%;
	}
	.leftIMG, .info_Txt {
		width: 50%;
	}
	.leftIMG img {
		width: 100%;
	}
	.info_Txt {
		padding: 0px 20px 0px 20px;
	}
	.infoTitle {
		font-size: 3rem!important;
		/*margin-top: -15px;*/
		line-height: 1.4em!important;
	}
	
	.infoTitle {
		font-size: 3rem!important;
		/*margin-top: -15px;*/
		line-height: 1.4em!important;
	}
	.adressTit {
		border: 1px solid #333;
		padding: 4px 8px;
		font-size: 1rem!important;
		display: inline-block;
	}
	.adress, .adress a {
		font-size: 1.7rem!important;
		
	}
.adress a {
	overflow-wrap: break-word;
}
.adress a[target="_blank"] {
        padding-right: 20px;
        background: url(../img/com_ic004.png) no-repeat 100% 50%;
    }	
.dis_mar {
	display: block;
	margin: 0 auto;
}


@media screen and (max-width: 767px) {
	
	.leftIMG img {
		width: 100%;
	}
	.infoTitle {
		font-size: 2.3rem!important;
		/*margin-top: -10px;*/
		line-height: 1.4em!important;
	}
	
	.infoTitle {
		font-size: 2.3rem!important;
		/*margin-top: -10px;*/
		line-height: 1.4em!important;
	}
	.adressTit {
		border: 1px solid #333;
		padding: 4px 8px;
		font-size: 1rem!important;
		display: inline-block;
	}
	
	.Ban_link:hover { opacity: 0.7; }
}
@media screen and (max-width: 549px) {
	.infoBox {
		display: block;
	}
	.leftIMG, .info_Txt {
		width: 100%;
		position: relative;
	}
	.info_Txt {
		padding: 20px 10px 0px 10px;
	}
}