@charset "utf-8";
/* ==========================================================

title : 東建ウェブサイト 建築商品一覧 RC・ユニヴァリィ・プロシード
scope : 「RC・ユニヴァリィ・プロシード」

last modify : 2019/05/07 306_Kondou

=============================================================== */

/* --------------------------------------------------------
  デザイン
==========================================================
  /apartment/rc_univaly_proceed/design/
---------------------------------------------------------- */

/* #design-area
---------------------------------------------------------- */
#design-area p{
	margin:50px auto;
 text-indent: -0.5em;
	width:38.6em;
}


/* #outside-area
---------------------------------------------------------- */
#outside-area{
 text-align:center;
}
#outside-area h2{
	margin:0 auto 40px;
}
#outside-area > figure{
 background-color:#616e89;
 text-align:center;
}
#outside-area > dl{
 background-color:#fcf7d9;
 padding:50px 0;
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content:center;
 justify-content:center;
}
#outside-area > dl > div{
 padding-top:219px;
 width:250px;
}
#outside-area > dl > div:nth-child(1){
	background:url(../image/img-arch.png) 0 0 no-repeat;
 margin-right:40px;
}
#outside-area > dl > div:nth-child(2){
	background:url(../image/img-glass.png) 0 0 no-repeat;
 margin-right:40px;
}
#outside-area > dl > div:nth-child(3){
	background:url(../image/img-lower-layer.png) 0 0 no-repeat;
}
#outside-area > dl > div > dd > p{
 margin:20px auto 10px;
 text-align:left;
 width:13em;
}

/* #entrance-area
---------------------------------------------------------- */
#entrance-area{
}
#entrance-area .inner-box {
 background-color:#fff;
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 -ms-grid-row-align:center;
 align-items:center;
}
#entrance-area .inner-box > *{
  width:510px;
}
#entrance-area .inner-box h3{
  margin:0 auto 20px;
}
#entrance-area .inner-box p{
 margin:0 auto;
 text-indent: -0.5em;
 text-align:left;
 width:22.5em;
}

/* .entrance-inner
---------------------------------- */
.entrance-inner {
 background-color:#fcf7d9;
}
.entrance-inner > * {
 margin:auto;
 max-width:840px;
}
.entrance-inner > img {
 margin-top:40px;
}
.entrance-inner h4 {
 border-bottom:1px solid #000;
 color:#000;
 font-size:22px;
 font-weight:bold;
 margin:60px auto 15px;
 padding-bottom:10px;
 line-height:22px;
}
.entrance-inner h4 + p {
 margin:10px auto;
 text-align:left;
 width:646px;
}
.entrance-inner h4 + p + p {
 font-size:15px;
 margin:10px auto;
 text-align:left;
 width:646px;
}

/* .entrance-inner dl
---------------------------------- */
.entrance-inner dl {
 display:-webkit-flex;
 display:flex;
}
.entrance-inner > dl .normal{
 margin-right:45px;
}
.entrance-inner > dl .normal > dt{
 letter-spacing: 1em;
 padding-left:1em;
}
.entrance-inner > dl .normal > dt,
.entrance-inner > dl .upgrade > dt {
 background:#3a4876;
 color:#fff;
 font-size:16px;
 line-height:32px;
 margin:15px 0 20px;
}
.entrance-inner .item{
 display:block;
 width:250px;
}
.entrance-inner .item > dt {
 margin:0 auto 15px;
}
.entrance-inner .item > dd p {
 font-size:16px;
 margin:15px 12px;
 text-align:left;
}
.entrance-inner .item + .item{
  margin-left:45px;
}


/* #color-area
---------------------------------------------------------- */
#color-area{
 text-align:center;
 padding-bottom:40px;
}
#color-area h2{
	margin:60px auto 20px;
}
#color-area h2 + p{
	margin:20px auto 40px;
 text-align:left;
	width:44em;
}
#color-area ul{
 display:-webkit-flex;
 display:flex;
  flex-wrap: wrap;
  justify-content: center;
 margin:auto;
 width:830px;
}
#color-area ul li div {
 font-size:15px;
 padding:10px 0 0;
 width:260px;
}
#color-area ul li:nth-child(2) {
  margin: 0 25px;
}
#color-area ul li:nth-child(4),
#color-area ul li:nth-child(5) {
  margin: 0 12.5px;
}

/* #door-tower-area
---------------------------------------------------------- */
#door-tower-area {
 background-color:#fcf7d9;
 text-align:center;
 margin-bottom: 30px;
}
#door-tower-area h2{
	margin:60px auto 20px;
}
#door-tower-area h2 + p{
	margin:20px auto 40px;
 text-align:left;
	width:37em;
}
#door-tower-area ul{
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 margin:auto;
 width:580px;
}
#door-tower-area ul li div {
 font-size:15px;
 padding:15px 0 40px;
}
.font_15{
	font-size: 15px;
}