@charset "UTF-8";
/* [ marufuji ] : business.css */ /* [ marufuji ] : setting.scss */
/* +++ [ フォント ] ++++ */
/* +++ [ レスポンシブ ] ++++ */
/* +++ [ 色 ] ++++ */
/* +++ [ 三角 ] ++++ */
/* +++ [ 線 ベース ] ++++ */
/* +++ [ position:absolute ] ++++ */
@media (min-width: 768px) {
  #business .flex-between > p {
    width: 63%;
  }
}
#business .flex-between .box {
  /* padding: 0 1rem; */
  padding: 0 3rem;
  border: 1px solid #1A6E6A;
  height: -moz-fit-content;
  height: fit-content;
}

#product1 .flex-between {
  margin-bottom: 2rem;
}
#product1 .flex-between div .ttl-square, #product1 .flex-between div p {
  padding-inline: 2rem;
  padding-top: 1rem;
  margin-bottom: 0;
}
#product1 .flex-between .bg-bg P {
  padding-bottom: 2rem;
}

#product2.flex-3 {
  gap: 30px;
}

#product2 .bg-bg {
  width: 100%;
  padding: 2rem;
}
@media (min-width: 768px) {
  #product2 .bg-bg {
    width: 33.3333333333%;
  }
}
#product2 .bg-bg h4 {
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  #product2 .bg-bg + .bg-bg {
    margin-top: 2rem;
  }
}

@media (max-width: 767px) {
  .sp-line {
    padding-top: 7rem;
    border-top: 1px solid #CCC;
  }
}
#technology figure {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  aspect-ratio: 1;
  background: #1A6E6A;
}
#technology figure img {
  max-width: 200px;
}
@media (max-width: 767px) {
  #technology figure {
    max-width: 150px;
    margin-inline: auto;
  }
  #technology figure img {
    max-width: 120px;
  }
}

@media (max-width: 767px) {
  #technology .wrap + .wrap {
    margin-top: 4rem;
  }
  #technology .wrap h3 {
    text-align: center;
  }
  #technology .wrap .list-disc {
    max-width: 200px;
    margin-inline: auto;
  }
}

.flex-5 {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  border-inline: 2px solid #CCC;
}
.flex-5.top {
  padding: 2rem 2rem 0;
}
.flex-5.bottom {
  padding: 0.5rem 2rem 2rem;
  /* padding: 0 2rem 2rem;
  margin-top: 0.5rem; */
}

.flow .flow-box:nth-of-type(1) p,
.flow .flow-box:nth-of-type(6) p {
  padding-top: 2rem;
}
.flex-5 figure {
  width: calc(50% - 0.5rem);
}
@media (min-width: 768px) {
  .flow .flow-box {
    max-width: 745px;
  }
  .flex-5 figure {
    width: calc(33.3333333333% - 0.5rem);
  }
  .flex-5 figure:nth-child(2)::after {
    content: "";
    display: block;
    width: calc(33.3333333333% - 0.5rem);
    height: 100%;
  }
}/*# sourceMappingURL=business.css.map */


.flow .flow-box .flex-half {
  flex-wrap: wrap;
}
.flow .flow-box .flex-half figure {
    width: calc(50% - 0.25rem);
}