@charset "utf-8";

/* #master.index .mainTitle
========================================== */
#master.index .mainTitle {
  position: relative;
  padding: 70px 0 64px;
  margin: 0 0 64px;
  border-bottom: 1px solid #9b9b9b;
}

@media screen and (max-width: 768px) {
  #master.index .mainTitle {
    padding: 55px 24px 22px 28vw;
    margin: 0 0 40px;
  }
}

#master.index .mainTitle::before {
  content: "";
  position: absolute;
  top: -25px;
  left: -53px;
  display: block;
  width: 100%;
  height: 293px;
  background-image: url("../images/master/br_chuck.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  #master.index .mainTitle::before {
    content: "";
    top: -12px;
    left: -12vw;
    height: 37vw;
  }
}

#master.index .mainTitle .headline {
  text-align: center;
}

/* .master-contentsListWrap
========================================== */

#master.index .master-contentsListWrap {
  position: relative;
  padding: 0 85px 60px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  #master.index .master-contentsListWrap {
    position: relative;
    padding: 0 40px;
    z-index: 2;
  }
}

/* #master.entry .mainTitle
========================================== */

#master.entry .mainTitle {
  position: relative;
  padding: 70px 0 64px;
}

@media screen and (max-width: 768px) {
  #master.entry .mainTitle {
    padding: 32px 32px;
    margin: 0;
  }
}

#master.entry .mainTitle .headline {
  text-align: center;
}

.mainImage {
  text-align: center;
}

/* #master.entry .master-contentsListWrap
========================================== */

#master.entry .master-contentsListWrap {
  position: relative;
  padding: 60px 85px 60px;
  z-index: 2;
  border-top: 1px solid #9b9b9b;
}

@media screen and (max-width: 768px) {
  #master.entry .master-contentsListWrap {
    position: relative;
    padding: 48px 40px 48px;
    z-index: 2;
  }
}

/* #master.entry .master-contentsListWrap
========================================== */

#master.entry .article {
  padding: 0 0 100px;
}

@media screen and (max-width: 768px) {
  #master.entry .article {
    padding: 0 16px 50px;
  }
}

#master.entry .article .entryHeadline h1 {
  margin: 48px 0 40px;
  font-size: 36px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #master.entry .article .entryHeadline h1 {
    margin: 32px 0 32px;
    font-size: 28px;
    text-align: center;
  }
}

.downloadBtnWrap {
  padding: 32px 0 0;
  text-align: center;
}

.downloadBtn {
  display: inline-block;
  padding: 16px 76px 16px 24px;
  font-size: 20px;
  color: #ffffff;
  background-color: #0d90d8;
  background-image: url("../images/icon/icon_download.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 32px) calc(50% + 2px);
  background-size: 16px 29px;
}