@import url(https://www.hatena.ne.jp/contentmarketing/file/10257846132699801098);

/* common */
body {
color: #333;
}

/* トップ */
.page-index #subpage-header,
.page-index #box2,
.page-index .induction-contact.is-solutions,
.page-index .induction-support .item.is-functions {
  display: none;
}

.top-service .data-items strong{
  color: #00a0f0;
}

/* CMS機能一覧 */
.static-page-cms-functions .induction-support .item.is-functions {
  display: none;
}


/* CMS構築・運用方法の比較 */
.static-page-cms-feature .induction-support .item.is-functions {
  display: none;
}


/* 導入事例一覧 */
.static-page-cms-case .induction-support .item.is-functions {
  display: none;
}


/* 編集支援 */
.static-page-mediasuite .induction-contact.is-solutions,
.static-page-mediasuite .induction-support .item.is-contents {
  display: none;
}


/* 集客支援 */
.static-page-nativeads .induction-contact.is-solutions,
.static-page-nativeads .induction-contact.is-general,
.static-page-nativeads .induction-support .item.is-nativeads {
  display: none;
}


/* 記事一覧 */
.page-archive #box2,
.page-archive .induction-contact.is-solutions,
.page-archive .induction-support {
  display: none;
}


/* 記事詳細 */
.page-entry .induction-contact.is-solutions,
.page-entry .induction-support {
  display: none;
}



/* 事例紹介 */
.center{
  text-align: center;
}
.cc-title{
font-weight: normal;
font-size: 16px;
margin: 5px 0 0 0;
}
.cc-url{
font-size: 14px;
margin: 0px;
}
.cc-corporation{
font-weight: bold;
margin: 0px;
}
.cc-interview{
text-decoration: underline;
margin: 18px;
}
.cc-container {
  text-align: center;
  padding-top: 25px;
}
a.cc-btn-open {
  display: inline-block;
  width: 180px;
  height:50px;
  text-align: center;
  background-color: #005cc5;
  font-size: 14px;
  line-height: 52px;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
a.cc-btn-open:hover{
  color: #FFF;
  text-decoration: none;
  background-color: #0976c7;
}
a.cc-btn-open:active{
  color: #FFF;
  text-decoration: none;
}

.preview-draft-modal {
  z-index: 9999!important;
}

/* 資料ダウンロード */
.download-wrapper {
  max-width: 960px;
  margin: auto;
  padding: 3rem 0;
}
@media (max-width: 768px) {
  .download-wrapper {
      padding: 3rem 40px;
  }
}
@media (max-width: 480px) {
  .download-wrapper {
      padding: 3rem 20px;
  }
}
.download-wrapper > p {
  margin-bottom: 2rem;
}
.download-contents {
  margin-bottom: 6rem;
}
.download-contents h3 {
  font-size: 1.5rem;
}
.download-list {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  column-gap: 48px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  row-gap: 48px;
}
@media (max-width: 768px) {
  .download-list {
      grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width: 480px) {
  .download-list {
      grid-template-columns: 1fr;
      column-gap: 2rem;
      row-gap: 2.5rem;
  }
}
.download-list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 1;
}
.download-list li a:hover {
  text-decoration: none;
  opacity: .7;
}
.download-list li span {
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
}
.download-list li span img {
  border: 1px solid #ccc;
  border-radius: 4px;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.download-list li h4 {
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0 0 .5rem;
}
.download-list li .download-description {
  color: #999;
  font-size: .85rem;
  line-height: 1.8;
  margin-bottom: 1rem;
}
.download-list li .download-link {
  background: #06c;
  font-size: 1rem;
  border-radius: 100px;
  margin: auto 0 0;
  padding: 10px 0;
  position: relative;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}