@charset "utf-8";

/*=========================================*/
/* Top Housing list new */
/*=========================================*/

#top_housing_list_new{
	margin: 0 0 30px 20px;
	width: 850px;
	float: left;
}

#top_housing_list_new ul{
	width: 100%;
	overflow: hidden;
}

#top_housing_list_new li{
	width: 160px;
	margin: 0 0 5px 5px;
	float: left;
}

#top_housing_list_new li a{
	display: block;
	-webkit-transition: opacity 1.0s ease-out;
	-moz-transition: opacity 1.0s ease-out;
	-ms-transition: opacity 1.0s ease-out;
	transition: opacity 1.0s ease-out;
	transition: all 1.5s;
}

#top_housing_list_new li a:hover{
	opacity: 0.5;
	transition: all 0.5s;
}

#top_housing_list_new li span{
	display: block;
}

#top_housing_list_new li a .img{
	width: 160px;
	height: 240px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

#top_housing_list_new li #top_housing_list_new_tmm {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/tmm_img01.jpg");
}

#top_housing_list_new li #top_housing_list_new_nagaoka {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/nagaoka_img01.jpg");
}

#top_housing_list_new li #top_housing_list_new_ginzawind3 {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/ginzawind3_img01.jpg");
}

#top_housing_list_new li #top_housing_list_new_azabuyamaguchi {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/azabuyamaguchi_img01.jpg");
}

#top_housing_list_new li #top_housing_list_new_lciwamoto {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/lciwamoto_img01.jpg");
}

#top_housing_list_new li #top_housing_list_new_kiriikubox {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/kiriikubox_img01.jpg");
}

#top_housing_list_new li #top_housing_list_new_akasakakeiwa {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/akasakakeiwa_img01.jpg");
}

#top_housing_list_new li #top_housing_list_new_azabunagaoka {
	background-image:url("https://www.rising-trust.co.jp/images/housing_new/azabunagaoka_img01.jpg");
}

#top_housing_list_new li img{
	width: 100%;
}

#top_housing_list_new li span.name{
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 22px;
	background-image:url("https://www.rising-trust.co.jp/project/images/ic.gif");
	background-position:left top;
	background-repeat:no-repeat;
	font-size: 13px;
	color: #004591;
}

@media screen and (max-width:1260px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:599px){
#top_housing_list_new{
	margin: 0 0 20px 0px;
	width: 100%;
	float: none;
}
}

/*=========================================*/
/* project */
/*=========================================*/

#project_list{
	margin: -10px 0 50px 0;
}

#project_list ul{
}

#project_list li.case{
	padding: 30px 0;
	border-bottom: dotted 1px #A3A3A3;
}

#project_list .name a span{
	padding: 0 0 0 22px;
	background-image:url(../project/images/ic.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #004591;
	-webkit-transition: opacity 1.0s ease-out;
	-moz-transition: opacity 1.0s ease-out;
	-ms-transition: opacity 1.0s ease-out;
	transition: opacity 1.0s ease-out;
	transition: all 1.5s;
}

#project_list .name a:hover span{
	color: #0099cc;
	transition: all 0.5s;
}

#project_list .img_list{
	padding: 30px 0 0 0;
}

#project_list .img_list ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

#project_list .img_list li{
	float: left;
	width: 33.333%;
}

#project_list .img_list span{
	display: block;
	padding: 3px;
}

#project_list .img_list img{
	width: 100%;
}

#project_list .img_beforeafter{
	margin: 30px 0 0 0;
}

#project_list .img_beforeafter img{
	width: 100%;
	max-width: 552px;
	margin: auto;
}

#project_list .read{
	clear: both;
	padding: 15px 0 0 0;
	font-size: 11px;
	color: #0099cc;
}

#project_list .data{
	padding: 15px 0 0 0;
	font-size: 11px;
}

#project_list .data ul{
}

#project_list .data li{
	padding: 0 0 5px 0;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

#project_list .data .left{
	float: left;
	width: 20%;
	color: #004591;
	text-align: right;
}

#project_list .data .right{
	float: left;
	width: 80%;
	text-align: left;
}

#project_list .data .left span{
	margin: 0 10px 0 0;
}


@media screen and (max-width:599px){
#project_list{
	margin: 0 0 20px 0;
}
}

/*=========================================*/
/* Project detail */
/*=========================================*/

#project_detail{
	overflow: hidden;
	padding: 20px 0 50px 0;
}

#project_detail p.name{
	border-bottom: dotted 1px #004591;
	padding: 0px 0 25px 0;
	margin: 0px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #004591;
}

#project_detail .data_area{
	margin: 0px 0 30px 0;
}

#project_detail .data_area li{
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

#project_detail .data_area li p{
	font-size: 12px;
}

#project_detail .data_area .left{
	float: left;
	padding: 10px 0;
	width: 30%;
	border-top: dotted 1px #004591;
	color: #004591;
}

#project_detail .data_area .right{
	float: left;
	padding: 10px 0;
	width: 70%;
	border-top: dotted 1px #A3A3A3;
}

#project_detail .data_area .right span{
	padding: 0px 0px 0 5px;
}

#project_detail .img_list{
	position: relative;
	overflow: hidden;
	clear: both;
}

#project_detail .img_list ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

#project_detail .img_list li{
	float: left;
	width: 33.333%;
}

#project_detail .img_list li.landscape{
	width: 50%;
}

#project_detail .img_list span{
	display: block;
	padding: 3px;
}

#project_detail .img_list img{
	width: 100%;
}

#project_detail .img_beforeafter{
	margin: 0px 0 30px 0;
	padding: 3px;
}

#project_detail .img_beforeafter img{
	width: 100%;
	max-width: 552px;
}

#project_detail .left_area{
	width: 220px;
	float: left;
}

#project_detail p.read{
	font-size: 12px;
}

#project_detail .img_area{
	width: 306px;
	float: right;
}

#project_detail .img_area img{
	width: 100%;
}

#project_detail .title_beforeafter{
	clear: both;
	padding: 20px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #004591;
	line-height: 150%;
}

#project_detail .read_beforeafter{
	padding: 10px 0 15px 0;
	font-size: 13px;
	line-height: 150%;
}

#project_detail .construction{
	padding: 10px 0 30px 0;
}

#project_detail .construction .top{
	padding: 10px 0;
	font-size: 13px;
	color: #004591;
}

#project_detail .construction li{
	padding: 10px 0;
	border-bottom: solid 1px #efefef;
}

#project_detail .btn{
	clear: both;
	border: solid 1px #efefef;
	width: 120px;
	margin: 30px auto 0 auto;
	text-align: left;
}

#project_detail .btn a{
	display: block;
	padding: 10px 0 10px 22px;
	margin: 0 0 0 15px;
	background-image:url(../project/images/ic.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-size: 12px;
	color: #004591;
	-webkit-transition: opacity 1.0s ease-out;
	-moz-transition: opacity 1.0s ease-out;
	-ms-transition: opacity 1.0s ease-out;
	transition: opacity 1.0s ease-out;
	transition: all 1.5s;
}

#project_detail .btn a:hover{
	color: #0099cc;
	transition: all 0.5s;
}

#project_detail .btn a span{
	color: #004591;
}

@media screen and (max-width:599px){
#project_detail{
	padding: 10px 0 20px 0;
}

#project_detail p.name{
	padding: 0px 0 15px 0;
	margin: 0px 0 15px 0;
	font-size: 15px;
}

#project_detail .left_area{
	width: 100%;
	float: none;
	margin: auto;
}

#project_detail .flow .left{
	width: 30%;
}

#project_detail .flow .right{
	width: 70%;
}

#project_detail .img_area{
	padding: 20px 0 0px 0;
	width: 100%;
	max-width: 306px;
	float: none;
	margin: auto;
}
}