@charset "utf-8";
/* ページタイトル */
.page_titleBox {
	background: url("../../../common/img/title/security-column.webp") no-repeat center center;
	background-size: cover;
}

/* 一覧ページ */
.container_upper {
  max-width: var(--width-1200);
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  .tabs {
    margin: 0;
  }
  @media screen and (max-width: 767px) {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
.sns_link {
  display: flex;
  align-items: center;
  gap: 20px;
}
.card {
  max-width: calc(100% / 3 - 40px /3);
  width: 100%;
  @media screen and (max-width: 767px) {
    max-width: calc(50% - 6px);
  }
}
.tab_content.-active {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  @media screen and (max-width: 767px) {
    gap: 12px;
  }
}
.cmn_cate.mt_10 {
  margin-top: 10px;
}
.card_thumb--border {
  border: 1px solid #ccc;
}

/* ------------------ 
  詳細ページ
------------------ */
.sc_status {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}
.sc_label {
  width: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color);
  font-weight: bold;
  font-size: 1.2rem;
  border: 1px solid var(--main-color);
}
.sc_main {
	width: 100%;
	margin-bottom: var(--space-65);
}
.arrow_btn {
	margin: var(--space-90) auto;
}