/*! Writen  by SCSS */
.inner_main {
  background-image: url(../images/main.jpg); }
  @media screen and (max-width: 480px) {
    .inner_main {
      background-position: right 35% center; } }

.midashi_group {
  margin-bottom: clamp(50px, 7.5vw, 90px); }

.structure_group {
  flex-wrap: wrap;
  row-gap: clamp(50px, 70vw, 70px); }
  @media screen and (max-width: 820px) {
    .structure_group {
      row-gap: 50px; } }
  @media screen and (max-width: 480px) {
    .structure_group {
      flex-direction: column; } }
  .structure_group .group_in {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .structure_group .group_in {
        width: 100%; } }
    .structure_group .group_in.full {
      width: 100%; }
  .structure_group .text_wrap {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: clamp(20px, 2.5vw, 30px); }
    @media screen and (max-width: 820px) {
      .structure_group .text_wrap {
        row-gap: 15px; } }
    .structure_group .text_wrap .ttl {
      font-size: clamp(14px, 1.667vw, 20px);
      color: #92762b; }
      @media screen and (max-width: 480px) {
        .structure_group .text_wrap .ttl {
          font-size: 16px; } }
    .structure_group .text_wrap .read {
      line-height: 1.8; }
      @media screen and (max-width: 820px) {
        .structure_group .text_wrap .read {
          line-height: 1.6; } }
  .structure_group .read .small {
    font-size: 86%; }
  .structure_group .image {
    position: relative;
    background: #FFF; }
    .structure_group .image.border:after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #CCC; }
  .structure_group .cap_l {
    font-size: 10px; }
    .structure_group .cap_l.block {
      display: block; }

.sec01 {
  padding: clamp(50px, 8.334vw, 100px) 0 0; }
  @media screen and (max-width: 480px) {
    .sec01 .structure_group .group_in.item01 {
      flex-direction: column;
      row-gap: 20px; } }
  .sec01 .structure_group .group_in.item01 .left {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec01 .structure_group .group_in.item01 .left {
        width: 100%; } }
    .sec01 .structure_group .group_in.item01 .left .item01_1 {
      margin-bottom: clamp(30px, 5vw, 60px); }
      @media screen and (max-width: 820px) {
        .sec01 .structure_group .group_in.item01 .left .item01_1 {
          margin-bottom: 30px; } }
      .sec01 .structure_group .group_in.item01 .left .item01_1 .item01_in {
        width: 46.56%; }
        .sec01 .structure_group .group_in.item01 .left .item01_1 .item01_in.second {
          width: 50%; }
          @media screen and (max-width: 480px) {
            .sec01 .structure_group .group_in.item01 .left .item01_1 .item01_in.second .read.first {
              font-size: 11px;
              letter-spacing: normal; } }
  .sec01 .structure_group .group_in.item01 .right {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec01 .structure_group .group_in.item01 .right {
        width: 100%; } }
    .sec01 .structure_group .group_in.item01 .right .image {
      position: relative; }
      .sec01 .structure_group .group_in.item01 .right .image .stake {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: clamp(12px, 1.25vw, 15px);
        color: #FFF; }

.sec02 {
  padding: clamp(80px, 10vw, 120px) 0 clamp(50px, 8.334vw, 100px); }
  @media screen and (max-width: 480px) {
    .sec02 .structure_group .group_in.item02 {
      flex-direction: column;
      row-gap: 20px; } }
  .sec02 .structure_group .group_in.item02 .left {
    width: 24.17%; }
    @media screen and (max-width: 480px) {
      .sec02 .structure_group .group_in.item02 .left {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec02 .structure_group .group_in.item02 .left .text_wrap {
        margin-bottom: 0; } }
  .sec02 .structure_group .group_in.item02 .right {
    width: 74.17%; }
    @media screen and (max-width: 480px) {
      .sec02 .structure_group .group_in.item02 .right {
        width: 100%; } }
  @media screen and (max-width: 480px) {
    .sec02 .structure_group .group_in.item03 {
      flex-direction: column;
      row-gap: 20px; } }
  .sec02 .structure_group .group_in.item03 .half_box {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec02 .structure_group .group_in.item03 .half_box {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec02 .structure_group .group_in.item03 .half_box .text_wrap {
        margin-bottom: 0; } }

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