@media screen and (max-width: 1200px) {
  .statue-box03 {
    margin-top: 0;
  }

  .business-link li {
    width: 100%;
    margin: 0 0 30px;
  }

  .business-link li img {
    max-width: 250px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  /*=======================================================

Common

========================================================*/

  .title span {
    font-size: 2.2rem;
  }

  .title .dot::after {
    width: 4px;
    height: 4px;
  }

  .title02 {
    max-width: 400px;
    margin: 0 auto 30px;
    font-size: 1.8rem;
    padding: 8px 15px;
  }

  .title03 {
    font-size: 1.8rem;
    padding-left: 10px;
  }

  .ul-txt p span {
    font-size: 1.4rem;
  }

  .ul-txt span::after {
    height: 8px;
  }

  /*=======================================================

Home

========================================================*/

  .home-section01::after {
    bottom: -130px;
    left: -20px;
  }

  .home-section02 {
    padding-top: 40px;
  }

  .home-section02::after {
    bottom: 65%;
    right: -10px;
  }

  .home-section03 {
    padding-top: 40px;
  }

  .home-section03::after {
    bottom: -140px;
    left: -10px;
  }

  .home-section04 {
    padding-top: 40px;
  }

  .home-section05::after {
    bottom: auto;
    top: 20px;
    right: -10px;
  }

  .home-section06 {
    padding-top: 40px;
  }

  .home-section06::after {
    bottom: 30px;
    left: -10px;
  }

  .statue-box02 {
    width: 100%;
    margin-bottom: 60px;
  }

  .statue-box02::after {
    width: 30px;
    height: 33px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: -50px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .statue-box .statue-box02:last-of-type {
    margin-bottom: 0;
  }

  .statue-img02 img {
    max-width: 260px;
    margin: 0 auto 20px;
  }

  .statue-content {
    padding: 20px;
  }

  .statue-head {
    font-size: 1.6rem;
  }

  .home-menu-ttl {
    font-size: 1.6rem;
  }

  .gmap {
    padding-bottom: 56.25%;
  }

  /*=======================================================

事業紹介

========================================================*/

  .origin-section {
    padding-bottom: 40px;
  }

  .origin-section::after {
    left: -10px;
  }

  .concept-section::before {
    top: -70px;
    right: -10px;
  }

  .origin-block.flex {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .origin-img,
  .concept-img {
    width: 100%;
    margin-bottom: 20px;
  }

  .origin-img img,
  .concept-img img {
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
  }

  .origin-content,
  .concept-content {
    width: 100%;
  }

  .flow-section::after {
    top: 60px;
    right: -10px;
  }

  .flow-section::before {
    bottom: -20px;
    left: -10px;
  }

  .time-section::after {
    bottom: -40px;
    right: -10px;
    top:auto;
  }

  .flow-time {
    font-size: 1.8rem;
  }

  .file-list02 a {
    font-size: 1.4rem;
  }

  /*=======================================================

Recruit

========================================================*/

  .recruit-section01::before {
    top: 180px;
    left: -10px;
  }

  .recruit-section01::after {
    right: -10px;
  }

  .appeal-txt p {
    font-size: 1.4rem;
  }

  .points .point {
    width: 150px;
    height: 150px;
    margin: 0 10px;
  }

  .points .point p {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 820px) {
  .home-menu-list li {
    margin-bottom: 40px;
  }

  .home-menu-img img {
    aspect-ratio: 16 / 9;
    border-radius: 10px;
  }

  .home-menu-ttl {
    bottom: 10px;
  }

  .single-business-post .sub-header-txt {
    padding: 25px;
    max-width: 180px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  .home-menu-list li {
    width: 100%;
    margin-bottom: 25px;
  }

  .home-menu-img img {
    aspect-ratio: 16 / 7;
  }

  .grow-section {
    background-position: top 30% left -4%, bottom 35% right -4%;
    background-size: 80px auto, 70px auto;
  }

  .grow-list li {
    margin-bottom: 30px;
  }

  .grow-img,
  .grow-content {
    width: 100%;
  }

  .grow-img img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 20px;
  }

  .flow-list li.flex {
    width: 47%;
  }

  .file-list02 li {
    width: 100%;
  }

  .flow-time {
    font-size: 1.5rem;
  }

  .time-list li {
    width: 100%;
  }
}
