@charset "utf-8";
/* common ***************************************************/
.maruGothic {
  font-family: "Zen Maru Gothic", serif;
}
h1,
h2,
h3,
p,
li {
  line-height: 1.9;
}
.textCtr {
  text-align: center;
}

/* title ***************************************************/
/* h1 */
.h1-styleA {
  font-size: 2.2em;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.h1Sub-styleA {
  font-size: 0.8em;
}

/* h2 */
.h2-styleA {
  font-size: 1.9em;
  letter-spacing: 0.05em;
}
.h2-styleA .textBgStyleA {
  padding: 0.1em 0.5em;
}

/* h3 */
.h3-styleA {
  font-size: 1.9em;
  letter-spacing: 0.05em;
}

/* h4 */
.h4-styleA {
  font-size: 1.3em;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

/* text ***************************************************/
p {
  font-size: 120%;
}
.textSizeL {
  font-size: 1.4em;
}
.textSizeS {
  font-size: 0.9em;
}

/* color ***************************************************/
.textColorA {
  color: #fff;
}
.textColorB {
  color: #28201a;
}
.textColorC {
  color: #d45c00;
}

/* text bg ***************************************************/
.textBgStyleA {
  background: #fff;
  line-height: 1.2;
  display: inline-block;
}
.textBgStyleB {
  background: #e9e6e2;
  line-height: 1.2;
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  /* title ***************************************************/
  /* h1 */
  .h1-styleA {
    font-size: 2em;
  }
  /* h2 */
  .h2-styleA {
    font-size: 1.6em;
  }

  /* h3 */
  .h3-styleA {
    font-size: 1.6em;
  }
  /* text ***************************************************/
  p {
    font-size: 105%;
  }
}
@media only screen and (max-width: 768px) {
  /* common ***************************************************/

  /* title ***************************************************/
  /* h1 */
  .h1-styleA {
    font-size: 1.6em;
  }

  /* h2 */
  .h2-styleA {
    font-size: 1.45em;
    margin-bottom: 30px;
  }
  /* h3 */
  .h3-styleA {
    font-size: 1.45em;
    margin-bottom: 30px;
    text-align: center;
  }

  /* h4 */
  .h4-styleA {
    font-size: 1.1em;
  }

  /* text ***************************************************/
  .textSizeL {
    font-size: 1.1em;
  }

  /* color ***************************************************/

  /* text bg ***************************************************/
}
@media only screen and (max-width: 468px) {
  /* text ***************************************************/
  p {
    font-size: 100%;
  }
  /* h2 */
  .h2-styleA {
    font-size: 1.2em;
  }
  /* h3 */
  .h3-styleA {
    font-size: 1.2em;
  }
  /* h4 */
  .h4-styleA {
    font-size: 1.05em;
  }
}