/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
.p-heading {
  margin-bottom: 25px; }
  @media (max-width: 1023px) {
    .p-heading {
      margin-bottom: 10px; } }
  .p-heading .c-heading {
    padding-bottom: 38px; }
    @media (max-width: 1023px) {
      .p-heading .c-heading {
        padding-top: 8px;
        padding-bottom: 19px; } }
    .p-heading .c-heading .ttl {
      flex-direction: row;
      gap: 19px;
      justify-content: flex-start;
      font-size: 50px;
      font-size: 5rem;
      line-height: 1.4em;
      letter-spacing: 0.03em;
      font-weight: 700; }
      @media (max-width: 1023px) {
        .p-heading .c-heading .ttl {
          font-size: 32px;
          font-size: 3.2rem;
          line-height: 0.9375em;
          gap: 7px; } }
      @media (max-width: 1023px) {
        .p-heading .c-heading .ttl:before {
          width: 13px; } }
    .p-heading .c-heading .sub {
      top: -7px; }

.case-study {
  padding-bottom: 141px; }
  @media (max-width: 1023px) {
    .case-study {
      padding-bottom: 61px; } }

.filter {
  background-color: #f0ede9;
  padding: 15px 28px 21px;
  margin-top: 26px; }
  @media (max-width: 1023px) {
    .filter {
      margin-top: 12px;
      margin-left: -18px;
      margin-right: -18px;
      width: calc(100% + 36px);
      padding: 12px 0 20px 17px; } }
  .filter .ttl {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2em;
    letter-spacing: 0.03em;
    font-weight: 700;
    gap: 9px;
    margin-bottom: 6px; }
    @media (max-width: 1023px) {
      .filter .ttl {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.57143em;
        margin-bottom: 2px; } }
    .filter .ttl:before {
      content: "";
      width: 18px;
      height: 10px;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2210%22%20viewBox%3D%220%200%2018%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20y1%3D%221%22%20x2%3D%2218%22%20y2%3D%221%22%20stroke%3D%22%23FF5E00%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%225%22%20x2%3D%2215%22%20y2%3D%225%22%20stroke%3D%22%23FF5E00%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%225%22%20y1%3D%229%22%20x2%3D%2213%22%20y2%3D%229%22%20stroke%3D%22%23FF5E00%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
      background-size: 100% auto; }
  @media (max-width: 1023px) {
    .filter__wrap {
      overflow-x: scroll; } }
  .filter .category {
    display: flex;
    flex-flow: row wrap;
    gap: 10px; }
    @media (max-width: 1023px) {
      .filter .category {
        white-space: nowrap;
        width: max-content; } }
    .filter .category .c-cat {
      padding: 3px 23px; }
      @media (max-width: 1023px) {
        .filter .category .c-cat {
          padding: 8px 23px;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.42857em; } }

.lists {
  margin-top: 71px; }
  @media (max-width: 1023px) {
    .lists {
      margin-top: 35px; } }
  .lists .item {
    display: flex;
    width: 100%; }
    .lists .item + .item {
      margin-top: 80px; }
      @media (max-width: 1023px) {
        .lists .item + .item {
          margin-top: 31px;
          padding-top: 30px;
          border-top: 1px solid #c5c5c5; } }
    @media (min-width: 1024px) {
      .lists .item {
        gap: 60px; } }
    .lists .item .ttl {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.375em;
      letter-spacing: 0.029em;
      font-weight: 700;
      margin-bottom: 20px; }
      @media (max-width: 1023px) {
        .lists .item .ttl {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5625em;
          letter-spacing: 0.03em;
          margin-bottom: 0; } }
    @media (max-width: 1023px) {
      .lists .item .txt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2em;
        letter-spacing: 0.03em;
        font-weight: 500; } }
    .lists .item .img-wrap {
      box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
      max-width: 480px;
      width: 100%; }
      @media (max-width: 1023px) {
        .lists .item .img-wrap {
          max-width: 160px;
          align-self: flex-start; } }
    .lists .item .c-img {
      position: relative; }
      .lists .item .c-img:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 66.66667%; }
      .lists .item .c-img > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media (max-width: 1023px) {
        .lists .item .c-img {
          min-width: 160px;
          position: relative; }
          .lists .item .c-img:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 66.25%; }
          .lists .item .c-img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      .lists .item .c-img img {
        transition: all 0.3s ease; }
    .lists .item .info {
      width: 100%; }
    @media (max-width: 1023px) {
      .lists .item .wrap {
        display: flex;
        gap: 14px;
        margin-bottom: 9px; } }
    .lists .item .specifications {
      margin-top: 17px; }
      @media (max-width: 1023px) {
        .lists .item .specifications {
          margin-top: 9px; } }
      .lists .item .specifications .group {
        display: flex;
        align-items: center;
        gap: 14px;
        width: 100%;
        margin-bottom: 8px; }
        @media (max-width: 1023px) {
          .lists .item .specifications .group {
            gap: 11px;
            margin-bottom: 5px; } }
        .lists .item .specifications .group:last-child {
          margin-bottom: 0; }
      .lists .item .specifications .spec {
        width: 107px;
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2em;
        letter-spacing: 0.03em;
        font-weight: 700;
        background-color: #f0ede9;
        border-radius: 30px;
        padding: 1px 12px;
        text-align: center; }
        @media (max-width: 1023px) {
          .lists .item .specifications .spec {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5em;
            letter-spacing: 0.03em;
            width: 84px;
            padding: 4px 5px; } }
      .lists .item .specifications .text {
        line-height: 20px; }
        @media (max-width: 1023px) {
          .lists .item .specifications .text {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.28571em;
            letter-spacing: 0.03em; } }

/*# sourceMappingURL=maps/case-study.min.css.map */