/*メインイメージ*/
.topmainimg	img{width: 100%;height:auto;}

/*新築分譲住宅 Ri-Li*/
#liri	{padding: 10px 0;}
#liri	img{width: 100%;height:auto;}

/*買いたい方、売りたい方*/
#topbuersellerarea	{border-bottom: 1px solid #ccc;}
#topbuersellerarea	.inner	{display:-webkit-box;display:-ms-flexbox;display:flex;}
#topbuersellerarea	a	{display: block;color: #333;text-decoration: none;transition: all 0.5s;}
#topbuersellerarea	a:hover	{opacity: .5}

.icon	{margin: 0 0 20px 0;border-bottom: 1px dotted #333;}

.buyerarea	.icon	{border-bottom: 1px solid #b50728;}
.sellerarea	.icon	{border-bottom: 1px solid #003366;}

.icon	a{display: block;padding: 20px;font-size: 150%;}

.buyerarea,.sellerarea{display: block;width: 100%;padding: 50px 30px}

.buyerarea	ul,.sellerarea	ul{display: block;width: 100%;}
.buyerarea	li,.sellerarea	li{display: block;width: 100%;margin-bottom: 10px;border-bottom: 1px dotted #ccc;}
.buyerarea	li	a,.sellerarea	li	a{display: block;padding: 10px;}

.fa-check	{margin-right: 10px;font-size: 80%;}

/*タイトル*/
.toptitlespace	{display: block;text-align: center}
.topstitle	{margin: 0 auto 30px auto;text-align-last: center;}
.topstitle	.en	{display: inline-block;margin-bottom: 10px;padding: 20px;border-bottom: 1px solid #000;font-size:36px;font-family: 'Roboto', sans-serif;font-weight: 100;letter-spacing: .05em}
.topstitle	.ja	{display: block;font-size:16px;letter-spacing: .05em;}

#corporate	.topstitle	.en,#corporate	.topstitle	.ja	{color: #fff;}
#corporate	.topstitle	.en	{border-bottom: 1px solid #fff}

/*ごあいさつ*/

#message	{padding: 40px 0 0 0;background: #f7f7f7;line-height: 180%;}

.msgsign	{margin: 30px 0;text-align: right}
.msgtext	{text-align: center}
.messageimg	{line-height: 0;}
.messageimg	img{width: 100%;height: auto;line-height: 0;}

/*会社概要*/
#corporate	{padding: 40px 0 100px 0;background: #5d4449;background: #5d5255;border-bottom: 1px solid #ccc;}

.ctable	{width: 100%;border: 1px solid #ccc;background: rgba(255,255,255,0.9);}
.ctable	th	{border-right: 1px solid #ccc;}
.ctable	th,.ctable	td	{padding: 15px;border-bottom: 1px solid #ccc;}

/*アクセス*/
#access	{padding: 40px 0;background: #f7f7f7;}

.ggmap{position:relative;margin:0 0 -50px 0;padding-bottom:30%;padding-top:40px;height:0;overflow:hidden}
.ggmap embed,.ggmap iframe,.ggmap object{position:absolute;top:0;left:0;width:100%;height:100%;}

#map {
  width: 100%;
  height: 500px;margin: 0;padding: 0;
}


.top-mailadress{text-decoration: none;color: #333}

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

#topbuersellerarea	.inner	{display:block}
.buyerarea,.sellerarea{width: auto;padding: 30px 0}


#message	{padding: 40px 0 0 0;}
#corporate	{padding: 40px 0 100px 0;}
#access	{padding: 40px 0;}

.topstitle	{margin-bottom: 30px;text-align-last: center;}
.topstitle	.en	{font-size:30px;}
.topstitle	.ja	{font-size:14px;}


.ctable	{margin-bottom: -1px;}
.ctable	th	{background: #f7f7f7;}
.ctable	th,.ctable	td	{display:block;width: 94%;padding: 15px 3%;}

}

@media screen and (min-width: 800px) {

}


@media screen and (max-width: 1100px) {
.msgtext	{text-align: left}
}