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


@media(min-width:769px){

#contents{
    width:100%;
	min-width:1012px;
	margin:0 auto;
	padding-bottom:0px;
}

#contents2{
    width:100%;
	min-width:1012px;
	margin:0 auto;
	padding-bottom:0px;
}
	
#contents3{
    width:100%;
	min-width:1012px;
	margin:0 auto;
	padding-bottom:0px;
}
	
#basearea{
    width:100%;
	min-width:1012px;
	margin: 0 auto;
	padding-top: 150px;
	padding-bottom: 50px;
	}


#mainarea{
    width:100%;
	margin: 0 auto;
	text-align: center;
	}
	
	
.mainarea1{
	width:450px;
	font-size: 16px;
	line-height: 38px;
	margin-left: 1%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	}
	
.mainarea2{
	width: 550px;
	margin-left: 1%;
	display: inline-block;
	vertical-align: top;
	}
	
	
.maindetails{
	width: 450px;
	padding-top: 30px;
	}
	
.mainarea1_2{
	width: 100px;
	float: left;
	}
	
.mainarea1_3{
	width: 350px;
	float: right;
	}	
	
.maintitle{
	width: 409px;
	height: 57px;
	text-align: center;	
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
	background-image: url(../images/portfoliotitle.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	
.maintitle1{
	width: 450px;
	margin-top: 0px;
	font-size: 36px;
	line-height: 54px;
	}
	
.maintitle2{
	width: 450px;
	margin-top: 5px;
	font-size: 22px;
	line-height: 54px;
	}
	
	
.detailsphoto1{
	display:block;
	width: 540px;
	height:380px;
	}
	
.detailsphoto1 img{
  width:  100%;
  height: 380px;
  object-fit: cover;
	}
	
.detailsphoto1m{
	display: none;
	width:100%;
	height: 380px;
	}
	
.detailsphoto1m img{
    width:  100%;
	height: 380px;
    object-fit: cover;
	}
	
#galleryarea{
    width:1000px;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	margin: 0 auto;
	}
	
#galleryarea2{
	display: none;
	}
	
.galleryphoto{
	width: 476px;
	height: 450px;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	}

.galleryphoto img{
  width:  100%;
  height: 450px;
  object-fit: cover;
	}
	
.ofi {
  object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}
	
/*一覧表示*/
	
/*展開中の物件*/

.portfoliodetails{
	width: 750px;
	margin: 0 auto;
	padding-top: 150px;
	padding-bottom: 100px;
	text-align: center;
	
	}
	
.portfoliotitle1{
	width: 194px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
	
.portfoliotitle2{
	padding-top:15px;
	font-size: 22px;
	line-height: 26px;
	}
	
.portfoliotitle3{
	padding-top:0px;
	font-size:16px;
	line-height: 26px;
	}
	
.portfoliotext{
	padding-top: 10px;
	font-size:16px;
	line-height: 24px;
	}
	
.portfoliospace{
	width: 330px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
	padding-bottom: 30px;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;
	text-align: center;
	
	}
	
	
.portfoliotext2{
	padding-top: 10px;
	font-size:16px;
	line-height: 34px;
	}
	
	
.portfoliophoto{
	width: 320px;
	height: 210px;
	overflow: hidden;
	}
	
	
ul#pp{
	margin: 0;
		
	}
}
	
@media(max-width:768px){

#contents{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}

#contents2{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	
#contents3{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	
#basearea{
	width:100%;
	margin: 0 auto;
	padding-top: 50px;
	}


#mainarea{
	width:100%;
	margin: 0 auto;
	}
	
	
.mainarea1{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	}
	
.mainarea2{
	width: 90%;
	margin: 0 auto;
	}
	
	
.maindetails{
	width: 360px;
	padding-top: 30px;
	margin: 0 auto;
	}
	
.mainarea1_2{
	width: 90%;
	font-weight: bold;
	padding-top: 10px;
	margin: 0 auto;
	}
	
.mainarea1_3{
	width: 360px;
	margin: 0 auto;
	}	
	
.maintitle{
	width: 241px;
	height: 57px;
	text-align: center;	
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
	background-image: url(../images/portfoliotitle.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	
.maintitle1{
	width: 360px;
	padding-top: 0px;
	margin: 0 auto;
	font-size: 36px;
	line-height: 54px;
	}
	
.maintitle2{
	width: 360px;
	padding-top: 5px;
	margin: 0 auto;
	font-size: 22px;
	line-height: 54px;
	}
	
	
.detailsphoto1{
	display: none;
	width:100%;
	}
	
.detailsphoto1m{
	display: block;
	width:100%;
	height: 350px;
	padding-top: 20px;
	margin: 0 auto;
	}
	
.detailsphoto1m img{
    width:  100%;
	height: 350px;
    object-fit: cover;
	}
	
	
#galleryarea{
	width: 98%;
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
	margin: 0 auto;
	}
	
#galleryarea2{
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
	}
	
.galleryphoto{
	width:380px;
	height:400px;
	margin: 0 auto;
	padding:10px 0;
	}

.galleryphoto img{
	width:100%;
	height:400px;
    object-fit: cover;
	}

.galleryphoto img{
	width:100%;
	height: 380px;
    text-align: center;
    vertical-align: middle;
    object-fit: cover;
	}
	
	
.ofi {
  object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}
	
	
div.galleryphoto:empty {
  display: none;
}

	
/*一覧表示*/
	
/*展開中の物件*/

.portfoliodetails{
	width:100%;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #F2F2F2;
	
	}
	
.portfoliotitle1{
	width: 194px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
	
.portfoliotitle2{
	padding-top:15px;
	font-size: 22px;
	line-height: 26px;
	}
	
.portfoliotitle3{
	padding-top:0px;
	font-size:16px;
	line-height: 26px;
	}
	
.portfoliotext{
	padding-top: 10px;
	font-size:16px;
	line-height: 24px;
	}
	
.portfoliospace{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
       vertical-align: top;
	text-align: center;
	margin: 0 auto;
	
	}
	
	
.portfoliotext2{
	padding-top: 10px;
	font-size:16px;
	line-height: 34px;
	}

	
.portfoliophoto{
	width: 320px;
	height: 210px;
	overflow: hidden;
	margin: 0 auto;
	}
	
ul#pp{
	margin: 0;
		
	}
	

}

@media(max-width:580px){

#contents{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}

#contents2{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	
#contents3{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	
#basearea{
	width:100%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 100px;
	}


#mainarea{
	width:100%;
	margin: 0 auto;
	}
	
	
.mainarea1{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	}
	
.mainarea2{
	width: 90%;
	margin: 0 auto;
	}
	
	
.maindetails{
	width: 360px;
	padding-top: 30px;
	margin: 0 auto;
	}
	
.mainarea1_2{
	width: 90%;
	font-weight: bold;
	padding-top: 10px;
	margin: 0 auto;
	}
	
.mainarea1_3{
	width: 360px;
	margin: 0 auto;
	}	
	
.maintitle{
	width: 241px;
	height: 57px;
	text-align: center;	
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
	background-image: url(../images/portfoliotitle.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	
.maintitle1{
	width: 360px;
	padding-top: 0px;
	margin: 0 auto;
	font-size: 36px;
	line-height: 54px;
	}
	
.maintitle2{
	width: 360px;
	padding-top: 5px;
	margin: 0 auto;
	font-size: 22px;
	line-height: 54px;
	}
	
	
.detailsphoto1{
	display: none;
	width:100%;
	}
	
.detailsphoto1m{
	display: block;
	width:100%;
	height: 350px;
	padding-top: 20px;
	margin: 0 auto;
	}
	
.detailsphoto1m img{
    width:  100%;
	height: 350px;
    object-fit: cover;
	}
	
	
#galleryarea{
	width: 98%;
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
	margin: 0 auto;
	}
	
#galleryarea2{
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
	}
	
.galleryphoto{
	width:380px;
	height:400px;
	margin: 0 auto;
	padding:10px 0;
	}

.galleryphoto img{
	width:100%;
	height:400px;
    object-fit: cover;
	}

.galleryphoto img{
	width:100%;
	height: 380px;
    text-align: center;
    vertical-align: middle;
    object-fit: cover;
	}
	
	
.ofi {
  object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}
	
	
div.galleryphoto:empty {
  display: none;
}

	
/*一覧表示*/
	
/*展開中の物件*/

.portfoliodetails{
	width:100%;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #F2F2F2;
	
	}
	
.portfoliotitle1{
	width: 194px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
	
.portfoliotitle2{
	padding-top:15px;
	font-size: 22px;
	line-height: 26px;
	}
	
.portfoliotitle3{
	padding-top:0px;
	font-size:16px;
	line-height: 26px;
	}
	
.portfoliotext{
	padding-top: 10px;
	font-size:16px;
	line-height: 24px;
	}
	
.portfoliospace{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
       vertical-align: top;
	text-align: center;
	margin: 0 auto;
	
	}
	
	
.portfoliotext2{
	padding-top: 10px;
	font-size:16px;
	line-height: 34px;
	}

	
.portfoliophoto{
	width: 320px;
	height: 210px;
	overflow: hidden;
	margin: 0 auto;
	}
	
ul#pp{
	margin: 0;
		
	}
	
	


}


@media(max-width:400px){

#contents{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}

#contents2{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	
#contents3{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	
#basearea{
	width:100%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 100px;
	}


#mainarea{
	width:100%;
	margin: 0 auto;
	}
	
	
.mainarea1{
	width: 380px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	}
	
.mainarea2{
	width: 380px;
	margin: 0 auto;
	}
	
	
.maindetails{
	width: 360px;
	padding-top: 30px;
	margin: 0 auto;
	}
	
.mainarea1_2{
	width: 360px;
	font-weight: bold;
	padding-top: 10px;
	margin: 0 auto;
	}
	
.mainarea1_3{
	width: 360px;
	margin: 0 auto;
	}	
	
.maintitle{
	width: 241px;
	height: 57px;
	text-align: center;	
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
	background-image: url(../images/portfoliotitle.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	
.maintitle1{
	width: 360px;
	padding-top: 0px;
	margin: 0 auto;
	font-size: 36px;
	line-height: 54px;
	}
	
.maintitle2{
	width: 360px;
	padding-top: 5px;
	margin: 0 auto;
	font-size: 22px;
	line-height: 54px;
	}
	
	
.detailsphoto1{
	display: none;
	width:100%;
	}
	
.detailsphoto1m{
	display: block;
	width:100%;
	height: 350px;
	padding-top: 20px;
	}
	
.detailsphoto1m img{
    width:  100%;
	height: 350px;
    object-fit: cover;
	}
	
	
#galleryarea{
	width: 98%;
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
	margin: 0 auto;
	}
	
#galleryarea2{
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
	}
	
.galleryphoto{
	width:380px;
	height:400px;
	margin: 0 auto;
	padding:10px 0;
	}

.galleryphoto img{
	width:100%;
	height:400px;
    object-fit: cover;
	}

.galleryphoto img{
	width:100%;
	height: 380px;
    text-align: center;
    vertical-align: middle;
    object-fit: cover;
	}
	
	
.ofi {
  object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}
	
	
div.galleryphoto:empty {
  display: none;
}

	
/*一覧表示*/
	
/*展開中の物件*/

.portfoliodetails{
	width:100%;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #F2F2F2;
	
	}
	
.portfoliotitle1{
	width: 194px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
	
.portfoliotitle2{
	padding-top:15px;
	font-size: 22px;
	line-height: 26px;
	}
	
.portfoliotitle3{
	padding-top:0px;
	font-size:16px;
	line-height: 26px;
	}
	
.portfoliotext{
	padding-top: 10px;
	font-size:16px;
	line-height: 24px;
	}
	
.portfoliospace{
	width:100%;
	padding-top: 30px;
	padding-bottom: 30px;
        vertical-align: top;
	text-align: center;
	margin: 0 auto;
	
	}
	
	
.portfoliotext2{
	padding-top: 10px;
	font-size:16px;
	line-height: 34px;
	}

	
.portfoliophoto{
	width: 320px;
	height: 210px;
	overflow: hidden;
	margin: 0 auto;
	}
	
ul#pp{
	margin: 0;
		
	}
	
	


}