@charset "UTF-8";
/* works layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/*@mixin font-hdl {
	font-family: 'Zapfino', cursive;
	font-weight: 400;
}
@mixin font-en {
	font-family: 'athelas', serif;
	font-weight: 700;
	font-style: normal;
}*/
/* アイキャッチアイコンセット */
/* ボタン */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタンの中のspan */
/* 両脇吹き出し線 */
/* キャプション */
/* ボタン */
/* 見出し */
/* 見出し２（背景ブルー） */
/* チェックボックス */
/* フォントサイズ */
/* 縦書き */
/* 文字グロー */
/* 背景パターン */
/* 角丸 */
/* wkitem
---------------------------------------------------------------------------*/
.wkitem-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 752px) {
    .wkitem-lst {
      display: block; } }
  .wkitem-lst > li {
    width: 31%;
    padding: 20px;
    margin-right: 3%;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 1300px) {
      .wkitem-lst > li {
        padding: 1.5384615385vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst > li {
        width: 100%;
        padding: 5.1282051282vw;
        margin-right: 0; } }
    .wkitem-lst > li:nth-of-type(3n) {
      margin-right: 0; }
    .wkitem-lst > li:nth-of-type(n + 4) {
      margin-top: 36px; }
      @media screen and (max-width: 1300px) {
        .wkitem-lst > li:nth-of-type(n + 4) {
          margin-top: 2.7692307692vw; } }
      @media screen and (max-width: 752px) {
        .wkitem-lst > li:nth-of-type(n + 4) {
          margin-top: 11.7948717949vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst > li + li {
        margin-top: 11.7948717949vw; } }
  .wkitem-lst-img {
    margin-bottom: 30px; }
    @media screen and (max-width: 1300px) {
      .wkitem-lst-img {
        margin-bottom: 2.3076923077vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst-img {
        margin-bottom: 7.6923076923vw; } }
    .wkitem-lst-img img {
      border-radius: 10px; }
      @media screen and (max-width: 1300px) {
        .wkitem-lst-img img {
          border-radius: 0.7692307692vw; } }
  .wkitem-lst-tx-hei {
    margin-bottom: 50px; }
    @media screen and (max-width: 1300px) {
      .wkitem-lst-tx-hei {
        margin-bottom: 3.8461538462vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst-tx-hei {
        margin-bottom: 12.8205128205vw; } }
  .wkitem-lst-tx-comp {
    font-size: 16px;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .wkitem-lst-tx-comp {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst-tx-comp {
        font-size: 2.1276595745vw; } }
    @media screen and (max-width: 480px) {
      .wkitem-lst-tx-comp {
        font-size: 4.1025641026vw; } }
  .wkitem-lst-tx-name {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 1300px) {
      .wkitem-lst-tx-name {
        font-size: 1.9230769231vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst-tx-name {
        font-size: 3.3244680851vw; } }
    @media screen and (max-width: 480px) {
      .wkitem-lst-tx-name {
        font-size: 6.4102564103vw; } }
  .wkitem-lst-tx-desc {
    font-size: 15px; }
    @media screen and (max-width: 1300px) {
      .wkitem-lst-tx-desc {
        font-size: 1.1538461538vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst-tx-desc {
        font-size: 1.9946808511vw; } }
    @media screen and (max-width: 480px) {
      .wkitem-lst-tx-desc {
        font-size: 3.8461538462vw; } }
  .wkitem-lst-tx-detail {
    border-top: 1px solid #C7C7C7;
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .wkitem-lst-tx-detail {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst-tx-detail {
        margin-bottom: 20.5128205128vw; } }
    .wkitem-lst-tx-detail dl {
      padding: 5px 0;
      border-bottom: 1px solid #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .wkitem-lst-tx-detail dl {
          padding: 0.3846153846vw 0; } }
      @media screen and (max-width: 752px) {
        .wkitem-lst-tx-detail dl {
          padding: 1.2820512821vw 0; } }
      .wkitem-lst-tx-detail dl dt {
        font-size: 16px;
        font-weight: 700; }
        @media screen and (max-width: 1300px) {
          .wkitem-lst-tx-detail dl dt {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 752px) {
          .wkitem-lst-tx-detail dl dt {
            font-size: 2.1276595745vw; } }
        @media screen and (max-width: 480px) {
          .wkitem-lst-tx-detail dl dt {
            font-size: 4.1025641026vw; } }
      .wkitem-lst-tx-detail dl dd {
        font-size: 16px; }
        @media screen and (max-width: 1300px) {
          .wkitem-lst-tx-detail dl dd {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 752px) {
          .wkitem-lst-tx-detail dl dd {
            font-size: 2.1276595745vw; } }
        @media screen and (max-width: 480px) {
          .wkitem-lst-tx-detail dl dd {
            font-size: 4.1025641026vw; } }
  .wkitem-lst-tx-terminal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .wkitem-lst-tx-terminal li {
      width: 65px; }
      @media screen and (max-width: 1300px) {
        .wkitem-lst-tx-terminal li {
          width: 5vw; } }
      @media screen and (max-width: 752px) {
        .wkitem-lst-tx-terminal li {
          width: 16.6666666667vw; } }
      .wkitem-lst-tx-terminal li + li {
        margin-left: 10px; }
        @media screen and (max-width: 1300px) {
          .wkitem-lst-tx-terminal li + li {
            margin-left: 0.7692307692vw; } }
        @media screen and (max-width: 752px) {
          .wkitem-lst-tx-terminal li + li {
            margin-left: 2.5641025641vw; } }
  .wkitem-lst-btn {
    /*position: absolute;
    bottom: 20px;
    @include left50;*/
    width: 295px;
    color: #ffffff;
    margin-top: 30px; }
    @media screen and (max-width: 1300px) {
      .wkitem-lst-btn {
        width: 22.6923076923vw;
        bottom: 1.5384615385vw;
        margin-top: 2.3076923077vw; } }
    @media screen and (max-width: 752px) {
      .wkitem-lst-btn {
        /*position: relative;
        left: auto;
        bottom: auto;
        transform: translateX(0);*/
        width: 100%;
        margin-top: 8.7179487179vw; } }
    .wkitem-lst-btn a {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 63px;
      border: 1px solid #ffffff;
      background-color: #81A8B9;
      border-radius: 5px; }
      @media screen and (max-width: 1300px) {
        .wkitem-lst-btn a {
          height: 4.8461538462vw;
          border-radius: 0.3846153846vw; } }
      @media screen and (max-width: 752px) {
        .wkitem-lst-btn a {
          height: 16.1538461538vw;
          border-radius: 1.2820512821vw; } }
      .wkitem-lst-btn a > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center; }
        .wkitem-lst-btn a > span span {
          position: relative;
          padding-right: 35px;
          font-size: 18px;
          font-weight: 700;
          white-space: nowrap; }
          @media screen and (max-width: 1300px) {
            .wkitem-lst-btn a > span span {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 752px) {
            .wkitem-lst-btn a > span span {
              font-size: 2.3936170213vw; } }
          @media screen and (max-width: 480px) {
            .wkitem-lst-btn a > span span {
              font-size: 4.6153846154vw; } }
          @media screen and (max-width: 1300px) {
            .wkitem-lst-btn a > span span {
              padding-right: 2.6923076923vw; } }
          @media screen and (max-width: 752px) {
            .wkitem-lst-btn a > span span {
              padding-right: 8.9743589744vw; } }
          .wkitem-lst-btn a > span span::after {
            position: absolute;
            content: "";
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url(../img/works/wkitem-lst-btn-icn@2x.png); }
            @media screen and (max-width: 1300px) {
              .wkitem-lst-btn a > span span::after {
                width: 1.5384615385vw;
                height: 1.5384615385vw; } }
            @media screen and (max-width: 752px) {
              .wkitem-lst-btn a > span span::after {
                width: 5.1282051282vw;
                height: 5.1282051282vw; } }
.wkitem-sub-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  width: auto !important;
  font-size: 10px; }
  @media screen and (max-width: 1300px) {
    .wkitem-sub-name {
      font-size: 0.7692307692vw; } }
  @media screen and (max-width: 752px) {
    .wkitem-sub-name {
      font-size: 1.329787234vw; } }
  @media screen and (max-width: 480px) {
    .wkitem-sub-name {
      font-size: 2.5641025641vw; } }