@charset "utf-8";
/* CSS Document */
body.lower_page .lower_header {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.lower_header {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

body.top_page .lower_header {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
}

body.top_page .lower_header.is-show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.service_cate {
  background-color: #141318;
}

.cate1.service_cate .service_cate_genre {
  background-color: #102236;
}
.card_pickup {
  width: 100%;
  background-color: #141318;
}

.card_pickup .card_pickup_head {
  margin-bottom: clamp(35px, 5vw, 60px);
  text-align: center;
}

.card_pickup .card_pickup_title {
  margin-bottom: clamp(14px, 2vw, 22px);
  color: #cf9f3e;
  line-height: 1;
  letter-spacing: .14em;
  font-weight: 400;
}

.card_pickup .card_pickup_sub {
  color: #fff;
  letter-spacing: .12em;
}

.card_pickup .card_pickup_list {
  display: grid;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 45px) clamp(25px, 3vw, 35px);
}

.card_pickup .card_pickup_item {
  padding: clamp(18px, 2.4vw, 25px);
  background-color: #102236;
}

.card_pickup .card_pickup_image {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.card_pickup .card_pickup_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card_pickup .card_pickup_name {
  padding-top: clamp(16px, 2vw, 22px);
  color: #fff;
  text-align: center;
  letter-spacing: .08em;
}

.card_pickup .card_pickup_btns {
  display: flex;
  margin-top: clamp(35px, 5vw, 60px);
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .card_pickup .card_pickup_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 576px) {
  .card_pickup .card_pickup_list {
    grid-template-columns: 1fr;
  }

  .card_pickup .card_pickup_item {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .cate3.service_cate .service_cate_item {
    flex-direction: column;
  }

  .cate3.service_cate .service_cate_image {
    order: 1;
    width: 100%;
    flex: none;
  }

  .cate3.service_cate .service_cate_text {
    order: 2;
    width: 100%;
  }
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}

