/*! Writen  by SCSS */
.breadlist {
  display: none; }

.main_ttl {
  color: #81725e; }

.sec_ttl {
  color: #81725e; }

.sec_main {
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec_main {
      margin-bottom: 40px; } }

.btn a {
  width: fit-content;
  margin-inline: auto;
  position: relative;
  color: #9c8e7d;
  font-size: clamp(14px, 1.819vw, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  transition: all 0.3s ease-in-out 0s;
  font-weight: bold; }
  .btn a::after {
    content: '';
    width: 10px;
    height: 15px;
    background-color: #9c8e7d;
    position: relative;
    clip-path: polygon(100% 50%, 0 0, 0 100%); }
  @media (hover: hover) {
    .btn a:hover {
      opacity: 0.7; } }
  @media screen and (max-width: 480px) {
    .btn a {
      font-size: 17px; } }

.sec00 .sec_ttl_wrap .main_ttl {
  margin-bottom: 0; }

.sec01 {
  background-color: #f4f2f0;
  padding: clamp(60px, 9.091vw, 100px) 0; }
  .sec01 .main_img {
    width: 90.91%;
    margin-inline: auto;
    margin-bottom: clamp(15px, 4.5vw, 45px); }
    @media screen and (max-width: 480px) {
      .sec01 .main_img {
        width: 100%; } }
    .sec01 .main_img .cap_r {
      margin-top: 5px; }
  .sec01 .main_text_wrap {
    text-align: center;
    margin-bottom: clamp(60px, 10.91vw, 120px); }
    .sec01 .main_text_wrap .img {
      margin-bottom: 3.5em;
      width: 52%;
      margin-inline: auto; }
      @media screen and (max-width: 480px) {
        .sec01 .main_text_wrap .img {
          width: 75%;
          margin-bottom: 15px; } }
    .sec01 .main_text_wrap .main_ttl {
      color: #383839;
      font-weight: bold;
      margin-bottom: .9em; }
    .sec01 .main_text_wrap .main_read {
      margin-bottom: 3em; }
  .sec01 .list {
    flex-wrap: wrap;
    row-gap: clamp(30px, 5.455vw, 60px); }
    @media screen and (max-width: 768px) {
      .sec01 .list {
        flex-direction: column; } }
    .sec01 .list .item {
      width: 47.28%;
      padding: clamp(10px, 2.728vw, 30px) 2.73%;
      background-color: #fff; }
      @media screen and (max-width: 768px) {
        .sec01 .list .item {
          width: 100%;
          max-width: 520px;
          margin-inline: auto;
          padding-inline: 30px; } }
      @media screen and (max-width: 480px) {
        .sec01 .list .item {
          padding: 25px 15px; } }
      .sec01 .list .item .img_wrap {
        margin-bottom: clamp(15px, 2.728vw, 30px); }
      .sec01 .list .item .icon {
        margin-inline: auto;
        margin-bottom: clamp(10px, 1.364vw, 15px);
        height: 63px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media screen and (max-width: 768px) {
          .sec01 .list .item .icon {
            height: auto; } }
      .sec01 .list .item .ttl {
        font-size: clamp(20px, 2.091vw, 23px);
        text-align: center;
        color: #3e3a39;
        font-weight: bold;
        margin-bottom: 0.6em;
        display: flex;
        flex-direction: column;
        justify-content: center; }
      .sec01 .list .item .read {
        font-size: clamp(12px, 1.25vw, 15px);
        margin-bottom: clamp(15px, 3.637vw, 40px);
        font-feature-settings: "palt";
        letter-spacing: 0.05em;
        line-height: 2.2;
        font-weight: bold;
        color: #3e3a39; }
        @media screen and (max-width: 480px) {
          .sec01 .list .item .read {
            height: fit-content !important; } }
      .sec01 .list .item.item01 .icon {
        width: 61.09%; }
      .sec01 .list .item.item02 .icon {
        width: 69.57%; }
      .sec01 .list .item.item03 .icon {
        width: 50.87%; }
      .sec01 .list .item.item04 .icon {
        width: 86.09%; }
      .sec01 .list .item.item05 .ttl {
        margin-block: 2.03em; }
        @media screen and (max-width: 480px) {
          .sec01 .list .item.item05 .ttl {
            margin-block: 0 20px; } }
      .sec01 .list .item.item05 .icon {
        width: 69.79%; }
      .sec01 .list .item.item06 .icon {
        width: 50%; }
      .sec01 .list .item.item07 .icon {
        width: 49.57%; }

@media screen and (max-width: 480px) {
  .ls02_sp {
    letter-spacing: -0.02em !important; } }

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