@charset "utf-8";
/* ------------------------------------------------------------------------------------------------
 * style
 * ------------------------------------------------------------------------------------------------ */
.g-brand_nav {
  display: none;
}
body.is-building-warema .g-container {
  padding-top: 0;
}
.l-download-nav-category {
  padding-top: 50px;
}
#stage {
  min-height: auto;
}
.u-content-title {
  text-align: center;
}
.u-content-title .e-title {
  color: #000;
  /*font-size: 3rem;*/
  font-size: 1.875rem;
  letter-spacing: .075em;
  margin: 0 0 30px;
  display: inline-block;
  position: relative;
}
.u-content-title .e-title:after {
  content: '';
  width: 100%;
  height: 1px;
  padding: 0 5px;
  display: inline-block;
  background: #000;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.l-dl-list-wrap {
  border-bottom: 1px solid #b5b5b5;
}
.l-dl-list-item {
  width: 100%;
  display: table;
  border-top: 1px solid #b5b5b5;
}
.l-dl-list-item .e-image {
  vertical-align: middle;
  width: 140px;
  max-width: 140px;
  padding: 20px 0 20px 20px;
  display: table-cell;
}
.l-dl-list-item .e-image .e-img {
  border: 1px solid #e5e5e3;
}
.l-dl-list-inner {
  vertical-align: middle;
  padding: 20px;
  display: table-cell;
}
.l-dl-list-inner .e-title {
  color: #222;
  font-weight: 700;
  padding: 5px 0;
  display: block;
}
.l-dl-list-inner .e-time {
  /*font-size: 1.4rem;*/
  font-size: 0.875rem;
  padding: 5px 0;
  display: block;
}
.l-dl-list-item .e-button {
  vertical-align: middle;
  width: 270px;
  padding: 0 20px;
  display: table-cell;
}
.l-dl-list-item .e-button .e-link {
  color: #fff;
  /*font-size: 1.5rem;*/
  font-size: 0.9375rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  padding: 15px 0;
  display: block;
  background: #008842;
  line-height: 1;
}
.l-dl-list-item .e-button .e-link .e-name {
  padding: 0 0 0 25px;
  display: inline-block;
  background: url(/assets/img/global/arrow-white-03.png) no-repeat left center / 13px auto;
}
.l-friendship-button .e-img {
  margin: 0 auto;
}
/* 20181111 */
.l-dl-list-item .e-button:nth-last-of-type(2) {
  padding-right: 0;
}
.l-dl-list-item .e-button:nth-last-of-type(2) .e-link {
  color: #222;
  background-color: #f5f5f5;
}
.l-dl-list-item .e-button:nth-last-of-type(2) .e-link .e-name {
  transform: rotate(.05deg);
}
.l-dl-list-item .e-button:nth-last-of-type(2) .e-link .e-name:before {
  content: url("/assets/img/global/icon-pdf-02.png");
  margin-left: -10px;
  display: block;
  position: absolute;
  transform: translate(-100%, -25%);
}
/* ------------------------------------------------------------------------------------------------
 * glossary 用語集
 * ------------------------------------------------------------------------------------------------ */
#building-warema-glossary {
  margin: 10px auto 0;
}
#building-warema-glossary .glossary_body {
  padding-bottom: 20px;
}
#building-warema-glossary .tit_glossary {
  margin: 40px auto 0;
  background: #f5f5f5;
  font-weight: 400;
  font-size: 24px;
  position: relative;
}
/* #building-warema-glossary .tit_glossary:hover {
  cursor: pointer;
} */
#building-warema-glossary .tit_glossary span {
  display: block;
  padding: 30px 18px 28px;
}
/* #building-warema-glossary .tit_glossary::after,
#building-warema-glossary .tit_glossary span::before,
#building-warema-glossary .tit_glossary span::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#building-warema-glossary .tit_glossary::after {
  width: 30px;
  height: 30px;
  right: 20px;
  border-radius: 50%;
  background: #fff;
}

#building-warema-glossary .tit_glossary span::before,
#building-warema-glossary .tit_glossary span::after {
  width: 20px;
  height: 2px;
  right: 25px;
  background: #999;
  z-index: 2;
  transition: .3s;
}

#building-warema-glossary .tit_glossary span::before {
  transform: rotate(90deg);
}

#building-warema-glossary .tit_glossary.active span::before {
  transform: rotate(0);
  top: calc(50% - 1px);
} */
#building-warema-glossary .ul_glossary_term {
  /* margin: 48px auto 0; */
  margin: 90px auto 0; /* 仮 */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#building-warema-glossary .ul_glossary_term li {
  padding: 0 16px;
  color: #999;
  font-size: 18px;
}
#building-warema-glossary .ul_glossary_term li + li {
  border-left: 1px solid #000;
}
#building-warema-glossary .ul_glossary_term li a {
  color: #008842;
}
#building-warema-glossary .tit_glossary_term {
  margin: 75px auto 0;
  padding: 0 15px;
  font-weight: 400;
  font-size: 22px;
  color: #008842;
}
#building-warema-glossary .ul_glossary {
  margin: 18px auto 0;
  border-bottom: 1px solid #ccc;
}
#building-warema-glossary .ul_glossary li {
  padding: 28px 20px;
  border-top: 1px solid #ccc;
}
#building-warema-glossary .ul_glossary li dt {
  font-weight: 700;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
#building-warema-glossary .ul_glossary li dd {
  margin: 14px 0 0;
  line-height: 1.5;
}
#building-warema-glossary .box_btn {
  width: 600px;
  height: 80px;
  /* margin: 87px auto 0; */
  margin: 57px auto 0; /* 仮 */
  overflow: hidden;
}
#building-warema-glossary .box_btn a {
  width: 100%;
  padding: 30px 0 30px 33px;
  display: block;
  text-align: center;
  background: #008842;
  color: #fff;
  font-size: 20px;
  letter-spacing: .03em;
}
#building-warema-glossary .box_btn a span {
  position: relative;
  left: -22px;
  top: -6px;
	vertical-align: top;
}