@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : hideyosih.css
Description : 秀吉と桜関連
===================================================================== */
/* =====================================================================
    contents
======================================================================*/
.bg-hideyoshi {
  background-image: url("../images/hideyoshi/bg_sp.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .bg-hideyoshi {
    background-image: url("../images/hideyoshi/bg_pc.jpg");
  }
}

.h-inner {
  display: flex;
  flex-direction: row;
  width: 90.6666666667%;
  margin: 0 auto;
}
.h-inner .logo {
  position: relative;
  top: 10rem;
  width: 28%;
}
@media screen and (min-width: 768px) {
  .h-inner {
    justify-content: space-around;
    max-width: 1280px;
  }
  .h-inner .logo {
    top: 20rem;
    width: 15.9375%;
    margin: 0 0 0 auto;
  }
}

.info-daigo {
  margin: 34rem auto 0;
  width: 66.1764705882%;
  display: flex;
  flex-direction: column;
}
.info-daigo p {
  width: 100%;
  padding-bottom: 1em;
  line-height: 4rem;
}
.info-daigo figure {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .info-daigo {
    flex-direction: row;
    max-width: 800px;
    margin-top: 44rem;
    flex-wrap: wrap;
  }
  .info-daigo p {
    width: 64.375%;
    padding: 0 1em;
  }
  .info-daigo figure {
    width: 35.625%;
  }
}

.h-message {
  width: 90.6666666667%;
  margin: 2rem auto 0;
}
.h-message h5 {
  font-size: 4rem;
  line-height: 6rem;
  font-weight: 700;
  color: #d3b00d;
}
.h-message h6 {
  font-size: 5rem;
  line-height: 6rem;
  font-weight: 700;
  color: #d5006b;
  margin-bottom: 1em;
}
.h-message p {
  line-height: 4rem;
}
@media screen and (min-width: 768px) {
  .h-message {
    max-width: 1280px;
    margin: 0 auto;
  }
  .h-message h5 {
    width: 62.5%;
    margin: 0 auto 0 31%;
    font-size: 3rem;
    line-height: 5rem;
  }
  .h-message h6 {
    width: 62.5%;
    margin: 0 auto 0.5em 31%;
    font-size: 4rem;
    line-height: 6rem;
  }
  .h-message p {
    width: 62.5%;
    margin: 0 auto 0 31%;
  }
}/*# sourceMappingURL=hideyoshi.css.map */