@charset "utf-8";
/*共通
 ----------------------------------------------------*/
h1.page_main {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  background: #f9f8f8;
  padding: 30px 0 40px;
  background: url(../img/common/page-bg.svg) no-repeat bottom center/100%, #f9f8f8;
}
h1.page_main span {
  display: block;
  text-align: center;
  font-size: 19px;
}
h1.page_main span:first-letter {
  text-transform: uppercase;
}
h1.page_main::first-letter {
  color: #01be9f;
}
h1.page_main::after {
  content: "";
  display: block;
  width: 0.2em;
  height: 6px;
  max-width: 100%;
  margin: 0.2em auto 0;
  border-right: 0.2em solid #ccc;
  border-left: 0.2em solid #ccc;
  padding: 0 0.2em;
  background-color: #01be9f;
  background-clip: content-box;
}
.breadcrumb {
  margin-top: 20px;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
}
.breadcrumb ol {
  display: flex;
}
.breadcrumb ol li + li::before {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 1px;
  margin: 0 0.9em;
  border-top: 1px solid;
  vertical-align: middle;
  box-sizing: border-box;
}
.breadcrumb ol li.liHome::before {
  content: "";
  display: inline-block;
  width: 0.9em;
  height: 1.07em;
  margin-right: 0.6em;
  background: url(../img/inspection/common/icon_breadcrumb-home.svg) no-repeat center center/contain;
}

/*資料請求ダウンロード*/
h2.title{
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}
.dlbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  padding: 4% 0;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.dlbox::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #01BE9F, #01BE9F 30%,  #ccc 30%, #ccc 100%);
}
.dlbox .dlimgbox{
  width: 100%;
  max-width: 415px;
  height: 300px;
}
.dlbox .dlrbox{
  width: 100%;
  max-width: 500px;
}
.dlbox .dlrbox h3{
  font-size: 21px;
  font-weight: 500;
  color: #01BE9F;
  margin-bottom: 20px;
}
.dlbox .dlrbox p{
  font-size: 14px;
  font-weight: 500;
}
a.dlbtn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  max-width: 300px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #D13737;
  border-radius: 10px;
  background: #D13737;
  position: relative;
  padding: 2%;
  margin: 30px 0;
  filter: drop-shadow(1px 5px 0px #ccc);
  transition: 0.3s;
}
a:hover{
  background: #fff;
  color: #D13737;
}
a.dlbtn::before{
  content: url(../img/download/downloadicon.svg);
  display: inline-block;
  width: 26px;
  height: 22px;
  margin-right: 10px;
}
a.dlbtn:hover::before{
  content: url(../img/download/downloadicon_on.svg);
}
@media only screen and (max-width: 768px){
  .dlbox{
    padding: 10% 0;
  }
  .dlbox .dlimgbox{
    margin-bottom: 20px;
  }
  a.dlbtn{
    margin-left: auto;
    margin-right: auto;
  }
}