@charset "UTF-8";
#next_title {
  margin-bottom: 0;
}

.block-planlist {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 741px) {
  .block-planlist {
    height: 400px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 740px) {
  .block-planlist {
    height: 240px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.block-planlist .wrapper {
  margin-top: 0;
  padding-top: 0;
}
.block-planlist p {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
@media only screen and (max-width: 740px) {
  .block-planlist p {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.bg-washitsu {
  background-image: url("../family/img/washitsu_bg.jpg");
}
@media print, screen and (min-width: 741px) {
  .bg-washitsu {
    background-size: contain;
    background-position: left center;
  }
}
@media only screen and (max-width: 740px) {
  .bg-washitsu {
    background-image: url("../family/img/washitsu_bg_sp.jpg");
  }
}
@media print, screen and (min-width: 741px) {
  .bg-washitsu .wrapper {
    padding-left: 50%;
  }
}

.bg-familio {
  background-image: url("../family/img/familio_bg.png");
}
@media print, screen and (min-width: 741px) {
  .bg-familio {
    background-size: contain;
    background-position: right center;
    background-color: #F5EDD2;
  }
}
@media only screen and (max-width: 740px) {
  .bg-familio {
    background-image: url("../family/img/familio_bg_sp.jpg");
  }
}

@media only screen and (max-width: 740px) {
  .planlist-footer {
    text-align: center;
  }
}

@media only screen and (max-width: 740px) {
  .planlist-title-group {
    text-align: center;
    margin-bottom: 10px;
  }
}

.button {
  display: inline-flex;
  width: 205px;
  height: 44px;
  text-decoration: none;
  color: #FFF;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 740px) {
  .button {
    width: 160px;
    height: 34px;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.button.washitsu {
  background-color: #589A6E;
}
.button.familio {
  background-color: #8C6900;
}

.subtitle-planlist {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 1.3;
}
@media print, screen and (min-width: 741px) {
  .subtitle-planlist {
    font-size: 28px;
  }
}
@media only screen and (max-width: 740px) {
  .subtitle-planlist {
    font-size: 16px;
  }
}

.title-planlist {
  line-height: 1.3;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  letter-spacing: 0.2em;
}
@media print, screen and (min-width: 741px) {
  .title-planlist {
    font-size: 50px;
  }
}
@media only screen and (max-width: 740px) {
  .title-planlist {
    font-size: 24px;
  }
}
.title-planlist.washitsu {
  color: #589A6E;
}
.title-planlist.familio {
  color: #8C6900;
}
.title-planlist small {
  color: #222;
  display: inline-block;
  margin-left: 0.3em;
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 741px) {
  .title-planlist small {
    font-size: 26px;
  }
}
@media only screen and (max-width: 740px) {
  .title-planlist small {
    font-size: 16px;
  }
}

/*# sourceMappingURL=page_family.css.map */