@charset "UTF-8";
:root {
  --color-green-100:#1C8E1E;
  --color-green-200:#006600;
  --color-green-300:#E9EEE9;
  --color-green-400:#F1F4F1;
  --color-gray-100: #171A17;
  --color-gray-200: #4E524E;
  --color-gray-300: #7E7E7E;
  --color-gray-400: #E4E4E4;
  --color-gray-500: #F5F5F5;
  --color-red-100: #8E1C1C;
  --color-red-200: #F0CECE;
  --font-size-xs: 10px;
  --font-size-sm: 13px;
  --font-size-md: 16px;
  --font-size-base: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 25px;
  --font-size-2xl: 31px;
  --font-size-3xl: 39px;
  --font-size-4xl: 49px;
  --font-size-5xl: 61px;
  --border-radius-xs: 2px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-full: 9999px;
  
  /* 共通画像スタイル */
  --img-common-width: 200px;
  --img-common-height: 127px;
  --img-mobile-width: 120px;
  --img-mobile-height: 80px;
  
  /* 共通レイアウトクラス */
  --display-inline-block: inline-block;
  --line-height-sm: 1.3;
  --line-height-md: 1.5;
  --line-height-lg: 1.9;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-family-base: "Noto Sans JP", メイリオ, meiryo, sans-serif;
  --base-size: 8px;
  --width-pc: 1200px;
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
  --breakpoint-pc: var(--width-pc);
}
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

#root, #__next {
  isolation: isolate;
}

body, html {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-normal);
  -webkit-font-smoothing: antialiased;
  color: var(--color-gray-100);
  height: -webkit-fill-available;
}

/* アクセシビリティ: スクリーンリーダー専用テキスト */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.is-hidden-pc {
  display: none;
}

.is-hidden-sp {
  display: inline;
}

.no-horizontal-scrolling {
  overflow-x: hidden;
}

.error {
  padding: 64px 32px;
  max-width: 600px;
  margin-inline: auto;
}
.error__ttl {
  font-size: 32px;
  font-weight: 700;
}
.error__desc {
  font-size: 16px;
  margin-top: 16px;
}

.wp-block-tag-cloud {
  a {
    display: inline-block;
    margin-right: 4px;
    text-decoration: none;
    color: var(--color-gray-100);
    border: 1px solid var(--color-gray-400);
    padding: 2px 8px;
    font-size: var(--font-size-sm) !important;
    border-radius: var(--border-radius-sm);
    margin: 0 4px 4px 0;
    background: #fff;
  }
}

.m-breadcrumb {
  border-top: 1px solid var(--color-gray-400);
  a {
    color: var(--color-gray-300);
  }
}
.m-breadcrumb__inr {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 16px 0;
  font-size: var(--font-size-sm);
}

.m-btn {
  display: block;
  padding: 16px 24px;
  border-radius: 72px;
  border: 2px solid var(--color-gray-100);
  font-weight: bold;
  color: var(--color-gray-100);
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  &:hover {
    background: var(--color-gray-100);
    color: #fff;
  }
  & + .m-btn {
    margin-left: 16px;
  }
}
.m-btn--inline {
  display: inline-block;
}
.m-btn--primary {
  background: var(--color-gray-100);
  color: #fff;
  &:hover {
    background: transparent !important;
    border: 2px solid var(--color-gray-100);
    color: var(--color-gray-100) !important;
  }
}
.m-btn--secondary {
  background: #fff;
  color: var(--color-green-100);
  border: 2px solid var(--color-green-100);
  &:hover {
    background: var(--color-green-100);
    color: #fff;
  }
}
.m-btn--white {
  background: #fff;
  color: var(--color-gray-100);
  border: 2px solid #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
  &:hover {
    background: var(--color-gray-100) !important;
    border: 2px solid var(--color-gray-100);
    color: #fff !important;
  }
}

.l-header {
  border-bottom: 1px solid var(--color-gray-400);
  background: #fff;
  z-index: 1;
  position: relative;
}
.l-header__inr {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-header__logo {
  width: 160px;
  margin-right: 24px;
}
.l-header__search__icon {
  display: none;
}

/* モバイル検索ポップアップ */
.l-header__search__popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  
  &.open {
    display: block;
  }
}

.l-header__search__popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.l-header__search__popup__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: var(--border-radius-lg);
  padding: 24px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.l-header__search__popup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.l-header__search__popup__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  margin: 0;
  color: var(--color-gray-100);
}

.l-header__search__popup__close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: background-color 0.2s;
  
  &:hover {
    background: var(--color-gray-500);
  }
  
  img {
    width: 20px;
    height: 20px;
  }
}

.l-header__search__popup__form {
  form {
    display: flex;
    align-items: center;
    background: var(--color-gray-500);
    border-radius: var(--border-radius-full);
    border: 1px solid var(--color-gray-400);
  }
  
  input {
    border: none;
    background: transparent;
    padding: 16px 20px;
    border-radius: calc(infinity * 1px);
    width: 100%;
    font-size: var(--font-size-base);
    
    &:focus {
      outline: none;
    }
    
    &::placeholder {
      color: var(--color-gray-300);
    }
  }
  
  button {
    background: var(--color-green-100);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    width: 48px !important;
    height: 48px !important;
    min-width: 48px;
    min-height: 48px;
    flex-shrink: 0;
    margin-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
    
    &:hover {
      background: var(--color-green-200);
    }
    
    img {
      width: 20px;
      height: 20px;
    }
  }
}
.l-header__search__bottom {
  display: none;
  padding: 16px 20px;
  &.open {
    display: flex;
    justify-content: center;
  }
  form {
    display: flex;
    align-items: center;
    width: 100%;
  }
  input {
    border: 1px solid var(--color-gray-400);
    background: var(--color-gray-500);
    padding: 8px 16px;
    border-radius: calc(infinity * 1px);
    width: calc(100% - 58px);
  }
  button {
    padding: 8px 16px;
    background: var(--color-green-100);
    border: 1px solid var(--color-green-100);
    border-radius: 0 8px 8px 0;
    color: #fff;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    height: 42px;
    display: flex;
    align-items: center;
    &:hover {
      background: var(--color-green-200);
    }
  }
}
.l-header__search {
  form {
    display: flex;
    align-items: center;
    background: var(--color-gray-500);
    border-radius: calc(infinity * 1px);
    border: 1px solid var(--color-gray-400);
  }
  input {
    border: none;
    background: var(--color-gray-500);
    padding: 8px 16px;
    border-radius: calc(infinity * 1px);
    max-width: 180px;
    &:focus {
      outline: none;
    }
  }
  button {
    background: var(--color-green-100);
    border: 1px solid var(--color-green-100);
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    &:hover {
      background: var(--color-green-200);
    }
  }
}
.l-header__btn {
  display: none;
}

.l-header__closebtn {
  display: none;
  &.open {
    display: block;
    z-index: 101;
    position: fixed;
    right: 20px;
    top: 24px;
  }
}
.l-header__nav__lst {
  padding: 0;
  list-style: none;
  display: flex;
  ul {
    padding: 0;
    list-style: none;
    display: flex;
    width: 100%;
  }

  li {
    position: relative;
    width: 100%;

    .sub-menu {
      display: none;
    }

    &:hover {
      .sub-menu {
        display: block;
      }
    }

    &:has(.sub-menu) {
      & > a:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../images/common/icon_arrow_down_blk.svg") no-repeat !important;
        background-size: 20px 20px;
        background-position: center;
        margin-left: 2px;
      }
      &:hover {
        a:after {
          transform: rotate(180deg);
        }
        .sub-menu {
          display: block;
          position: absolute;
          top: 49px;
          left: 50%;
          transform: translateX(-50%);
          background: #fff;
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
          border-radius: 8px;
          width: 260px;
          overflow: hidden;
          z-index: 100;

          a {
            padding: 12px 8px;
          }
        }
      }
    }
  }

  a {
    padding: 16px 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: var(--font-size-sm);
    letter-spacing: -0.01em;
    color: var(--color-gray-100);
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    justify-content: center;
  }

  .cta {
    a {
      background: var(--color-gray-100);
      color: #fff;
      border-radius: 64px;
      padding: 16px 24px;
      font-weight: var(--font-weight-bold);

      &:hover {
        background: var(--color-gray-200);
      }
    }
  }
}
.l-header__nav {
  margin-left: auto;
  background: var(--color-green-400);
  padding: 0 24px;
  &.open {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    padding: 64px 24px;
    z-index: 100;
    overflow-y: scroll;

    .sub-menu {
      display: block;
      padding-left: 16px;
    }
    .l-header__nav__lst {
      a {
        padding: 8px 0;
      }
      li:has(.sub-menu) > a:after {
        display: none;
      }
    }
  }
  .sub-menu {
    list-style: none;
    padding: 0;
    a:hover {
      background: var(--color-gray-500);
    }
  }
}
.l-header__cta {
  margin-left: auto;
}
.l-header__cta__btn {
  display: inline-block;
  padding: 16px 24px;
  font-weight: bold;
  text-decoration: none;
  color: var(--color-gray-100);
  border: 1px solid;
  border-radius: 32px;
  margin-left: 16px;
}
.l-header__cta__btn--primary {
  background: var(--color-gray-100);
  color: #fff;
}

.l-footer {
  background: var(--color-green-400);
}
.l-footer__inr {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 48px 0 0;
}
.l-footer__main {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 24px;
}
.l-footer__logo {
  img {
    max-width: 200px;
  }
  .sns {
    list-style: none;
    margin-top: 24px;
    padding-left: 0;
  }
}
.l-footer__logo__inr {
  color: var(--color-gray-100);
  text-decoration: none;
}
.l-footer__subcopy {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  display: block;
  margin-top: 4px;
}
.l-footer__column__ttl {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
  color: var(--color-gray-200);
}
.l-footer__nav__lst {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;

  .sub-menu {
    list-style: none;
    padding-left: 0;
    margin-top: 8px;

    a {
      font-size: var(--font-size-sm);
      font-weight: bold;
      color: var(--color-gray-200);
      text-decoration: none;
      display: block;
      padding: 4px 0;
      &:hover {
        text-decoration: underline;
      }
    }
  }

  a {
    font-size: var(--font-size-lg);
    font-weight: bold;
    color: var(--color-gray-100);
    text-decoration: none;
    display: block;
    &:hover {
      text-decoration: underline;
    }
  }
}
.l-footer__nav__lst__sub {
  display: flex;
  list-style: none;
  padding: 0;

  li + li {
    margin-left: 16px;
  }
  a {
    color: var(--color-gray-200);
    text-decoration: none;
    font-size: var(--font-size-sm);
  }
}
.l-footer__sub {
  margin-top: 24px;
  padding: 16px 0;
  border-top: 1px solid var(--color-gray-400);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-footer__copyright {
  margin-left: auto;
  font-size: var(--font-size-sm);
  color: var(--color-gray-300);
}

.m-cta-footer-above {
  background: url("../images/common/footer-above-cta-bg.png");
  background-size: cover;
}
.m-cta-footer-above__inr {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 80px 0;
}
.m-cta-footer-above__ttl {
  color: #fff;
  font-size: 32px;
  text-align: center;
  margin-bottom: 1em;
}
.m-cta-footer-above__lst {
  margin-left: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  list-style: none;
  padding: 0;

  li {
    background: #fff;
    padding: 24px;
    text-align: center;
    border-radius: 16px;
  }
}
.m-cta-footer-above__item__ttl {
  font-size: 24px;
  text-align: center;
}
.m-cta-footer-above__item__desc {
  font-size: var(--font-size-sm);
  text-align: center;
  margin: 16px 0;
}
.m-cta-footer-above__item__btn {
  display: inline-block;
  padding: 16px 24px;
  font-weight: bold;
  text-decoration: none;
  background: var(--color-gray-100);
  color: #fff;
  border: 1px solid;
  border-radius: 32px;
}

.m-fv-article-lst {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 40px 0;
}
.m-fv-article-lst__item {
  a {
    color: var(--color-gray-100);
    text-decoration: none;
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 16px;
    align-items: center;
  }
}
.m-fv-article-lst__item__img {
  img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    border-radius: var(--border-radius-md);
  }
}
.m-fv-article-lst__item__txt {
  padding: 24px;
}
.m-fv-article-lst__item__date {
  font-size: var(--font-size-sm);
  display: inline-block;
  margin-right: 16px;
  color: var(--color-gray-300);
}
.m-fv-article-lst__item__ttl {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: 8px;
}
.m-fv-article-lst__item__category {
  display: inline-block;
  color: var(--color-gray-200);
  margin-bottom: 16px;

  ul {
    padding: 0;

    li {
      display: inline-block;
      font-size: var(--font-size-sm);
      padding-right: 8px;
      padding: 8px 12px;
      background: var(--color-green-400);
      color: var(--color-green-100);
      border-radius: calc(infinity * 1px);
      text-decoration: none;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-bold);
    }
  }
}

.l-container {
  display: grid;
  grid-template-columns: 774px 1fr;
  gap: 32px;
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 40px 0;
  position: relative;
  align-items: start;
}

.m-sec__ttl {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: 16px;
}

.m-article-lst {
  & > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    list-style: none;
    padding: 0;
  }
  & + .m-article-lst {
    margin-top: 64px;
  }
}
.m-article-lst__item {
  a {
    display: grid;
    grid-template-columns: 115px 1fr;
    gap: 16px;
    text-decoration: none;
    color: var(--color-gray-100);
    align-items: flex-start;
  }
}
.m-article-lst__item__img {
  img {
    width: 200px;
    height: 127px;
       object-fit: cover;
    border-radius: var(--border-radius-md);
  }
}
.m-article-lst__item__date {
  font-size: var(--font-size-sm);
  display: inline-block;
  margin-right: 16px;
  color: var(--color-gray-200);
}
.m-article-lst__item__ttl {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  margin-bottom: 4px;
  line-height: var(--line-height-sm);
}
.m-top-article-block__link {
  margin-top: 24px;
}
.m-article-lst__item__category {
  display: inline-block;
  color: var(--color-gray-200);

  ul {
    padding: 0;

    li {
      display: inline-block;
      font-size: var(--font-size-sm);
      padding-right: 8px;
      padding: 4px 10px;
      background: var(--color-green-400);
      color: var(--color-green-100);
      border-radius: calc(infinity * 1px);
      text-decoration: none;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-bold);
      margin-bottom: 8px;
    }
  }
}
.m-category-list__lst {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  .m-category-list__item {
    & > a {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 0;
      list-style: none;
      border-bottom: 1px solid var(--color-gray-400);
      padding-bottom: 16px;
      margin-bottom: 0;
    }
    &:first-child {
      & > a {
        display: grid;
        grid-template-columns: 220px 1fr;
        gap: 24px;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
        align-items: start;
        text-decoration: none;
      }
      .m-category-list__item__ttl {
        font-size: var(--font-size-lg);
        color: var(--color-gray-100);
      }
      .m-category-list__item__excerpt {
        display: block;
      }
    }
    &:not(:first-child) {
      width: calc(50% - 12px); /* gap: 24px の半分を引いて折り返し時に隙間ができないように調整 */
      & > a {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        border-bottom: none;
        padding-bottom: 0;
        text-decoration: none;
      }
      .m-category-list__item__excerpt {
        display: none;
      }
      .m-category-list__item__img {
        min-width: 115px;
        max-width: 115px;
        width: 115px;
        img {
          width: 200px;
          height: 133px;
          object-fit: cover;
          border-radius: var(--border-radius-md);
        }
      }
      .m-category-list__item__ttl {
        font-size: var(--font-size-base);
        font-weight: var(--font-weight-bold);
        margin-bottom: 8px;
        color: var(--color-gray-100);
      }
      .m-category-list__item__date {
        font-size: var(--font-size-sm);
        color: var(--color-gray-300);
        margin-bottom: 0;
      }
    }
    .m-category-list__item__img {
      display: block;
      min-width: 120px;
      max-width: 220px;
      width: 100%;
      img {
        width: 100%;
        height: 140px;
        object-fit: cover;
        border-radius: var(--border-radius-md);
      }
    }
    .m-category-list__item__ttl {
      font-size: var(--font-size-md);
      font-weight: var(--font-weight-bold);
      margin-bottom: 8px;
      display: block;
    }
    .m-category-list__item__date {
      font-size: var(--font-size-sm);
      color: var(--color-gray-300);
      margin-bottom: 8px;
      display: block;
    }
    .m-category-list__item__excerpt {
      font-size: var(--font-size-sm);
      color: var(--color-gray-200);
      margin-bottom: 8px;
      display: block;
    }
  }
}
.m-category-list__link {
  margin-top: 24px;
}
.wp-pagenavi {
  padding: 24px 0;
  .pages {
    border: 0;
  }
  .page {
    border: 1px solid var(--color-gray-400);
    border-radius: 4px;
    color: var(--color-gray-100);
    padding: 4px 8px;
  }
  .current {
    background: var(--color-green-100);
    color: #fff;
    border-radius: 4px;
    border-color: var(--color-green-100) !important;
    padding: 4px 8px;
  }
  .extend {
    border: 0;
  }
  a {
    border-radius: 4px;
    border-color: var(--color-gray-400);
    color: var(--color-gray-100);
    padding: 4px 8px;
  }
}

.l-page {
  &.download {
    .l-page__inr {
      display: grid;
      grid-template-columns: 1fr 1fr;
      ul {
        padding-left: 24px;
      }
      h2 {
        font-size: 24px;
        margin-top: 1em;
        margin-bottom: 0.5em;
      }
      p {
        margin-top: 1em;
      }
    }
  }
}

.l-page__inr {
  .l-page__header__inr {
    padding: 0;
  }
  .l-page__content {
    padding: 48px 32px;
  }
}
.l-page__inr .l-page__form {
  padding: 24px;
  background: var(--color-gray-500);
}
.l-page__header {
  border-bottom: 1px solid var(--color-gray-400);
}
.l-page__header__inr {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 48px 0;
}
.m-page__ttl {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.m-page__subttl {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  display: block;
}
.m-page__content {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 40px 0;

  p {
    margin-bottom: 1em;
  }
  ol {
    margin-top: 1em;

    li {
      margin-bottom: 1em;
    }
  }
  ul {
    margin-top: 1em;
  }
}
.m-page__content--narrow {
  max-width: 700px;
  margin: 0 auto;
}
.m-page__noitem {
  background: var(--color-gray-500);
  padding: 24px;
}
.m-page__bottom__nav {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 48px 0;
  display: flex;
  justify-content: center;
}
.m-page__bottom__nav__item {
  flex: 1;
  padding: 32px 48px;
  background: #fff;
  border-radius: 16px;
  border: 2px solid;
  color: var(--color-gray-100);
  text-decoration: none;
  font-weight: var(--font-weight-bold);
  &:hover {
    background: var(--color-gray-100);
    color: #fff;
  }

  & + .m-page__bottom__nav__item {
    margin-left: 24px;
  }
}
.m-page__table {
  tr {
    border-bottom: 1px solid var(--color-gray-400);
    font-size: var(--font-size-sm);
  }
  td {
    border: none;
    padding: 1rem;
  }
}

.wpcf7-form {
  max-width: 600px;
  margin: 24px auto;

  .form-item {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px dotted var(--color-gray-400);

    .wpcf7-form-control-wrap {
      margin-bottom: 8px;
      display: inline-block;
    }

    .required {
      color: var(--color-red-100);
    }
  }
  .form-item-label {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
  }
  input, textarea, select {
    padding: 12px 8px;
    border-color: var(--color-gray-400);
    border-radius: 4px;
    border-width: 1px;
    width: 100%;
    .wpcf7-not-valid {
      border-color: var(--color-red-100);
      background: var(--color-red-200);
    }
    &[type="checkbox"], &[type="radio"] {
      width: auto;
    }
    .note {
      font-size: 12px;
      margin-top: 8px;
    }
  }
  ol {
    font-size: var(--font-size-sm);
    display: grid;
    gap: 8px;
  }
  .m-btn {
    width: 100%;
    margin-top: 24px;
  }
  .wpcf7-not-valid-tip {
    font-size: var(--font-size-sm);
    margin-top: 4px;
  }
}

.single-post .wpcf7-form {
  max-width: 100%;
  margin: 24px auto;
}

h2.wp-block-heading {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.wide .wpcf7-list-item {
  display: block;
}

.wpcf7-list-item + .wpcf7-list-item {
  margin-top: 4px;
}

.l-post__inr {
  display: grid;
  grid-template-columns: 774px 1fr;
  gap: 48px;
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 40px 0;
  position: relative;
  align-items: start;
}
.l-post__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: var(--font-size-sm);
}
.l-post__meta__date {
  & > * {
    display: inline-block;
  }
  & + .l-post__meta__date {
    margin-left: 8px;
  }
}
.l-post__thum {
  margin: 24px 0;
  img {
    margin-inline: auto;
    width: 100%;
  }
}
.l-post__cat {
  margin-bottom: 4px;
  display: inline-block;
  .post-categories {
    list-style: none;
    padding: 0;
    margin-bottom: 16px;
    li {
      display: inline-block;
    }
    a {
      display: inline-block;
      font-size: var(--font-size-sm);
      padding-right: 8px;
      padding: 8px 12px;
      background: var(--color-green-400);
      color: var(--color-green-100);
      border-radius: calc(infinity * 1px);
      text-decoration: none;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-bold);
    }
  }
}
.l-post__tags {
  a {
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
    color: var(--color-gray-100) !important;
    border: 1px solid var(--color-gray-400);
    padding: 2px 8px;
    font-size: var(--font-size-sm) !important;
    border-radius: 4px;
  }
}
.l-post__related {
  & > ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    list-style: none;
    padding: 0;
  }
  .l-post__related__item {
    a {
      display: grid;
      grid-template-columns: 115px 1fr;
      align-items: center;
      gap: 16px;
      text-decoration: none;
      color: var(--color-gray-100) !important;
    }
    .l-post__related__item__ttl {
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-bold);
      margin: 0 0 8px !important;
      padding: 0 !important;
    }
    .l-post__related__item__date {
      font-size: var(--font-size-sm);
      display: inline-block;
      margin-right: 16px;
      color: var(--color-gray-300);
    }
    .l-post__related__item__ttl {
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-bold);
      margin-bottom: 8px;
      &:before {
        display: none !important;
      }
    }
  }
}
.l-post__related__item__category {
  display: inline-block;
  color: var(--color-gray-300);
  ul {
    padding: 0;
    li {
      display: inline-block;
      font-size: var(--font-size-sm);
      padding-right: 8px;
      padding: 4px 10px;
      background: var(--color-green-400);
      color: var(--color-green-100);
      border-radius: calc(infinity * 1px);
      text-decoration: none;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-bold);
      margin-bottom: 8px;
    }
  }
}

.l-post__related__item {
  img {
    width: 115px;
    height: 127px;
       object-fit: cover;
    border-radius: var(--border-radius-md);
  }
}
.l-post__ad__msg {
  font-size: var(--font-size-sm);
  padding: 8px 16px;
  background: var(--color-gray-500);
  border-radius: 8px;
  margin-top: 16px;
  color: var(--color-gray-100);
}
.l-post__ads {
  margin: 24px 0;
  padding: 16px;
  .is-hidden-sp {
    display: block;
  }
  .is-hidden-pc {
    display: none;
  }
  li {
    list-style: none;
  }
}

.l-post {
  .l-post__contents {
    h1 {
      font-size: var(--font-size-3xl);
      font-weight: var(--font-weight-bold);
      margin-bottom: 1rem;
      line-height: var(--line-height-sm);
    }
    h2 {
      font-size: var(--font-size-xl);
      font-weight: var(--font-weight-bold);
      margin: 2em 0 1.5em;
      padding: 12px 16px 12px;
      border-left: 2px solid var(--color-green-100);
    }
    h3 {
      font-size: var(--font-size-lg);
      font-weight: var(--font-weight-bold);
      margin: 1.5em 0 1em;
      padding: 1em 0;
      position: relative;
      &:before {
        content: "";
        bottom: 0;
        display: block;
        left: 0;
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 2px;
        background: repeating-linear-gradient(90deg, var(--color-green-100) 0%, var(--color-green-100) 29.3%, rgba(150, 150, 150, 0.2) 29.3%, rgba(150, 150, 150, 0.2) 100%);
      }
    }
    h4 {
      font-size: var(--font-size-md);
      font-weight: var(--font-weight-bold);
      margin: 1.5em 0 1em;
    }
    h5 {
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-bold);
      margin: 1.5em 0 1em;
    }
    p {
      font-size: var(--font-size-md);
      line-height: var(--line-height-lg);
      margin: 1em 0 2em;
    }
    a {
      color: var(--color-green-100);
      word-break: break-all;
    }
    .wp-block-table {
      th {
        background: var(--color-green-400);
        border: 1px solid #e4e4e4;
        padding: 12px;
      }
      td {
        border: 1px solid #e4e4e4;
        padding: 12px;
      }
    }
    .news-detail__date {
      margin-top: 8px;
      font-size: var(--font-size-sm);
      font-family: "Avenir Next", sans-serif;
      color: var(--color-gray-300);
      font-style: normal;
    }
  }
  .wp-block-post-title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-sm);
  }
  .wp-block-image {
    img {
      margin-inline: auto;
      height: auto !important;
    }
  }
  .wp-block-post-date {
    font-size: var(--font-size-sm);
    color: var(--color-gray-300);
    margin-top: 16px;
  }
}
.m-sns-share {
  margin: 32px 0;
  padding: 24px;
  border: 1px solid var(--color-gray-400);
  border-radius: var(--border-radius-md);
  background: var(--color-gray-500);
  .m-sns-share__title {
    font-size: var(--font-size-lg) !important;
    font-weight: var(--font-weight-bold) !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: var(--color-gray-100);
    &:before {
      display: none !important;
    }
  }
  .m-sns-share__list {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }
  .m-sns-share__item {
    flex: 1;
    min-width: 120px;
  }
  .m-sns-share__link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border-radius: var(--border-radius-md);
    text-decoration: none;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    transition: all 0.2s ease;
    color: #fff;
    
    svg {
      width: 20px;
      height: 20px;
      margin-right: 8px;
    }
    
    &:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
  }
}





.m-sns-share__link--x {
  background: #000000;
  color: #fff !important;
  
  &:hover {
    background: #333333;
  }
}

.m-sns-share__link--facebook {
  background: #1877F2;
  color: #fff !important;
  
  &:hover {
    background: #166fe5;
  }
}

.m-sns-share__link--linkedin {
  background: #0077B5;
  color: #fff !important;
  
  &:hover {
    background: #005885;
  }
}

.l-post__related__ttl {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  margin: 2em 0 1em;
  padding: 16px 0;
  display: block;
}

.l-sidebar {
  position: sticky;
  top: 24px;
  .wpp-list {
    li {
      display: flex;
      flex-wrap: wrap;
      &:nth-of-type(1):before {
        content: "RANK 01";
        display: block;
        color: #b95;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(2):before {
        content: "RANK 02";
        display: block;
        color: #aaa;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(3):before {
        content: "RANK 03";
        display: block;
        color: #bb7455;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(4):before {
        content: "RANK 04";
        display: block;
        color: #333;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(5):before {
        content: "RANK 05";
        display: block;
        color: #333;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(6):before {
        content: "RANK 06";
        display: block;
        color: #333;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(7):before {
        content: "RANK 07";
        display: block;
        color: #333;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(8):before {
        content: "RANK 08";
        display: block;
        color: #333;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(9):before {
        content: "RANK 09";
        display: block;
        color: #333;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
      &:nth-of-type(10):before {
        content: "RANK 10";
        display: block;
        color: #333;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-bold);
        font-family: "Avenir Next", sans-serif;
        width: 100%;
      }
    }
  }
  ul {
    list-style: none;
    padding: 0;
  }
  .widget_block {
    padding: 24px;
    border-top: 2px solid var(--color-green-100);
    margin-bottom: 24px;
    h2 {
      font-size: var(--font-size-lg);
      font-weight: var(--font-weight-bold);
      margin-top: 0;
      margin-bottom: 16px;
    }
    p {
      margin-bottom: 16px;
    }
    .m-btn {
      width: 100%;
      text-align: center;
    }
    .wpp-post-title {
      font-size: var(--font-size-md);
      font-weight: var(--font-weight-bold);
      color: var(--color-gray-100);
      text-decoration: none;
      width: calc(100% - 91px);
    }
    .wpp-thumbnail {
      border-radius: 8px;
    }
  }
}

.l-archive__inr {
  display: grid;
  grid-template-columns: 774px 1fr;
  gap: 48px;
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 40px 0;
  position: relative;
  align-items: start;
}
.l-archive__header {
  border-bottom: 1px solid var(--color-gray-400);
}
.l-archive__header__inr {
  max-width: var(--width-pc);
  margin: 0 auto;
  padding: 48px 0;
}
.l-archive__label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-green-100);
  margin-bottom: 16px;
}
.l-archive__ttl {
  font-size: 40px;
  font-weight: bold;
}
.l-archive__lst {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  list-style: none;
  padding: 0;
}
.l-archive__lst__item {
  a {
    display: grid;
    grid-template-columns: 115px 1fr;
    gap: 16px;
    text-decoration: none;
    color: var(--color-gray-100);
    align-items: center;
  }
}
.l-archive__lst__item__img {
  img {
    width: 200px;
    height: 127px;
    -o-object-fit: cover;
      object-fit: cover;
    border-radius: 8px;
  }
}
.l-archive__lst__item__date {
  font-size: var(--font-size-sm);
  display: inline-block;
  margin-right: 16px;
  color: var(--color-gray-300);
}
.l-archive__lst__item__ttl {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  margin-bottom: 4px;
  line-height: var(--line-height-sm);
}
.l-archive__lst__item__category {
  display: inline-block;
  color: var(--color-gray-300);
  ul {
    padding: 0;
    li {
      display: inline-block;
      font-size: var(--font-size-sm);
      padding-right: 8px;
    }
  }
}
@media screen and (max-width: 1200px) {
  .m-breadcrumb__inr {
    padding: 16px 24px;
  }
  .m-fv-article-lst {
    padding: 48px 32px;
  }
  .l-header__logo {
    width: 140px;
  }
  .l-header__cta {
    font-size: var(--font-size-sm);
    padding: 12px 16px;
    display: none;
  }
  .l-footer__inr {
    padding: 64px 24px;
  }
  .m-cta-footer-above__inr {
    padding: 80px 32px;
  }
  .l-container {
    padding: 40px 32px;
    grid-template-columns: calc(70% - 16px) calc(30% - 16px);
  }
  .l-page__header__inr {
    padding: 48px 32px;
  }
  .m-page__content {
    padding: 40px 32px;
  }
  .l-post__inr {
    padding: 40px 32px;
    grid-template-columns: calc(70% - 16px) calc(30% - 16px);
  }
  .l-archive__inr {
    padding: 40px 32px;
    grid-template-columns: calc(70% - 16px) calc(30% - 16px);
  }
  .l-archive__header__inr {
    padding: 48px 32px;
  }

}
@media screen and (max-width: 1000px) {
  .m-btn {
    display: block;
    text-align: center;
    & + .m-btn {
      margin-top: 16px;
      margin-left: 0;
    }
  }
  .l-footer__nav__lst {
    .sub-menu {
      a {
        font-size: var(--font-size-sm);
      }
    }
    a {
      font-size: var(--font-size-sm);
    }
  }
  .m-cta-footer-above__item__ttl {
    font-size: var(--font-size-lg);
  }
  .l-container {
    padding: 32px 24px;
    
  }
  .m-page__ttl {
    font-size: var(--font-size-3xl);
  }
  .m-page__content {
    padding: 32px 20px;
  }
  .l-post {
    .l-post__contents  {
      h1 {
        font-size: var(--font-size-2xl);
      }
    }
  }
  .l-post__inr {
    padding: 32px 24px;

  }
  .l-archive__inr {
    padding: 32px 24px;
    
  }
  .l-archive__ttl {
    font-size: var(--font-size-3xl);
  }
}
@media screen and (max-width: 768px) {
  .is-hidden-pc {
    display: inline;
  }
  .is-hidden-sp {
    display: none;
  }
  .l-header__logo {
    width: 120px;
  }
  .l-header__search {
    display: none;
  }
  .l-header__search__icon {
    display: block;
    margin-left: auto;
    cursor: pointer;
    background: transparent;
    border: none;
    img {
      width: 32px;
      height: 32px;
    }
  }
  .l-header__search__bottom {
    button {
      font-size: var(--font-size-sm);
    }
  }
  .l-header__search {
    button {
      padding: 4px 8px;
      font-size: var(--font-size-sm);
    }
    input {
      max-width: 80px;
      padding: 4px 8px;
    }
  }
  .l-header__btn {
    margin-left: 0;
  }

  .l-header__nav {
    padding: 0;
    nav {
      overflow-x: scroll;
      &::-webkit-scrollbar {
        display: none;
      }
      -ms-overflow-style: none;
      scrollbar-width: none;
      white-space: nowrap;
    }
    &.open {
      .l-header__nav__lst {
        a {
          border-bottom: 1px solid var(--color-gray-400);
        }
      }
    }
  }

  .l-header__nav__lst {
    a {
      padding: 12px;
    }
    li {
      &:has(.sub-menu) {
        & > a:after {
          display: none;
        }
        &:hover {
          .sub-menu {
            display: none;
          }
        }
      }
    }
    .cta {
      a {
        margin-top: 24px;
        padding: 16px 24px !important;
        text-align: center;
        justify-content: center;
      }
    }
  }
  .l-footer__inr {
    padding: 48px 20px;
  }
  .l-footer__main {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .l-footer__logo {
    width: 100%;
  }
  .l-footer__column {
    padding: 16px 0;
    border-bottom: 1px solid var(--color-gray-400);
  }
  .l-footer__column__ttl {
    font-size: var(--font-size-sm);
  }
  .l-footer__nav__lst {
    grid-template-columns: 1fr;
  }
  .l-footer__nav__lst__sub {
    display: block;
    li + li {
      margin-left: 0;
      margin-top: 16px;
    }
  }
  .l-footer__sub {
    display: block;
    border-top: 0;
    margin-top: 0;
  }
  .l-footer__copyright {
    margin-top: 32px;
  }
  .m-cta-footer-above__lst {
    grid-template-columns: 1fr;
  }
  .m-fv-article-lst {
    grid-template-columns: 1fr;
    padding: 24px 20px;
  }
  .m-fv-article-lst__item__ttl {
    font-size: var(--font-size-lg);
  }
  .m-fv-article-lst__item__txt  {
    padding: 0;
  }
  .m-fv-article-lst__item__excerpt {
    font-size: var(--font-size-sm);
  }
  .l-container {
    padding: 24px 20px;
    grid-template-columns: 1fr;
  }
  .m-fv-article-lst__item {
    a {
      grid-template-columns: 1fr;
    }
    .m-fv-article-lst__item__txt {
      padding: 16px 0;
    }
  }
  .m-sec__ttl {
    font-size: var(--font-size-xl);
  }
  .m-article-lst {
    & > ul {
      gap: 16px;
      grid-template-columns: 1fr;
    }
  }
  .m-article-lst__item {
    a {
      grid-template-columns: 120px 1fr;
    }
  }
  .m-article-lst__item__img {
    img {
      width: 120px;
      height: 80px;
    }
  }
  .m-article-lst__item__date {
    font-size: var(--font-size-sm);
  }
  .m-article-lst__item__ttl {
    font-size: var(--font-size-sm);
    margin-bottom: 0;
  }
  .m-article-lst__item__category {
    ul {
      li {
        font-size: var(--font-size-sm);
      }
    }
  }
  .m-category-list__lst  {
    .m-category-list__item  {
      &:first-child {
        & > a { 
          grid-template-columns: 1fr;
        }
      }
      &:not(:first-child)  {
        width: 100%;
        .m-category-list__item__ttl {
          font-size: var(--font-size-sm);
        }
      }
      .m-category-list__item__img {
        width: 100%;
        max-width: 100%;
        img {
          width: 100%;
          height: auto;
        }
      }
    }
  }
  .l-page {
    &.download {
      .l-page__inr {
        grid-template-columns: 1fr;
        gap: 32px;
      }
    }
  }
  .l-page__inr {
    .l-page__content {
      padding: 48px 20px;
    }
  }
  .l-page__header__inr {
    padding: 40px 20px;
  }
  .m-page__ttl {
    font-size: var(--font-size-2xl);
  }
  .m-page__bottom__nav {
    display: block;
  }
  .m-page__bottom__nav__item {
    display: block;
    padding: 16px 24px;

    & + .m-page__bottom__nav__item {
      margin-left: 0;
      margin-top: 24px;
    }
  }
  .l-archive__lst__item {
    a {
      align-items: flex-start;
    }
  }
  .wpcf7-form {
    .form-item {
      grid-template-columns: 1fr;
      gap: 4px;
    }
    .form-item-label {
      padding-top: 0;
    }
  }
  h2.wp-block-heading {
    font-size: var(--font-size-lg);
  }
  .l-post__inr {
    padding: 24px 20px;
    display: block;
  }
  .l-post__meta {
    justify-content: space-between;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 8px 0;
  }
  .l-post__meta__date {
    width: 50%;
  }
  .l-post__thum {
    margin: 24px -20px;
  }
  .l-post__cat {
    margin-left: 0;
    margin-top: 0;
    display: block;
    width: 100%;
    .post-categories {
      a {
        font-size: var(--font-size-sm);
      }
    }
  }
  .l-post__related {
    margin-bottom: 32px;
  }
  .l-post__related__item {
    a {
      grid-template-columns: 120px 1fr;
    }
  }
  .l-post__related__item__ttl {
    font-size: var(--font-size-sm) !important;
    line-height: 1.3 !important;
    margin: 0 0 4px !important;
  }
  .l-post__related__item__date {
    font-size: var(--font-size-sm);
  }
  .l-post__related__item__category {
    ul {
      li {
        font-size: var(--font-size-sm);
      }
    }
  }
  .l-post__related__item {
    img {
      width: 120px;
      height: 80px;
    }
  }
  .l-post__ads{
    &.is-hidden-sp {
      display: none;
    }
    &.is-hidden-pc {
      display: block;
    }
  }
  .l-post__ad__msg {
    font-size: var(--font-size-sm);
  }
  .l-post {
    .l-post__contents  {
      margin-top: 8px;
      h1 {
        font-size: var(--font-size-xl);
      }
      h2 {
        font-size: var(--font-size-lg);
      }
      h3 {
        font-size: var(--font-size-lg);
      }
    }
  }

  .m-sns-share__inr {
    grid-template-columns: 60px 1fr;
    gap: 16px;
  }
  .m-sns-share__ttl {
    font-size: var(--font-size-md);
  }
  .l-post__related__ttl {
    font-size: var(--font-size-lg);
  }
  .l-sidebar {
    position: static;
  }
  .l-archive__inr {
    padding: 24px 20px;
    display: block;
  }
  .l-archive__header__inr {
    padding: 40px 20px;
  }
  .l-archive__ttl {
    font-size: var(--font-size-2xl);
  }
  .l-archive__content {
    margin-bottom: 32px;
  }
  .l-archive__lst {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .l-archive__lst__item {
    a {
      grid-template-columns: 120px 1fr;
    }
  }
  .l-archive__lst__item__img {
    img {
      width: 120px;
      height: 80px;
    }
  }
  .l-archive__lst__item__date {
    font-size: var(--font-size-sm);
  }
  .l-archive__lst__item__ttl {
    font-size: var(--font-size-sm);
    margin-bottom: 0;
  }
  .l-archive__lst__item__category ul li {
    font-size: var(--font-size-sm);
  }
  .l-post__related {
    & > ul {
      grid-template-columns: 1fr;
    }
  }
  .l-sidebar  {
    .widget_block {
      padding: 24px 0;
    }
  }
}