/*--------------------------------------------------------------
# メインビジュアル
--------------------------------------------------------------*/
.main_visual {
  position: relative;
  & h1 {
    line-height: 1;
  }
  & img {
    width: 100%;
  }
  .catch_copy {
    font-size: clamp( 1.5rem, calc( 1.0615384615384615rem + 1.217948717948718vw ), 3.4rem );
    line-height: 2;
    letter-spacing: 0.1em;
    position: absolute;
    top: 9%;
    left: 2.1rem;
    @media (min-width:768px) {
      line-height: 2.5;
      top: max(23%,14.8rem);
      left: 8%;
    }
  }
}
/*--------------------------------------------------------------
# NEWS
--------------------------------------------------------------*/
#home_news {
  padding-top: 5rem;
  &::after {
    display: block;
    content: "";
    width: 50%;
    aspect-ratio: 796 / 1455;
    background: url(/yosakoi-lpg/assets/img/bg.png) no-repeat left bottom / contain;
    position: absolute;
    top: 46%;
    right: 0;
    transform: scale(-1,1);
    z-index: -1;
    @media (min-width:768px) {
      width: 27%;
      top: 21%;
    }
  }
}
#home_news .section_title_news {
  font-family: 'Jost', sans-serif;
  font-size: 2.5rem;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 2.2em;
}
#home_news .news_list {
  max-width: 62rem;
  margin: 0 auto 6rem;
  & li + li {
    margin-top: 1.5em;
    padding-top: 1em;
    border-top:0.1rem solid #969696;
    @media (min-width:768px) {
      padding-top: 0;
      border-top: none;
    }
  }
}
#home_news .news_list a {
  color: inherit;
  @media (min-width:768px) {
    display: flex;
    gap: 0 2.5rem;
  }
  &:hover {
    opacity: 0.7;
  }
  .img_wrap {
    display: none;
    @media (min-width:768px) {
      display: block;
      width: 24%;
      padding: 0.5rem;
      flex-shrink: 0;
      border:0.1rem solid #969696;
    }
    & img {
      aspect-ratio: 154 / 104;
      object-fit: cover;
    }
  }
}
#home_news .news_date {
  display: inline-block;
  color: #969696;
  font-family: 'Jost', sans-serif;
  margin-bottom: 1em;
}
#home_news .btn_wrap {
  text-align: center;
}
/*--------------------------------------------------------------
# greeting
--------------------------------------------------------------*/
#home_greeting {
  margin-top: 7rem;
  z-index: 5;
  @media (min-width:768px) {
    margin-top: 14rem;
  }
}
#home_greeting .img_wrap {
  width: min(85%,36rem);
  margin: 0 auto 5rem;
  @media (min-width:768px) {
    width: min(35%,36rem);
    margin-bottom: 0;
    align-self: center;
  }
}
#home_greeting .text {
  font-size: clamp( 1.6rem, calc( 1.5142857142857142rem + 0.2380952380952381vw ), 1.8rem );
  line-height: 2.5;
}
@media (min-width:768px) {
  #home_greeting .text_wrap {
    width: 54%;
  } 
}

/*--------------------------------------------------------------
# company
--------------------------------------------------------------*/
#home_company {
  margin: 6rem 0 9rem;
  @media (min-width:768px) {
    margin: 28rem 0 2rem;
  }
  &::after {
    display: block;
    content: "";
    width: 90%;
    aspect-ratio: 796 / 1455;
    background: url(/yosakoi-lpg/assets/img/bg.png) no-repeat left bottom / contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    @media (min-width:768px) {
      width: 50%;
      top: -76%;
    }
  }
}
#home_company .container {
  position: relative;
  z-index: 10;
}
#home_company .section_title_en {
  margin-bottom: 5rem;
}
#home_company .dl_list .list_item {
  > dt {
    text-align-last: justify;
    width: 5em;
  }
  > dd .fax {
    display: block;
    @media (min-width:768px) {
      display: inline-block;
      &::before {
        content: "／";
      }
    }
  }
}
#home_company .img_wrap {
  display: none;
  @media (min-width:768px) {
    display: block;
  }
}
/*--------------------------------------------------------------
# business
--------------------------------------------------------------*/
#home_business .dl_list {
  margin: 1em 0 2em;

  .list_item > dd ul li::before {
    display: inline-block;
    content: "・";
    margin-left: 1em;
  }
}
#home_business .img_wrap {
  max-width: 45rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:768px) {
  #home_business {
    width:42%;

    .content_block {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
    }
  }
}
/*--------------------------------------------------------------
# equipment
--------------------------------------------------------------*/
#home_equipment .dl_list {
  margin: 1em 0 2em;

  .list_item > dd ul li::before {
    display: inline-block;
    content: "・";
    margin-left: 1em;
  }
}
#home_equipment .img_wrap {
  max-width: 45rem;
  margin-right: auto;
  margin-left: auto;
  @media (min-width:768px) {
    max-width: 100%;
  }
}
@media (min-width:768px) {
  #home_equipment {
    width: 50%;

    .content_block {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
  }
}
/*--------------------------------------------------------------
# group
--------------------------------------------------------------*/
#home_group {
  padding-top: 3.5rem;
  @media (min-width:768px) {
    padding-top: 8rem;
  }
}
#home_group .group_list {
  margin-top: 2.7rem;
  @media (min-width:768px) {
    display: flex;
    gap: 0 8.5rem;
  }
  & img {
    margin-bottom: 4rem;
  }
}