@charset "UTF-8";
/* 定義 */
.content__box .section__box .flex__box {
  display: flex;
  gap: 40px;
  margin-top: 72px;
}
@media only screen and (max-width: 1039px) and (min-width: 768px) {
  .content__box .section__box .flex__box {
    flex-direction: column;
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .content__box .section__box .flex__box {
    flex-direction: column;
    margin-top: 32px;
    gap: 8px;
  }
}
.content__box .section__box .flex__box .img__box {
  aspect-ratio: 4/3;
  flex: 0 0 45%;
  margin-inline: auto;
}
.content__box .section__box .flex__box .img__box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}
.content__box .section__box .flex__box .text__box {
  margin-top: 0;
  margin-left: 16px;
}
@media only screen and (max-width: 1039px) and (min-width: 768px) {
  .content__box .section__box .flex__box .text__box {
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .content__box .section__box .flex__box .text__box {
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
}
.content__box .section__box .reverse {
  margin-top: 72px;
}
@media only screen and (max-width: 767px) {
  .content__box .section__box .reverse {
    flex-direction: column;
    margin-top: 8px;
  }
}
.content__box .section__box .reverse .img__box {
  aspect-ratio: 4/3;
  width: 100%;
  flex: 0 0 48%;
}
.content__box .section__box .reverse .text__box {
  margin-left: 0;
  margin-top: 0;
}
@media only screen and (max-width: 1039px) and (min-width: 768px) {
  .content__box .section__box .reverse .text__box {
    width: 100%;
    margin-left: 20px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .content__box .section__box .reverse .text__box {
    width: 100%;
    margin-right: 0;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .content__box .section__box + .section__box {
    margin-top: 32px;
  }
}/*# sourceMappingURL=info_kyoukai.css.map */