/*! Writen  by SCSS */
.inner_main {
  background-image: url("../images/brand/main.jpg"); }

.sec_obi {
  background-image: url("../images/brand/obi_bg.jpg"); }
  .sec_obi .inner_head::after {
    background: #58806e; }
  .sec_obi .sec_obi_text .text::after {
    background: #58806e; }

.sec_border {
  background: #58806e; }

.sec_border_02 {
  margin-top: 51.57%;
  background: rgba(88, 128, 110, 0.5); }

.bg01 {
  background: rgba(88, 129, 110, 0.1); }

.sec .inner {
  max-width: 890px; }

.sec01 {
  padding-top: clamp(60px, 7.82%, 100px);
  padding-bottom: clamp(60px, 7.82%, 100px); }
  .sec01 .inner .read {
    margin-bottom: clamp(80px, 11.72%, 150px); }
  .sec01 .bg01 {
    margin-top: clamp(60px, 7.82%, 100px);
    padding-top: clamp(80px, 10.16%, 130px);
    padding-bottom: clamp(70px, 8.6%, 110px); }

.txt_item {
  margin-bottom: clamp(30px, 3.91%, 50px);
  position: relative; }
  .txt_item .logo_top {
    position: absolute;
    top: 0;
    margin-top: -5.61%;
    right: -22.47%; }
    @media screen and (max-width: 1340px) {
      .txt_item .logo_top {
        right: 0; } }
    @media screen and (max-width: 480px) {
      .txt_item .logo_top {
        position: static;
        margin-top: 0;
        margin-inline: auto;
        margin-bottom: 30px; } }
    .sec01 .txt_item .logo_top {
      max-width: 181px;
      width: 20.34%; }
      @media screen and (max-width: 480px) {
        .sec01 .txt_item .logo_top {
          width: 37.71%; } }
    .sec02 .txt_item .logo_top {
      max-width: 195px;
      width: 21.92%; }
      @media screen and (max-width: 480px) {
        .sec02 .txt_item .logo_top {
          width: 40.63%; } }
    .sec03 .txt_item .logo_top {
      max-width: 193px;
      width: 21.69%; }
      @media screen and (max-width: 480px) {
        .sec03 .txt_item .logo_top {
          width: 40.21%; } }
  .txt_item .logo_img {
    margin-bottom: clamp(40px, 4.69%, 60px); }
  .txt_item .txt_box {
    font-weight: 400; }
    .txt_item .txt_box .ttl {
      font-size: clamp(18px, 2.1vw, 27px);
      letter-spacing: 0.23em;
      border-bottom: 1px solid #898989;
      max-width: 650px;
      line-height: 1;
      padding-bottom: 0.5em;
      margin: 0 auto 0.8em;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .txt_item .txt_box .ttl {
          line-height: 1.4; } }
    .txt_item .txt_box .txt {
      font-size: clamp(12px, 1.17vw, 15px);
      line-height: 1.8;
      letter-spacing: 0.03em; }

.img_item {
  max-width: 890px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .img_item {
      flex-direction: column;
      gap: 20px 0; } }
  .img_item figure {
    width: calc(430%/8.9); }
    @media screen and (max-width: 480px) {
      .img_item figure {
        width: 100%; } }
    .img_item figure .item_text {
      margin-top: 10px;
      text-align: center;
      line-height: 1.4; }
      .img_item figure .item_text .text_top {
        font-size: clamp(13px, 1.61vw, 15px); }
      .img_item figure .item_text .text_bottom {
        font-size: clamp(10px, 1.29vw, 12px); }
        .img_item figure .item_text .text_bottom.text_dummy {
          color: #e4007f; }

.sec03 {
  margin-top: clamp(60px, 7.82%, 100px);
  padding-top: clamp(80px, 10.16%, 130px); }

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