/* ==========================================================================
 Foundation
========================================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* ==========================================================================
 Page
========================================================================== */
/*====================
/soukin/xx/wu
====================*/
.p-mv.o-wu {
  padding-top: 75px;
  background: #e3e3de url(/soukin/shared/image/wu/mv.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.o-wuTtl {
  min-height: 250px;
  padding-right: 410px;
  background: url(/soukin/shared/image/common/img/img_wu.png) right center no-repeat;
  margin-bottom: 30px;
}

.o-wuLogo {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-mv.o-wu {
    padding-top: 230px;
  }
  .p-mv.o-wu .p-mv_ttl {
    max-width: 320px;
    height: auto;
  }

  .o-wuTtl {
    min-height: 100px;
    padding-right: 115px;
    background-position: right top;
    background-size: 110px auto;
    margin: 0 20px 15px;
  }
  .o-wuTtl .p-catchTtl_leda {
    min-height: 70px;
  }
  .o-wuTtl .p-catchTtl_ttl {
    margin-right: -115px;
  }
  .o-wuTtl .p-block_txt {
    margin-right: -115px;
  }

  .p-small.o-wuCatch {
    margin-right: -130px;
  }

  .o-wuLogo {
    display: block;
    position: static;
    left: auto;
    top: auto;
    bottom: auto;
  }
}
@media screen and (max-width: 640px) {
  .p-mv.o-wu {
    background-image: url(/soukin/shared/image/wu/mv_sp.jpg);
    background-position: left top;
  }
}