/*
*********************************************************
背景固定エリア
*********************************************************
*/
#campaign-bg-area {
  position: relative;
  z-index: 0;
  background: url('/campaign/testdrive-report/forester/img/bg-forester.webp') no-repeat center top fixed;
  background-size: cover;
  background-attachment: fixed;
}

#campaign-bg-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(2px);
  z-index: -1;
  pointer-events: none;
}




#campaign-contents .report-ttl {
  padding:0 .4em .2em;
  border-bottom: 3px dashed #2589d0;
}
/*
*********************************************************
cotyエリア
*********************************************************
*/
.coty-lead-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 32px;
  margin-block-end: 4.6rem;
  padding-block: 16px;
}
@media screen and (min-width: 769px) {
    .coty-lead-wrap .coty-logo {
        flex-basis: 183px;
    }
    .coty-lead-wrap .coty-lead {
        flex-basis: 674px;
        font-size: 1.9rem;
        line-height: 1.9;
        font-weight: bold;
    }
}
@media screen and (max-width: 767px) {
  .coty-lead-wrap{
    flex-direction: column;
  }
  .coty-lead-wrap .coty-logo{
    margin-bottom: 1.6rem;
  }
  .coty-lead-wrap .coty-lead{
    font-size: 1.8rem !important;
    line-height: calc(26 / 18) !important;
  }
}

/*#section-kv {
  height: calc(100vw * 1180 / 2880);
}*/
#section-kv {
  aspect-ratio: 2880 / 1180;
  position: relative;
  overflow: hidden;
}
#section-kv .photo {
  position: absolute;
  inset: 0;
  will-change: transform;
}
.f-section{
  margin-top: 16px !important;
}
@media screen and (max-width: 767px) {
  #section-kv {
  aspect-ratio: 1536 / 1886;
  }
  .f-section{
  margin-top: 0 !important;
  }
}

#campaign-contents .btn-wrap {
    max-width: none;
}