@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :business.css
 style info :レスポンシブ対応
=================================================================== */
.business dl {
  clear: both;
  padding-bottom: 10px;
  margin-bottom: 13px;
  border-bottom: 1px solid #cae0bb;
}
.business dl dt {
  float: left;
  margin-right: 15px;
}
.business dl dd {
  overflow: hidden;
}
.business dl dd strong {
  padding-left: 60px;
  margin-top: 4px;
  height: 3.1em;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
  color: #66a63d;
}
.business dl dd strong.architect {
  background: url(../../s_business/glass/images/icom02.gif) no-repeat 0 0;
}
.business dl dd strong.builder {
  background: url(../../s_business/glass/images/icom01.gif) no-repeat 0 0;
}
.business dl dd strong.school {
  background: url(../../s_business/school/images/icom01.gif) no-repeat 0 0;
}
.business dl dd strong.construction {
  background: url(../../s_business/construction/images/icom01.gif) no-repeat 0 0;
}
.business dl dd p:last-of-type {
  text-align: right;
}
.business dl dd p:last-of-type a {
  color: #00adef;
  text-decoration: underline;
  padding-right: 15px;
  position: relative;
}
.business dl dd p:last-of-type a::after {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #00adef;
  border-right: 1px solid #00adef;
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
}
.business.dl dl {
  border: none;
}
.business.dl dl dd strong {
  padding-left: 0px;
}
.business.dl dl dd p:last-of-type {
  text-align: left;
}

.btn_glass {
  text-align: right;
  position: relative;
  z-index: 1;
}
.btn_glass::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #cae0bc;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.btn_glass a {
  display: inline-block;
  background: #85c354;
  color: #fff;
  padding: 4px 18px 4px 5px;
  position: relative;
}
.btn_glass a::after {
  display: block;
  content: "";
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 5px;
  position: absolute;
}

.fl_box {
  margin-bottom: 20px;
}
.fl_box::after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.fl_box figure {
  border: 1px solid #b9b9b9;
  padding: 4px;
  margin-right: 15px;
  float: left;
}
.fl_box .fl_disc {
  overflow: hidden;
}
.fl_box .fl_disc h4 {
  color: #000;
  padding: 0;
  margin-bottom: 20px;
}
.fl_box .fl_disc h4::after {
  display: none;
}

.dl_btn {
  text-align: right;
  position: relative;
  z-index: 1;
}
.dl_btn::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #cae0bc;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.dl_btn a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 28px;
  display: inline-block;
  padding-right: 0;
  width: 166px;
  background: url(../../s_case/pdf_download/images/btn_pdf.gif);
}
.dl_btn a:hover {
  background: url(../../s_case/pdf_download/images/btn_pdf_on.gif);
}

.list_repo {
  border: 1px solid #b9b9b9;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
  margin-top: 20px;
}
.list_repo li {
  width: 50%;
  padding: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list_repo li:first-child {
  border-right: 1px solid #b9b9b9;
}
.list_repo li .repo_text {
  width: calc(100% - 105px);
  display: flex; /* 子要素をflexboxで揃える */
  flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
}
.list_repo li .repo_text a {
  font-size: 120%;
  color: #369cbf;
}

.pagetop {
  clear: both;
}

@media screen and (max-width: 750px) {
  .business dl {
    margin-bottom: 1em;
  }
  .business dl dt {
    float: none;
    margin: 0 0 1em;
  }
  .business dl dt img {
    width: 100%;
  }
  .fl_box figure {
    float: none;
    margin: 0 0 1em;
  }
  .fl_box figure img {
    width: 100%;
  }
  .list_repo li {
    width: 100%;
  }
  .list_repo li:first-child {
    border-bottom: 1px solid #b9b9b9;
    border-right: none;
  }
  .fl_box .fl_disc h4 {
    margin-bottom: 1em;
  }
  .list_repo {
    margin-top: 1.2em;
  }
}