@charset 'utf-8';

/* MV */
.brand-intro-sec {
 height: 300px;
 background: url(../../images/brand/ssl/bg-ssl-mv@2x.png) center / cover;
 padding-top: 50px;
}
.brand-intro-sec .wrap {
 height: 46px;
 color: #ffffff;
}
.brand-intro-sec__title {
 padding-bottom: 40px;
 font-size: 45px;
 line-height: 1.3;
}
.brand-intro-sec p {
 line-height: 1.6;
}

/* Nav・logo */
.brand-cat-sec__list li a.digicert,
.common-line-title.digicert::before {
 background-color: #4491ED;
}
.brand-cat-sec__list li a:hover.digicert {
 background-color: #1776eb;
}
.brand-cat-sec__list li a.geotrust,
.common-line-title.geotrust::before {
 background-color: #EB8D48;
}
.brand-cat-sec__list li a:hover.geotrust {
 background-color: #eb7a29;
}
.brand-cat-sec__list li a.cybertrust,
.common-line-title.cybertrust::before {
 background-color: #898B96;
}
.brand-cat-sec__list li a:hover.cybertrust {
 background-color: #65676f;
}
.brand-cat-sec__list li a.globalsign,
.common-line-title.globalsign::before {
 background-color: #4491ED;
}
.brand-cat-sec__list li a:hover.globalsign {
 background-color: #1776eb;
}
.brand-intro-sec__logo {
 display: flex;
 align-items: center;
 padding-top: 25px;
 font-size: 29px;
}
.brand-intro-sec__logo img {
 padding-right: 25px;
}
.top-index__flex-main__news-link {
 margin: 35px 0 80px;
}
/* footer */
body:has(#ssl) #footer {
 margin-top: 0;
}

/* responsive */
@media screen and (max-width: 767px) {
 .brand-intro-sec {
  height: 230px;
  background: url(../../images/brand/ssl/bg-ssl-mv_sp@2x.png) center / cover;
  padding-top: 47px;
 }
 .brand-intro-sec .wrap {
  text-align: center;
 }
 .brand-intro-sec__logo img {
  width: auto;
  padding-right: 15px;
 }
 .brand-intro-sec__title {
  padding-bottom: 15px;
  line-height: 1.5;
  font-size: clamp(24px, 4vw, 30px);
 }
 .brand-intro-sec__logo {
  font-size: 18px;
 }
 .brand-intro-sec p {
  font-size: 14px
 }
}