@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: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  //font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.fontja02 {
  /* ゴシック */
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.fonten01 {
  font-family: 'Josefin Sans', sans-serif;
}

.fonten02,
.main-navigation a,
.subheader {
  font-family: "Lato", sans-serif;
  /*
  font-family: 'Cinzel', serif;
  font-family: "Lato", sans-serif;
  font-family: "Bodoni Moda", serif;
  font-family: "Josefin Sans", sans-serif;
  font-family: "Raleway", sans-serif;
  font-family: "Abril Fatface", serif;
  font-family: "Montserrat", sans-serif;*/
  font-weight: 400;
}


/* font-size
   body 13px min-width: 640px
   body 14px min-width: 782px
   body 15px min-width: 980px
------------------------------------------------------------ */
.section-title01 p,
.slider-mainvisual .swiper-text h2 {
  font-size: 200%;
}

.section-title02 .section-titlesub,
.subheader,
.midashi02 h2,
.midashi02 h3,
.name-group p:nth-of-type(2) {
  font-size: 180%;
}

.section-sns ul .fab,
.flex-sitemap .flex-item a::after {
  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,
.section-title01 p::first-letter,
.subheader::first-letter,
.midashi02 h2::first-letter,
.midashi02 h3::first-letter {
  font-size: 130%;
}

h3,
.section-title02 h2,
.section-title03 h2,
.section-bgimage a.btn,
.name-group h2 {
  font-size: 120%;
}

h4 {
  font-size: 115%;
}

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

.section-title01 h2,
.name-group p:nth-of-type(1) {
  font-size: 105%;
}

.top-section-news ul .entry-title {
  font-size: 100%;
}

.jumbotron-title {
  font-size: 95%;
}

.widget {
  font-size: 90%;
}

  {
  font-size: 85%;
}

  {
  font-size: 80%;
}

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

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