@charset "utf-8";

/**************************************************
  導入事例 archive.php / single.php 共通スタイル
**************************************************/

/**************************************************
  表示切り替え用クラス
**************************************************/
.pc-hide {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .sp-hide {
    display: none !important;
  }

  .pc-hide {
    display: block !important;
  }

  .pc-view {
    display: none !important;
  }

  .sp-view {
    display: block !important;
  }
}

/**************************************************
  導入事例一覧PC 2カラム左セレクトメニュー用スタイル
**************************************************/
.testimonial-menu-fixed {
  position: sticky;
  top: 80px;
  z-index: 1;
}

.testimonial_list {
  background: #fff;
  border-radius: 4px;
  padding: 16px 0 16px 16px;
  color: #000;
  top: 80px;
  z-index: 1;
  position: relative;
  top: 0;
  margin-bottom: 24px;
}

.testimonial_list h2 {
  margin: 0;
  padding: 0 0 14px;
  font-size: 16px;
  font-weight: bold;
}

.testimonial_list h3 {
  margin: 0;
  padding: 0 0 4px;
  font-size: 14px;
  font-weight: bold;
}

.testimonial_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 0 23px;
}

.testimonial_list li {
  padding: 0 0 2px;
}

.testimonial_list li a {
  font-size: 14px;
  color: #000;
  margin-right: 16px;
  text-decoration: underline;
  font-weight: normal;
}

.testimonial_list ul:last-child {
  padding-bottom: 0;
}

.testimonial_list select {
  width: 93%;
  padding: 6px;
  border: solid 1px #ccc;
  border-radius: 3px;
  margin-bottom: 16px;
}

.testimonial_menu-banner div {
  margin-bottom: 16px;
}