.blog-hdr .dnd-section>.row-fluid {
  max-width: 100%!important;
  margin: 0px!important;
}

.blog-hdr .dnd_area_header-module-1-flexbox-positioning > div{
  width:100%;

}

.top-header-image {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-animation: header-image-anime .8s ease .3s forwards;animation: header-image-anime .8s ease .3s forwards;width: 100%;position: relative;overflow: hidden;display: block;}

.top-header-image.blog_banner {
  height: auto;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.top-header-image.blog_banner .banner_content {
  max-width: calc(100% - 20%);
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.top-header-image.blog_banner {
  min-height: 280px;
}
.top-header-image.blog_banner .bg_img {
  opacity: 0;
  pointer-events: none;
}
.top-header-image.blog_banner .banner_content p:first-child {
  margin-bottom: 4%;
}

.top-header-image.blog_banner .banner_content p {
  display: inline-block;
  background-color: #111;
  padding: 5px;
}
@media (min-width: 540px){
  .top-header-image {
    display: block;
  }
}

p.header__title {
  margin: 0px;
  font-size: 2rem;
  color: transparent;
  background-color: transparent;
  -webkit-animation: header-image-catch-copy 0s ease .9s forwards;
  animation: header-image-catch-copy 0s ease .9s forwards;
  line-height: 1.4;
  white-space: nowrap;
  margin: 0;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Yu Gothic", メイリオ, Meiryo, "MS PGothic", sans-serif;
}

.top-header__subtitle {
  font-size: 2rem;
  color: transparent;
  background-color: transparent;
  -webkit-animation: header-image-catch-copy 0s ease .9s forwards;
  animation: header-image-catch-copy 0s ease .9s forwards;
  line-height: 1.4;
  margin: 0;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Yu Gothic", メイリオ, Meiryo, "MS PGothic", sans-serif;
}

.top-header-image img {
  width: 100%;
  height: auto;
  vertical-align: top;
  max-width: 100%;
}





@keyframes header-image-catch-copy {
  0% {
    background-color: transparent;
    color: transparent
  }

  50% {
    background-color: #111;
    color: #fff
  }

  100% {
    background-color: #111;
    color: #fff
  }
}           
@keyframes header-image-catch-copy {
  0% {
    background-color: transparent;
    color: transparent
  }

  50% {
    background-color: #111;
    color: #fff
  }

  100% {
    background-color: #111;
    color: #fff
  }
}

@keyframes header-image-anime {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.top-header-image .desktop-bg{
  display:none;
}
@media (min-width: 540px){
  .top-header-image .mobile-bg{
    display: none;
  }
  .top-header-image .desktop-bg{
    display: block;
  }
  p.header__title{
    font-size: 4.4vw;
    top: 24%;
    left: 10%;
  }
  .top-header__subtitle{
    font-size: 4.4vw;
    top: 52%;
    left: 10%;
  }
}

@keyframes header-image-catch-copy-curtain {
  0% {
    width: 0;
    left: 0
  }

  50% {
    width: 100%;
    left: 0
  }

  100% {
    width: 0;
    left: 100%
  }
}