.style--case_detail .unit .image_list ul li a, .style--case_detail .unit .image_list ul li i {
  transition: all ease 0.2s; }

.style--case_list .unit .flex .image .back, .style--case_detail .unit .image .back, .style--case_detail .unit .image_list ul li a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.entry .ttl-1 > span dl, .entry .ttl-1 > span dt, .entry .ttl-1 > span dd,
.news-list li a > span dl,
.news-list li a > span dt,
.news-list li a > span dd {
  display: inline-block; }
.entry .ttl-1 > span dl,
.news-list li a > span dl {
  margin-left: 5px; }
  .entry .ttl-1 > span dl dt, .entry .ttl-1 > span dl dd,
  .news-list li a > span dl dt,
  .news-list li a > span dl dd {
    padding: 2px 5px;
    border: 1px solid #EC6C00;
    color: #EC6C00; }
  .entry .ttl-1 > span dl dt,
  .news-list li a > span dl dt {
    background: #EC6C00;
    color: #FFF; }

#search_form {
  background: #EEE;
  padding: 30px; }

/*.search_window*/
.search_window {
  display: table;
  width: 100%;
  margin-bottom: 20px; }

.search_window > span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 60px; }

.search_window span:nth-child(1) {
  width: calc(100% - 135px); }

.search_window span:nth-child(2) {
  width: 135px; }

.search_window input[type="search"],
.search_window button {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  font-size: 15px;
  height: 60px; }

.search_window input[type="search"] {
  border: 1px solid #fff; }

.search_window button {
  background: #EC6C00;
  color: #fff;
  border: 1px solid #EC6C00; }

.search_window button i {
  margin-left: 10px; }

/*.trend_keyword*/
.trend_keyword {
  text-align: left; }

.trend_keyword p,
.trend_keyword ul,
.trend_keyword li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding: 0 5px; }

.trend_keyword li a {
  display: block;
  background: #44AF35;
  color: #fff;
  text-decoration: none;
  padding: 8px 15px 12px;
  border-radius: 5px; }

@media screen and (max-width: 767px) {
  .search_box {
    padding: 30px 0 20px; }

  .search_window span:nth-child(1) {
    width: calc(100% - 50px); }

  .search_window span:nth-child(2) {
    width: 50px; }

  .search_window input[type="search"] {
    font-size: 16px; }

  .search_window button i {
    margin-left: 0;
    font-size: 30px; }

  .trend_keyword p {
    display: block;
    margin-bottom: 15px;
    text-align: center; }

  .trend_keyword ul {
    display: block;
    text-align: center; }

  .trend_keyword li {
    font-size: 14px;
    margin-bottom: 10px; }

  .trend_keyword li a {
    padding: 5px 10px 7px; } }
.style--case_list .unit a {
  display: block;
  position: relative;
  padding: 30px;
  border: 1px solid #EEE;
  color: #222;
  text-decoration: none; }
  .style--case_list .unit a:hover {
    border: 1px solid #EC6C00; }
  .style--case_list .unit a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%); }
@media (min-width: 768px) {
  .style--case_list .unit .flex {
    display: flex;
    justify-content: space-between; } }
@media (min-width: 768px) {
  .style--case_list .unit .flex .text {
    width: calc(100% - 180px); } }
.style--case_list .unit .flex .text .title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 22px; }
  @media (max-width: 767.98px) {
    .style--case_list .unit .flex .text .title {
      font-size: 18px; } }
@media (min-width: 768px) {
  .style--case_list .unit .flex .image {
    width: 160px; } }
@media (max-width: 767.98px) {
  .style--case_list .unit .flex .image {
    margin-bottom: 20px; } }
.style--case_list .unit .flex .image .back {
  height: 120px; }
.style--case_list .pagination {
  margin-top: 30px;
  text-align: center; }
.style--case_detail {
  text-align: left; }
  .style--case_detail .unit .title {
    display: flex;
    margin-bottom: 20px;
    font-size: 35px; }
    @media (max-width: 767.98px) {
      .style--case_detail .unit .title {
        margin-bottom: 30px;
        font-size: 22px; } }
    .style--case_detail .unit .title span {
      padding-right: 15px;
      margin: -3px 15px -3px 0;
      border-right: 2px solid #463018;
      font-size: 1.2em; }
    .style--case_detail .unit .title + p {
      margin-bottom: 40px; }
  @media (min-width: 768px) {
    .style--case_detail .unit .image .back {
      height: 100%; } }
  @media (max-width: 767.98px) {
    .style--case_detail .unit .image .back {
      height: 50vh; } }
  .style--case_detail .unit .image .comment {
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF; }
  .style--case_detail .unit .detail {
    margin-bottom: 40px;
    padding: 30px;
    background: #FFF;
    border: 1px solid #EC6C00; }
    .style--case_detail .unit .detail .name {
      margin-bottom: 25px;
      text-align: center;
      font-size: 18px;
      color: #EC6C00;
      font-weight: bold; }
      @media (max-width: 767.98px) {
        .style--case_detail .unit .detail .name {
          font-size: 22px; } }
    .style--case_detail .unit .detail ul li {
      padding: 18px 0;
      border-top: 1px dashed #CCC;
      font-size: 16px;
      color: #463018; }
  @media (min-width: 768px) {
    .style--case_detail .unit .image {
      position: relative;
      width: 100%;
      height: 500px;
      margin-bottom: 40px; }
      .style--case_detail .unit .image .comment {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%; } }
  .style--case_detail .unit .image_list ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px; }
    @media (max-width: 767.98px) {
      .style--case_detail .unit .image_list ul {
        justify-content: space-between; } }
    .style--case_detail .unit .image_list ul li {
      position: relative;
      height: auto;
      background: #EC6C00; }
      @media (min-width: 768px) {
        .style--case_detail .unit .image_list ul li {
          width: calc(100% / 10 - 9px); } }
      @media (min-width: 768px) {
        .style--case_detail .unit .image_list ul li {
          margin: 0 15px 15px 0; } }
      @media (min-width: 768px) {
        .style--case_detail .unit .image_list ul li:nth-child(10n) {
          margin-right: 0; } }
      .style--case_detail .unit .image_list ul li a {
        display: block;
        width: 100%;
        height: auto;
        color: #FFF; }
        .style--case_detail .unit .image_list ul li a:before {
          content: "";
          display: block;
          padding-top: 100%; }
      @media (min-width: 768px) {
        .style--case_detail .unit .image_list ul li:hover a {
          opacity: 0.5; }
        .style--case_detail .unit .image_list ul li:hover i {
          opacity: 1; } }
      .style--case_detail .unit .image_list ul li i {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 30px;
        color: #FFF;
        cursor: pointer;
        transform: translate(-50%, -50%);
        opacity: 0; }
      @media (max-width: 767.98px) {
        .style--case_detail .unit .image_list ul li {
          width: calc(50% - 12.5px );
          margin-top: 25px; } }
  .style--case_detail .style--pager_list .back {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 50px; }
    .style--case_detail .style--pager_list .back a i {
      vertical-align: middle; }
.flex_case_search {
  margin-bottom: 100px; }
  @media (min-width: 768px) {
    .flex_case_search {
      display: flex;
      justify-content: space-between; } }
  @media (max-width: 767.98px) {
    .flex_case_search {
      display: flex;
      flex-direction: column-reverse; } }
.style--case_search {
  background: #EEE; }
  @media (min-width: 768px) {
    .style--case_search {
      width: 254px; } }
  @media (min-width: 768px) {
    .style--case_search + .style--case_list {
      width: calc(100% - 300px); } }
  .style--case_search_content {
    padding: 50px 20px 30px; }
  .style--case_search .hl {
    margin-bottom: 25px;
    font-size: 22px;
    text-align: center;
    color: #463018; }
  .style--case_search .hs {
    padding: 5px 0;
    background: #463018;
    color: #FFF;
    text-align: center;
    font-size: 12px; }
  .style--case_search dl {
    margin-bottom: 30px; }
    .style--case_search dl dt {
      margin-top: 15px;
      font-weight: bold; }
    .style--case_search dl dd {
      margin-top: 5px; }
      .style--case_search dl dd + dd {
        margin-top: 10px; }
      .style--case_search dl dd:first-child {
        margin-top: 15px; }
      .style--case_search dl dd input[type="checkbox"] {
        margin-right: 5px; }
      .style--case_search dl dd a {
        display: block;
        padding: 10px 15px;
        background: #FFF;
        border: 1px solid #463018;
        text-decoration: none;
        color: #463018; }
        .style--case_search dl dd a i {
          position: relative;
          top: -3px;
          right: -5px;
          float: right;
          font-size: 20px;
          color: #463018; }
      .style--case_search dl dd.active a {
        color: #463018; }
      .style--case_search dl dd select {
        display: block;
        padding: 10px;
        background: #FFF;
        border: 1px solid #DDD;
        text-decoration: none;
        width: 100%;
        text-align: left; }
  .style--case_search #frm_btn {
    display: block;
    width: 100%;
    padding: 10px;
    background: #EC6C00;
    border: 2px solid #EC6C00;
    color: #FFF;
    font-weight: bold;
    font-size: 18px; }
    .style--case_search #frm_btn i {
      font-size: 22px;
      margin-right: 10px; }