@charset "UTF-8";

/*CONTENT*/
.top {
  margin-top: 16vw;
  /*padding-top: 16vw;*/
  position: relative;
}

@media print, screen and (min-width: 639px) {
  .top {
    background-size: cover;
    background-position: center;
    height: 17.81vw;
    margin-top: 1.82vw;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 639px) {
  .top img {
    display: none;
  }
}
@media print, screen and (min-width: 639px) {
  .top > div, 
  .top > div > div {
    background-size: cover;
    background-position: center;
    height: 17.81vw;
    margin-top: 1.82vw;
  }
}
.top div.ccm-block,
.top div.ccm-add-block,
.top div.ccm-area {
  height: 3vw;
}
.top-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: inline-block;
    padding: 4vw 0;
    font-size: 5.5vw;
    background: rgba(135,191,193, 0.8);
    color:#fff;
    text-align: center;
    width: 40vw;
}
@media print, screen and (min-width: 639px) {
  .top-title {
    font-size:2.15vw;
    padding: 1vw 0;
    width: 22.5vw;
  }
}