@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 13, page_works.scss */
#works .articleWrap { padding-top: 170px; }
/* line 14, page_works.scss */
#works .articleWrap .articleSet { width: 67%; margin: 0 auto 165px; }
/* line 15, page_works.scss */
#works .articleWrap .articleSet .titWrap { text-align: left; position: relative; border-left: 10px solid #036eb8; padding: 0 0 40px 30px; margin-bottom: 50px; box-sizing: border-box; }
/* line 16, page_works.scss */
#works .articleWrap .articleSet .titWrap .new { position: absolute; background: #fb0200; color: #fff; font-size: 11px; letter-spacing: 0; padding: 0px 8px; top: -30px; left: 30px; }
/* line 17, page_works.scss */
#works .articleWrap .articleSet .titWrap .tit { font-size: 24px; }
/* line 18, page_works.scss */
#works .articleWrap .articleSet .titWrap .date { font-size: 16px; margin-top: 10px; }
/* line 19, page_works.scss */
#works .articleWrap .articleSet .titWrap::after { content: ""; display: block; width: calc(100% - 30px); height: 0; border-bottom: 1px solid #999999; position: absolute; bottom: 0; right: 0; }
/* line 21, page_works.scss */
#works .articleWrap .articleSet .text { text-align: left; font-size: 18px; line-height: 1.8; padding-left: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 27, page_works.scss */
#works .pagenation { margin: 185px auto 165px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; max-width: 800px; }
/* line 28, page_works.scss */
#works .pagenation .prev, #works .pagenation .next { width: 100px; }
/* line 29, page_works.scss */
#works .pagenation .prev a, #works .pagenation .next a { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 10px 0; }
/* line 30, page_works.scss */
#works .pagenation .prev a i, #works .pagenation .next a i { margin: 0 10px; }
/* line 31, page_works.scss */
#works .pagenation .prev a em, #works .pagenation .next a em { color: #000; }
/* line 40, page_works.scss */
#works .pagenation ul.listWrap { width: calc(100% - 240px); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 41, page_works.scss */
#works .pagenation ul.listWrap li { width: 45px; height: 45px; }
/* line 42, page_works.scss */
#works .pagenation ul.listWrap li:not(:last-child) { margin-right: 6px; }
/* line 43, page_works.scss */
#works .pagenation ul.listWrap li a { width: 100%; height: 100%; border: 1px solid #036eb8; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color: #000; }
/* line 44, page_works.scss */
#works .pagenation ul.listWrap li.current { background: #036eb8; }
/* line 45, page_works.scss */
#works .pagenation ul.listWrap li.current a { color: #fff; }
/* line 50, page_works.scss */
#works .pagenation .next a { flex-direction: row-reverse; }
@media only screen and (max-width: 750px) { /* line 61, page_works.scss */
  #works .articleWrap { padding-top: 100px; }
  /* line 62, page_works.scss */
  #works .articleWrap .articleSet { width: 90%; margin: 0 auto 100px; }
  /* line 63, page_works.scss */
  #works .articleWrap .articleSet .titWrap { border-left: 6px solid #036eb8; padding: 0 0 30px 20px; margin-bottom: 30px; margin-left: -2.5%; }
  /* line 64, page_works.scss */
  #works .articleWrap .articleSet .titWrap .new { font-size: 11px; padding: 0px 8px; top: -30px; left: 20px; }
  /* line 65, page_works.scss */
  #works .articleWrap .articleSet .titWrap .tit { font-size: 22px; /*text-align: justify;*/ }
  /* line 66, page_works.scss */
  #works .articleWrap .articleSet .titWrap .date { font-size: 14px; margin-top: 10px; }
  /* line 67, page_works.scss */
  #works .articleWrap .articleSet .titWrap::after { width: calc(100% - 20px); }
  /* line 69, page_works.scss */
  #works .articleWrap .articleSet .text { font-size: 17px; line-height: 1.8; padding-left: 0px; }
  /* line 70, page_works.scss */
  #works .articleWrap .articleSet .text p { margin-bottom: 1em; }
  /* line 71, page_works.scss */
  #works .articleWrap .articleSet .text img { margin: 1em auto; }
  /* line 75, page_works.scss */
  #works .pagenation { margin: 120px auto 100px; max-width: 90%; position: relative; }
  /* line 76, page_works.scss */
  #works .pagenation .prev, #works .pagenation .next { width: 100px; position: absolute; bottom: calc(100% + 10px); }
  /* line 77, page_works.scss */
  #works .pagenation .prev a, #works .pagenation .next a { padding: 10px 0; }
  /* line 78, page_works.scss */
  #works .pagenation .prev a i, #works .pagenation .next a i { margin: 0 10px; }
  /* line 82, page_works.scss */
  #works .pagenation .prev { left: 0; }
  /* line 88, page_works.scss */
  #works .pagenation ul.listWrap { width: calc(100% - 0px); }
  /* line 89, page_works.scss */
  #works .pagenation ul.listWrap li { width: 30px; height: 30px; margin: 0 2.5px 5px; }
  /* line 90, page_works.scss */
  #works .pagenation ul.listWrap li:not(:last-child) { margin-right: 2.5px; }
  /* line 97, page_works.scss */
  #works .pagenation .next { right: 0; }
  /* line 98, page_works.scss */
  #works .pagenation .next a { flex-direction: row-reverse; } }