@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------
	事業紹介
  ---------------------------------------------*/
.main_area {
  background: url("/assets/img/business/businessfield/main_image.jpg") center no-repeat;
  background-size: cover;
  text-align: center;
  padding-top: 350px;
}
@media all and (max-width: 480px) {
  .main_area {
    padding-top: 100px;
  }
}
.main_area h2 {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  padding: 0 20px;
  opacity: 0;
  filter: blur(10px);
  clip-path: inset(0 100% 0 0);
  animation: h2Anim 0.8s 1s ease-in-out;
  animation-fill-mode: forwards;
}
@media all and (max-width: 480px) {
  .main_area h2 {
    padding: 0 10px;
  }
}

/*---------------------------------------------
コンテンツ
  ---------------------------------------------*/
article {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article h3 {
  width: 100%;
}
article .category_image {
  width: 450px;
  padding-top: 10px;
}
@media all and (max-width: 480px) {
  article .category_image {
    width: 100%;
    padding-top: 0;
  }
}
article .text_area {
  width: 500px;
}
@media all and (max-width: 480px) {
  article .text_area {
    width: 100%;
  }
}
article .text_area .sub_image {
  display: flex;
  flex-wrap: wrap;
}
article .text_area .sub_image figure {
  width: 160px;
  margin-right: 10px;
}
@media all and (max-width: 480px) {
  article .text_area .sub_image figure {
    width: 32%;
    margin-right: 2%;
  }
}
article .text_area .sub_image figure:last-of-type {
  margin-right: 0;
}

.under_link_area a {
  background: url("/assets/img/business/businessfield/under_link.jpg") center no-repeat;
  background-size: cover;
}/*# sourceMappingURL=businessfield.css.map */