@charset "utf-8";

section {
  padding: 0;
}

.section.search {
  padding-top: 0;
}

@media (max-width: 767.98px) {
  .search-list-content li {
    width: 100%;
  }
}

/*  lower page  */
.page-header.user-case {
  background: url("/user_case/img/img_pageheader_bg.png") no-repeat center/cover #0066cc;
}

@media (min-width: 768px) {
  .page-header.user-case .container {
    max-width: 1100px;
  }
}

.page-header.user-case .page-header-title {
  margin-top: 30px;
  text-align: left;
}
@media (min-width: 768px) {
  .page-header.user-case .page-header-title {
    margin-top: 0;
  }
}

.page-header.user-case p {
  margin-top: 20px;
  color: #fff;
}
@media (min-width: 768px) {
  .page-header.user-case p {
    margin-top: 30px;
  }
}

.page-header.user-case .hashtag-list {
  margin-top: 20px;
}

.page-header.user-case .hashtag-item {
  color: #fff;
  font-size: 15px;
}

.container-frame {
  padding: 50px 0;
}

.container-frame.bg-blue .container {
  padding: 0;
}
@media (min-width: 768px)  {
  .container-frame.bg-blue .container {
    padding: 0 20px;
  }
}

.page-detail .common-title.type04 {
  margin-top: 10px;
}

.page-detail .section .row {
  gap: 25px 0;
}

/*  guidance  */
.section.guidance {
  margin: 40px 0 0;
}

/*  related  */
.section.related {
  padding-bottom: 30px;
}