/* CSS Document */
section {
  padding-bottom: 10rem; }
  @media screen and (max-width: 991px) {
    section {
      padding-bottom: 8rem; } }
  @media screen and (max-width: 767px) {
    section {
      padding-bottom: 6rem; } }

#history h3::first-letter {
  color: #fabe00; }

@media screen and (max-width: 991px) {
  #ul-header .ul-img img {
    object-position: 85% center; } }

#greeting .ceo-img div {
  height: 400px; }
  @media screen and (max-width: 767px) {
    #greeting .ceo-img div {
      height: 350px;
      margin-bottom: 2rem; } }
  @media screen and (max-width: 575px) {
    #greeting .ceo-img div {
      height: 250px;
      margin-bottom: 1rem; } }
  #greeting .ceo-img div img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
#greeting .ceo-text p {
  font-size: 15px;
  font-size: 1.5rem;
  font-feature-settings: "palt"; }
#greeting .ceo-text div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 3rem; }
  @media screen and (max-width: 991px) {
    #greeting .ceo-text div {
      margin-top: 2rem; } }
  @media screen and (max-width: 575px) {
    #greeting .ceo-text div {
      margin-top: 1rem; } }
  #greeting .ceo-text div p {
    margin-right: 2rem; }
  #greeting .ceo-text div img {
    width: 200px; }
    @media screen and (max-width: 991px) {
      #greeting .ceo-text div img {
        width: 180px; } }
    @media screen and (max-width: 575px) {
      #greeting .ceo-text div img {
        width: 150px; } }

#profile dl {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  width: 100%;
  display: grid;
  grid-template-columns: 130px 1fr; }
  @media screen and (max-width: 991px) {
    #profile dl {
      grid-template-columns: 100px 1fr; } }
  @media screen and (max-width: 767px) {
    #profile dl {
      grid-template-columns: 130px 1fr; } }
  @media screen and (max-width: 575px) {
    #profile dl {
      grid-template-columns: 1fr; } }
  #profile dl dt {
    width: 130px;
    border-bottom: solid 1px rgba(40, 156, 76, 0.6);
    padding: 1.5rem 0 1.5rem 1.5rem; }
    @media screen and (max-width: 991px) {
      #profile dl dt {
        width: 100px;
        padding: 1.25rem 0 1.25rem 1rem; } }
    @media screen and (max-width: 767px) {
      #profile dl dt {
        width: 130px;
        padding: 1.25rem 0 1.25rem 1.25rem; } }
    @media screen and (max-width: 575px) {
      #profile dl dt {
        width: 100%;
        padding: 0 1rem; } }
  #profile dl dd {
    border-bottom: solid 1px rgba(200, 200, 200, 0.6);
    padding: 1.5rem 0 1.5rem 1.5rem; }
    @media screen and (max-width: 991px) {
      #profile dl dd {
        padding: 1.25rem 0 1.25rem 1rem; } }
    @media screen and (max-width: 767px) {
      #profile dl dd {
        padding: 1.25rem 0 1.25rem 1.25rem; } }
    @media screen and (max-width: 575px) {
      #profile dl dd {
        padding: 0.5rem 1rem;
        border-bottom: none;
        margin-bottom: 1.5rem; } }
    #profile dl dd div {
      display: flex;
      flex-wrap: nowrap; }
      @media screen and (max-width: 991px) {
        #profile dl dd div {
          flex-wrap: wrap; } }
      #profile dl dd div p {
        margin-right: 1em;
        margin-bottom: 0;
        line-height: 1.8; }

#history dl {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  width: 100%;
  display: grid;
  grid-template-columns: 160px 1fr; }
  @media screen and (max-width: 991px) {
    #history dl {
      margin-bottom: 2rem; } }
  @media screen and (max-width: 575px) {
    #history dl {
      grid-template-columns: 1fr; } }
  #history dl dt {
    width: 160px;
    border-bottom: solid 1px rgba(250, 190, 0, 0.6);
    padding: 1.25rem 0 1.25rem 1.5rem; }
    @media screen and (max-width: 575px) {
      #history dl dt {
        width: 100%;
        padding: 0 1rem; } }
  #history dl dd {
    border-bottom: solid 1px rgba(200, 200, 200, 0.6);
    padding: 1.25rem 0 1.25rem 1.5rem; }
    @media screen and (max-width: 575px) {
      #history dl dd {
        padding: 0.5rem 1rem;
        border-bottom: none;
        margin-bottom: 1.5rem; } }
@media screen and (max-width: 991px) {
  #history figure > div {
    display: flex; } }
@media screen and (max-width: 575px) {
  #history figure > div {
    flex-wrap: wrap; } }
#history figure > div img {
  margin-bottom: 1rem; }
  @media screen and (max-width: 991px) {
    #history figure > div img {
      width: 50%; } }
  @media screen and (max-width: 575px) {
    #history figure > div img {
      width: 100%; } }
#history figure figcaption {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #4d4d4d; }

#plant .row {
  margin: 0 -4rem; }
  @media screen and (max-width: 1199px) {
    #plant .row {
      margin: 0 -3rem; } }
  @media screen and (max-width: 991px) {
    #plant .row {
      margin: 0 -2rem; } }
  #plant .row > div {
    padding: 0 4rem;
    margin-bottom: 6rem; }
    @media screen and (max-width: 1199px) {
      #plant .row > div {
        padding: 0 3rem; } }
    @media screen and (max-width: 991px) {
      #plant .row > div {
        padding: 0 2rem; } }
    @media screen and (max-width: 767px) {
      #plant .row > div {
        margin-bottom: 3rem; } }
#plant .plant-img {
  height: 265px;
  overflow: hidden;
  margin-bottom: 1.5rem; }
  @media screen and (max-width: 991px) {
    #plant .plant-img {
      height: 200px;
      margin-bottom: 1rem; } }
  @media screen and (max-width: 767px) {
    #plant .plant-img {
      height: 250px;
      margin-bottom: 1rem; } }
  @media screen and (max-width: 575px) {
    #plant .plant-img {
      height: 200px; } }
  #plant .plant-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
#plant dl {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 1.75; }
  #plant dl .tel-fax {
    display: flex;
    flex-wrap: wrap;
    gap: 1em; }
    #plant dl .tel-fax a {
      color: #333; }