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

 file name  :cass.css
 style info :レスポンシブ対応
=================================================================== */
.case_list dl {
  clear: both;
  padding-bottom: 10px;
  margin-bottom: 13px;
  border-bottom: 1px solid #cae0bb;
}
.case_list dl dt {
  float: left;
  margin-right: 15px;
}
.case_list dl dd {
  overflow: hidden;
}
.case_list dl dd strong {
  overflow: hidden;
  display: block;
  box-sizing: content-box;
  color: #66a63d;
  padding: 13px 0px 0px 110px;
  height: 3.5em;
  line-height: 1.3em;
}
.case_list dl dd.new strong {
  background: url(../../s_case/images/icom_new.gif) no-repeat 0 0;
}
.case_list dl dd.reform strong {
  background: url(../../s_case/images/icom_reform.gif) no-repeat 0 0;
}
.case_list dl dd.building strong {
  background: url(../../s_case/images/icom_building.gif) no-repeat 0 0;
}
.case_list dl dd.new_building strong {
  background: url(../../s_case/images/icom_new_building.gif) no-repeat 0 0;
}
.case_list dl dd p + p {
  margin-top: 20px;
  text-align: right;
}
.case_list dl dd p:last-of-type {
  margin-top: 5px;
}
.case_list dl dd a {
  color: #00adef;
  text-decoration: underline;
  padding-right: 15px;
  position: relative;
}
.case_list dl dd 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;
}
.case_list.pdf dl {
  padding-bottom: 25px;
  margin-top: 20px;
}
.case_list.pdf dl dd p:last-of-type {
  margin-top: 15px;
  text-align: right;
}
.case_list.pdf dl dd a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 28px;
  display: inline-block;
  padding-right: 0;
}
.case_list.pdf dl dd a::after {
  display: none;
}
.case_list.pdf dl dd a.link_deta {
  width: 151px;
  background: url(../../s_case/pdf_download/images/btn_article.gif);
}
.case_list.pdf dl dd a.link_deta:hover {
  background: url(../../s_case/pdf_download/images/btn_article_on.gif);
}
.case_list.pdf dl dd a.link_deta1 {
  width: 163px;
  background: url(../../s_case/pdf_download/images/btn_secondPart.gif);
}
.case_list.pdf dl dd a.link_deta1:hover {
  background: url(../../s_case/pdf_download/images/btn_secondPart_on.gif);
}
.case_list.pdf dl dd a.link_deta2 {
  width: 163px;
  background: url(../../s_case/pdf_download/images/btn_prequel.gif);
}
.case_list.pdf dl dd a.link_deta2:hover {
  background: url(../../s_case/pdf_download/images/btn_prequel_on.gif);
}
.case_list.pdf dl dd a.link_pdf {
  width: 166px;
  margin-left: 0.5rem;
  background: url(../../s_case/pdf_download/images/btn_pdf.gif);
}
.case_list.pdf dl dd a.link_pdf:hover {
  background: url(../../s_case/pdf_download/images/btn_pdf_on.gif);
}

.new_list dl {
  float: left;
  width: 214px;
  height: auto;
  margin: 0 10px 20px 0;
  border: 1px solid #e0e0e0;
}
.new_list dl dt {
  background: url(../../s_case/new/images/tit_img01.gif) no-repeat bottom;
  height: 55px;
  text-align: right;
  position: relative;
}
.new_list dl dt strong {
  font-size: 12px;
  top: 16px;
  line-height: 1;
  display: block;
  margin-right: 12px;
  position: relative;
}
.new_list dl dd p {
  border-bottom: 1px solid #e0e0e0;
  margin: 10px 0px 0px 0px;
  padding: 0px 5px 5px 5px;
  height: 3.3em;
  font-weight: 700;
  line-height: 1.3;
}
.new_list dl dd p a {
  color: #66a63d;
}
.new_list dl dd img {
  padding: 2px;
  width: 100%;
  height: 144px;
}
.new_list dl.threeCases dt strong {
  top: 0;
}
.new_list.reform dl dt {
  background: url(../../s_case/reform/images/tit_img01.gif) no-repeat bottom;
}
.new_list.reform dd p {
  font-size: 12px;
  letter-spacing: -1.5px;
}
.new_list.reform dl .line2 strong {
  top: 7px;
}
.new_list.reform dl:first-of-type dt strong {
  top: 16px;
}
.new_list.building dl .small strong, .new_list.new_building dl .small strong {
  font-size: 10px;
}
.new_list.building dl dt, .new_list.new_building dl dt {
  background: url(../../s_case/building/images/tit_img01.gif) no-repeat top 3px left;
  height: 65px;
}
.new_list.building dl dt strong, .new_list.new_building dl dt strong {
  top: 20px;
}
.new_list.building dl dt strong span, .new_list.new_building dl dt strong span {
  margin-top: 15px;
  display: block;
  font-size: 10px;
}
.new_list.building dl dd p, .new_list.new_building dl dd p {
  height: 4.5em;
}
.new_list.new_building dl dt {
  background: url(../../s_case/new_building/images/tit_img01.gif) no-repeat top 3px left;
}

.pagetop {
  clear: both;
}

@media screen and (max-width: 750px) {
  .case_list dl dt {
    float: none;
    margin: 0 0 1.1em;
  }
  .case_list dl dt img {
    width: 100%;
  }
  .case_list dl dd strong {
    padding: 5em 0px 0px 0px;
    height: auto;
    margin-bottom: 1.1em;
  }
  .case_list dl dd p + p {
    margin-top: 1em;
  }
  .case_list.pdf dl {
    padding-bottom: 10px;
    margin-bottom: 1em;
  }
  .case_list.pdf dl dd p:last-of-type {
    margin-top: 0.4em;
  }
  .new_list dl {
    float: none;
    width: 100%;
    margin: 0 0 1em;
    padding: 0 0 0.5em;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    min-height: 4em;
  }
  .new_list dl dt {
    background: none;
    width: auto;
    height: auto;
    text-align: left;
    margin-left: 28%;
  }
  .new_list dl dt strong {
    top: 0;
    margin: 0 0 0.3em;
    font-size: 25.78125px;
    font-size: 2.578125rem;
    font-size: 3.4375vw;
  }
  .new_list dl dt strong br {
    display: none;
  }
  .new_list dl dd p {
    border: none;
    padding: 0;
    margin-top: 0.3em;
    margin-left: 28%;
    line-height: 1.2;
  }
  .new_list dl dd img {
    width: 26%;
    height: auto;
    padding: 0;
    position: absolute;
    top: -10%;
  }
  .new_list.reform dl dt {
    background: none;
  }
  .new_list.reform dl dt strong {
    top: 0;
  }
  .new_list.reform dl .line2 strong {
    top: 0;
  }
  .new_list.reform dl:first-of-type dt strong {
    top: 0;
  }
  .new_list.reform dd p {
    font-size: 25.78125px;
    font-size: 2.578125rem;
    font-size: 3.4375vw;
  }
  .new_list.building dl dt, .new_list.new_building dl dt {
    background: none;
    height: auto;
  }
  .new_list.building dl dt strong, .new_list.new_building dl dt strong {
    top: 0;
  }
  .new_list.building dl dt strong span, .new_list.new_building dl dt strong span {
    margin-top: 0.3em;
    font-size: 23.4375px;
    font-size: 2.34375rem;
    font-size: 3.125vw;
  }
  .new_list.building dl:first-of-type dt strong, .new_list.new_building dl:first-of-type dt strong {
    top: 0;
    font-size: 25.78125px;
    font-size: 2.578125rem;
    font-size: 3.4375vw;
  }
  .new_list.building dl dd p, .new_list.new_building dl dd p {
    height: auto;
  }
}