@charset "UTF-8";
/* CSS Document */

.project_main{
	width: 80%;
	margin: 20px auto 120px;	
}

.project_main_ttl{
	font-size:1.3rem; 
	color: #ce5a5a;
	padding: 2px 40px;
	width: 60%;
	background: -moz-linear-gradient(left, #f0cbcb, #FFF);
	background: -webkit-linear-gradient(left, #f0cbcb, #FFF);
	background: linear-gradient(to right, #f0cbcb, #FFF);
}
.top_area{
	width: 50%;
	padding: 40px 0 0 5%;
	font-size: 1.1rem;
	color: #898989;
	margin: 0 50% 30px 0;
}

.main_photo{
	width: 100%;
	margin: 0;
    padding-right: 20%;
	position: relative;
	z-index: 1;
}
.sub_photo{
	width: 40%;
	position: absolute;
	top: -120px;
	right: 0;
	z-index: 2;
}
.main_photo_item{
	width: 100%;
}
.main_photo img{
	border:1px solid #727272;
}
.sub_photo img{
	border:1px solid #727272;
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
.project_main{
	width: 90%;
	margin: 20px auto 80px;	
}

.project_main_ttl{
	font-size:1.2rem; 
	padding: 2px 30px;
	width: 80%;

}
.top_area{
	width: 93%;
	padding: 40px 2% 0 5%;
	font-size: 1.1rem;
	color: #898989;
	margin: 0 30% 30px 0;
}
.main_photo{
	padding-top: 60px;
}
.sub_photo{
	width: 45%;
	position: absolute;
	top: -35px;
	right: 0;
	z-index: 2;
}

}
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
.project_main{
	width: 90%;
	margin: 10px auto 40px;	
}

.project_main_ttl{
	font-size:1.1rem; 
	padding: 2px 20px;
	width: 100%;
	}
.top_area{
	width: 100%;
	padding: 10px 0 0 0;
	font-size: 1.0rem;
	color: #898989;
	margin: 0 auto;
}


.main_photo{
	width: 90%;
	margin: 0 auto;
    padding-right: 0;
	position: relative;
	z-index: 1;
}
.sub_photo{
	width: 100%;
	position:relative;
	margin: 30px auto;
	top: 0;
	right: 0;
	z-index: 2;
}
.main_photo_item{
	width: 100%;
}
.main_photo img{
	border:1px solid #727272;
}
.sub_photo img{
	border:1px solid #727272;
}
}