@charset "UTF-8";
/* -------------------------------------------------- */
/* 鍵カッコ */
/*--------------------------------------------------- */
/* -------------------------------------------------- */
/* html */
/*--------------------------------------------------- */
/* 変数ここまで */
/* -------------------------------------------------- */
/* bandTitle */
/*--------------------------------------------------- */
main .bandTitle {
  height: 100px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #b28b4e;
  background: -webkit-linear-gradient(-45deg, #b28b4e 20%, #735749 50%);
  background: -webkit-linear-gradient(315deg, #b28b4e 20%, #735749 50%);
  background: linear-gradient(135deg, #b28b4e 20%, #735749 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$title-color1', endColorstr='$title-color2',GradientType=1 ); }
  main .bandTitle h2 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    color: #FFFFFF;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

/* -------------------------------------------------- */
/* description */
/*--------------------------------------------------- */
main .description {
  margin-top: 60px;
  margin-bottom: 50px; }
  main .description p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7em;
    max-width: 650px;
    margin: 0 auto; }

/* -------------------------------------------------- */
/* レスポンシブ */
/*--------------------------------------------------- */
@media (max-width: 768px) {
  /* -------------------------------------------------- */
  /* bandTitle */
  /*--------------------------------------------------- */
  .bandTitle h2 {
    font-size: 24px;
    font-size: 2.4rem; }
  /* -------------------------------------------------- */
  /* description */
  /*--------------------------------------------------- */
  .description p {
    font-size: 15px;
    font-size: 1.5rem;
    max-width: initial; } }
  @media (max-width: 768px) and (max-width: 480px) {
    .description p {
      font-size: 14px;
      font-size: 1.4rem; } }