@charset "UTF-8";

.Brandsafe-header {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../../img/brandsafe/bg_visual.png") no-repeat 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 172px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.Brandsafe-header-logo {
  padding-top: 30px;
}
.Brandsafe-header-logo img {
  height: auto;
  width: 172px;
}

.Brandsafe-content {
  background: #f8f8f8;
  color: #575757;
  line-height: 1.6;
}

.Brandsafe-inner {
  padding: 48px 20px;
}

.Brandsafe-visual {
  position: relative;
}
.Brandsafe-visual-img {
  height: 0;
  overflow: hidden;
  padding-top: 37.33%;
  position: relative;
  width: 100%;
}
.Brandsafe-visual-img img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Brandsafe-visual-detail {
  padding: 48px 20px;
}
.Brandsafe-visual-title {
  color: #000;
  font-size: 1rem;
  margin-bottom: 36px;
}
.Brandsafe-visual-text {
  font-size: .6rem;
}

.Brandsafe-title {
  background-color: #b4c9c5;
  color: #fff;
  font-size: .9rem;
  padding: 20px;
  text-align: center;
}

.Brandsafe-lead {
  font-size: .7rem;
  margin-bottom: 48px;
  text-align: center;
}
.Brandsafe-lead br {
  display: none;
}

.Brandsafe-linkBox {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: .6rem;
}
.Brandsafe-linkBox + .Brandsafe-linkBox {
  margin-top: 36px;
}
.Brandsafe-linkBox > dt {
  background-color: #fff;
  border: 1px solid #5fada1;
  -webkit-border-radius: 5em;
          border-radius: 5em;
  color: #5fada1;
  font-weight: bold;
  margin-bottom: 24px;
}
.Brandsafe-linkBox > dt a {
  display: block;
  padding: 16px 60px 16px 24px;
  position: relative;
}
.Brandsafe-linkBox > dt a:after {
  background: url("../../img/brandsafe/icon_blank.png") no-repeat 0 0;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  content: "";
  display: block;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  right: 24px;
  top: 50%;
  width: 12px;
}

.Brandsafe-linkBox.noLink > dt a:after {
  background: none;
}

.jicdaoBgColor {
  background-color: #c5e0b4;
}

.fontSet {
    font-size:.8rem;
    padding-top:5px;
    color: #000000;
    text-align: center;
    font-weight: bold;
}

.Brandsafe-certification {
  width:230px;
  height:130px;
  background: url("../../img/brandsafe/brandsafe_certification.png");
}
.Brandsafe-blank {
  width:230px;
  height:130px;
}

.Brandsafe-adfrund {
  width:230px;
  height:130px;
  background: url("../../img/brandsafe/adfraud_bg.png");
}

.Brandsafe-div {
  text-align: center;
  display: inline-grid;
  border: none;
  padding: 15px 15px 0 15px;
}

.Brandsafe-content-div {
  display: flex;
  justify-content:center;
}

@media ( max-width : 480px) {
  .blank {
    display: none;
  }
  .Brandsafe-content-div {
    display: block;
    justify-content: center;
    text-align: center;
  }
}

@media ( max-width : 680px) {
  .blank {
    display: none;
  }
}

@media (min-width: 480px) {
  .Brandsafe-visual-detail {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
  }
  .Brandsafe-inner {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
  }
}
@media (min-width: 680px) {
  .Brandsafe-visual-detail {
    padding-left: 16.66667%;
    padding-right: 16.66667%;
  }

  .Brandsafe-inner {
    padding-left: 16.66667%;
    padding-right: 16.66667%;
  }
}

@media (min-width: 1080px) {
  .Brandsafe-header {
    height: 268px;
  }
  .Brandsafe-header-logo {
    padding-top: 10px;
  }
  .Brandsafe-header-logo img {
    width: 223px;
  }

  .Brandsafe-visual {
    margin-left: auto;
    margin-right: auto;
    min-height: 510px;
    position: relative;
    width: 1040px;
  }
  .Brandsafe-visual-img {
    height: 478px;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: -50px;
    width: 850px;
    z-index: 1;
  }
  .Brandsafe-visual-img img {
    position: static;
  }
  .Brandsafe-visual-detail {
    padding: 96px 560px 80px 0;
    position: relative;
    z-index: 10;
  }
  .Brandsafe-visual-title {
    font-size: 1.2rem;
    margin-bottom: 40px;
  }
  .Brandsafe-visual-text {
    font-size: .7rem;
  }

  .Brandsafe-inner {
    margin-left: auto;
    margin-right: auto;
    padding: 52px 0;
    width: 1040px;
  }

  .Brandsafe-title {
    font-size: 1.1rem;
    padding-bottom: 24px;
    padding-top: 24px;
  }

  .Brandsafe-lead {
    font-size: .8rem;
    margin-bottom: 52px;
  }
  .Brandsafe-lead br {
    display: inline;
  }

  .Brandsafe-linkBoxs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .Brandsafe-linkBoxs .Brandsafe-linkBox {
    width: 50%;
  }
  .Brandsafe-linkBoxs .Brandsafe-linkBox + .Brandsafe-linkBox {
    margin-top: 0;
  }
  .Brandsafe-linkBoxs .Brandsafe-linkBox:nth-child(2n-1) {
    padding-right: 24px;
  }
  .Brandsafe-linkBoxs .Brandsafe-linkBox:nth-child(2n) {
    padding-left: 24px;
  }
  .Brandsafe-linkBoxs .Brandsafe-linkBox:nth-child(n+3) {
    margin-top: 36px;
  }
  .Brandsafe-linkBox {
    font-size: .7rem;
  }
  .Brandsafe-linkBox > dt {
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
  }
  .Brandsafe-linkBox > dt:hover {
    background-color: #e1eee9;
  }
  .Brandsafe-linkBox > dt a {
    padding: 20px 94px 20px 40px;
  }
  .Brandsafe-linkBox > dt a:after {
    height: 14px;
    margin-top: -7px;
    right: 40px;
    width: 14px;
  }
  .Brandsafe-linkBox > dt br {
    display: none;
  }
}