@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 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
}

.fontja02 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-style: normal;
}

.fonten01,
.widget_nav_menu .widget-title,
.subheader,
.page-service .section-container h3::before {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


/* font-size
   body 17px
   body 18px min-width: 782px
   body 19px min-width: 980px
------------------------------------------------------------ */
.flex-info .material-symbols-outlined,
.phone-content a {
  font-size: 250%;
}

.widget_nav_menu .widget-title {
  font-size: 160%;
}

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

h2,
.jumbotron-title,
.entry-title,
.page-title,
.error-404 .page-title,
.slider-mainvisual .swiper-text {
  font-size: 130%;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 115%;
}

h5,
h6,
.post-grid .entry-title,
.post-list .entry-title,
.widget-title {
  font-size: 110%;
}

.subheader,
.top-section-news ul .entry-title,
.widget,
.flex-info h3,
.info-content .entry-title {
  font-size: 100%;
}

.info-content .entry-meta {
  font-size: 95%;
}

.phone-content p {
  font-size: 90%;
}

@media screen and (min-width: 540px) {
  .flex-info .material-symbols-outlined {
    font-size: 270%;
  }
}

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

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

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

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