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

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

last modify : 2019/05/07 306_Kondou

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

/* --------------------------------------------------------
  設備・仕様
==========================================================
  /apartment/rc_univaly_proceed/equipment/
---------------------------------------------------------- */

/* 共通
---------------------------------------------------------- */
/* h3
--------------------------------- */
[id$="-area"] h3 {
 background-color:#001d3c;
 border-left:10px solid #3a4876;
 color:#fff;
 font-size:20px;
 font-weight:bold;
 letter-spacing:.1em;
 line-height:36px;
 text-align:left;
 padding-left:14px;
 margin:0 auto 35px;
 width:900px;
 width:calc(920px - 24px);
}

/* dd span
--------------------------------- */
[id$="-area"] dd span{
 font-size:16px;
 text-align:left;
 letter-spacing:-0.02em;
 line-height:25px;
}

/* OP（オプション）
--------------------------------- */
.option {
  display:inline-block;
  background:url(../image/icon_op_b.png) 0 50% no-repeat;
  background-size: cover;
  height:20px;
  text-indent:-99999999px;
  vertical-align:text-bottom;
  width:33px;
}
.option + span,
.option + span + span{
 font-size:14px;
}

/* .nom
--------------------------------- */
[class^="nom"] {
 display:inline-block;
 height:17px;
 text-indent:-99999999px;
 vertical-align:middle;
 margin-bottom:3px;
 width:17px;
}
.nom1{
 background:url(../image/img_01.png) 50% 50% no-repeat;
 background-size: cover;
}
.nom2{
 background:url(../image/img_02.png) 50% 50% no-repeat;
 background-size: cover;
}
.nom3{
 background:url(../image/img_03.png) 50% 50% no-repeat;
 background-size: cover;
}
.nom4{
 background:url(../image/img_04.png) 50% 50% no-repeat;
 background-size: cover;
}
.nom5{
 background:url(../image/img_05.png) 50% 50% no-repeat;
 background-size: cover;
}
.nom4_fence{
 background:url(../image/img_04_fence.png) 50% 50% no-repeat;
 background-size: cover;
 width:197px;
}


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


/* #standard-equipment-area
---------------------------------------------------------- */
#standard-equipment-area{
 text-align:center;
}
#standard-equipment-area h2{
	margin:0 auto 35px;
}
#standard-equipment-area h2 + p{
	margin:0 auto 5px;
 text-align:justify;
 width:43.8em;
}
#standard-equipment-area h2 + p + p{
	margin:0 auto 36px;
 text-align:left;
 width:740px;
}
#standard-equipment-area dl dt {
 border-bottom:1px solid #000;
 border-left:5px solid #3a4876;
 color:#3a4876;
 font-size:17px;
 font-weight:bold;
 line-height:30px;
 text-align:left;
 padding-left:8px;
}

/* .kitchen_block
---------------------------------------------------------- */
#standard-equipment-area .kitchen_block {
	margin:0 auto 40px;
 position:relative;
 border-bottom: 1px dashed #3a4876;
 height:213px;
 width:830px;
}
#standard-equipment-area .kitchen_block > dl {
 height:193px;
 width:395px;
}
#standard-equipment-area .kitchen_block dd span {
 display:block;
 margin:10px 10px 0 0;
 text-align:justify;
}
#standard-equipment-area .kitchen_block figure{
 position:absolute;
 left:435px;
 top:0px;
}
#standard-equipment-area .kitchen_block figure + figure{
 left:654px;
 text-align:right;
 top:2px;
 width:176px;
}
#standard-equipment-area .kitchen_block figure + figure + figure{
 left:654px;
 top:96px;
 width:176px;
}
#standard-equipment-area .kitchen_block figcaption{
 display:block;
 font-size:12px;
 margin-top:8px;
 text-align:center;
}
#standard-equipment-area .kitchen_block figcaption .option{
 height:15px;
 width:25px;
}

/* .kitchen_block + dl
---------------------------------------------------------- */
.kitchen_block + dl{
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
	margin:0 auto 40px;
 width:830px;
}
.kitchen_block + dl > *{
 -webkit-flex-basis:250px;
 flex-basis:250px;
}
.kitchen_block + dl dt {
 margin-bottom:15px;
}
.kitchen_block + dl figure {
 display:table-cell;
 height:193px;
 vertical-align:middle;
 width:250px;
}
.kitchen_block + dl span{
 display:block;
 margin:10px 0 0 0;
 text-align:justify;
}

/* 装飾border用調整 */
.kitchen_block + dl > *:nth-child(2) > *{
 width:250px;
 margin-left:auto;
 margin-right:auto;
}
.kitchen_block + dl > *:nth-child(2) > dt{
 width:calc(250px - 13px);
}
.kitchen_block + dl > *:nth-child(2) {
 border-left: 1px dashed #3a4876;
 border-right: 1px dashed #3a4876;
 -webkit-flex-basis:290px;
 flex-basis:290px;
}

/* #security-area
---------------------------------------------------------- */
#security-area{
 background-color:#fcf7d9;
 text-align:center;
 padding:50px 0 1px;
}
#security-area h2{
	margin:0 auto 35px;
}
#security-area h2 + p,
#security-area h3 + p{
	margin:0 auto 5px;
 text-align:justify;
 width:43.8em;
}
#security-area h2 + p + p{
	margin:0 auto 36px;
 text-align:left;
 width:740px;
}

/* .plan_view 平面図 */
figure.plan_view {
 background: #fff;
 border:1px solid #3a4876;
 color:#3a4876;
 height:500px;
 margin-right:40px;
 padding-bottom:10px;
 vertical-align:middle;
 width:248px;
}
figure.plan_view figcaption{
 background: #3a4876;
 color:#fff;
 font-size:16px;
 line-height:30px;
}
figure.plan_view img{
  margin:28px 0;
}

.items01,
.items02{
	margin:58px auto 35px;
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items:flex-start;
 -ms-grid-row-align:flex-start;
 align-items:flex-start;
 width:830px;
}
.security-inner dl{
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 width:540px;
}
.security-inner dl div {
 height:315px;
 width:250px;
}
.security-inner .items02 dl div{
 height:335px;
}
.security-inner dl dt {
 border-bottom:1px solid #000;
 color:#3a4876;
 font-size:17px;
 font-weight:bold;
 margin-bottom:16px;
 line-height:28px;
}
.security-inner dl dt .option {
  vertical-align:text-top;
}
.security-inner dl figure {
 display:table-cell;
 text-align:center;
 vertical-align:middle;
 width:250px;
}
.security-inner .items01 dl figure{
 height:150px;
}
.security-inner .items02 dl figure{
 height:173px;
}
.security-inner dl figcaption {
  font-size:14px;
}
.security-inner dl dd span {
 display:block;
 margin:15px 0 0 0;
 text-align:justify;
}
.security-inner .items01 dl div:nth-child(1) dd span{
  letter-spacing:-0.05em;
}
.security-inner .items01 dl div:nth-child(5),
.security-inner .items02 dl div:nth-child(3){
 height:200px;
 width:100%;
}
.security-inner .items01 dl div:nth-child(5) dd,
.security-inner .items02 dl div:nth-child(3) dd{
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content: space-around;
 justify-content: space-around;
}
.security-inner .items01 dl div:nth-child(5) figure,
.security-inner .items02 dl div:nth-child(3) figure{
  height:auto;
  margin-top:10px;
}
.security-inner .items01 dl div:nth-child(5) figcaption,
.security-inner .items02 dl div:nth-child(3) figcaption{
  margin-top:14px;
  font-size:12px;
  line-height:16px;
}
.security-inner .items01 dl div:nth-child(5) figure.camera{
  margin:10px auto auto 22px;
  width:100px;
}
.security-inner .items01 dl div:nth-child(5) figure.monitor{
  margin:10px auto auto 7px;
  width:130px;
}
.security-inner .items01 dl div:nth-child(5) dd span{
  width:220px;
  margin:5px 30px 0 10px;
}
.security-inner .items02 dl div:nth-child(3) figure{
}
.security-inner .items02 dl div:nth-child(3) dd span{
  width:300px;
  margin:5px 20px 0 10px;
}

/* #barrierfree-area
---------------------------------------------------------- */
#barrierfree-area{
 text-align:center;
 padding:50px 0 50px;
}
#barrierfree-area h2{
	margin:0 auto 35px;
}

/* .inner-box */
#barrierfree-area > .inner-box{
 position:relative;
 height:225px;
}
#barrierfree-area .sttl{
 position:absolute;
 font-size:19px;
 font-weight:bold;
 top:5px;
 left:367px;
}
#barrierfree-area .sttl + p{
 position:absolute;
 left:366px;
 text-align: justify;
 top:35px;
 width:31em;
}
#barrierfree-area > .inner-box figure{
 position:absolute;
 top:0px;
 left:157px;
}

/* #barrierfree-area h3 + p */
#barrierfree-area h3 + p{
	margin:0 auto 10px;
 text-align:justify;
 text-indent:-0.45em;
 width:43.8em;
}
#barrierfree-area h3 + p + p{
 font-size:15px;
	margin:0 auto 36px;
 text-align:left;
 width:740px;
}

.barrierfree-inner > figure{
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content: space-around;
 justify-content: space-around;
 -webkit-align-items:center;
 -ms-grid-row-align:center;
 align-items:center;
 margin:0 auto 50px;
 width:860px;
}
.barrierfree-inner > figure *:nth-child(1) {
  margin-top:20px;
}

.barrierfree-inner > dl{
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 margin:0 auto;
 width:830px;
}
.barrierfree-inner > dl > *{
  -webkit-flex-basis:395px;
  flex-basis:395px;
}
.barrierfree-inner > dl dt {
 border-bottom:1px solid #000;
 border-left:5px solid #3a4876;
 color:#3a4876;
 font-size:17px;
 font-weight:bold;
 line-height:30px;
 text-align:left;
 padding-left:8px;
 margin-bottom:15px;
}
.barrierfree-inner > dl .items {
 position:relative;
 height:193px;
}
.barrierfree-inner > dl .items > *{
 position:absolute;
}
.barrierfree-inner > dl .items > *:nth-child(2){
 right:0;
}
.barrierfree-inner > dl .items > *:nth-child(3){
 right:0;
 top:98px;
}
.barrierfree-inner > dl .items figcaption {
 display:block;
 font-size:12px;
 margin-top:6px;
}
.barrierfree-inner > dl dd span {
 display:block;
 margin:15px 0 0 0;
 text-align:justify;
}
.barrierfree-inner > dl ul{
 background-color:#fcf7d9;
 padding:10px 16px 10px 18px;
 margin-top:20px;
}
.barrierfree-inner > dl ul li{
 position: relative;
 padding-left:12px;
 text-align:left;
 margin-bottom:5px;
}
.barrierfree-inner > dl ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .2em;
  left: 0;
  width: 11px;
  height: 11px;
  background-color:#000;
}