@charset "UTF-8";
/* ------ 基本 ------ */
/* ------ 投稿一覧ページ ------ */
/*===================================
 page --- about
 css/page/about.css
===================================*/
.l-contents__inner {
  padding-bottom: 0 !important;
}

/*----------------------------------
 優れた総合力で故郷を支える
----------------------------------*/
.p-about-clmn-block {
  max-width: calc(1920px + (60px)) !important;
  margin: 0 auto !important;
  /* 横並び */
  /* テキストエリア */
  /* 画像 */
  /* ボタン ボックス */
  /* ボタン */
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block {
    padding-left: 60px;
  }
}
.p-about-clmn-block .smb-section__contents-wrapper {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .smb-section__contents-wrapper {
    max-width: calc(100% - (60px));
  }
}
.p-about-clmn-block .c-container {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
  padding: 0;
}
.p-about-clmn-block .c-row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .p-about-clmn-block .c-row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.p-about-clmn-block .c-row--lg-middle {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .c-row--lg-middle {
    left: 151px;
  }
}
.p-about-clmn-block .c-row__col:nth-child(1) {
  width: 100%;
  max-width: 730px;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .c-row__col:nth-child(1) {
    width: 40.5555555556%;
    margin-top: 0;
  }
}
.p-about-clmn-block .smb-section {
  padding: 0 !important;
}
.p-about-clmn-block .smb-section__contents-wrapper--left {
  position: relative;
  z-index: 1;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.p-about-clmn-block .smb-section-break-the-grid__content {
  width: 92%;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .smb-section-break-the-grid__content {
    width: 100%;
    margin-right: 0;
  }
}
.p-about-clmn-block .wp-block-columns {
  padding: 23px 20px 36px !important;
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .wp-block-columns {
    padding: 65px 9.4% 106px !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .c-row__col:nth-child(2) {
    -ms-flex-preferred-size: 75.44%;
        flex-basis: 75.44%;
    max-width: 860px;
  }
}
.p-about-clmn-block .wp-block-buttons {
  margin-top: 26px;
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .wp-block-button {
    margin: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-clmn-block .smb-section-break-the-grid__content {
    top: 68px;
    left: 8.5% !important;
  }
}

.p-about-clmn-block__txt {
  margin: -27px 0 0 !important;
}

.p-about-message-box {
  padding: 20px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-about-message-box {
    padding: 40px 50px 55px 60px;
  }
}
.p-about-message-box::after {
  position: absolute;
  left: -33px;
  bottom: -50px;
  display: block;
  content: "";
  background: url("../../images/about/message_logo_mark.png") no-repeat center center/contain;
  width: 45.3333333333vw;
  height: 44.8vw;
}
@media screen and (min-width: 640px) {
  .p-about-message-box::after {
    width: 26.5625vw;
    height: 26.25vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-message-box::after {
    width: 294px;
    height: 292px;
  }
}

/*----------------------------------
 キャッチコピー
----------------------------------*/
.p-about-catch {
  /* ボタン */
}
.p-about-catch .wp-block-columns {
  gap: 0 2% !important;
  margin-top: 27px;
}
.p-about-catch .wp-block-button,
.p-about-catch .wp-block-buttons > .wp-block-button.has-custom-width {
  position: relative;
  background-color: #fff;
  border: 1px solid var(--accent-color);
  border-radius: 0;
  width: 100% !important;
  max-width: 250px;
  overflow: initial;
}
@media screen and (min-width: 640px) {
  .p-about-catch .wp-block-button,
.p-about-catch .wp-block-buttons > .wp-block-button.has-custom-width {
    max-width: 250px;
  }
}
.p-about-catch .wp-block-button::after,
.p-about-catch .wp-block-buttons > .wp-block-button.has-custom-width::after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
  display: inline-block;
  content: "";
  background: url("../../images/icon/icon_arw_down.svg") no-repeat center center/contain;
  width: 12px;
  height: 6px;
}
.p-about-catch .wp-block-button:hover::after,
.p-about-catch .wp-block-buttons > .wp-block-button.has-custom-width:hover::after {
  top: 55%;
}
.p-about-catch .wp-block-buttons {
  margin-bottom: 20px;
}

/*----------------------------------
 ISO の取得
----------------------------------*/
.p-about-iso {
  padding: 50px 20px !important;
  /* ボタン */
}
@media screen and (min-width: 1024px) {
  .p-about-iso {
    padding: 60px 60px 100px !important;
  }
}
.p-about-iso .c-container {
  width: 100%;
  padding: 0;
}
.p-about-iso .smb-section {
  padding: 0;
}
.p-about-iso .c-title__double-underline {
  margin-bottom: 25px !important;
}
.p-about-iso .wp-block-buttons {
  margin: 12px 0 0 !important;
}
.p-about-iso .wp-block-button {
  margin: 0 !important;
}
.p-about-iso .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
  position: relative;
  padding: 6px 10px 6px 24px;
}
.p-about-iso .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link::before {
  position: absolute;
  top: 50%;
  left: 6.1333333333vw;
  -webkit-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
  display: block;
  content: "";
  background: url("../../images/icon/icon_link.svg") no-repeat center center/contain;
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 640px) {
  .p-about-iso .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link::before {
    left: 7.03125vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-iso .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link::before {
    left: 65px;
    width: 18px;
    height: 18px;
  }
}

.p-about-iso-box {
  padding: 0;
}

.p-about-iso-box-clmn {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  .p-about-iso-box-clmn__img {
    max-width: 280px;
  }
}
.p-about-iso-box-clmn__img .smb-box {
  padding: 20px 4% 25px;
}
@media screen and (min-width: 1024px) {
  .p-about-iso-box-clmn__img .smb-box {
    padding: 20px 11% 25px;
  }
}
.p-about-iso-box-clmn__img .wp-block-columns {
  gap: 0 3% !important;
}
@media screen and (min-width: 1024px) {
  .p-about-iso-box-clmn__img .wp-block-columns {
    gap: 0 9% !important;
  }
}
.p-about-iso-box-clmn__img .wp-block-column {
  max-width: 60px;
}

.p-about-iso-service {
  margin-top: 22px !important;
}
@media screen and (min-width: 1024px) {
  .p-about-iso-service {
    margin-top: 12px !important;
  }
}

.is-layout-constrained .p-about__left-border-head {
  position: relative;
  line-height: 2.25;
  margin: 0 0 -4px 0 !important;
  padding-left: 7.2vw !important;
}
@media screen and (min-width: 640px) {
  .is-layout-constrained .p-about__left-border-head {
    padding-left: 4.21875vw !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-layout-constrained .p-about__left-border-head {
    padding-left: 27px !important;
  }
}
.is-layout-constrained .p-about__left-border-head::before {
  position: absolute;
  top: 18px;
  left: 0;
  display: block;
  content: "";
  background-color: var(--accent-color);
  width: 5.3333333333vw;
  height: 0.5333333333vw;
}
@media screen and (min-width: 640px) {
  .is-layout-constrained .p-about__left-border-head::before {
    width: 3.125vw;
    height: 0.3125vw;
  }
}
@media screen and (min-width: 1024px) {
  .is-layout-constrained .p-about__left-border-head::before {
    width: 20px;
    height: 2px;
  }
}
.is-layout-constrained .p-about__left-border-head + p {
  max-width: 100%;
  margin-left: 0 !important;
}

/*----------------------------------
 盛武組の SDGｓ取組み
----------------------------------*/
.p-about-sdgs {
  padding: 0;
}
.p-about-sdgs .c-title__double-underline {
  border-bottom-color: #efeff2 !important;
}
.p-about-sdgs .c-container,
.p-about-sdgs .smb-section,
.p-about-sdgs .smb-box {
  width: 100%;
  padding: 0;
}
.p-about-sdgs .is-layout-constrained .p-about-sdgs-box__img {
  max-width: 100%;
  margin-top: 10px !important;
}
@media screen and (min-width: 1024px) {
  .p-about-sdgs .is-layout-constrained .p-about-sdgs-box__img {
    margin: 10px 0 0 7% !important;
  }
}

.p-about-sdgs-box {
  padding: 29px 20px !important;
}
@media screen and (min-width: 1024px) {
  .p-about-sdgs-box {
    padding: 29px 0 29px 3% !important;
  }
}
.p-about-sdgs-box .p-about__left-border-head {
  line-height: 1;
  margin-bottom: -1px !important;
  padding-left: 8.8vw !important;
}
@media screen and (min-width: 640px) {
  .p-about-sdgs-box .p-about__left-border-head {
    padding-left: 5.15625vw !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-sdgs-box .p-about__left-border-head {
    padding-left: 33px !important;
  }
}
.p-about-sdgs-box .p-about__left-border-head::before {
  top: 11px;
  width: 25px;
}

.p-about-sdgs-clmn {
  margin-top: 43px !important;
}
.p-about-sdgs-clmn .c-row--margin {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .p-about-sdgs-clmn .c-row--margin {
    gap: 0 2% !important;
  }
}
.p-about-sdgs-clmn .c-row__col {
  max-width: 320px !important;
  margin-bottom: 23px;
  padding: 0;
}
@media screen and (min-width: 640px) {
  .p-about-sdgs-clmn .c-row__col {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
}
.p-about-sdgs-clmn.wp-block-columns {
  gap: 0 2% !important;
}

.p-about-sdgs-clmn-box {
  -webkit-box-shadow: 5px 5px 5px 0 rgba(178, 178, 178, 0.4) !important;
          box-shadow: 5px 5px 5px 0 rgba(178, 178, 178, 0.4) !important;
  max-width: 320px;
}
.p-about-sdgs-clmn-box .smb-box__body {
  min-height: 320px;
  padding: 32px 7% 25px;
}

.p-about-sdgs-clmn-box__head {
  margin: 5px 0 10px !important;
}

.p-about-sdgs-clmn-box-list li:nth-child(n+2) {
  margin-top: -4px;
}

/*----------------------------------
 地域貢献活動
----------------------------------*/
.p-about-contribute {
  padding: 50px 20px !important;
}
@media screen and (min-width: 1024px) {
  .p-about-contribute {
    padding: 60px 60px 85px !important;
  }
}
.p-about-contribute .c-container,
.p-about-contribute .smb-section,
.p-about-contribute .smb-box {
  width: 100%;
  padding: 0;
}
.p-about-contribute .c-title__double-underline {
  margin-bottom: 31px !important;
}

.p-about-contribute-box {
  padding: 0;
}

.p-about-contribute-box-clmn {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-about-contribute-box-clmn .c-row--margin {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .p-about-contribute-box-clmn .c-row--margin {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0 5%;
  }
}
.p-about-contribute-box-clmn .c-row__col {
  max-width: 460px !important;
  padding: 0;
}
@media screen and (min-width: 640px) {
  .p-about-contribute-box-clmn .c-row__col {
    -ms-flex-preferred-size: 46% !important;
        flex-basis: 46% !important;
    margin-bottom: -25px;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-contribute-box-clmn .c-row__col {
    -ms-flex-preferred-size: 47.5% !important;
        flex-basis: 47.5% !important;
  }
}
@media screen and (min-width: 640px) {
  .p-about-contribute-box-clmn .c-row__col:nth-child(even) {
    margin-top: 40px;
  }
}

.p-about-contribute-clmn-box {
  position: relative;
}

.p-about-contribute-clmn__txt-head {
  max-width: 90%;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 1024px) {
  .p-about-contribute-clmn__txt-head {
    max-width: 100%;
  }
}
.p-about-contribute-clmn__txt-head span {
  display: inline;
  color: #fff;
}

.p-about-contribute-clmn__txt {
  bottom: 25px;
  right: auto;
  width: 94%;
  min-height: 115px;
  margin-top: 0 !important;
  padding: 13px 0.3% !important;
}
@media screen and (min-width: 640px) {
  .p-about-contribute-clmn__txt {
    bottom: 25px;
    right: -10px;
    width: 104%;
  }
}