@charset "utf-8";

.socialbusiness-page{
  background:#fff;
}

.socialbusiness-hero{
  padding:50px 0 0;
}

.socialbusiness-partner-section{
  padding:70px 0;
}

.socialbusiness-message-card{
  margin-bottom:44px;
}

.socialbusiness-message-card p{
  margin:0;
  color:#344765;
  font-size:16px;
  line-height:2.2;
}

.socialbusiness-message-card strong{
  color:var(--navy);
}

.socialbusiness-keyword-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
}

.socialbusiness-keyword-card{
  background:#fff;
  border:1px solid #dddfe7;
  border-top:4px solid var(--gold);
  padding:34px 30px;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}
.socialbusiness-partner-card .partner-copy2::before {
  content: "▷";
  display: inline-block;
  margin-right: 0.45em;
  color: #00245c;
  font-size: 0.9em;
  line-height: 1;
  transform: translateY(-1px);
}
.socialbusiness-keyword-card span,
.partner-num{
  display:block;
  margin-bottom:14px;
  color:#c59a2d;
  font-size:16px;
  font-weight:700;
  letter-spacing:.16em;
}

.socialbusiness-keyword-card h3,
.socialbusiness-partner-card h3{
  margin:0 0 16px;
  color:var(--navy);
  font-size:22px;
  line-height:1.5;
  font-family:var(--mincho);
  font-weight:500;
}

.socialbusiness-keyword-card p,
.socialbusiness-partner-card p{
  margin:0;
  color:#344765;
  font-size:14px;
  line-height:2;
}
.socialbusiness-partner-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
	margin-top: 40px;	
}

.socialbusiness-partner-card{
  background:#fff;
  border:1px solid #dddfe7;
  border-top:4px solid var(--gold);
  padding:38px 36px;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}

.socialbusiness-partner-card .partner-copy{
  margin-bottom:18px;
  color:var(--navy);
  font-size:18px;
  line-height:1.8;
  font-family:var(--mincho);
}

.socialbusiness-contact-section{
  padding-bottom:70px;
}

.socialbusiness-contact-card{
  background:var(--navy);
  border-top:4px solid var(--gold);
  padding:56px 64px;
  color:#fff;
}

.socialbusiness-contact-card .section-label{
  color:#c59a2d;
}

.socialbusiness-contact-card h2{
  margin:0 0 28px;
  color:#fff;
  font-size:34px;
  line-height:1.6;
  font-family:var(--mincho);
  font-weight:500;
}

.socialbusiness-contact-text{
  margin:0 0 36px;
  color:#fff;
  font-size:15px;
  line-height:2.2;
}

.socialbusiness-contact-card .btn-white{
  width:450px;
  max-width:100%;
  margin-left:auto;
}

@media(max-width:760px){

  .socialbusiness-hero{
    padding:20px 0 28px;
  }

.socialbusiness-keyword-card h3, .socialbusiness-partner-card h3 {
    font-size: 16px;
}
	
	.socialbusiness-intro-section{
		padding:0;
		margin-bottom: 30px;
	}
  .socialbusiness-partner-section{
    padding:28px 0;
  }

  .socialbusiness-message-card{
    padding:0;
  }
	.socialbusiness-partner-grid{
		margin-top: 40px;
	}
  .socialbusiness-keyword-grid,
  .socialbusiness-partner-grid{
    grid-template-columns:1fr;
  }
	.socialbusiness-keyword-card{
		padding: 24px 18px;
	}
  .socialbusiness-partner-card{
    padding: 24px 18px;
  }
	.socialbusiness-keyword-card span, .partner-num{
			margin-bottom: 8px;
	}
  .socialbusiness-partner-card .partner-copy{
    font-size:16px;
  }

  .socialbusiness-contact-section{
    padding:30px 0;
  }

  .socialbusiness-contact-card{
    padding:36px 24px;
  }

  .socialbusiness-contact-card h2{
    font-size:26px;
  }

  .socialbusiness-contact-card .btn-white{
    width:100%;
    margin-left:0;
  }
}