@charset "UTF-8";

@media screen and (min-width: 540px) {}

@media screen and (min-width: 640px) {}

@media screen and (min-width: 782px) {}

@media screen and (min-width: 980px) {}

/* font-familyの設定
------------------------------------------------------------ */
body,
body:lang(ja),
.fontja01,
.wpcf7 input[type="file"]::file-selector-button {
  /* ゴシック */
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
}

.fonten01,
.footer-widget-2 .widget-title,
.flow-icon,
.flow>li .flow-icon::before {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
}


/* font-size
   body 17px
   body 18px min-width: 782px
   body 19px min-width: 980px
------------------------------------------------------------ */


.section-title01 div.title-en,
.error-404 .page-title {
  font-size: 250%;
}

.flex-topservice .text-group div.service-number,
.flex-contact .google-icon::after,
.flex-contact .tel-group a {
  font-size: 230%;
}

.slider-mainvisual .swiper-text h2 {
  font-size: 210%;
}

.flow>li .flow-icon {
  font-size: 200%;
}

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

h2,
.jumbotron-title,
.entry-title,
.page-title,
.flex-topservice .aspect-group::after,
.flex-topservice .text-group h3,
.flex-contact h3 {
  font-size: 130%;
}

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

h4 {
  font-size: 115%;
}

h5,
h6,
.post-grid .entry-title,
.post-list .entry-title,
.widget-title,
.slider-mainvisual .swiper-text p,
.top-section-news ul .entry-title {
  font-size: 110%;
}

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

.top-section-news .entry-date {
  font-size: 95%;
}

.flex-contact p {
  font-size: 80%;
}

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

.flow>li .flow-icon::before {
  font-size: 30%;
}

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

  .slider-mainvisual .swiper-text h2 {
    font-size: 250%;
  }

  .slider-mainvisual .swiper-text p {
    font-size: 120%;
  }
}

@media screen and (min-width: 980px) {
  .flex-contact .google-icon::after {
    font-size: 190%;
  }
}

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

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

@media screen and (min-width: 1440px) {
  .slider-mainvisual .swiper-text h2 {
    font-size: 300%;
  }

  .slider-mainvisual .swiper-text p {
    font-size: 130%;
  }
}