.works-search_list {
  background-color: #F8F7F5;
  border-radius: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  @media (max-width: 428px) {
    .works-search_list {
      display: block;
      padding-top: 30px;
      padding-bottom: 30px; } }
  .works-search_list--term {
    line-height: 1.44;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    color: #40668B;
    margin-bottom: 30px; }
    @media (max-width: 428px) {
      .works-search_list--term {
        font-size: 16px;
        margin-bottom: 20px; } }
  .works-search_list--desc {
    width: 200px;
    margin-right: 30px; }
    @media (max-width: 428px) {
      .works-search_list--desc {
        width: 240px;
        margin: 10px auto 0; }
        .works-search_list--desc:first-of-type {
          margin-top: 0; } }
    .works-search_list--desc:last-of-type {
      margin-right: 0; }
      @media (max-width: 428px) {
        .works-search_list--desc:last-of-type {
          margin-right: auto; } }
  .works-search_list--link {
    line-height: 46px;
    border-radius: 22px;
    background-color: #40668B;
    color: #fff;
    text-align: center;
    font-size: 16px;
    display: block;
    border: 1px solid #40668B;
    position: relative; }
    @media (max-width: 428px) {
      .works-search_list--link {
        font-size: 14px;
        line-height: 35px; } }
    .works-search_list--link:before {
      content: "";
      display: block;
      width: 5px;
      height: 5px;
      border: 2px solid;
      border-color: transparent transparent #fff #fff;
      transform: rotate(-45deg);
      position: absolute;
      top: 16px;
      right: 15px; }
    .works-search_list--link:hover {
      background-color: #fff;
      color: #40668B; }
      .works-search_list--link:hover:before {
        border-color: transparent transparent #40668B #40668B; }
      @media (max-width: 428px) {
        .works-search_list--link:hover {
          background-color: #40668B;
          color: #fff; }
          .works-search_list--link:hover:before {
            border-color: transparent transparent #fff #fff; } }
    .works-search_list--link.current {
      background-color: #fff;
      color: #40668B; }
      .works-search_list--link.current:before {
        border-color: transparent transparent #40668B #40668B; }

.works-list {
  margin-top: 50px;
  padding-bottom: 120px; }
  @media (max-width: 428px) {
    .works-list {
      padding-bottom: 80px; } }
  .works-list .m-works_list--item {
    margin-top: 40px; }
    @media (max-width: 428px) {
      .works-list .m-works_list--item {
        margin-top: 20px; } }
    .works-list .m-works_list--item:nth-of-type(-n+3) {
      margin-top: 0; }
      @media (max-width: 428px) {
        .works-list .m-works_list--item:nth-of-type(-n+3) {
          margin-top: 20px; } }
    @media (max-width: 428px) {
      .works-list .m-works_list--item:first-of-type {
        margin-top: 0; } }
  .works-list--ttl {
    margin-bottom: 30px; }
    @media (max-width: 428px) {
      .works-list--ttl {
        margin-bottom: 20px; } }
  .works-list--text_box {
    height: 100px;
    background-color: #F8F7F5;
    padding: 20px;
    box-sizing: border-box;
    position: relative; }
    @media (max-width: 428px) {
      .works-list--text_box {
        height: 90px;
        padding: 10px; } }
  .works-list--text {
    font-size: 14px;
    font-weight: bold;
    color: #40668B;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    line-height: 1.7;
    max-height: 3.4em; }
  .works-list--date {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
    font-family: "Josefin Sans", sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
    width: 100px;
    line-height: 26px;
    background-color: #A2A2A2;
    color: #fff;
    text-align: center; }
    @media (max-width: 428px) {
      .works-list--date {
        font-size: 13px;
        line-height: 22px; } }

.works-view {
  padding-bottom: 120px; }
  @media (max-width: 428px) {
    .works-view {
      padding-bottom: 80px; } }
  .works-view--catch_link {
    display: block; }
    .works-view--catch_link:hover {
      opacity: .9; }
      @media (max-width: 428px) {
        .works-view--catch_link:hover {
          opacity: 1; } }
  .works-view--catch {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 700px;
    margin: 40px auto 30px; }
    @media (max-width: 428px) {
      .works-view--catch {
        width: 100%;
        height: auto;
        margin-top: 20px;
        margin-bottom: 10px; } }
  .works-view--img_box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
  .works-view--img_link {
    display: block;
    margin-right: 20px;
    width: 215px;
    height: 160px;
    margin-top: 20px; }
    @media (max-width: 428px) {
      .works-view--img_link {
        width: calc((100% - 10px) / 2);
        height: calc(((100vw - 40px - 10px) / 2) / 920 * 550);
        margin-right: 10px;
        margin-top: 10px; } }
    .works-view--img_link:hover {
      opacity: .9; }
      @media (max-width: 428px) {
        .works-view--img_link:hover {
          opacity: 1; } }
    .works-view--img_link:nth-of-type(4n) {
      margin-right: 0; }
      @media (max-width: 428px) {
        .works-view--img_link:nth-of-type(4n) {
          margin-right: 10px; } }
    .works-view--img_link:nth-of-type(-n+4) {
      margin-top: 0; }
      @media (max-width: 428px) {
        .works-view--img_link:nth-of-type(-n+4) {
          margin-top: 10px; } }
    @media (max-width: 428px) {
      .works-view--img_link:nth-of-type(2n) {
        margin-right: 0; } }
    @media (max-width: 428px) {
      .works-view--img_link:nth-of-type(-n+2) {
        margin-top: 0; } }
    .works-view--img_link > img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .works-view--btn {
    margin-top: 60px; }
    @media (max-width: 428px) {
      .works-view--btn {
        margin-top: 40px; } }

.works-view_info {
  width: 600px;
  margin: 50px auto 0; }
  @media (max-width: 428px) {
    .works-view_info {
      width: 100%;
      margin-top: 40px; } }
  .works-view_info--hd {
    line-height: 44px;
    font-weight: bold;
    background-color: #C4B37B;
    color: #fff;
    padding: 0 30px; }
    @media (max-width: 428px) {
      .works-view_info--hd {
        padding: 0 20px; } }
  .works-view_info--list {
    background-color: #F8F7F5;
    padding: 30px;
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 428px) {
      .works-view_info--list {
        padding: 20px; } }
  .works-view_info--term {
    font-size: 14px;
    font-weight: bold;
    color: #C4B37B;
    width: 70px;
    line-height: 2;
    margin-top: 10px; }
    .works-view_info--term:first-of-type {
      margin-top: 0; }
  .works-view_info--desc {
    font-size: 14px;
    width: calc(100% - 70px);
    line-height: 2;
    margin-top: 10px; }
    .works-view_info--desc:first-of-type {
      margin-top: 0; }