@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 11, style.scss */
.titleWrap { width: 100%; height: 350px; position: relative; }
/* line 12, style.scss */
.titleWrap .title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 5; }
/* line 13, style.scss */
.titleWrap .title em { font-size: 45px; letter-spacing: 0; }
/* line 15, style.scss */
.titleWrap .ph { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }

/* line 17, style.scss */
ul.breadList { margin-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; }
/* line 18, style.scss */
ul.breadList li { font-size: 12px; }
/* line 20, style.scss */
ul.breadList li:not(:first-child)::before { content: "\f105"; font-family: "Font Awesome 5 Pro"; padding: 0 .5em; }
/* line 22, style.scss */
ul.breadList li a { color: #000; }

@media only screen and (max-width: 750px) { /* line 29, style.scss */
  .titleWrap { width: 100%; height: 150px; overflow: hidden; }
  /* line 31, style.scss */
  .titleWrap .title em { font-size: 32px; }
  /* line 35, style.scss */
  ul.breadList { margin-top: 10px; padding: 0 3.5%; align-items: center; }
  /* line 36, style.scss */
  ul.breadList li { font-size: 10px; }
  /* line 38, style.scss */
  ul.breadList li:not(:first-child)::before { padding: 0 .5em; } }