@charset "UTF-8";
/* TOP */
/* _mixin */
/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
/* other */
/* indiviual */
#headline-area {
  background-image: url(../img/contents/use/bg_headline_l.jpg), url(../img/contents/use/bg_headline_r.jpg);
}

ul.category-ul li.fertilizer figure {
  width: 100%;
  height: 10em;
}
ul.category-ul li.fertilizer figure a {
  width: 100%;
  height: 100%;
  display: block;
}
ul.category-ul li.fertilizer figure a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
ul.category-ul li.fertilizer dl {
  padding: 1.5em;
}
ul.category-ul li.fertilizer dl dt {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
ul.category-ul li.fertilizer dl dt a {
  color: #000;
}
ul.category-ul li.fertilizer dl dt span {
  margin-left: 0;
}
ul.category-ul li.fertilizer dl dt ul.taglist-ul {
  padding: 0;
}
ul.category-ul li.fertilizer dl dt ul.taglist-ul li a {
  color: #0071BE;
}
ul.category-ul li.fertilizer dl dd {
  padding: 1em 0;
}
ul.category-ul li.fertilizer dl dd ul li {
  font-weight: bold;
  width: auto;
  margin: 0.25em 0.5em 0 0 !important;
  display: inline-block;
  border: none;
}
ul.category-ul li.fertilizer dl dd ul li::before {
  content: "・";
}
ul.category-ul li.fertilizer dl dd ul li a {
  color: #000;
}

.fertilizer .contents-section {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  align-items: flex-start;
}
.fertilizer .contents-section h2,
.fertilizer .contents-section h3,
.fertilizer .contents-section h4 {
  width: 100%;
}
.fertilizer .contents-section h3 + p {
  width: 47%;
}
.fertilizer .contents-section dl.fertilizer-relate-dl {
  min-width: 40%;
  padding: 1.5em;
  margin-left: auto;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center;
  align-items: center;
  gap: 1em;
  border: solid 1px #0071BE;
}
.fertilizer .contents-section dl.fertilizer-relate-dl dt {
  font-size: 1.1em;
}
.fertilizer .contents-section dl.fertilizer-relate-dl dd {
  padding-top: 0 !important;
}
.fertilizer .contents-section dl.fertilizer-relate-tech-dl {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  gap: 1em;
  background: #e8e9eb;
}
.fertilizer .contents-section dl.fertilizer-relate-tech-dl dd {
  padding-top: 0 !important;
}
.fertilizer .contents-section dl.fertilizer-relate-tech-dl dd ul {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  gap: 1em;
}
.fertilizer .contents-section dl.fertilizer-relate-tech-dl dd ul li::before {
  content: "・";
}
.fertilizer .contents-section dl.fertilizer-relate-tech-dl dd ul li + li {
  margin-top: 0 !important;
}
.fertilizer .contents-section p.detail-link {
  margin-left: 0;
}
.fertilizer .contents-section p.detail-link a {
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  ul.category-ul li.fertilizer {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    justify-content: space-between;
    overflow: hidden;
  }
  ul.category-ul li.fertilizer figure {
    width: 33%;
    height: auto;
    min-height: 10em;
  }
  ul.category-ul li.fertilizer dl {
    width: 65%;
    padding: 1em;
  }
  ul.category-ul li.fertilizer dl dt a {
    width: auto;
  }
  ul.category-ul li.fertilizer dl dt ul.taglist-ul {
    padding: 0 !important;
  }
  ul.category-ul li.fertilizer dl dd ul {
    margin-top: 0.5em !important;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    gap: 0.5em;
  }
  ul.category-ul li.fertilizer dl dd ul li {
    font-size: 0.95em;
    display: inline-flex;
    border: none !important;
  }
  ul.category-ul li.fertilizer dl dd ul li a {
    width: auto;
  }
  .fertilizer .contents-section h3 + p {
    width: 100%;
  }
  .fertilizer .contents-section dl.fertilizer-relate-dl {
    min-width: 100%;
  }
  .fertilizer .contents-section dl.fertilizer-relate-tech-dl {
    width: 100%;
    flex-direction: column;
  }
  .fertilizer .contents-section dl.fertilizer-relate-tech-dl dt {
    width: 100%;
  }
  .fertilizer .contents-section dl.fertilizer-relate-tech-dl dd {
    width: 100%;
    margin-top: 0;
  }
}/*# sourceMappingURL=use.css.map */