@charset "UTF-8";
/* 背景 */
.bg-header, .bg-about, .bg-business, .bg-flow {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(../../assets/img/bg-header.png);
}

@supports (background-image: url(../../assets/img/bg-header.webp)) {
  .bg-header {
    background-image: url(../../assets/img/bg-header.webp);
  }
}
.bg-about {
  background-size: 90% auto;
  background-position: 0% 5%;
  background-image: url(../../assets/img/bg-about.png);
}

@supports (background-image: url(../../assets/img/bg-about.webp)) {
  .bg-about {
    background-image: url(../../assets/img/bg-about.webp);
  }
}
@media screen and (min-width: 768px) {
  .bg-about {
    background-size: 60% auto;
    background-position: 0% 10%;
  }
}
.bg-business {
  background-image: url(../../assets/img/bg-business.png);
}

@supports (background-image: url(../../assets/img/bg-business.webp)) {
  .bg-business {
    background-image: url(../../assets/img/bg-business.webp);
  }
}
.bg-flow {
  background-position: 55% 50%;
  background-image: url(../../assets/img/bg-flow.png);
}

@supports (background-image: url(../../assets/img/bg-flow.webp)) {
  .bg-flow {
    background-image: url(../../assets/img/bg-flow.webp);
  }
}
/*位置*/
/*高さ*/
/*幅*/
/*ボーダー*/
/*シャドウ*/
/*ボックス*/
.box-parent {
  box-sizing: border-box;
}

.box-child {
  flex-direction: column;
} /*※この親にdisplay:flex;を指定する*/
.box-child-text {
  flex-grow: 1;
}/*# sourceMappingURL=style.css.map */