@charset "UTF-8";
/* @charset "utf-8"; */
/* -----------------------------------------------
 * LastUpdate : 18/11/09
----------------------------------------------- **
 * ページスタイル ファイル
----------------------------------------------- */
/**- mediaScreen -**/
/**- colors -**/
/**- font -**/
/*-- common --*/
html {
  font-size: calc(100vw / 32); }
  @media screen and (min-width: 768px) {
    html {
      font-size: calc(100vw / 76); } }
  @media screen and (min-width: 1000px) {
    html {
      font-size: calc(100vw /100); } }
  @media screen and (min-width: 1200px) {
    html {
      font-size: calc(100vw /120); } }

/* -----------------------------------------------
 * Setting
----------------------------------------------- */
.wrapper {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 768px) {
    .wrapper {
      /*		width: 750px;*/
      margin: 0;
      padding: 0; } }

h1 {
  font-size: 20px;
  font-size: 1.7rem;
  line-height: 1.4; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 56px; } }

h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 35px;
      font-size: 3.5rem; } }

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4; }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 22px; } }

h4 {
  /*	font-size: 20px;
  	font-size: 1.25rem;
  	line-height: 1.4;*/ }

h5 {
  /*	font-size: 18px;
  	font-size: 1.125rem;
  	line-height: 1.4;*/ }

h6 {
  /*	font-size: 16px;
  	font-size: 1rem;
  	line-height: 1.4;*/ }

.textArea {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6; }
  @media screen and (min-width: 768px) {
    .textArea {
      font-size: 16px;
      font-size: 1.6rem; } }

.captipnText {
  font-size: 0.7rem; }

/* -----------------------------------------------
 * pageDesign
----------------------------------------------- */
.header {
  width: 100%;
  margin: 0 0 24px;
  padding: 0; }
  .header .headLogo {
    width: 90%;
    margin: 0 auto;
    padding: 4% 0 4%;
    font-size: 12px;
    font-size: 1.0rem;
    font-weight: 900; }
    @media screen and (min-width: 768px) {
      .header .headLogo {
        max-width: 960px;
        padding: 16px 0 40px;
        font-size: 24px; } }
    .header .headLogo span {
      display: block;
      margin: 0 0 6px;
      font-size: 10px;
      font-size: 0.85rem; }
      @media screen and (min-width: 768px) {
        .header .headLogo span {
          font-size: 12px; } }
  .header h1 {
    width: 100%;
    margin: 0 0 4%; }
    @media screen and (min-width: 768px) {
      .header h1 {
        max-width: 960px;
        margin: 0 auto 16px; } }
  .header .cpData {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.2rem;
    font-weight: 900; }
    @media screen and (min-width: 768px) {
      .header .cpData {
        max-width: 822px;
        margin: 0 auto 40px;
        font-size: 32px; } }

/* mailfield */
.mailfield h3 {
  width: 100%;
  margin: 0 0 4%;
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (min-width: 768px) {
    .mailfield h3 {
      font-size: 18px; } }

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