@charset "UTF-8";

/* font-familyの設定
------------------------------------------------------------ */
body,
body:lang(ja),
.fontja01,
.wpcf7 input[type="file"]::file-selector-button {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.fontja02,
.flex-topcampaign .coupon,
.midashi01 {
  font-family: "Zen Maru Gothic", sans-serif;
}

.fonten01,
.widget-title,
.flex-topfeature01 h3::before,
.flex-flat7-04 h3::before,
.flex-content-plan h5 span,
.section-title04 h3 span.price {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
}


/* font-size
   body 15px
   body 16px min-width: 782px
   body 17px min-width: 980px
------------------------------------------------------------ */
.error-404 .page-title,
.flex-contact .tel-group a {
  font-size: 250%;
}

.flex-contact .google-icon::after {
  font-size: 220%;
}

.flex-content-plan h5 span,
.section-title04 h3 span.price {
  font-size: 180%;
}

.section-title01 h2,
.section-title02 h2,
.flex-contact h3 {
  font-size: 160%;
}

h1,
.site-title,
.main-header-clone .site-title {
  font-size: 140%;
}

h2,
.jumbotron-title,
.entry-title,
.page-title {
  font-size: 130%;
}

h3,
a.btn::after {
  font-size: 120%;
}

h4,
.flex-content-plan h5,
.section-title04 h3 {
  font-size: 115%;
}

h5,
h6,
.post-grid .entry-title,
.post-list .entry-title,
.widget-title,
.flex-topfeature01 h3::before,
.flex-topcampaign .coupon,
.flex-toprecommend .aspect-caption,
.faq-open dt,
.page-service-message p {
  font-size: 110%;
}

.subheader,
.widget {
  font-size: 100%;
}

.flex-topcampaign figcaption,
.manufacturer,
.flex-service-01 figcaption {
  font-size: 90%;
}

.flex-contact p,
.sub-text,
.flex-content-plan p.zei,
.flex-carmodel p {
  font-size: 80%;
}

.footer-navigation ul,
.site-info {
  font-size: 75%;
}

.section-title04 h3 span.zei {
  font-size: 60%;
}

@media screen and (min-width: 782px) {
  .error-404 .page-title {
    font-size: 270%;
  }
}

@media screen and (min-width: 1120px) {
  .error-404 .page-title {
    font-size: 300%;
  }
}