@charset "utf-8";
/*@import url("../../css/reset.css");*/
@import url("../../../../css/common.css");
@import url("common.css");
/*===========================================
	casa.css
===========================================*/
a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.section1 {
	margin-top: 50px;
	width: 560px;
	padding-right: 420px;
	height: 943px;
	position: relative;
	background: url(../../images/company/casa/img1.jpg) no-repeat right top;
}
.section1 .formBtn {
	display: block;
	margin: 0;
	width: 366px;
	height: 200px;
	position: absolute;
	right: 54px;
	top: 13px;
}
.section1 .cap {
	margin: 0;
	height: 416px;
	background: url(../../images/company/casa/text1.gif) no-repeat left top;
	text-indent: -1000em;
}
.section1 h1 {
	margin: 0;
	height: 167px;
	background: url(../../images/company/casa/text1.gif) no-repeat left -416px;
	text-indent: -1000em;
}
.section1 .text1 {
	margin: 0;
	height: 360px;
	background: url(../../images/company/casa/text1.gif) no-repeat left -583px;
	text-indent: -1000em;
}
.section2 {
	position: relative;
	width: 100%;
	height: 1152px;
	position: relative;
}
.section2 .formBtn {
	display: block;
	margin: 0;
	width: 410px;
	height: 199px;
	position: absolute;
	left: 45px;
	bottom: 65px;
}
.section2 h2 {
	margin: 0;
	height: 165px;
	background: url(../../images/company/casa/text2.jpg) no-repeat center top;
	text-indent: -1000em;
}
.section2 .text1 {
	margin: 0;
	height: 150px;
	background: url(../../images/company/casa/text2.jpg) no-repeat center bottom;
	text-indent: -1000em;
}
.section2 .text2 {
	margin: 0;
	height: 837px;
	background: url(../../images/company/casa/text3.jpg) no-repeat center top;
	text-indent: -1000em;
}
.section2 .text2 dt,
.section2 .text2 dd {
	display: inline;
}



/*-------------------------*/
/* デバイスサイズ 889px*/
/*-------------------------*/
@media screen and (max-device-width: 889px) {

div#contents{ padding: 0;}
.section1 { margin-top: 0; width: auto; padding-right: 0; height: inherit; background-size: 40%;}
.section1 .formBtn { width: 40%; height: inherit; right: 0; top: 0;}
.section1 .cap { height: 94vw; background-size: 60%;}
.section1 h1,
.section1 .text1 { display: none;}
.section2{ height: inherit;}
.section2 h2 { height: 30vw; background-size: 100%;}
.section2 .text1 { display: none;}
.section2 .text2 { margin: 0; height: 80vw; background-size: 100%;}
.section2 .formBtn{ width: 40%; height: inherit; left: 20px; bottom: 5vw;}
.section1 {
	background: url(../../images/company/casa/img1.jpg) no-repeat right bottom;
	background-size: contain;
}   
}