/* 提携・掲載メディアのロゴ帯（inc/masse-trust.php・2026-10-21）
   色・見出しは top-add.css の .lp（eyebrow / sec-title）に合わせる。
   直後の .footer が margin-top:-72px で食い込むため、下余白に 72px を足している */
.masse-trust{
  background:#fff;
  border-top:1px solid #e6e1d8;
  padding:44px 0 128px;
  font-family:"Noto Sans JP","游ゴシック体","Yu Gothic",sans-serif;
  color:#1c2b33;
}
.masse-trust_wrap{max-width:1080px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.masse-trust_eyebrow{
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.18em;
  color:#1CBEA1;text-align:center;margin:0 0 8px;line-height:1.5;
}
.masse-trust_title{
  font-family:'Montserrat',"Noto Sans JP",sans-serif;font-weight:700;
  font-size:clamp(20px,2.6vw,26px);line-height:1.4;text-align:center;color:#1c2b33;
  margin:0 0 32px;padding:0;border:0;background:none;
}
.masse-trust_title::before,.masse-trust_title::after,
.masse-trust_label::before,.masse-trust_label::after{content:none;display:none;}
.masse-trust_groups{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.masse-trust_label{
  font-size:14px;font-weight:700;color:#0e7d6a;line-height:1.5;
  margin:0 0 12px;padding:0 0 0 10px;border:0;border-left:3px solid #1CBEA1;background:none;
}
.masse-trust_list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.masse-trust_item{margin:0;padding:0;list-style:none;}
.masse-trust_item::before{content:none;}
.masse-trust_card{
  display:flex;flex-direction:column;height:100%;box-sizing:border-box;
  background:#F9F6F3;border:1px solid #e6e1d8;border-radius:12px;padding:12px;
  color:#1c2b33;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease;
}
a.masse-trust_card:hover{border-color:#1CBEA1;box-shadow:0 4px 20px rgba(20,60,56,.08);}
.masse-trust_logo{
  display:flex;align-items:center;justify-content:center;height:80px;
  background:#fff;border-radius:8px;padding:12px 16px;box-sizing:border-box;
}
.masse-trust_logo img{display:block;width:auto;height:40px;max-width:100%;object-fit:contain;margin:0;border:0;box-shadow:none;}
.masse-trust_text{font-size:19px;font-weight:700;letter-spacing:.04em;line-height:1.4;color:#3a4a52;text-align:center;}
.masse-trust_role{display:flex;align-items:center;justify-content:center;min-height:3.2em;margin-top:8px;font-size:12.5px;line-height:1.6;color:#5d6b78;text-align:center;}

.masse-trust_role{flex-wrap:wrap;}
.masse-trust_rp.is-after::before{content:"／";}

@media (max-width:767px){
  .masse-trust{padding:36px 0 112px;}
  .masse-trust_wrap{padding:0 16px;}
  .masse-trust_title{margin-bottom:24px;}
  .masse-trust_groups{grid-template-columns:1fr;gap:24px;}
  .masse-trust_list{gap:10px;}
  .masse-trust_card{padding:10px;}
  .masse-trust_logo{height:68px;padding:10px 12px;}
  .masse-trust_text{font-size:17px;}
  .masse-trust_logo img{height:34px;}
  .masse-trust_role{font-size:12px;margin-top:8px;flex-direction:column;line-height:1.5;}
  .masse-trust_rp{display:block;}
  .masse-trust_rp.is-after::before{content:none;}
}

/* 2026-10-21 掲載メディアを4社に増やしたのに合わせて並びを変更
   PC: 区分を縦に積み、各区分は4列（提携2社・掲載4社でもカード幅がそろう）／SP: 2列のまま */
.masse-trust_groups{grid-template-columns:1fr;gap:28px;}
.masse-trust_list{grid-template-columns:repeat(4,minmax(0,1fr));}
.masse-trust_card.is-coconala .masse-trust_logo img{height:52px;}  /* 公式データが余白込みのため */
.masse-trust_card.is-badge .masse-trust_logo img{height:56px;width:56px;}
@media (max-width:767px){
  .masse-trust_groups{gap:24px;}
  .masse-trust_list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .masse-trust_card.is-coconala .masse-trust_logo img{height:44px;}
  .masse-trust_card.is-badge .masse-trust_logo img{height:48px;width:48px;}
}
/* 役割は全幅で「上段＝媒体の種類／下段＝マッセとの関係」の2行にそろえる（PCで折り返すと行頭に／が残るため） */
.masse-trust_role{flex-direction:column;line-height:1.55;}
.masse-trust_rp{display:block;}
.masse-trust_rp.is-after::before{content:none;}