/*! Writen  by SCSS */
.pre-inc .structure_group {
  padding-bottom: clamp(40px, 5vw, 60px);
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item {
    width: 100%;
  }
}
.pre-inc .structure_group .structure_item .item .text_group.flex {
  justify-content: flex-start;
  flex-direction: column;
  row-gap: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .text_group.flex {
    row-gap: 10px;
  }
}
.pre-inc .structure_group .structure_item .item .text_group.flex .item_read {
  margin-bottom: 0;
}
.pre-inc .structure_group .structure_item .item .item_read {
  margin-bottom: 20px;
}
@media screen and (max-width: 820px) {
  .pre-inc .structure_group .structure_item .item .item_read {
    margin-bottom: 15px;
  }
}
.pre-inc .structure_group .structure_item .item .caption_group .cap_l,
.pre-inc .structure_group .structure_item .item .caption_group .cap_r {
  margin-top: 0;
}
.pre-inc .structure_group .structure_item .item .item01 {
  align-items: flex-start;
}
.pre-inc .structure_group .structure_item .item .item01 .text_group {
  width: 54.39%;
}
.pre-inc .structure_group .structure_item .item .item01 .photo {
  position: relative;
  width: 43.86%;
}
.pre-inc .structure_group .structure_item .item .item01 .photo .cap.ex {
  right: 100%;
  bottom: 0;
  white-space: nowrap;
  text-align: left;
  font-size: clamp(10px, 1vw, 12px);
}
@media screen and (max-width: 1200px) {
  .pre-inc .structure_group .structure_item .item .item01 .photo .cap.ex {
    right: 0;
    bottom: auto;
    top: 100%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item01 .photo .cap.ex {
    position: static;
  }
}
.pre-inc .structure_group .structure_item .item .item02 {
  flex-direction: column;
}
.pre-inc .structure_group .structure_item .item .item02 .photo {
  position: relative;
}
.pre-inc .structure_group .structure_item .item .item02 .photo .cap {
  right: auto;
  left: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .pre-inc .structure_group .structure_item .item .item02 .photo .cap {
    position: static;
  }
}
.pre-inc .structure_group .structure_item .item .item03,
.pre-inc .structure_group .structure_item .item .item04 {
  flex-direction: column;
}
.pre-inc .structure_group .structure_item .item .item03 .photo,
.pre-inc .structure_group .structure_item .item .item04 .photo {
  position: relative;
  text-align: center;
}
.pre-inc .structure_group .structure_item .item .item05 {
  align-items: flex-end;
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item05 {
    flex-direction: column;
    row-gap: 30px;
  }
}
.pre-inc .structure_group .structure_item .item .item05 .text_group {
  width: 47.5%;
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item05 .text_group {
    width: 100%;
  }
}
.pre-inc .structure_group .structure_item .item .item05 .photo {
  position: relative;
  width: 47.5%;
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item05 .photo {
    width: 100%;
  }
}
.pre-inc .structure_group .structure_item .item .item05 .photo .caption_group {
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item06 {
    flex-direction: column;
  }
}
.pre-inc .structure_group .structure_item .item .item06 .text_group {
  width: 49.13%;
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item06 .text_group {
    width: 100%;
  }
}
.pre-inc .structure_group .structure_item .item .item06 .photo {
  position: relative;
  width: 45.62%;
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item06 .photo {
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
  }
}
.pre-inc .structure_group .structure_item .item .item08 .text_group {
  width: 49.13%;
}
.pre-inc .structure_group .structure_item .item .item08 .photo {
  position: relative;
  width: 45.97%;
}
.pre-inc .structure_group .structure_item .item .item09 .text_group {
  width: 49.13%;
}
.pre-inc .structure_group .structure_item .item .item09 .photo {
  position: relative;
  width: 45.79%;
}
.pre-inc .structure_group .structure_item .item .item10 {
  flex-direction: column;
}
.pre-inc .structure_group .structure_item .item .item10 .photo {
  width: 45.62%;
  margin-left: auto;
  margin-top: -6%;
}
@media screen and (max-width: 820px) {
  .pre-inc .structure_group .structure_item .item .item10 .photo {
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .structure_group .structure_item .item .item10 .photo {
    width: fit-content;
  }
}
.pre-inc .structure_group .structure_item .item .item13 {
  flex-direction: column;
}
.pre-inc .structure_group .structure_item .item .item13 .text_group {
  width: 100%;
}
.pre-inc .structure_group .structure_item .item .item13 .photo .caption_group .cap_l {
  width: 49%;
  margin-top: 10px;
  text-align: center;
}
.pre-inc .structure_group .structure_item .item .item14 {
  flex-direction: column;
}
.pre-inc .structure_group .structure_item .item .item14 .text_group {
  width: 100%;
}
.pre-inc .structure_group .structure_item .item .item14 .photo {
  margin-top: -8%;
}

/*# sourceMappingURL=structure.css.map */