/*! Writen  by SCSS */
.sec01 {
  padding: clamp(50px, 8.334vw, 100px) 0;
  background: #FFF;
  color: #000; }
  .sec01 .owner_group {
    flex-wrap: wrap;
    row-gap: clamp(60px, 8.334vw, 100px); }
    @media screen and (max-width: 480px) {
      .sec01 .owner_group {
        row-gap: 80px; } }
    .sec01 .owner_group .owner_in {
      width: 47.87%; }
      @media screen and (max-width: 480px) {
        .sec01 .owner_group .owner_in {
          width: 100%; } }
      .sec01 .owner_group .owner_in .caption {
        font-size: clamp(10px, 1.084vw, 13px);
        line-height: 1.4;
        margin-top: 5px; }
        .sec01 .owner_group .owner_in .caption.lt {
          letter-spacing: -0.1em; }
      .sec01 .owner_group .owner_in.full {
        width: 100%; }
        @media screen and (max-width: 480px) {
          .sec01 .owner_group .owner_in.full {
            flex-direction: column;
            row-gap: 30px; } }
        .sec01 .owner_group .owner_in.full .left {
          width: 47.87%; }
          @media screen and (max-width: 480px) {
            .sec01 .owner_group .owner_in.full .left {
              width: 100%; } }
          .sec01 .owner_group .owner_in.full .left .own_info {
            margin-bottom: clamp(40px, 5.834vw, 70px); }
          .sec01 .owner_group .owner_in.full .left .ranking_group {
            flex-direction: column;
            row-gap: 40px; }
            .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont {
              position: relative;
              padding: 20px 0 0 20px;
              flex-wrap: wrap;
              align-items: flex-end;
              gap: 15px 0; }
              @media screen and (max-width: 480px) {
                .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont {
                  padding: 15px 0 0 15px; } }
              .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont:before, .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont:after {
                content: "";
                inset: 0;
                position: absolute;
                background: #db392a; }
              .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont:before {
                bottom: auto;
                height: 2px; }
              .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont:after {
                right: auto;
                width: 2px; }
              .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont.ex {
                margin-bottom: 10px; }
              .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group {
                align-items: baseline;
                column-gap: 10px; }
                @media screen and (max-width: 480px) {
                  .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group {
                    flex-wrap: wrap;
                    justify-content: center;
                    gap: 10px 15px; } }
                .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group .s01 {
                  align-self: center;
                  font-size: clamp(11px, 1.231vw, 16px);
                  color: #FFF;
                  padding: 5px;
                  text-align: center;
                  background: #db392a; }
                  @media screen and (max-width: 480px) {
                    .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group .s01 {
                      width: 100%;
                      font-size: 4vw; } }
                .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group .s02 {
                  font-size: clamp(14px, 1.924vw, 25px);
                  line-height: 1; }
                  @media screen and (max-width: 480px) {
                    .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group .s02 {
                      font-size: 5vw; } }
                  .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group .s02 span {
                    display: inline-block;
                    line-height: 1; }
                    .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group .s02 span.big {
                      font-size: 260%; }
                    .sec01 .owner_group .owner_in.full .left .ranking_group .ranking_in .ranking_cont .supply_group .s02 span.big02 {
                      font-size: 160%; }
        .sec01 .owner_group .owner_in.full .right {
          width: 48.38%; }
          @media screen and (max-width: 480px) {
            .sec01 .owner_group .owner_in.full .right {
              width: 100%; } }
          .sec01 .owner_group .owner_in.full .right .photo.full {
            width: 100%; }
          .sec01 .owner_group .owner_in.full .right .photo_group {
            margin: 20px 0;
            align-items: flex-start; }
            @media screen and (max-width: 480px) {
              .sec01 .owner_group .owner_in.full .right .photo_group {
                margin: 10px 0; } }
            .sec01 .owner_group .owner_in.full .right .photo_group .photo_in {
              width: 47.71%;
              flex-direction: column;
              row-gap: 20px; }
              @media screen and (max-width: 480px) {
                .sec01 .owner_group .owner_in.full .right .photo_group .photo_in {
                  row-gap: 10px; } }
      .sec01 .owner_group .owner_in .own_info {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: clamp(20px, 3.334vw, 40px) 0;
        margin-bottom: 20px; }
        .sec01 .owner_group .owner_in .own_info .own_logo {
          width: 100%; }
          .sec01 .owner_group .owner_in .own_info .own_logo.takara {
            max-width: 277px; }
          .sec01 .owner_group .owner_in .own_info .own_logo.escon {
            max-width: 217px; }
          .sec01 .owner_group .owner_in .own_info .own_logo.hoosiers {
            max-width: 232px; }
          .sec01 .owner_group .owner_in .own_info .own_logo img {
            width: 100%; }
        .sec01 .owner_group .owner_in .own_info .own_ttl {
          font-size: clamp(15px, 1.667vw, 20px);
          line-height: 2; }
        .sec01 .owner_group .owner_in .own_info .own_read {
          font-size: clamp(12px, 1.334vw, 16px); }
      .sec01 .owner_group .owner_in .photo_cont {
        flex-wrap: wrap;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .sec01 .owner_group .owner_in .photo_cont {
            gap: 10px 0; } }
        .sec01 .owner_group .owner_in .photo_cont .photo {
          width: 48.93%; }
          .sec01 .owner_group .owner_in .photo_cont .photo.full {
            width: 100%; }
      .sec01 .owner_group .owner_in .photo_cont02 {
        flex-wrap: wrap;
        row-gap: 20px; }
        @media screen and (max-width: 480px) {
          .sec01 .owner_group .owner_in .photo_cont02 {
            row-gap: 10px; } }
        .sec01 .owner_group .owner_in .photo_cont02 .photo.photo01 {
          width: 100%; }
        .sec01 .owner_group .owner_in .photo_cont02 .photo.photo03 {
          width: 55.36%; }
        .sec01 .owner_group .owner_in .photo_cont02 .photo.photo04 {
          width: 42.86%; }

/*# sourceMappingURL=brand.css.map */
