@charset "UTF-8";


/*  ====================================================
  オリジナル
===================================================== */
.download-style header {
  height: 60px;
}

.download-style .section-narrow-wrap {
  width: calc(100% - 30px);
  max-width: 1100px;
  margin: 30px auto 50px;
  padding: 80px;
  background: var(--c-white);
  border-radius: 10px;
}

.download-style .main-ttl {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.25;
  color: var(--c-blue);
}

.form-lead {
  margin-bottom: 40px;
  padding-bottom: 30px;
  font-size: 14px;
  line-height: 1.4;
  border-bottom: solid 1px var(--c-border);
}


.download-border {
  border-top: solid 1px var(--c-border);
}


.download-style h2 {
  margin: -30px 0 10px;
  padding-top: 80px;
  font-size: 20px;
  line-height: 1.2;
}


.download-wrap {
  display:flex;
  flex-wrap: wrap;
  margin: 0 -15px 10px;
  padding-bottom: 20px;
}


.download-anchor {
  padding-bottom: 50px;
  display:flex;
}
.download-anchor li {
  padding-right: 20px;
}
.download-anchor li a {
  padding: 0 20px;
  display: block;
  line-height: 36px;
  background: var(--c-tagbg);
  font-size: 14px;
  color: var(--c-black);
  border-radius: 18px;
}

.download-wrap-item {
  width: calc(100% / 3);
  max-width: 330px;
  margin-bottom: 15px;
  padding: 15px;
}

.download-wrap-item a {
  width: 100%;
  display: block;
  text-decoration: none;
}

.download-wrap-item h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}

.download-wrap-img {
  margin-bottom: 15px;
}
.download-wrap-img img {
  border-radius: 8px;
}

.download-wrap-txt {
  font-size: 14px;
  line-height: 1.4;
}


@media screen and (max-width: 767px) {
.download-style .section-narrow-wrap {
  padding: 20px;
}

.download-wrap {
  display: block;
  margin: 0 0 30px;
}

.section-narrow-body .download-wrap {
  margin: 0;
}

.download-style h2 {
  margin-bottom: 15px;
}

.download-wrap-item {
  width: 100%;
  max-width: 100%;
  padding: 0 0 30px;
}

}