/*
Theme Name:QUALIA child
Theme URI:https://tcd-theme.com/tcd114
Description:WordPressテーマ「QUALIA」の子テーマ
Template:qualia_tcd114
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/


.p-cb-split-content-link { font-size:24px; }
.p-cb-split-content-link-arrow { --tcd-animate-arrow-size: 26px; }
.c-animate-arrow-list { grid-template-columns: 0.8em 1.4em; }

.extra-blogs { display:grid; grid-template-columns:1fr 1fr; gap:50px; }
.extra-blog-cards-wrap {}
.extra-blog-cards-wrap h2 { background:var(--tcd-accent-color); color:#fff; padding:20px; }
.extra-blog-cards { overflow-y: scroll; height:680px; border:1px solid #ddd; }
.extra-blog-cards-item { padding: 20px; background: #fff; border-bottom: 1px solid #ddd; }
.extra-blog-cards-item:last-child{ border-bottom:none; }
.extra-blog-cards-item .p-news-cards-item__content { margin-top:15px; row-gap:15px; }
.extra-blog-cards-item__content { line-height:1.8; }
.extra-blog-cards-item .p-news-cards-item__title { font-size:16px; }

@media (max-width: 767px) {
.extra-blogs{ grid-template-columns: 1fr; }
.extra-blog-cards{ height:400px;}
}

.masonry-wrap { padding:15px 15px 0 15px; background:#f0f0f0; }
#masonry {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
#masonry li {
  position: absolute;
  box-sizing: border-box;
}
#masonry img {
  display: block;
  width: 100%;
  height: auto;
}

.company_profile{
  display: grid;
  grid-template-columns: 200px 1fr;
}
.company_profile dt,
.company_profile dd {
  padding: 12px 16px 12px 0;
  border-bottom: 1px solid #ddd;
}
.company_profile dt:last-of-type,
.company_profile dd:last-of-type {
  border-bottom: none;
}
.company_profile dt {
  font-weight: bold;
}
@media (max-width: 768px) {
  .company_profile {
    grid-template-columns: 1fr;
  }
  .company_profile dt {
    padding-bottom: 4px;
    font-weight: bold;
    border:none;
  }
  .company_profile dd {
    padding-top: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
  }
}